{"version":3,"file":"css/accessible-docs-popup.css","mappings":"AAAA,WAKI,iBAAkB,CAJlB,mBAGA,iBAAkB,CADlB,eAAgB,CADhB,sDCIJ,CDEA,WAKI,iBAAkB,CAJlB,mBAGA,iBAAkB,CADlB,eAAgB,CADhB,qDCGJ,CDGA,WAKI,iBAAkB,CAJlB,mBAGA,iBAAkB,CADlB,eAAgB,CADhB,uDCEJ,CCpBA,iBAGI,qBDsBJ,CCnBA,KAEI,eAAgB,CADhB,iBDuBJ,CCpBI,kCAEI,YAAa,CADb,eDuBR,CCjBI,oCACI,eDoBR,CAlCA,uBAOI,YAAa,CAGb,6BEbW,CFOX,WAAY,CAFZ,MAAO,CAMP,iBAAkB,CAClB,eAAgB,CAJhB,cAAe,CAJf,KAAM,CAEN,UAAW,CAGX,YAyCJ,CAnCI,gCACI,cAAe,CACf,aAAc,CAGd,WAAY,CAFZ,iBAAkB,CAGlB,UAAW,CAFX,SAuCR,CAlCI,8BAEI,qBACA,wCAAmB,CACnB,4BAA6B,CAE7B,WAAY,CADZ,cAAe,CAJf,gCAAa,CAQb,WAAY,CAPZ,sBAAuB,CAQvB,gBAAiB,CAHjB,SAAU,CACV,UAsCR,CAlCQ,kCAEI,WAAY,CADZ,UAqCZ,CAjCQ,gCACI,mBAmCZ,CA/BI,gCASI,wCAAmB,CAJnB,mCAGA,gCAAa,CALb,QAAS,CAGT,eAAgB,CALhB,iBAAkB,CAClB,KAAM,CAEN,6DAA2B,CAG3B,SAmCR,CA9BI,8BAKI,qBE1DM,CF6DN,gCAAa,CACb,+CAAsB,CACtB,QAAS,CAHT,gBAAiB,CALjB,eAAgB,CADhB,eAAgB,CAKhB,sBAAuB,CAFvB,iBAAkB,CADlB,uBAuCR,CA7BI,+BAWI,mCAVA,2CACA,uBAA2B,CAE3B,2BAA4B,CAD5B,oBAAqB,CAMrB,WAAY,CAHZ,MAAO,CAOP,SAAU,CARV,iBAAkB,CAElB,KAAM,CAON,qBAAwB,CACxB,sCAAwC,CAHxC,iBAAkB,CAJlB,UAAW,CAEX,YAoCR,CA7BQ,sCAEI,SAAU,CADV,kBAgCZ,CAzBY,kNACI,YA2BhB,CAvBQ,gNAGI,aAuBZ,CAnBI,gCAEI,gCAAa,CACb,+CAAsB,CACtB,QAAS,CAHT,kBAwBR,CAlBI,8FAGI,YAAa,CACb,kBAkBR,CAfI,gCACI,gCAAa,CACb,+CAAsB,CACtB,OAiBR,CAdI,iGAOI,aEpIK,CFgIL,6BEnIO,CFqIP,QAAS,CACT,SAAU,CAFV,iBAAkB,CAIlB,UAcR,CAXI,8BACI,cAAe,CACf,eAAgB,CAChB,eAaR,CAVI,2DAGI,cAAe,CADf,eAAgB,CAEhB,iBAWR,CARI,6BACI,gCAAa,CACb,+CAAsB,CACtB,QAAS,CACT,UAUR,CAPI,oGAQI,wBE/JY,CFmKZ,WAAY,CALZ,iBAAkB,CAElB,aErKK,CF+JL,6BElKO,CFyKP,cAAe,CACf,eAAgB,CALhB,WAAY,CADZ,YAAa,CADb,UAgBR,CANQ,qLACI,aASZ,CAVQ,sKACI,aASZ,CAVQ,yKACI,aASZ,CAVQ,2IACI,aASZ,CALI,8BACI,aE7KI,CF8KJ,YAAa,CACb,6BAOR,CAJI,+BAGI,wBExLK,CFiML,WAAY,CAFZ,iBAAkB,CANlB,UEvLM,CFgMN,cAAe,CAZf,6BEzLO,CFgMP,cAAe,CAFf,eAAgB,CAGhB,eAAgB,CAPhB,eAAgB,CAKhB,iBAAkB,CAFlB,iBAAkB,CASlB,sCAAyC,CAHzC,UASR,CAJQ,qCACI,qBAMZ,CAFI,+BAEI,qBADA,gCAAa,CACb,sBAIR,CADI,sCACI,cAAe,CACf,eAAgB,CAChB,gBAAiB,CACjB,yBAGR,CADQ,4CACI,oBAGZ","sources":["webpack://accessible-docs/./public/scss/parts/_fonts.scss","webpack://accessible-docs/./public/scss/accessible-docs-popup.scss","webpack://accessible-docs/./public/scss/parts/_general.scss","webpack://accessible-docs/./public/scss/parts/_variables.scss"],"sourcesContent":["@font-face {\n    font-family: 'Roboto';\n    src: url('./../fonts/Roboto-Regular.woff2') format('woff2');\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Roboto';\n    src: url('./../fonts/Roboto-Medium.woff2') format('woff2');\n    font-weight: 500;\n    font-style: normal;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Roboto';\n    src: url('./../fonts/Roboto-SemiBold.woff2') format('woff2');\n    font-weight: 600;\n    font-style: normal;\n    font-display: swap;\n}\n","@import './parts/fonts';\n@import './parts/variables';\n@import './parts/general';\n\n.accessible-docs-popup {\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    z-index: 9999;\n    display: none;\n    overflow-x: hidden;\n    overflow-y: auto;\n    font-family: $font-primary;\n\n    &__overlay {\n        cursor: pointer;\n        display: block;\n        position: absolute;\n        z-index: 1;\n        height: 100%;\n        width: 100%;\n    }\n\n    &__close {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: transparent;\n        cursor: pointer;\n        border: none;\n        padding: 0;\n        width: 24px;\n        height: 24px;\n        margin-left: auto;\n\n        svg{\n            width: 14px;\n            height: 14px;\n        }\n\n        * {\n            pointer-events: none;\n        }\n    }\n\n    &__wrapper {\n        position: relative;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        background-color: rgba(33, 33, 33, .8);\n        min-height: 100%;\n        z-index: 2;\n        display: flex;\n        align-items: center;\n    }\n\n    &__inner {\n        overflow: hidden;\n        max-width: 456px;\n        width: calc(100% - 30px);\n        position: relative;\n        background-color: $color-white;\n        padding: 16px 24px 24px;\n        margin: 20px auto;\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n    }\n\n    &__loader {\n        background-image: url('../images/loader.svg');\n        background-position: center;\n        background-size: 60px;\n        background-repeat: no-repeat;\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1000;\n        background-color: rgba($color: $color-dark, $alpha: 0.5);\n        visibility: hidden;\n        opacity: 0;\n        transition: 300ms linear;\n        transition-property: opacity, visibility;\n\n        &.active {\n            visibility: visible;\n            opacity: 1;\n        }\n    }\n\n    &__body {\n        &.in-process, &.error, &.completed {\n            .accessible-docs-popup__request {\n                display: none;\n            }\n        }\n        \n        &.in-process .accessible-docs-popup__processed,\n        &.error .accessible-docs-popup__error,\n        &.completed .accessible-docs-popup__ready {\n            display: block;\n        }\n    }\n\n    &__request {\n        margin-bottom: 16px;\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n    }\n\n    &__processed,\n    &__ready,\n    &__error {\n        display: none;\n        margin-bottom: 32px;\n    }\n\n    &__content {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    &__title,\n    &__text,\n    &__download-file {\n        font-family: $font-primary;\n        text-align: center;\n        margin: 0;\n        padding: 0;\n        color: $color-dark;\n        width: 100%;\n    }\n\n    &__title {\n        font-size: 32px;\n        font-weight: 600;\n        line-height: 1.2;\n    }\n\n    &__text,\n    &__error {\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 1.375;\n    }\n\n    &__form {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        width: 100%;\n    }\n    \n    input,\n    input[type=\"email\"],\n    &__input {\n        font-family: $font-primary;\n        width: 100%;\n        padding: 16px;\n        height: 56px;\n        border-radius: 4px;\n        background-color: $color-white-smoke;\n        color: $color-dark;\n        font-size: 16px;\n        font-weight: 400;\n        border: none;\n\n        &::placeholder {\n            color: $color-light-gray;\n        }\n    }\n\n    &__error {\n        color: $color-red;\n        display: none;\n        font-family: $font-primary;\n    }\n\n    &__button {\n        font-family: $font-primary;\n        margin-top: 16px;\n        background-color: $color-dark;\n        color: $color-white;\n        text-align: center;\n        font-weight: 500;\n        padding: 15px 30px;\n        font-size: 18px;\n        line-height: 1.2;\n        border-radius: 4px;\n        width: 100%;\n        border: none;\n        cursor: pointer;\n        transition: background-color 300ms linear;\n\n        &:hover {\n            background-color:  $color-black;\n        }\n    }\n\n    &__bottom {\n        display: flex;\n        justify-content: center;\n    }\n\n    &__download-file {\n        font-size: 18px;\n        font-weight: 500;\n        line-height: 1.16;\n        text-decoration: underline;\n\n        &:hover {\n            text-decoration: none;\n        }\n    }\n}\n","*,\n*::after,\n*::before{\n    box-sizing: border-box;\n}\n\nhtml {\n    position: relative;\n    min-height: 100%;\n\n    &.accessible-docs-popup-opened {\n        overflow: hidden;\n        height: 100vh;\n    }\n}\n\nhtml, body {\n    &.popup-opened {\n        overflow: hidden;\n    }\n}\n","//Font\n$font-primary: 'Roboto', sans-serif;\n\n//Colors\n$color-dark: #2D2E2E;\n$color-black: #000;\n$color-white: #FFF;\n$color-red: #C51212;\n$color-light-gray: #ABABAB;\n$color-white-smoke: #F6F6F6;\n"],"names":[],"sourceRoot":""}