Files
react-shop/static/css/main.00152e63.css.map
2025-10-21 12:08:19 +02:00

1 line
34 KiB
Plaintext

{"version":3,"file":"static/css/main.00152e63.css","mappings":"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,CACV,kCACF,CACA,IACE,SAAU,CACV,+BACF,CACA,IACE,gCACF,CACA,IACE,8BACF,CACA,GACE,cACF,CACF,CAEA,mCACE,IACE,SAAU,CACV,sCACF,CACA,GACE,SAAU,CACV,yCACF,CACF,CAEA,gCACE,kBAKE,uDACF,CACA,GACE,SAAU,CACV,iCACF,CACA,IACE,SAAU,CACV,gCACF,CACA,IACE,+BACF,CACA,IACE,+BACF,CACA,GACE,uBACF,CACF,CAEA,iCACE,IACE,gDACF,CACA,QAEE,SAAU,CACV,gDACF,CACA,GACE,SAAU,CACV,kCACF,CACF,CAEA,kCACE,kBAKE,uDACF,CACA,GACE,SAAU,CACV,kCACF,CACA,IACE,SAAU,CACV,+BACF,CACA,IACE,gCACF,CACA,IACE,8BACF,CACA,GACE,cACF,CACF,CAEA,mCACE,IACE,gDACF,CACA,QAEE,SAAU,CACV,gDACF,CACA,GACE,SAAU,CACV,iCACF,CACF,CAEA,uEAEE,qCACF,CAEA,yEAEE,sCACF,CAEA,oCACE,qCACF,CAEA,uCACE,mCACF,CAEA,qEAEE,sCACF,CAEA,uEAEE,uCACF,CAEA,mCACE,oCACF,CAEA,sCACE,sCACF,CAEA,4BACE,GACE,SAAU,CACV,2BACF,CACA,IACE,SACF,CACF,CAEA,6BACE,GACE,SACF,CACA,IACE,SAAU,CACV,qDACF,CACA,GACE,SACF,CACF,CAEA,sBACE,+BACF,CAEA,qBACE,gCACF,CAEA,4BACE,GAEE,iCAAkC,CAClC,SAAU,CAFV,2CAGF,CACA,IAEE,iCAAkC,CADlC,4CAEF,CACA,IAEE,SAAU,CADV,2CAEF,CACA,IACE,2CACF,CACA,GACE,4BACF,CACF,CAEA,6BACE,GACE,sDACF,CACA,IAEE,SAAU,CADV,sEAEF,CACA,GAEE,SAAU,CADV,qEAEF,CACF,CAEA,sBACE,+BACF,CAEA,qBACE,gCACF,CAEA,kCACE,GACE,+BAAkC,CAClC,kBACF,CACA,GACE,mCACF,CACF,CAEA,iCACE,GACE,gCAAmC,CACnC,kBACF,CACA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","sources":["../node_modules/react-toastify/dist/ReactToastify.css","App.scss"],"sourcesContent":[":root {\n --toastify-color-light: #fff;\n --toastify-color-dark: #121212;\n --toastify-color-info: #3498db;\n --toastify-color-success: #07bc0c;\n --toastify-color-warning: #f1c40f;\n --toastify-color-error: hsl(6, 78%, 57%);\n --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n\n --toastify-icon-color-info: var(--toastify-color-info);\n --toastify-icon-color-success: var(--toastify-color-success);\n --toastify-icon-color-warning: var(--toastify-color-warning);\n --toastify-icon-color-error: var(--toastify-color-error);\n\n --toastify-container-width: fit-content;\n --toastify-toast-width: 320px;\n --toastify-toast-offset: 16px;\n --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));\n --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));\n --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));\n --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));\n --toastify-toast-background: #fff;\n --toastify-toast-padding: 14px;\n --toastify-toast-min-height: 64px;\n --toastify-toast-max-height: 800px;\n --toastify-toast-bd-radius: 6px;\n --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n --toastify-font-family: sans-serif;\n --toastify-z-index: 9999;\n --toastify-text-color-light: #757575;\n --toastify-text-color-dark: #fff;\n\n /* Used only for colored theme */\n --toastify-text-color-info: #fff;\n --toastify-text-color-success: #fff;\n --toastify-text-color-warning: #fff;\n --toastify-text-color-error: #fff;\n\n --toastify-spinner-color: #616161;\n --toastify-spinner-color-empty-area: #e0e0e0;\n --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n --toastify-color-progress-dark: #bb86fc;\n --toastify-color-progress-info: var(--toastify-color-info);\n --toastify-color-progress-success: var(--toastify-color-success);\n --toastify-color-progress-warning: var(--toastify-color-warning);\n --toastify-color-progress-error: var(--toastify-color-error);\n /* used to control the opacity of the progress trail */\n --toastify-color-progress-bgo: 0.2;\n}\n\n.Toastify__toast-container {\n z-index: var(--toastify-z-index);\n -webkit-transform: translate3d(0, 0, var(--toastify-z-index));\n position: fixed;\n width: var(--toastify-container-width);\n box-sizing: border-box;\n color: #fff;\n display: flex;\n flex-direction: column;\n}\n\n.Toastify__toast-container--top-left {\n top: var(--toastify-toast-top);\n left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--top-center {\n top: var(--toastify-toast-top);\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n.Toastify__toast-container--top-right {\n top: var(--toastify-toast-top);\n right: var(--toastify-toast-right);\n align-items: end;\n}\n.Toastify__toast-container--bottom-left {\n bottom: var(--toastify-toast-bottom);\n left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--bottom-center {\n bottom: var(--toastify-toast-bottom);\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n.Toastify__toast-container--bottom-right {\n bottom: var(--toastify-toast-bottom);\n right: var(--toastify-toast-right);\n align-items: end;\n}\n\n.Toastify__toast {\n --y: 0;\n position: relative;\n touch-action: none;\n width: var(--toastify-toast-width);\n min-height: var(--toastify-toast-min-height);\n box-sizing: border-box;\n margin-bottom: 1rem;\n padding: var(--toastify-toast-padding);\n border-radius: var(--toastify-toast-bd-radius);\n box-shadow: var(--toastify-toast-shadow);\n max-height: var(--toastify-toast-max-height);\n font-family: var(--toastify-font-family);\n /* webkit only issue #791 */\n z-index: 0;\n /* inner swag */\n display: flex;\n flex: 1 auto;\n align-items: center;\n word-break: break-word;\n}\n\n@media only screen and (max-width: 480px) {\n .Toastify__toast-container {\n width: 100vw;\n left: env(safe-area-inset-left);\n margin: 0;\n }\n .Toastify__toast-container--top-left,\n .Toastify__toast-container--top-center,\n .Toastify__toast-container--top-right {\n top: env(safe-area-inset-top);\n transform: translateX(0);\n }\n .Toastify__toast-container--bottom-left,\n .Toastify__toast-container--bottom-center,\n .Toastify__toast-container--bottom-right {\n bottom: env(safe-area-inset-bottom);\n transform: translateX(0);\n }\n .Toastify__toast-container--rtl {\n right: env(safe-area-inset-right);\n left: initial;\n }\n .Toastify__toast {\n --toastify-toast-width: 100%;\n margin-bottom: 0;\n border-radius: 0;\n }\n}\n\n.Toastify__toast-container[data-stacked='true'] {\n width: var(--toastify-toast-width);\n}\n\n.Toastify__toast--stacked {\n position: absolute;\n width: 100%;\n transform: translate3d(0, var(--y), 0) scale(var(--s));\n transition: transform 0.3s;\n}\n\n.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,\n.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {\n transition: opacity 0.1s;\n}\n\n.Toastify__toast--stacked[data-collapsed='false'] {\n overflow: visible;\n}\n\n.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {\n opacity: 0;\n}\n\n.Toastify__toast--stacked:after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n height: calc(var(--g) * 1px);\n bottom: 100%;\n}\n\n.Toastify__toast--stacked[data-pos='top'] {\n top: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'] {\n bottom: 0;\n}\n\n.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {\n transform-origin: top;\n}\n\n.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {\n transform-origin: bottom;\n}\n\n.Toastify__toast--stacked:before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: 100%;\n transform: scaleY(3);\n z-index: -1;\n}\n\n.Toastify__toast--rtl {\n direction: rtl;\n}\n\n.Toastify__toast--close-on-click {\n cursor: pointer;\n}\n\n.Toastify__toast-icon {\n margin-inline-end: 10px;\n width: 22px;\n flex-shrink: 0;\n display: flex;\n}\n\n.Toastify--animate {\n animation-fill-mode: both;\n animation-duration: 0.5s;\n}\n\n.Toastify--animate-icon {\n animation-fill-mode: both;\n animation-duration: 0.3s;\n}\n\n.Toastify__toast-theme--dark {\n background: var(--toastify-color-dark);\n color: var(--toastify-text-color-dark);\n}\n\n.Toastify__toast-theme--light {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--default {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--info {\n color: var(--toastify-text-color-info);\n background: var(--toastify-color-info);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--success {\n color: var(--toastify-text-color-success);\n background: var(--toastify-color-success);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--warning {\n color: var(--toastify-text-color-warning);\n background: var(--toastify-color-warning);\n}\n\n.Toastify__toast-theme--colored.Toastify__toast--error {\n color: var(--toastify-text-color-error);\n background: var(--toastify-color-error);\n}\n\n.Toastify__progress-bar-theme--light {\n background: var(--toastify-color-progress-light);\n}\n\n.Toastify__progress-bar-theme--dark {\n background: var(--toastify-color-progress-dark);\n}\n\n.Toastify__progress-bar--info {\n background: var(--toastify-color-progress-info);\n}\n\n.Toastify__progress-bar--success {\n background: var(--toastify-color-progress-success);\n}\n\n.Toastify__progress-bar--warning {\n background: var(--toastify-color-progress-warning);\n}\n\n.Toastify__progress-bar--error {\n background: var(--toastify-color-progress-error);\n}\n\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n background: var(--toastify-color-transparent);\n}\n\n.Toastify__close-button {\n color: #fff;\n position: absolute;\n top: 6px;\n right: 6px;\n background: transparent;\n outline: none;\n border: none;\n padding: 0;\n cursor: pointer;\n opacity: 0.7;\n transition: 0.3s ease;\n z-index: 1;\n}\n\n.Toastify__toast--rtl .Toastify__close-button {\n left: 6px;\n right: unset;\n}\n\n.Toastify__close-button--light {\n color: #000;\n opacity: 0.3;\n}\n\n.Toastify__close-button > svg {\n fill: currentColor;\n height: 16px;\n width: 14px;\n}\n\n.Toastify__close-button:hover,\n.Toastify__close-button:focus {\n opacity: 1;\n}\n\n@keyframes Toastify__trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\n }\n}\n\n.Toastify__progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0.7;\n transform-origin: left;\n}\n\n.Toastify__progress-bar--animated {\n animation: Toastify__trackProgress linear 1 forwards;\n}\n\n.Toastify__progress-bar--controlled {\n transition: transform 0.2s;\n}\n\n.Toastify__progress-bar--rtl {\n right: 0;\n left: initial;\n transform-origin: right;\n border-bottom-left-radius: initial;\n}\n\n.Toastify__progress-bar--wrp {\n position: absolute;\n overflow: hidden;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 5px;\n border-bottom-left-radius: var(--toastify-toast-bd-radius);\n border-bottom-right-radius: var(--toastify-toast-bd-radius);\n}\n\n.Toastify__progress-bar--wrp[data-hidden='true'] {\n opacity: 0;\n}\n\n.Toastify__progress-bar--bg {\n opacity: var(--toastify-color-progress-bgo);\n width: 100%;\n height: 100%;\n}\n\n.Toastify__spinner {\n width: 20px;\n height: 20px;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 100%;\n border-color: var(--toastify-spinner-color-empty-area);\n border-right-color: var(--toastify-spinner-color);\n animation: Toastify__spin 0.65s linear infinite;\n}\n\n@keyframes Toastify__bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n to {\n transform: none;\n }\n}\n\n@keyframes Toastify__bounceOutRight {\n 20% {\n opacity: 1;\n transform: translate3d(-20px, var(--y), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(2000px, var(--y), 0);\n }\n}\n\n@keyframes Toastify__bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n to {\n transform: none;\n }\n}\n\n@keyframes Toastify__bounceOutLeft {\n 20% {\n opacity: 1;\n transform: translate3d(20px, var(--y), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-2000px, var(--y), 0);\n }\n}\n\n@keyframes Toastify__bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(0, 3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n 75% {\n transform: translate3d(0, 10px, 0);\n }\n 90% {\n transform: translate3d(0, -5px, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes Toastify__bounceOutUp {\n 20% {\n transform: translate3d(0, calc(var(--y) - 10px), 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, calc(var(--y) + 20px), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n@keyframes Toastify__bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n to {\n transform: none;\n }\n}\n\n@keyframes Toastify__bounceOutDown {\n 20% {\n transform: translate3d(0, calc(var(--y) - 10px), 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, calc(var(--y) + 20px), 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n.Toastify__bounce-enter--top-left,\n.Toastify__bounce-enter--bottom-left {\n animation-name: Toastify__bounceInLeft;\n}\n\n.Toastify__bounce-enter--top-right,\n.Toastify__bounce-enter--bottom-right {\n animation-name: Toastify__bounceInRight;\n}\n\n.Toastify__bounce-enter--top-center {\n animation-name: Toastify__bounceInDown;\n}\n\n.Toastify__bounce-enter--bottom-center {\n animation-name: Toastify__bounceInUp;\n}\n\n.Toastify__bounce-exit--top-left,\n.Toastify__bounce-exit--bottom-left {\n animation-name: Toastify__bounceOutLeft;\n}\n\n.Toastify__bounce-exit--top-right,\n.Toastify__bounce-exit--bottom-right {\n animation-name: Toastify__bounceOutRight;\n}\n\n.Toastify__bounce-exit--top-center {\n animation-name: Toastify__bounceOutUp;\n}\n\n.Toastify__bounce-exit--bottom-center {\n animation-name: Toastify__bounceOutDown;\n}\n\n@keyframes Toastify__zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes Toastify__zoomOut {\n from {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n}\n\n.Toastify__zoom-enter {\n animation-name: Toastify__zoomIn;\n}\n\n.Toastify__zoom-exit {\n animation-name: Toastify__zoomOut;\n}\n\n@keyframes Toastify__flipIn {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n}\n\n@keyframes Toastify__flipOut {\n from {\n transform: translate3d(0, var(--y), 0) perspective(400px);\n }\n 30% {\n transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n to {\n transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n}\n\n.Toastify__flip-enter {\n animation-name: Toastify__flipIn;\n}\n\n.Toastify__flip-exit {\n animation-name: Toastify__flipOut;\n}\n\n@keyframes Toastify__slideInRight {\n from {\n transform: translate3d(110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideInLeft {\n from {\n transform: translate3d(-110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideInUp {\n from {\n transform: translate3d(0, 110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideInDown {\n from {\n transform: translate3d(0, -110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideOutRight {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(110%, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideOutLeft {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(-110%, var(--y), 0);\n }\n}\n\n@keyframes Toastify__slideOutDown {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0);\n }\n}\n\n@keyframes Toastify__slideOutUp {\n from {\n transform: translate3d(0, var(--y), 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, -500px, 0);\n }\n}\n\n.Toastify__slide-enter--top-left,\n.Toastify__slide-enter--bottom-left {\n animation-name: Toastify__slideInLeft;\n}\n\n.Toastify__slide-enter--top-right,\n.Toastify__slide-enter--bottom-right {\n animation-name: Toastify__slideInRight;\n}\n\n.Toastify__slide-enter--top-center {\n animation-name: Toastify__slideInDown;\n}\n\n.Toastify__slide-enter--bottom-center {\n animation-name: Toastify__slideInUp;\n}\n\n.Toastify__slide-exit--top-left,\n.Toastify__slide-exit--bottom-left {\n animation-name: Toastify__slideOutLeft;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-right,\n.Toastify__slide-exit--bottom-right {\n animation-name: Toastify__slideOutRight;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--top-center {\n animation-name: Toastify__slideOutUp;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n.Toastify__slide-exit--bottom-center {\n animation-name: Toastify__slideOutDown;\n animation-timing-function: ease-in;\n animation-duration: 0.3s;\n}\n\n@keyframes Toastify__spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n","// @import url(\"https://fonts.googleapis.com/css2?family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap\");\n\n// Variables\n\n// colors\n$OuterSpaceCrayola: #22363c;\n$DeepSpaceSparkle: #335c67;\n$Cultured: #eceff1;\n$PersianGreen: #009688;\n$SolidPink: #92374d;\n\n//size\n$NavbarHeight: 64px;\n$FooterHeight: 22px;\n\n$xs: 21rem; // 336px;\n$sm: 48rem; // 768px;\n$md: 64rem; // 1024px;\n$lg: 90rem; // 1440px;\n$xl: 120rem; // 1920px;\n$breakpoints: $xs, $sm, $md, $lg, $xl;\n\n// Mixins\n@mixin layout($breakpoint, $direction: min) {\n\t@if $direction == min {\n\t\t@media (min-width: $breakpoint) {\n\t\t\t@content;\n\t\t}\n\t} @else {\n\t\t@media (max-width: $breakpoint) {\n\t\t\t@content;\n\t\t}\n\t}\n\n\t// use the custom value if the breakpoint is not part of the pre-defined list\n}\n\n@mixin flex-center {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n@mixin hover-animation {\n\t&:hover {\n\t\ttransform: scale(1.03);\n\t}\n}\n\n// reset\n* {\n\tpadding: 0;\n\tmargin: 0;\n\tbox-sizing: border-box;\n\tfont-family: \"Sansation\", sans-serif;\n}\n\na {\n\ttext-decoration: none;\n\tcolor: $PersianGreen;\n\t@include hover-animation();\n}\n\n// layout\n.responsive-layout {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tpadding: 1rem;\n\t@include layout($xl, min) {\n\t\tmax-width: $lg;\n\t}\n\t@include layout($xl, max) {\n\t\tmax-width: $lg;\n\t}\n\n\t@include layout($lg, max) {\n\t\tmax-width: $md;\n\t}\n\n\t@include layout($md, max) {\n\t\tmax-width: $sm;\n\t}\n\t@include layout($sm, max) {\n\t\tmax-width: $xs;\n\t}\n}\n\n// spinner\n.spinner {\n\twidth: 50px;\n\theight: 50px;\n\tpadding: 8px;\n\t// aspect-ratio: 1;\n\tborder-radius: 50%;\n\tbackground: $PersianGreen;\n\t--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;\n\t-webkit-mask: var(--_m);\n\tmask: var(--_m);\n\t-webkit-mask-composite: source-out;\n\tmask-composite: subtract;\n\tanimation: spin 1s infinite linear;\n}\n\n@keyframes spin {\n\tto {\n\t\ttransform: rotate(1turn);\n\t}\n}\n\n// navbar\n.navbar-background {\n\tbackground-color: $OuterSpaceCrayola;\n}\n\n.navbar {\n\theight: $NavbarHeight;\n\talign-items: center;\n\t@extend .responsive-layout;\n\n\t.title {\n\t\t@include hover-animation();\n\t\tfont-size: 2rem;\n\t\tfloat: left;\n\t\tcolor: $Cultured;\n\t\t@include layout($md, max) {\n\t\t\tfont-size: 1.8rem;\n\t\t}\n\t\t@include layout($sm, max) {\n\t\t\tfont-size: 1.5rem;\n\t\t}\n\t}\n\n\t.nav-bag {\n\t\tfloat: right;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolor: $Cultured;\n\t\tsvg {\n\t\t\tcolor: $Cultured;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t}\n\n\t\t.nav-quantity {\n\t\t\t@include flex-center();\n\t\t\theight: 36px;\n\t\t\twidth: 36px;\n\t\t\tbackground-color: $OuterSpaceCrayola;\n\t\t\tborder: 1px solid $PersianGreen;\n\n\t\t\tmargin-left: 5px;\n\t\t\tborder-radius: 50%;\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n}\n\n// footer\n.footer {\n\t@include flex-center();\n\theight: $FooterHeight;\n\tcolor: $Cultured;\n\tbackground-color: $OuterSpaceCrayola;\n}\n\n// home\n.home-container {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-evenly;\n\tmin-height: calc(100vh - $NavbarHeight - $FooterHeight - 2rem);\n\th2 {\n\t\twidth: 100%;\n\t}\n}\n\n// card\n.card-list {\n\tmargin: 1rem auto;\n\tpadding: 1rem;\n\tborder: 1px solid $DeepSpaceSparkle;\n\tborder-radius: 4px;\n\twidth: 250px;\n\tmax-width: 100%;\n\tmin-height: 400px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\n\t.card-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0.5rem;\n\t\tmin-height: 480px;\n\t}\n\n\tbutton {\n\t\tborder-radius: 20px;\n\t\toutline: none;\n\t\tbackground-color: $OuterSpaceCrayola;\n\t\tcolor: $Cultured;\n\t\tfont-size: 1rem;\n\t\tcursor: pointer;\n\t\theight: 1.5rem;\n\t\tmargin-top: 0.5rem;\n\t\tletter-spacing: 1.1px;\n\t\twidth: 100%;\n\t}\n\n\timg {\n\t\tmax-width: 100%;\n\t\tmax-height: 10rem;\n\t\tmin-height: 8rem;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\t.image-container {\n\t\ttext-align: center;\n\t}\n\n\t.title {\n\t\tfont-size: 1.2rem;\n\t\tmax-width: 100%;\n\t}\n\n\t.description {\n\t\tfont-size: 12px;\n\t\tline-height: 1.5;\n\t\tflex-grow: 1;\n\t}\n\n\t.category,\n\t.price,\n\t.discount,\n\t.stock {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tflex-wrap: wrap;\n\t\tfont-size: 14px;\n\t\tmargin: 0.2rem 0;\n\t}\n\n\t.category {\n\t\tspan {\n\t\t\tbackground-color: $OuterSpaceCrayola;\n\t\t\tcolor: $Cultured;\n\t\t\tfont-size: 10px;\n\t\t\tborder-radius: 20px;\n\t\t\tpadding: 0.2rem 0.5rem;\n\t\t\t// border-bottom: 1px solid #335c67;\n\t\t}\n\t}\n}\n\n// cart\n.cart-container {\n\tmin-height: calc(100vh - $NavbarHeight - $FooterHeight - 2rem);\n\n\t.titles {\n\t\tmargin: 2rem 0 1rem 0;\n\t\tborder-bottom: 1px solid $OuterSpaceCrayola;\n\t\t.product-title {\n\t\t\tpadding-left: 0.5rem;\n\t\t}\n\t\t.total-title {\n\t\t\tpadding-right: 0.5rem;\n\t\t\tjustify-self: right;\n\t\t}\n\t}\n\n\t.cart-item {\n\t\tmargin-top: 2rem;\n\t\tborder-bottom: 0.5px solid $OuterSpaceCrayola;\n\n\t\t.cart-product {\n\t\t\tdisplay: flex;\n\n\t\t\timg {\n\t\t\t\twidth: 100px;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmax-height: 100px;\n\t\t\t\tmargin-right: 1rem;\n\t\t\t}\n\t\t\th3 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tmargin-bottom: 0.3rem;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\tborder: none;\n\t\t\t\toutline: none;\n\t\t\t\tcursor: pointer;\n\t\t\t\tmargin: 1rem;\n\t\t\t\tbackground: none;\n\t\t\t\tcolor: $SolidPink;\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $PersianGreen;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.quantity {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tjustify-content: center;\n\t\t\twidth: 130px;\n\t\t\tmax-width: 100%;\n\t\t\tborder: 0.5px solid $OuterSpaceCrayola;\n\t\t\tborder-radius: 5px;\n\n\t\t\tbutton {\n\t\t\t\tborder: none;\n\t\t\t\toutline: none;\n\t\t\t\tbackground: none;\n\t\t\t\tpadding: 0.7rem 1.5rem;\n\t\t\t\tcursor: pointer;\n\t\t\t\t// font-size: 2rem;\n\t\t\t}\n\t\t\t.count {\n\t\t\t\tpadding: 0.7rem 0;\n\t\t\t}\n\t\t}\n\t\t.total-price {\n\t\t\tjustify-self: right;\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n\n\t.cart-item,\n\t.titles {\n\t\tdisplay: grid;\n\t\talign-items: center;\n\t\tgrid-template-columns: 3fr 1fr 1fr 1fr;\n\t\tcolumn-gap: 0.5rem;\n\t\tmax-width: 100%;\n\t}\n\n\t.cart-summary {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n\t\tpadding-top: 2rem;\n\n\t\t.clear-cart {\n\t\t\t@include hover-animation();\n\t\t\twidth: 130px;\n\t\t\tmax-width: 100%;\n\t\t\theight: 40px;\n\t\t\tborder-radius: 5px;\n\t\t\tfont-weight: 400;\n\t\t\tletter-spacing: 1.1px;\n\t\t\tbackground-color: $SolidPink;\n\t\t\tborder: none;\n\t\t\tcolor: $Cultured;\n\t\t\toutline: none;\n\t\t\tcursor: pointer;\n\t\t\tfont-size: 1.2rem;\n\t\t}\n\n\t\t.cart-checkout {\n\t\t\twidth: 270px;\n\t\t\tmax-width: 100%;\n\t\t\t.subtotal {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tfont-size: 1.2rem;\n\t\t\t\tfont-weight: 700;\n\t\t\t\t.amount {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t\t@include hover-animation();\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 50px;\n\t\t\t\toutline: none;\n\t\t\t\tbackground-color: $OuterSpaceCrayola;\n\t\t\t\tcolor: $Cultured;\n\t\t\t\tfont-size: 1.2rem;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tcursor: pointer;\n\t\t\t\theight: 1.5rem;\n\t\t\t\tmargin-top: 0.5rem;\n\t\t\t\tletter-spacing: 1.1px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.continue-shopping {\n\t\t@include flex-center();\n\t}\n\t.no-cart-items {\n\t\t@include flex-center();\n\t\tflex-direction: column;\n\t\tmin-height: calc(100vh - $NavbarHeight - $FooterHeight - 4rem);\n\t\tp {\n\t\t\tfont-size: 1.4rem;\n\t\t}\n\t}\n\n\t@include layout($sm, max) {\n\t\t.titles {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.cart-item {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: space-between;\n\t\t\tmin-height: 20rem;\n\t\t\tborder: 0.5px solid $OuterSpaceCrayola;\n\t\t\tborder-radius: 4px;\n\t\t\tpadding: 1rem;\n\t\t\t.cart-product {\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\timg {\n\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\tmargin-right: auto;\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t}\n\t\t\t\t& > div > p {\n\t\t\t\t\tmargin-top: 1rem;\n\t\t\t\t}\n\t\t\t\tbutton {\n\t\t\t\t\tfont-size: 1rem;\n\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\tmargin-right: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.price {\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: \"Price:\";\n\t\t\t\t}\n\t\t\t}\n\t\t\t.total-price {\n\t\t\t\tmargin-top: 1rem;\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: \"Total Price:\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.cart-summary {\n\t\t\tflex-direction: column;\n\t\t\t.clear-cart {\n\t\t\t\tmargin-bottom: 2rem;\n\t\t\t\talign-self: center;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// not found\n.not-found {\n\t@include flex-center();\n\tflex-direction: column;\n\tcolor: $OuterSpaceCrayola;\n\tmin-height: calc(100vh - $NavbarHeight - $FooterHeight);\n\th2 {\n\t\theight: 48px;\n\t}\n\tp {\n\t\tfont-size: 1.4rem;\n\t}\n}\n\n// back to home button\n.back-to-home {\n\tfont-size: 1.4rem;\n\tmargin-top: 3rem;\n\tcolor: $PersianGreen;\n}\n\n.go-to-cart {\n\tfont-size: 1rem;\n}\n"],"names":[],"sourceRoot":""}