SusMarket/reactapp/build/static/css/main.00e9905e.css.map

{"version":3,"file":"static/css/main.00e9905e.css","mappings":"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","sources":["index.scss","utils/reset.css","HomeStyle.scss","PaymentStyle.scss","ProductStyle.scss","ProfileStyle.scss","ScamStyle.scss","InfoPageStyle.scss"],"sourcesContent":["$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');\r\n\r\nbody {\r\n    background-color: $background-color;\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.product-article {\r\n    display: flex;\r\n    width: 260px;\r\n    height: 400px;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    padding: 20px;\r\n    border-radius: 40px;\r\n    background: transparent;\r\n\r\n    .product-article__img {\r\n        align-self: stretch;\r\n        border-radius: 20px;\r\n        height: 269px;\r\n    }\r\n\r\n    .product-article__price-h5 {\r\n        color: $accent-color;\r\n        font-size: 32px;\r\n        font-weight: 600;\r\n        line-height: 39px;\r\n        height: 50px;\r\n        display: inline-block;\r\n\r\n        span {\r\n            max-width: 186px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            display: inline-block;\r\n        }\r\n        \r\n    }\r\n\r\n    .product-article__name-h6 {\r\n        color: rgb(255, 255, 255);\r\n        max-width: 100%;\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 20px;\r\n        letter-spacing: 0px;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n}\r\n\r\n.banner-div {\r\n    width: 100%;\r\n    min-height: 120px;\r\n    background-image: url(\"../src/assets/img/add.webp\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    border-radius: 15px;\r\n}\r\n\r\n.main {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: calc(100vh - 80px);\r\n}\r\n\r\n.header {\r\n    width: 100%;\r\n    display: flex !important;\r\n    flex-direction: column;\r\n\r\n    .header__main-nav {\r\n        width: 100%;\r\n        height: 130px;\r\n        display: flex !important;\r\n        flex-direction: row;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 0px 40px 0px 40px;\r\n        background-color: $background-color;\r\n        \r\n        .header__title-h1 {\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0px;\r\n    \r\n            .title-h1__a {\r\n                color: white;\r\n                \r\n                .header__logo-img {\r\n                    width: 30px;\r\n                }\r\n            }\r\n        }\r\n    \r\n        .catalog-button {\r\n            width: 150px;\r\n            height: 50px;\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 0px 5px 0px 5px;\r\n            border-radius: 10px;\r\n            background-color: $main-color;\r\n            color: black;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0px;\r\n        }\r\n    \r\n        .search-form {\r\n            width: 60%;\r\n            \r\n            .search-form__field {\r\n                width: 100%;\r\n                height: 50px;\r\n                display: flex;\r\n                flex-direction: row;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                padding: 0px 20px 0px 20px;\r\n                box-sizing: border-box;\r\n                border: 2px solid $main-color;\r\n                border-radius: 10px;\r\n        \r\n                .search-form__input {\r\n                    width: 100%;\r\n                    color: white;\r\n                    font-family: Montserrat;\r\n                    font-size: 16px;\r\n                    font-weight: 600;\r\n                    line-height: 20px;\r\n                    letter-spacing: 0px;\r\n                }\r\n        \r\n                .search-form__input::-webkit-input-placeholder {\r\n                    color: $main-color\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .catalog-menu {\r\n        position: fixed;\r\n        width: 340px;\r\n        height: 495px;\r\n        left: 218px;\r\n        top: 108px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        box-sizing: border-box;\r\n        border-radius: 20px;\r\n        background-color: $background-color;\r\n        padding: 30px;\r\n\r\n        .catalog-menu__point-li {\r\n            height: 48px;\r\n            width: 100%;\r\n            display: flex;\r\n            gap: 20px;\r\n            align-items: center;\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0px;\r\n            padding: 30px 14px;\r\n            border-radius: 10px;\r\n            box-sizing: border-box;\r\n            transition: 0.2s;\r\n\r\n            svg {\r\n                min-width: 48px;\r\n            }\r\n        }\r\n\r\n        .catalog-menu__point-li:hover {\r\n            cursor: pointer;\r\n            background-color: #3d3c38;\r\n        }\r\n    }\r\n}\r\n\r\n.popup-map {\r\n    width: 70vw;\r\n    height: 70vh;\r\n    background-color: $background-color;\r\n    display: flex;\r\n    flex-direction: row;\r\n    border-radius: 20px;\r\n    position: absolute;\r\n    z-index: 2;\r\n    top:50%;\r\n    left:50%;\r\n    transform:translate(-50%, -50%);\r\n\r\n    .popup-map__menu-div {\r\n        height: 100%;\r\n        width: 60%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n\r\n        .menu-div__container-div {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            .menu-div__delivery-div {\r\n                width: 100%;\r\n                height: 60px;\r\n                display: flex;\r\n                flex-direction: row;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n    \r\n                .delivery-div__delivery-button {\r\n                    width: 47%;\r\n                    height: 100%;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    align-items: center;\r\n                    color: white;\r\n                    font-family: Montserrat;\r\n                    font-size: 24px;\r\n                    font-weight: 600;\r\n                    line-height: 29px;\r\n                    letter-spacing: 0px;\r\n                    border-radius: 8px;\r\n                    box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n                }\r\n                \r\n                .delivery-div__delivery-button_selected {\r\n                    border: 2px solid $main-color;\r\n                    box-shadow: none;\r\n                }\r\n            }\r\n\r\n            .menu-div__search-input {\r\n                height: 50px;\r\n                width: 100%;\r\n                display: flex;\r\n                flex-direction: row;\r\n                align-items: center;\r\n                padding: 0px 10px 0px 10px;\r\n                box-sizing: border-box;\r\n                border: 2px solid $main-color;\r\n                border-radius: 8px;\r\n                font-size: 20px;\r\n                font-weight: 600;\r\n                line-height: 24px;\r\n                letter-spacing: 0px;\r\n                color: white;\r\n            }\r\n        }\r\n\r\n        .menu-div__select-button {\r\n            color: white;\r\n            width: 100%;\r\n            height: 60px;\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: center;\r\n            align-items: center;\r\n            border-radius: 8px;\r\n            background: $accent-color;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0px;\r\n            transition: 0.2s;\r\n        }\r\n\r\n        .menu-div__select-button:hover {\r\n            background: #ec6a36;\r\n        }\r\n    }\r\n\r\n    .popup-map__map-div {\r\n        width: 100%;\r\n        height: 100%;\r\n        .popup-map__map-iframe {\r\n            border-top-right-radius: 20px;\r\n            border-bottom-right-radius: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.background-blackout {\r\n    background: rgba(0, 0, 0, 0.25);\r\n    position: absolute;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    top:50%;\r\n    left:50%;\r\n    transform:translate(-50%, -50%);\r\n}\r\n\r\n.review-article {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 20px;\r\n\r\n    .review-article__review-container {\r\n        display: flex;\r\n        gap: 30px;\r\n\r\n        .review-container__user-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 30px;\r\n            \r\n            .user-info__user-avatar {\r\n                width: 100px;\r\n                height: 100px;\r\n                border-radius: 50px;\r\n            }\r\n\r\n            .user-info__user-name {\r\n                color: white;\r\n                font-size: 24px;\r\n                font-weight: 600;\r\n                line-height: 29px;\r\n                letter-spacing: 0px;\r\n                text-align: left;\r\n            }\r\n        }\r\n\r\n        .review-container__review-info {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            width: 100%;\r\n\r\n            .review-info__star-rate {\r\n                position: relative;\r\n                width: 150px;\r\n                height: 30px;\r\n                background-image: url(assets/icons/rating__star-icon.svg);\r\n                background-size: 30px auto;\r\n                background-repeat: repeat-x;\r\n\r\n                .star-rate__star-radio {\r\n                    appearance: none;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    height: 30px;\r\n                }\r\n\r\n                .star-rate__star-radio:checked, .rating-div__star-radio:hover {\r\n                    background-image: url(assets/icons/rating__filled-star-icon.svg);\r\n                    background-size: 30px auto;\r\n                    background-repeat: repeat-x;\r\n                }\r\n\r\n                .star-rate__star-radio:hover ~ .rating-div__star-radio {\r\n                    background-image: url(assets/icons/rating__star-icon.svg);\r\n                    background-size: 30px auto;\r\n                    background-repeat: repeat-x;\r\n                }\r\n\r\n                .star-rate__star-radio:nth-of-type(1) {\r\n                    z-index: 5;\r\n                    width: 30px;\r\n                }\r\n                .star-rate__star-radio:nth-of-type(2) {\r\n                    z-index: 4;\r\n                    width: 60px;\r\n                }\r\n                .star-rate__star-radio:nth-of-type(3) {\r\n                    z-index: 3;\r\n                    width: 90px;\r\n                }\r\n                .star-rate__star-radio:nth-of-type(4) {\r\n                    z-index: 2;\r\n                    width: 120px;\r\n                }\r\n                .star-rate__star-radio:nth-of-type(5) {\r\n                    z-index: 1;\r\n                    width: 150px;\r\n                }\r\n            }\r\n\r\n            .review-info__review-date {\r\n                color: $main-color;\r\n                font-size: 24px;\r\n                font-weight: 500;\r\n                line-height: 29px;\r\n                letter-spacing: 0px;\r\n                text-align: left;\r\n            }\r\n        }\r\n    }\r\n\r\n    .review-article__text-p {\r\n        color: white;\r\n        font-size: 24px;\r\n        font-weight: 400;\r\n        line-height: 29px;\r\n        letter-spacing: 0px;\r\n        text-align: left;\r\n    }\r\n\r\n    .review-article__product-image {\r\n        max-width: 300px;\r\n        border-radius: 10px;\r\n    }\r\n}\r\n\r\n.popup-login {\r\n    width: 450px;\r\n    display: flex;\r\n    position: fixed;\r\n    left: 50%;\r\n    top: 108px;\r\n    transform:translateX(-50%);\r\n    flex-direction: column;\r\n    gap: 40px;\r\n    padding: 30px;\r\n    box-sizing: border-box;\r\n    border-radius: 20px;\r\n    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n    background: $background-color;\r\n\r\n    .popup-login__top-container {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        .popup-login__close-button {\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            border-radius: 50px;\r\n            background: rgb(53, 52, 49);\r\n        }\r\n\r\n        .top-container__headings-text {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n\r\n            .popup-menu__heading {\r\n                color: white;\r\n                font-size: 24px;\r\n                font-weight: 600;\r\n                line-height: 29px;\r\n                letter-spacing: 0px;\r\n                text-align: left;\r\n                \r\n                span {\r\n                    color: $accent-color;\r\n                }\r\n            }\r\n\r\n            .top-container__text {\r\n                color: $main-color;\r\n                font-size: 16px;\r\n                font-weight: 600;\r\n                line-height: 20px;\r\n                letter-spacing: 0px;\r\n                text-align: left;\r\n            }\r\n        }\r\n    }\r\n\r\n    .popup-login__inputs-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        width: 100%;\r\n        \r\n        .popup-login__name-input, .popup-login__password-input {\r\n            display: flex;\r\n            width: 100%;\r\n            height: 70px;\r\n            align-items: center;\r\n            padding: 0px 20px;\r\n            box-sizing: border-box;\r\n            border: 2px solid $main-color;\r\n            border-radius: 15px;\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0px;\r\n            text-align: left;\r\n        }\r\n    }\r\n\r\n    .popup-login__bottom-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n\r\n        .popup-login__prompt-url {\r\n            color: $main-color;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            line-height: 20px;\r\n            letter-spacing: 0px;\r\n            text-align: left;\r\n\r\n            u {\r\n                cursor: pointer;\r\n            }\r\n        }\r\n\r\n        .popup-login__login-button {\r\n            width: 100%;\r\n            height: 70px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            border-radius: 15px;\r\n            background: rgb(235, 94, 40);\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0%;\r\n            text-align: left;\r\n        }\r\n    }\r\n}","* {\r\n\tpadding: 0px;\r\n\tmargin: 0px;\r\n\tborder: none;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n/* Links */\r\n\r\na, a:link, a:visited  {\r\n    text-decoration: none;\r\n}\r\n\r\na:hover  {\r\n    text-decoration: none;\r\n}\r\n\r\n/* Common */\r\n\r\naside, nav, footer, header, section, main {\r\n\tdisplay: block;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, p {\r\n    font-size: inherit;\r\n\tfont-weight: inherit;\r\n}\r\n\r\nul, ul li {\r\n\tlist-style: none;\r\n}\r\n\r\nimg {\r\n\tvertical-align: top;\r\n}\r\n\r\nimg, svg {\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n}\r\n\r\naddress {\r\n  font-style: normal;\r\n}\r\n\r\n/* Form */\r\n\r\ninput, textarea, button, select {\r\n\tfont-family: inherit;\r\n    font-size: inherit;\r\n    color: inherit;\r\n    background-color: transparent;\r\n}\r\n\r\ninput::-ms-clear {\r\n\tdisplay: none;\r\n}\r\n\r\nbutton, input[type=\"submit\"] {\r\n    display: inline-block;\r\n    box-shadow: none;\r\n    background-color: transparent;\r\n    background: none;\r\n    cursor: pointer;\r\n}\r\n\r\ninput:focus, input:active,\r\nbutton:focus, button:active {\r\n    outline: none;\r\n}\r\n\r\ninput[type=\"search\"]::-webkit-search-decoration,\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-results-button,\r\ninput[type=\"search\"]::-webkit-search-results-decoration {\r\n  display: none;\r\n}\r\n\r\nbutton::-moz-focus-inner {\r\n\tpadding: 0;\r\n\tborder: 0;\r\n}\r\n\r\nlabel {\r\n\tcursor: pointer;\r\n}\r\n\r\nlegend {\r\n\tdisplay: block;\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.home-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    .products-div {\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, 260px);\r\n        justify-content: space-between;\r\n        flex-flow: wrap;\r\n        padding-top: 36px;\r\n    }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.payment-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    align-items: center;\r\n\r\n    .payment-page__price {\r\n        color: $accent-color;\r\n        font-size: 96px;\r\n        font-weight: 600;\r\n        line-height: 80px;\r\n        letter-spacing: 0%;\r\n        text-align: left;\r\n    }\r\n\r\n    .payment-page__payment-card {\r\n        width: 500px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        box-sizing: border-box;\r\n        padding: 20px;\r\n        border-radius: 20px;\r\n        box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n        background: $background-color;\r\n\r\n        .payment-card__heading {\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0%;\r\n            text-align: left;\r\n        }\r\n\r\n        .payment-card__input {\r\n            width: 100%;\r\n            height: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 5px 20px 5px 20px;\r\n            box-sizing: border-box;\r\n            border: 2px solid $main-color;\r\n            border-radius: 12px;\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0%;\r\n            text-align: left;\r\n        }\r\n        \r\n        .payment-card__inputs-group {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 20px;\r\n        }\r\n    }\r\n\r\n    .payment-page__pay-link {\r\n        width: 500px;\r\n        height: 50px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background-color: $accent-color;\r\n        border-radius: 15px;\r\n        color: white;\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n        line-height: 29px;\r\n        letter-spacing: 0%;\r\n    }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.product-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px;\r\n    \r\n    .product-page__main-section {\r\n        width: 100%;\r\n        min-height: 500px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        .product-page__img {\r\n            max-height: 500px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .product-page__info-div {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            width: 68%;\r\n\r\n            .product-page__text-span {\r\n                display: flex;\r\n                flex-direction: column;\r\n                width: 100%;\r\n                \r\n                .product-page__heading-h2 {\r\n                    color: white;\r\n                    font-size: 32px;\r\n                    font-weight: 600;\r\n                    line-height: 39px;\r\n                    letter-spacing: 0px;\r\n                }\r\n    \r\n                .product-page__short-desc-div {\r\n                    color: $main-color;\r\n                    font-size: 24px;\r\n                    font-weight: 400;\r\n                    line-height: 29px;\r\n                    letter-spacing: 0px;\r\n                    max-height: 100px;\r\n                    max-width: 100%;\r\n                    white-space: nowrap;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                }\r\n            }\r\n\r\n            .product-page__container-div {\r\n                width: 100%;\r\n                height: 140px;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                align-items: flex-end;\r\n\r\n                .product-page__rating-share-div {\r\n                    height: 40px;\r\n                    display: flex;\r\n                    gap: 20px;\r\n\r\n                    .product-page__rating-div {\r\n                        width: 192px;\r\n                        height: 100%;\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        align-items: center;\r\n                        padding: 0px 10px 0px 10px;\r\n                        box-sizing: border-box;\r\n                        border: 2px solid $main-color;\r\n                        border-radius: 12px;\r\n\r\n                        .rating-div__rate-value {\r\n                            color: white;\r\n                            font-size: 24px;\r\n                            font-weight: 400;\r\n                            line-height: 29px;\r\n                            letter-spacing: 0px;\r\n                            text-align: left;\r\n                        }\r\n                    }\r\n\r\n                    .product-page__share-button {\r\n                        width: 40px;\r\n                        height: 100%;\r\n                        display: flex;\r\n                        justify-content: center;\r\n                        align-items: center;\r\n                        box-sizing: border-box;\r\n                        border: 2px solid $main-color;\r\n                        border-radius: 12px;\r\n                    }\r\n                }\r\n\r\n                .product-page__price-buy-div {\r\n                    width: 100%;\r\n                    display: flex;\r\n                    justify-content: space-between;\r\n                    align-items: center;\r\n                    height: 80px;\r\n                    \r\n                    .product-page__price-span {\r\n                        color: $accent-color;\r\n                        font-size: 40px;\r\n                        font-weight: 600;\r\n                        line-height: 49px;\r\n                        letter-spacing: 0px;\r\n                    }\r\n\r\n                    .product-page__buy-link {\r\n                        width: 400px;\r\n                        height: 100%;\r\n                        display: flex;\r\n                        justify-content: center;\r\n                        align-items: center;\r\n                        padding: 20px;\r\n                        box-sizing: border-box;\r\n                        border-radius: 15px;\r\n                        background: $accent-color;\r\n                        color: white;\r\n                        font-size: 32px;\r\n                        font-weight: 600;\r\n                        line-height: 39px;\r\n                        letter-spacing: 0px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .product-page__info-section {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 40px;\r\n\r\n        .product-page__desc {\r\n            color: $main-color;\r\n            font-size: 20px;\r\n            font-weight: 400;\r\n            line-height: 24px;\r\n            letter-spacing: 0px;\r\n            text-align: left;\r\n        }\r\n\r\n        .product-page__tags-ul {\r\n            display: flex;\r\n            gap: 20px;\r\n\r\n            .product-page__tag-li {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 10px 20px 10px 20px;\r\n                border-radius: 50px;\r\n                background-color: $main-color;\r\n                color: black;\r\n                font-size: 24px;\r\n                font-weight: 600;\r\n                line-height: 29px;\r\n                letter-spacing: 0px;\r\n                text-align: left;\r\n            }\r\n        }\r\n    }\r\n\r\n    .product-page__reviews-section {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        .reviews-section__rate-block {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            margin-top: 48px;\r\n            width: 310px;\r\n            \r\n            .rate-block__rating {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 20px;\r\n                \r\n                .rate-block__rate-number {\r\n                    color: white;\r\n                    font-size: 36px;\r\n                    font-weight: 600;\r\n                    line-height: 44px;\r\n                    letter-spacing: 0px;\r\n                    text-align: left;\r\n                }\r\n    \r\n                .rate-block__star-rating {\r\n                    display: flex;\r\n                    justify-content: flex-end;\r\n                    align-items: center;\r\n                    color: #ccc;\r\n                    position: relative;\r\n                    unicode-bidi: bidi-override;\r\n                    direction: rtl;\r\n                    font-size: 36px;\r\n                    \r\n                    .star-rating__back-stars {\r\n                        display: flex;\r\n                        flex-direction: row-reverse;\r\n                        position: relative;\r\n                        z-index: 0;\r\n                        \r\n                        span {\r\n                            height: 100%px;\r\n                        }\r\n    \r\n                        .star-rating__front-stars {\r\n                            display: flex;\r\n                            position: absolute;\r\n                            flex-direction: row-reverse;\r\n                            top: 0;\r\n                            overflow: hidden;\r\n                            z-index: 1;\r\n                            color: #FFB800;\r\n\r\n                            span {\r\n                                height: 100%px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .rate-block__progressbars-group {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 10px;\r\n                width: 100%;\r\n                color: white;\r\n                font-size: 20px;\r\n                font-weight: 400;\r\n                line-height: 24px;\r\n                letter-spacing: 0px;\r\n                text-align: left;\r\n\r\n                .progressbars-group__progressbar-container {\r\n                    display: flex;\r\n                    gap: 10px;\r\n                    align-items: center;\r\n                    \r\n                    .rate-progressbar__rate-number {\r\n                        width: 16px;\r\n                    }\r\n                    \r\n                    .progressbar-container__progressbar {\r\n                        height: 12px;\r\n                        width: 100%;\r\n                        border-radius: 15px;\r\n                        background: $main-color;\r\n                        position: relative;\r\n                        \r\n                        .progressbar__active-line {\r\n                            width: 50%;\r\n                            border-radius: 15px;\r\n                            position: absolute;\r\n                            top: 0;\r\n                            left: 0;\r\n                            height: 100%;\r\n                            background-color: #FFB800;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .product-page__review-form {\r\n            display: flex;\r\n            flex-direction: column;\r\n            margin-top: 48px;\r\n            gap: 20px;\r\n\r\n            .review-form__heading {\r\n                color: white;\r\n                font-size: 26px;\r\n                font-weight: 500;\r\n                letter-spacing: 0px;\r\n                text-align: left;\r\n            }\r\n\r\n            .review-form__stars-container {\r\n                position: relative;\r\n                width: 150px;\r\n                height: 30px;\r\n                background-image: url(assets/icons/rating__star-icon.svg);\r\n                background-size: 30px auto;\r\n                background-repeat: repeat-x;\r\n\r\n                .review-form__star-radio {\r\n                    appearance: none;\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    height: 30px;\r\n                }\r\n\r\n                .review-form__star-radio:checked, .review-form__star-radio:hover {\r\n                    background-image: url(assets/icons/rating__filled-star-icon.svg);\r\n                    background-size: 30px auto;\r\n                    background-repeat: repeat-x;\r\n                }\r\n\r\n                .review-form__star-radio:hover ~ .review-form__star-radio {\r\n                    background-image: url(assets/icons/rating__star-icon.svg);\r\n                    background-size: 30px auto;\r\n                    background-repeat: repeat-x;\r\n                }\r\n\r\n                .review-form__star-radio:nth-of-type(1) {\r\n                    z-index: 5;\r\n                    width: 30px;\r\n                }\r\n                .review-form__star-radio:nth-of-type(2) {\r\n                    z-index: 4;\r\n                    width: 60px;\r\n                }\r\n                .review-form__star-radio:nth-of-type(3) {\r\n                    z-index: 3;\r\n                    width: 90px;\r\n                }\r\n                .review-form__star-radio:nth-of-type(4) {\r\n                    z-index: 2;\r\n                    width: 120px;\r\n                }\r\n                .review-form__star-radio:nth-of-type(5) {\r\n                    z-index: 1;\r\n                    width: 150px;\r\n                }\r\n            }\r\n\r\n            .review-form__textarea {\r\n                width: 100%;\r\n                border: 2px solid $main-color;\r\n                border-radius: 15px;\r\n                color: white;\r\n                padding: 10px;\r\n                font-size: 24px;\r\n            }\r\n\r\n            .review-form__image-attach {\r\n                width: 34px;\r\n\r\n                img {\r\n                    width: 100%;\r\n                }\r\n            }\r\n\r\n            .review-form__image-input {\r\n                display: none;\r\n            }\r\n\r\n            .review-form__send-button {\r\n                padding: 20px;\r\n                border-radius: 15px;\r\n                background-color: $accent-color;\r\n                font-size: 20px;\r\n                color: white;\r\n                font-weight: 500;\r\n                letter-spacing: 0px;\r\n            }\r\n        }\r\n\r\n        .product-page__reviews-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            margin-top: 50px;\r\n            margin-bottom: 30px;\r\n            gap: 50px;\r\n        }\r\n    }\r\n\r\n    .product-page__block-heading {\r\n        color: white;\r\n        font-size: 32px;\r\n        font-weight: 500;\r\n        line-height: 39px;\r\n        letter-spacing: 0px;\r\n        text-align: left;\r\n    }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.profile-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 20px;\r\n\r\n    .profile-page__nav {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        .profile-link {\r\n            color: white;\r\n            font-size: 32px;\r\n            font-weight: 600;\r\n            line-height: 39px;\r\n            letter-spacing: 0px;\r\n        }\r\n\r\n        .active {\r\n            color: $accent-color;\r\n        }\r\n    }\r\n\r\n    .profile-page__info-div {\r\n        display: flex;\r\n        max-width: 150px;\r\n        flex-direction: column;\r\n\r\n        span {\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 29px;\r\n            letter-spacing: 0px;\r\n        }\r\n    }\r\n\r\n    .orders-section {\r\n        width: 100%;\r\n        min-height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        \r\n        .orders-container {\r\n            width: 100%;\r\n            display: flex;\r\n            gap: 80px;\r\n\r\n            .orders-div {\r\n                display: flex;\r\n                flex-direction: row;\r\n                justify-content: flex-start;\r\n                align-items: flex-start;\r\n                gap: 40px;\r\n                \r\n                .order-article {\r\n                    width: 352px;\r\n                    height: 120px;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: space-between;\r\n                    align-items: center;\r\n                    padding: 0px 14px 0px 14px;\r\n                    border-radius: 15px;\r\n                    box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n                    background: $background-color;\r\n\r\n                    .order-article__img {\r\n                        min-width: 90px;\r\n                        background-position: center;\r\n                        background-size: cover;\r\n                        background-repeat: no-repeat;\r\n                        height: 90px;\r\n                        border-radius: 8px;\r\n                        background-image: url(../src/assets/img/product-image-1.webp);\r\n                    }\r\n\r\n                    .order-article__info-div {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: center;\r\n                        align-items: flex-start;\r\n\r\n                        .order-article__status-span {\r\n                            color: white;\r\n                            font-size: 24px;\r\n                            font-weight: 600;\r\n                            line-height: 29px;\r\n                            letter-spacing: 0px;\r\n                        }\r\n\r\n                        .order-article__info-span {\r\n                            color: #808080;\r\n                            font-size: 16px;\r\n                            font-weight: 500;\r\n                            line-height: 20px;\r\n                            letter-spacing: 0px;\r\n                        }\r\n\r\n                        .order-article__date-span {\r\n                            color: white;\r\n                            font-size: 16px;\r\n                            font-weight: 500;\r\n                            line-height: 20px;\r\n                            letter-spacing: 0px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .purchases-section {\r\n        width: 100%;\r\n        min-height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n\r\n        .purchases-container {\r\n            width: 100%;\r\n            display: flex;\r\n            gap: 80px;\r\n\r\n            .purchases-div {\r\n                display: flex;\r\n            }\r\n        }\r\n    }\r\n}",".scam-page {\r\n    width: 96%;\r\n    display: flex;\r\n\r\n    .scam-page__image {\r\n        width: 100%;\r\n    }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.info-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n\r\n    .info-page__dev-card {\r\n        width: 300px;\r\n        height: 400px;\r\n        perspective: 1000px;\r\n        border-radius: 15px;\r\n    \r\n        .dev-card__inner {\r\n            position: relative;\r\n            border-radius: 15px;\r\n            width: 100%;\r\n            height: 100%;\r\n            text-align: center;\r\n            transition: transform 0.6s;\r\n            transform-style: preserve-3d;\r\n            box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n    \r\n            .dev-card__front, .dev-card__back {\r\n                position: absolute;\r\n                border-radius: 15px;\r\n                width: 100%;\r\n                height: 100%;\r\n                backface-visibility: hidden;\r\n            }\r\n    \r\n            .dev-card__front {\r\n                .dev-card__avatar {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    border-radius: 15px;\r\n                }\r\n            }\r\n            \r\n            .dev-card__back {\r\n                background-color: $background-color;\r\n                color: white;\r\n                box-sizing: border-box;\r\n                padding: 20px;\r\n                transform: rotateY(180deg);\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n\r\n                .dev-card__name {\r\n                    font-size: 24px;\r\n                }\r\n\r\n                .dev-card__info {\r\n                    color: $main-color;\r\n                }\r\n\r\n                .dev-card__url {\r\n                    font-size: 18px;\r\n                    color: white;\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        }\r\n    }\r\n      \r\n    .info-page__dev-card:hover .dev-card__inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n}"],"names":[],"sourceRoot":""}