{"version":3,"file":"8152.f55d625d53f6810a2c9c.css","mappings":"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","sources":["webpack://mattermost-webapp/./sass/utils/_flex.scss","webpack://mattermost-webapp/./sass/utils/_mixins.scss","webpack://mattermost-webapp/./sass/utils/_animations.scss","webpack://mattermost-webapp/./sass/utils/_modifiers.scss","webpack://mattermost-webapp/./components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.scss"],"sourcesContent":[".d-flex {\n    display: -webkit-box !important;\n    display: -ms-flexbox !important;\n    display: flex !important;\n}\n\n.align-items-center {\n    align-items: center !important;\n    -webkit-box-align: center !important;\n    -ms-flex-align: center !important;\n}\n\n.col {\n    max-width: 100%;\n    flex-basis: 0;\n    flex-grow: 1;\n    -ms-flex-positive: 1;\n    -ms-flex-preferred-size: 0;\n}\n","@charset \"utf-8\";\n\n@mixin file-icon($path) {\n    background-image: url($path);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 32px 40px;\n}\n\n@mixin alpha-property($property, $color, $opacity) {\n    #{$property}: rgba($color, $opacity);\n}\n\n@mixin font-smoothing($value: antialiased) {\n    @if $value == antialiased {\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n\n    @else {\n        -webkit-font-smoothing: subpixel-antialiased;\n        -moz-osx-font-smoothing: auto;\n    }\n}\n\n@mixin cursor($value) {\n    cursor: -webkit-$value;\n    cursor: zoom-$value;\n}\n\n// From https://gist.github.com/kaelig/7528069\n@mixin text-clamp($lines: 2, $line-height: false) {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: $lines;\n\n    // Fallback for non-Webkit browsers\n    // (won't show `…` at the end of the block)\n    @if $line-height {\n        max-height: $line-height * $lines * 1px;\n    }\n}\n\n@mixin button-style--none {\n    padding: 0;\n    border: none;\n    background: transparent;\n\n    &:focus {\n        outline: 0;\n        text-decoration: none;\n    }\n\n    &.btn {\n        padding: 6px 12px;\n    }\n\n    &.btn--block {\n        width: 100%;\n        text-align: left;\n    }\n\n    &:hover,\n    &:active {\n        text-decoration: none;\n    }\n}\n\n@mixin fit-content {\n    width: fit-content;\n    width: -moz-fit-content;\n}\n\n@mixin clearfix {\n    overflow: hidden;\n    *zoom: 1;\n}\n\n@mixin pie-clearfix {\n    &::after {\n        display: table;\n        clear: both;\n        content: \"\";\n    }\n\n    *zoom: 1;\n}\n\n@mixin tertiary-button {\n    display: inline-flex;\n    align-items: center;\n    border: 0;\n    background: rgba(var(--button-bg-rgb), 0.08);\n    border-radius: 4px;\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:disabled {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n    }\n\n    &:hover:enabled {\n        background: rgba(var(--button-bg-rgb), 0.12);\n    }\n\n    &:active:enabled {\n        background: rgba(var(--button-bg-rgb), 0.16);\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n\n        &::before {\n            margin: 0 7px 0 0;\n        }\n    }\n}\n\n@mixin primary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    background: var(--button-bg);\n    border-radius: 4px;\n    color: var(--button-color);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--button-bg);\n    }\n\n    &:active {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--button-bg);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin secondary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--denim-button-bg);\n    background: var(--center-channel-bg);\n    border-radius: 4px;\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: rgba(var(--denim-button-bg-rgb), 0.08);\n    }\n\n    &:active {\n        background: rgba(var(--denim-button-bg-rgb), 0.16);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled {\n        border: rgba(var(--center-channel-color-rgb), 0.32);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin button-focus {\n    &:focus {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n\n    &:focus:not(:focus-visible) {\n        border-width: 0;\n        box-shadow: none;\n    }\n\n    &:focus-visible {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n}\n\n@mixin button-xsmall {\n    height: 24px;\n    padding: 4px 6px;\n    font-size: 11px;\n    line-height: 16px;\n}\n\n@mixin button-small {\n    height: 32px;\n    padding: 0 16px;\n    font-size: 12px;\n    line-height: 10px;\n}\n\n@mixin button-medium {\n    height: 40px;\n    padding: 0 20px;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n@mixin button-large {\n    height: 48px;\n    padding: 0 24px;\n    font-size: 16px;\n    line-height: 18px;\n}\n\n@mixin link {\n    border: none;\n    box-shadow: none;\n    color: var(--link-color);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n\n    &:hover,\n    &:active,\n    &:focus {\n        text-decoration-line: underline;\n    }\n\n    &:disabled {\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n        text-decoration: none;\n    }\n}\n\n@mixin simple-in-and-out-after($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-after {\n        &-enter {\n            transform: translateY(-100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-after {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(-100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(-100vh);\n        }\n    }\n}\n\n@mixin simple-in-and-out-before($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-before {\n        &-enter {\n            transform: translateY(100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-before {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(100vh);\n        }\n    }\n}\n\n@mixin simple-in-and-out($classPrefix, $transition_time: 300ms) {\n    @include simple-in-and-out-before($classPrefix, $transition_time);\n    @include simple-in-and-out-after($classPrefix, $transition_time);\n}\n\n@mixin shake-horizontally {\n    animation: shake-horizontally 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n    backface-visibility: hidden;\n    perspective: 1000px;\n    transform: translate3d(0, 0, 0);\n}\n\n@keyframes shake-horizontally {\n    10%,\n    90% {\n        transform: translate3d(-1px, 0, 0);\n    }\n\n    20%,\n    80% {\n        transform: translate3d(2px, 0, 0);\n    }\n\n    30%,\n    50%,\n    70% {\n        transform: translate3d(-4px, 0, 0);\n    }\n\n    40%,\n    60% {\n        transform: translate3d(4px, 0, 0);\n    }\n}\n","@charset 'UTF-8';\n\n@keyframes spin {\n    from {\n        transform: scale(1) rotate(0deg);\n    }\n\n    to {\n        transform: scale(1) rotate(360deg);\n    }\n}\n\n@keyframes highlight {\n    from {\n        @include alpha-property(background, $yellow, 0.5);\n    }\n\n    to {\n        background: none;\n    }\n}\n\n@mixin fade-in {\n    animation-duration: 0.3s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    opacity: 1;\n}\n\n@keyframes fadeInOpacity {\n    0% {\n        opacity: 0;\n    }\n\n    100% {\n        opacity: 1;\n    }\n}\n","@charset 'UTF-8';\n$positions: 't b l r';\n\n$positions: 't'top,\n    'b'bottom,\n    'l'left,\n    'r'right;\n\n@for $i from 0 through 20 {\n    @each $label,\n        $position in $positions {\n        .p#{$label}-#{$i} {\n            padding-#{$position}: #{$i*4}px !important;\n        }\n    }\n\n    @each $label,\n        $position in $positions {\n        .m#{$label}-#{$i} {\n            margin-#{$position}: #{$i*4}px !important;\n        }\n    }\n\n    .m-#{$i} {\n        margin: #{$i*4}px !important;\n    }\n\n    .p-#{$i} {\n        padding: #{$i*4}px !important;\n    }\n\n    .px-#{$i} {\n        padding: 0 #{$i*4}px 0 #{$i*4}px !important;\n    }\n\n    .py-#{$i} {\n        padding: #{$i*4}px 0 #{$i*4}px 0 !important;\n    }\n\n    .h-#{$i} {\n        height: #{$i*4}px !important;\n    }\n}\n\n.d-block {\n    display: block;\n}\n\n.w-full {\n    width: 100%;\n}\n\n.a11y--focused {\n    border-radius: 4px;\n    box-shadow: 0 0 1px 3px rgba(var(--link-color-rgb), 0.5), 0 0 0 1px var(--link-color);\n}\n\n.pos-relative {\n    position: relative;\n}\n\n.hidden-label {\n    position: absolute;\n    overflow: hidden;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    border: 0;\n    margin: -1px;\n}\n\n.overflow--visible {\n    overflow: visible;\n}\n\n.bg--white {\n    background: var(--center-channel-bg);\n}\n","@import '../../sass/utils/module';\n\n.DndModal {\n    width: 600px;\n\n    .btn-primary {\n        height: 4rem;\n        padding: 0 2rem;\n        border-radius: $border-rad*2;\n        font-size: 14px;\n        font-weight: 600;\n    }\n\n    .GenericModal__header {\n        padding: 28px 24px 0;\n    }\n\n    .DayPickerInput-OverlayWrapper {\n        position: initial;\n    }\n\n    .DayPickerInput-Overlay {\n        top: 42px;\n        left: -1px;\n        width: calc(100% + 2px);\n    }\n\n    .DayPickerInput {\n        position: absolute;\n        top: 0;\n        left: 0;\n        display: block;\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        padding-left: 40px;\n    }\n\n    .DayPicker-Day.DayPicker-Day--outside {\n        &.DayPicker-Day--today {\n            background-color: rgba(var(--center-channel-bg-rgb), 1);\n        }\n    }\n}\n\n.DndModal__content {\n    display: flex;\n    margin: 32px -10px 10px;\n\n    > div {\n        flex: 1;\n        margin: 0 10px;\n    }\n\n    .dropdown-menu {\n        overflow: auto;\n        width: 100%;\n        max-height: 268px;\n    }\n}\n\n.DndModal__input {\n    position: relative;\n    display: flex;\n    width: 100%;\n    height: 40px;\n    align-items: center;\n    padding: 0 16px;\n    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n    background: rgba(var(--center-channel-bg-rgb), 1);\n    border-radius: 4px;\n    cursor: pointer;\n    text-align: left;\n\n    .MenuWrapper--open & {\n        border-color: var(--button-bg);\n        box-shadow: inset 0 0 0 1px var(--button-bg);\n    }\n\n    .icon {\n        margin: 0 8px 0 0;\n    }\n\n    input {\n        position: absolute;\n        top: 0;\n        left: 0;\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        padding: 0 0 2px 40px;\n        border: none;\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        background: transparent;\n        border-radius: 4px;\n        cursor: pointer;\n        font-size: inherit;\n\n        &:focus {\n            border-color: var(--button-bg);\n            box-shadow: inset 0 0 0 1px var(--button-bg);\n        }\n    }\n}\n\n.DndModal__input--no-border {\n    border: none;\n}\n\n.DndModal__input__label {\n    position: absolute;\n    z-index: 1;\n    top: -11px;\n    left: 0;\n    padding: 0 4px;\n    margin: 0 14px;\n    background: rgba(var(--center-channel-bg-rgb), 1);\n    color: rgba(var(--center-channel-color-rgb), 0.64);\n    font-size: 10px;\n}\n"],"names":[],"sourceRoot":""}