{"version":3,"file":"9404.97a3869e434fdbca2d29.css","mappings":"AAEA,mBACI,aACA,WACA,YACA,sBACA,mBACA,iBACA,kCACA,eAEA,yBAVJ,mBAWQ,mBACA,mBAGJ,sCACI,gBAEA,0CACI,eACA,kBAEA,iDACI,eACA,iBAIR,gDACI,gBAIR,gCACI,SACA,WACA,aACA,WACA,YACA,mBACA,uBACA,eAGJ,6BACI,eAGI,kCACI,kBACA,yBACA,yBAEA,yHAGI,yBACA,kCAIR,yCACI,kCAKZ,sBACI,kBACA,eAGJ,sBACI,gBAEA,6BACI,gBAIR,qCAqBI,oBApBA,sDACI,mBAEA,wEACI,gBAGJ,8DACI,sBACA,oCACA,qBACA,eAIR,8DACI,eACA,eAMR,iCACI,YACA,YACA,OACA,gBACA,kBACA,mBACA,iBACA,gBAGJ,wBACI,eACA,iBACA,kBACA,eACA,gBAGJ,gCACI,kCACA,yBAGJ,yBACI,aACA,YACA,sBAGJ,6BACI,gBAGJ,iCACI,aACA,sBAEA,8CACI,aACA,mBACA,kBACA,wCAEA,wDACI,eAIA,4EACI,WAMhB,iCACI,aACA,YACA,cACA,mBACA,uBACA,iBACA,kBAEA,qCACI,WACA,YACA,sBAIR,6CACI,YACA,qBC9KA,CDgLA,iDACI,WACA,YAIR,mCACI,kBAGJ,+BACI,mDAGJ,+BACI,wBACA,UAIR,WACI,eACA,UACA,MACA,gBACA,WACA,eC1LsB,CD2LtB,eC3LsB,CD4LtB,iBACA,0CACA,wBAEA,+BACI,kBACA,MACA,OACA,aACA,WACA,YACA,mBACA,uBACA,mD","sources":["webpack://mattermost-webapp/./components/plugin_marketplace/marketplace_modal.scss","webpack://mattermost-webapp/./sass/utils/_variables.scss"],"sourcesContent":["@import 'utils/variables';\n\n.modal-marketplace {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 50px;\n    color: var(--center-channel-color);\n    font-size: 16px;\n\n    @media (max-width: 768px) {\n        padding-right: 15px;\n        padding-left: 15px;\n    }\n\n    div.navigation-row {\n        margin-top: 10px;\n\n        div {\n            font-size: 14px;\n            text-align: center;\n\n            button {\n                font-size: 14px;\n                font-weight: bold;\n            }\n        }\n\n        div.count {\n            padding-top: 8px;\n        }\n    }\n\n    .input-clear {\n        top: 32px;\n        right: 36px;\n        display: flex;\n        width: 32px;\n        height: 32px;\n        align-items: center;\n        justify-content: center;\n        font-size: 16px;\n    }\n\n    .nav-tabs {\n        font-size: 14px;\n\n        > li {\n            > a {\n                padding: 10px 16px;\n                background: transparent;\n                transition: all 0.15s ease;\n\n                &:hover,\n                &:active,\n                &:focus {\n                    background: transparent;\n                    color: var(--center-channel-color);\n                }\n            }\n\n            &.active > a {\n                color: var(--center-channel-color);\n            }\n        }\n    }\n\n    h1 {\n        margin: 8px 0 24px;\n        font-size: 28px;\n    }\n\n    h2 {\n        font-weight: 300;\n\n        strong {\n            font-weight: 400;\n        }\n    }\n\n    .more-modal__list {\n        .more-modal__row {\n            align-items: normal;\n\n            .marketplace__tag {\n                margin-left: 6px;\n            }\n\n            .update {\n                padding: 10px 10px 0 0;\n                border-top: 1px solid rgba(black, 0.1);\n                margin: 10px 10px 0 0;\n                font-size: 0.9em;\n            }\n        }\n\n        .more-modal__description {\n            margin: 2px 0 0;\n            font-size: 0.9em;\n        }\n\n        padding-bottom: 80px;\n    }\n\n    .search_input {\n        width: 720px;\n        height: 40px;\n        flex: 1;\n        margin-top: 28px;\n        margin-right: 16px;\n        margin-bottom: 20px;\n        margin-left: 16px;\n        box-shadow: none;\n    }\n\n    .btn {\n        min-width: 8rem;\n        padding: 8px 16px;\n        border-radius: 4px;\n        font-size: 13px;\n        font-weight: 600;\n    }\n\n    .btn-outline {\n        border: 1px solid var(--button-bg);\n        background: transparent;\n    }\n\n    .tabs {\n        display: flex;\n        width: 720px;\n        flex-direction: column;\n    }\n\n    .subtitle {\n        margin-left: 5px;\n    }\n\n    .plugin__list {\n        display: flex;\n        flex-direction: column;\n\n        .plugin__row {\n            display: flex;\n            align-items: center;\n            padding: 10px 15px;\n            border-bottom: 1px solid $light-gray;\n\n            &.clickable {\n                cursor: pointer;\n            }\n\n            &:hover {\n                .plugin__actions--round {\n                    opacity: 0.5;\n                }\n            }\n        }\n    }\n\n    .icon__plugin {\n        display: flex;\n        height: 42px;\n        flex: 0 0 42px;\n        align-items: center;\n        justify-content: center;\n        margin-right: 4px;\n        border-radius: 50%;\n\n        svg {\n            width: 32px;\n            height: 32px;\n            fill: var(--button-bg);\n        }\n    }\n\n    .icon__plugin--background {\n        padding: 6px;\n        background-color: $white;\n\n        svg {\n            width: 24px;\n            height: 24px;\n        }\n    }\n\n    .no_plugins_div {\n        text-align: center;\n    }\n\n    .item_error {\n        background-color: rgba(var(--error-text-rgb), 0.08);\n    }\n\n    .error_text {\n        color: var(--error-text);\n        opacity: 1;\n    }\n}\n\n.error-bar {\n    position: fixed;\n    z-index: 8;\n    top: 0;\n    overflow: hidden;\n    width: 100%;\n    min-height: $announcement-bar-height;\n    max-height: $announcement-bar-height;\n    padding: 5px 30px;\n    background-color: var(--center-channel-bg);\n    color: var(--error-text);\n\n    .error-bar__content {\n        position: absolute;\n        top: 0;\n        left: 0;\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        background-color: rgba(var(--error-text-rgb), 0.12);\n    }\n}\n","@charset 'UTF-8';\n\n// Color Variables\n$primary-color: #166de0;\n$primary-color--hover: darken($primary-color, 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$border-rad: 2px;\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":""}