/home/bdqbpbxa/rc-subdomains/snake-oil-rc.goodface.com.ua/static/css/main.68bc55c6.css.map
{"version":3,"file":"static/css/main.68bc55c6.css","mappings":"yHACA,KACI,+BAGJ,OACI,WAMJ,aAGI,aAFA,aAGA,YAEA,mBAGI,aACA,sBACA,8BACA,gBALA,aACA,SAIA,CAGJ,qBACI,UAKR,qBAMI,YAHA,mBAEA,eADA,WAEA,CAGJ,aACI,sBAGJ,6BACI,uBAEI,uEACI,eACA,gBAEJ,2DACI,gDACA,oCACA,+DACI,qCAchB,wBACI,YAEJ,uBAEI,kBACA,eACA,gBAHA,WAGA,CACA,kDACI,iBACA,sDAEI,YADA,UACA,CAMR,iBACI,eAIR,MACI,mBAAoB,CACpB,oBAAqB,CACrB,uBAAwB,CACxB,+BAAiC,CACjC,gBAAiB,CACjB,cAAe,CACf,uBAAyB,CACzB,4BAA8B,CAC9B,aAAc,CAGlB,iBAGI,mBAFA,eACA,WACA,CACA,gCACI,4BAEJ,sCAEI,mBADA,SAEA,WACA,YACA,gBACA,UACA,kBACA,UAII,kDAEI,mBADA,aAEA,QACA,yDAKI,8NAsBR,CA1BQ,WACA,cAEA,YADA,UAwBR,mEAEA,gUAaR","sources":["styles/global.scss"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\");\nbody {\n    font-family: \"DM Sans\", sans-serif;\n}\n\noption {\n    color: black;\n}\n\nbody {\n}\n\n.auth-layout {\n    height: 100vh;\n    // border: 5px solid red;\n    display: flex;\n    padding: 8px;\n\n    &__main {\n        padding: 32px;\n        width: 50%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        overflow-y: auto;\n        // border: 5px solid blue;\n    }\n    &__second {\n        width: 50%;\n        // border: 5px solid green;\n    }\n}\n\n.auth-main-container {\n    // border: 5px solid fuchsia;\n    margin: 0 auto;\n    margin-top: 10vh;\n    width: 420px;\n    max-width: 100%;\n    height: 100%;\n}\n\n.chakra-text {\n    letter-spacing: -0.32px;\n}\n\n.notistack-SnackbarContainer {\n    z-index: 1401 !important;\n    .notistack-MuiContent {\n        #notistack-snackbar {\n            font-size: 16px;\n            font-weight: 500;\n        }\n        &-success {\n            background-color: var(--chakra-colors-green-100);\n            color: var(--chakra-colors-gray-900);\n            svg {\n                color: var(--chakra-colors-green-500);\n            }\n        }\n        &-error {\n        }\n        &-warning {\n        }\n        &-info {\n        }\n        &-default {\n        }\n    }\n}\n\n.chakra-menu__menu-list {\n    padding: 4px;\n}\n.chakra-menu__menuitem {\n    height: 40px;\n    border-radius: 4px;\n    font-size: 14px;\n    font-weight: 400;\n    .chakra-menu__icon-wrapper {\n        margin-right: 8px;\n        svg {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n\n.my-progress {\n    div {\n        transition: 0.5s;\n    }\n}\n\n.rmsc {\n    --rmsc-main: #4285f4;\n    --rmsc-hover: #f1f3f5;\n    --rmsc-selected: #e2e6ea;\n    --rmsc-border: #e2e8f0 !important;\n    --rmsc-gray: #aaa;\n    --rmsc-bg: #fff;\n    --rmsc-p: 16px !important; /* Spacing */\n    --rmsc-radius: 24px !important; /* Radius */\n    --rmsc-h: 38px; /* Height */\n}\n\n.multiple-select {\n    cursor: pointer;\n    width: 300px;\n    border-radius: 24px;\n    .panel-content {\n        border-radius: 8px !important;\n    }\n    input[type=\"checkbox\"] {\n        border: 0;\n        clip: rect(0 0 0 0);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n    }\n    .select-item {\n        .item-renderer {\n            &-test {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                &::before {\n                    content: \"\";\n                    display: block;\n                    width: 20px;\n                    height: 20px;\n                    background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%23E2E8F0'/%3E%3C/svg%3E%0A\");\n                }\n            }\n        }\n        &.selected {\n            .item-renderer {\n                &-test {\n                    &::before {\n                        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='5' fill='%234318FF'/%3E%3Cpath d='M14 7L8.5 12.5L6 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n                    }\n                }\n            }\n        }\n    }\n    // border: 1px solid #E2E8F0;\n    // background: var(--white, #FFF);\n}\n.my-tabs {\n    .chakra-tabs__tablist {\n        .chakra-tabs__tab {\n            padding-left: 0;\n            padding-right: 0;\n            margin-right: 24px;\n            color: var(--chakra-colors-gray-900);\n            &[aria-selected=\"true\"] {\n                color: var(--chakra-colors-gray-900);\n                font-weight: 700;\n                border-color: var(--chakra-colors-brand-500);\n            }\n        }\n    }\n    .chakra-tabs__tab-panel {\n        padding: 24px 0 0 0;\n    }\n}\n\n.chakra-modal__content-container {\n    padding: 40px;\n}\n"],"names":[],"sourceRoot":""}