{"version":3,"file":"8048.f5a031728bd4638a02e7.css","mappings":"AAIA,6BACI,kBACA,UACA,aACA,YACA,YACA,mBACA,uBACA,YACA,kBACA,gBACA,6BACA,qCACA,2BACA,eACA,eACA,gBACA,iBACA,UACA,kBACA,2BACA,kBAEA,mCACI,oBACA,mBACA,uBACA,iBAGJ,oDACI,oBACA,wBCLW,CDMX,uCACA,+CAGJ,iCACI,0BAGJ,iCACI,SAGI,2CACI,yBAKZ,oCACI,YAGJ,sCACI,UACA,mBAEA,6DACI,oBACA,wBClCO,CDmCP,uCACA,+CAIR,qCAnEJ,6BAoEQ,aAGJ,qCAvEJ,6BAwEQ,aAGJ,qCACI,0CACI,a","sources":["webpack://mattermost-webapp/./src/components/sidebar/unread_channel_indicator/unread_channel_indicator.scss","webpack://mattermost-webapp/./src/sass/utils/_variables.scss"],"sourcesContent":["@charset \"UTF-8\";\n\n@import 'sass/utils/variables';\n\n.nav-pills__unread-indicator {\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    width: 188px;\n    height: auto;\n    align-items: center;\n    justify-content: center;\n    padding: 8px;\n    border-radius: 4px;\n    margin-left: 50%;\n    background: var(--mention-bg);\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);\n    color: var(--mention-color);\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 16px;\n    opacity: 0;\n    text-align: center;\n    transform: translateX(-50%);\n    visibility: hidden;\n\n    .icon {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 8px;\n    }\n\n    body.enable-animations & {\n        transition-delay: 0s;\n        transition-duration: $transition-quick;\n        transition-property: opacity, visibility;\n        transition-timing-function: ease-out, step-start;\n    }\n\n    svg {\n        fill: var(--mention-color);\n    }\n\n    &-top {\n        top: 16px;\n\n        .icon {\n            svg {\n                transform: rotate(180deg);\n            }\n        }\n    }\n\n    &-bottom {\n        bottom: 16px;\n    }\n\n    &--visible {\n        opacity: 1;\n        visibility: visible;\n\n        body.enable-animations & {\n            transition-delay: 0s;\n            transition-duration: $transition-quick;\n            transition-property: opacity, visibility;\n            transition-timing-function: ease-out, step-start;\n        }\n    }\n\n    @media screen and (max-width: 768px) {\n        width: 260px;\n    }\n\n    @media screen and (max-width: 480px) {\n        width: 230px;\n    }\n\n    @media screen and (max-width: 320px) {\n        .multi-teams & {\n            width: 190px;\n        }\n    }\n}\n","@charset 'UTF-8';\n\n@use 'sass:color';\n\n// Color Variables\n$primary-color: #166de0;\n$primary-color--hover: color.adjust($primary-color, $lightness: -10%);\n$bg--gray: rgb(245, 245, 245);\n$white: rgb(255, 255, 255);\n$black: rgb(0, 0, 0);\n$red: rgb(214, 73, 70);\n$yellow: rgb(255, 255, 0);\n$light-gray: rgba(0, 0, 0, 0.15);\n$gray: rgba(0, 0, 0, 0.3);\n$dark-gray: rgba(0, 0, 0, 0.5);\n$link-color: rgb(35, 137, 215);\n$transparent: rgba(0, 0, 0, 0);\n$highlight-color: #fcea8d;\n\n// Typography\n$font-weight--semibold: 600;\n\n// Page Variables\n$border-gray: 1px solid rgba(var(--center-channel-color-rgb), 0.12);\n$announcement-bar-height: 40px;\n$backstage-bar-height: 43px;\n\n// Random variables\n$emoji-per-row: 9; // needs to match variable `EMOJI_PER_ROW` in emoji_picker.jsx\n\n// Transition timing defaults\n$transition-quick: 0.12s;\n\n// Elevations\n$elevation-1: var(--elevation-1);\n$elevation-2: var(--elevation-2);\n$elevation-3: var(--elevation-3);\n$elevation-4: var(--elevation-4);\n$elevation-5: var(--elevation-5);\n$elevation-6: var(--elevation-6);\n"],"names":[],"sourceRoot":""}