:root{--main:#fff;--sub:#f5f5f5f2;background-color:#f7f7f780}*{box-sizing:border-box;font-family:Rokkitt,serif;margin:0;padding:0;scroll-behavior:smooth}label{color:rgba(39,37,37,.877);font-family:Noto Sans,sans-serif;font-size:13px;letter-spacing:.25px}input,select{border:1px solid hsla(0,8%,90%,.534);border-radius:3px;height:40px;padding-left:9px;width:100%}input,select,select option{font-family:Noto Sans JP,sans-serif;font-size:13px;letter-spacing:.75px}textarea{border:1px solid hsla(0,8%,90%,.534);border-radius:3px;font-family:Noto Sans JP,sans-serif;min-height:50px;resize:none;width:100%}input:focus,textarea:focus{outline-width:0}input[type=password]{letter-spacing:2px}button{background-color:#000;border-radius:5px;color:#fff;font-family:Play,sans-serif;font-size:12px;font-weight:700;height:30px;letter-spacing:.5px;margin-bottom:7px;padding:0 5px}button:hover{background-color:#fff;color:#000;cursor:pointer}.container{background-color:#fff;border-radius:3px;margin:auto;max-width:1500px;min-height:95vh;padding-top:3rem}@media(max-width:820px){nav{position:fixed;top:0;z-index:123}.container{margin-top:3rem}}@media(max-width:414px){label{font-size:12px}h4{font-size:15px}input{height:30px}button,input{font-size:10px}button{height:25px}span{font-size:14px}}@media(max-width:404px){h4{font-size:12px}label{font-size:11px}}.error{background-color:#fff0f0de;border:.5px solid rgba(206,116,134,.349);border-radius:10px;color:crimson;font-family:Noto Sans,sans-serif;font-size:12px;padding:14px;width:100%}.text-field-with-error{box-shadow:0 0 3px rgba(216,26,26,.658)}.error2{color:crimson;font-family:Noto Sans,sans-serif;font-size:12px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}::placeholder{color:#d3d3d3;font-family:Play,sans-serif;font-size:13px;letter-spacing:0}#disabled-btn2:hover,#disabled-btn:hover{background-color:#000;color:#fff;cursor:not-allowed;text-decoration:none}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.toastBody{color:rgba(26,26,26,.877);font-size:16px;font-weight:700}a:-webkit-any-link{color:#000;cursor:pointer;text-decoration:none}.console-label{color:#5d9ecf}.console-label,.console-label2{font-family:Rokkitt,serif;font-size:15px;font-weight:700}.console-label2{color:#daa520}.console-notstring{color:rgba(149,97,247,.918);font-family:Noto Sans,sans-serif;font-size:12px}.console-string{color:#23c7bf;font-family:Play,sans-serif;font-size:13px}.edit-product-input{font-size:12px;height:28px;max-width:260px}@media(max-width:414px){.edit-product-input{font-size:11px;height:25px;max-width:200px}}#disabledbutton1,#disabledbutton2{background-color:#7c7c7c;color:#fff;cursor:not-allowed;text-decoration:none}#disabledbutton1:hover,#disabledbutton2:hover{background-color:#7c7c7c}.product-image{height:200px;width:auto}.product-detail{display:flex;margin:0 13px .3rem}.product-detail h3{font-size:23px}.product-style{flex-grow:1;font-family:Raleway,sans-serif!important}.product-card>h5{font-size:16px}#detail-btn{font-family:Raleway,sans-serif;font-size:12.5px;font-weight:700!important;letter-spacing:1px;width:75px}.order-container{margin:auto;width:500px}.order-container h1{margin-bottom:3rem;margin-top:5rem;text-align:center}.order-container p{font-family:DM Sans,sans-serif;font-size:15px;margin-top:2rem}.order-container h1 img{height:35px;transform:translateY(5px);width:35px}.order-container h4{border-bottom:1px solid #000;cursor:pointer;float:right;margin-top:5rem;width:91px}.order-container h4:hover{color:#4682b4}@media(max-width:556px){.order-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:auto}.order-container p{margin:2rem;text-align:justify}.order-container h4{width:91px}}@media(max-width:400px){.order-container h4{width:70px}}body::-webkit-scrollbar{background:#000;width:5px}body::-webkit-scrollbar-thumb{background:#55a8fb;border-radius:100px}body::-webkit-scrollbar-thumb:hover{background:#70b7ff}.construction{font-size:36px;margin-top:1rem;text-align:center}nav *{font-family:Play,sans-serif;font-weight:700;text-decoration:none}nav{background:var(--main);border-bottom:7px solid #000;padding:3px;width:100%}ul{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding-right:1rem}.nav-logo{height:50px;width:150px}ul div:nth-child(2){display:flex;gap:4rem;list-style:none}.nav-list{color:#000;font-size:13px;letter-spacing:1px;text-decoration:none}.nav-admin span:hover,.nav-list:hover{border-bottom:1px solid #000;padding-bottom:1px}.nav-admin-icon{align-items:center;color:#000;display:flex;font-size:20px}.nav-admin-icon span{color:#000;font-size:13px}ul div:last-child{display:flex;gap:1rem}.logout-icon{align-self:center}.nav-icon{align-items:center;color:#000;display:flex;font-size:20px;text-decoration:none}.cart-icon{height:25px;position:relative}.user-icon{height:23px}.nav-icon span{color:#000;font-size:13px}.nav-icon:hover{transform:scale(1.25)}.nav-toggle{display:none;font-size:25px}@media(max-width:840px){nav{border-bottom:6px solid #000}ul div:nth-child(2){background-color:#ffffffd9;border:2px solid rgba(0,0,0,.685);flex-direction:column;gap:2rem;padding:2rem 0;position:fixed;top:-200%;transition:all .5s;width:99%}ul div:nth-child(2) li{border-bottom:1px solid #dcdcdc;padding-bottom:2rem;text-align:center}.nav-admin{align-self:center;letter-spacing:1px;margin-right:25px}ul div:nth-child(2) li:last-child{border-bottom:0 solid #dcdcdc;padding-bottom:0;text-align:center}.nav-toggle{display:block}.nav-icon span{display:none}ul div:last-child{gap:1rem}}@media(max-width:1366px){ul div:first-child{flex-basis:10%}}.cart-number-nav{background-color:orange;border:1px solid #0000;border-radius:50px;font-size:10px;padding:3px 6px;position:absolute;right:-10px;top:-10px}.cart-a{position:relative}.login-container{align-items:center;gap:3rem;max-width:100%}.login-container,.login-form{display:flex;flex-direction:column}.login-form{gap:13px;width:350px}.login-form div:last-child button{font-family:Play,sans-serif;font-size:12px;font-weight:700;height:40px;letter-spacing:1.5px;margin-bottom:7px;width:100%}.login-form div:last-child button:first-child{background-color:#000;color:#fff}.login-form div:last-child button:first-child:hover,.login-form div:last-child button:last-child{background-color:#fff;color:#000}.login-form div:last-child button:last-child:hover{background-color:#000;color:#fff}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.register-container{align-items:center;display:flex;flex-direction:column;gap:3rem;width:100%}.register-form{display:flex;flex-direction:column;gap:13px;width:450px}.register-form div:last-child{text-align:center}.register-form div:last-child button{background-color:#000;color:#fff;font-family:Play,sans-serif;font-size:12px;font-weight:700;height:40px;letter-spacing:1.5px;margin-bottom:18px;padding:2px;width:100%}.register-form div:last-child button:hover{background-color:#fff;color:#000}.login-here-link{border-bottom:1px solid #000;color:rgba(39,37,37,.877);font-family:Noto Sans,sans-serif;font-size:15px;letter-spacing:.25px;padding-bottom:1px;text-decoration:none}.login-here-link:hover{-webkit-text-fill-color:#fff;-webkit-text-stroke-width:.75px;-webkit-text-stroke-color:#000;border-bottom:0}@media(max-width:414px){.register-form{width:350px}}.admin-page-title{text-align:center}.admin-product-container{background-color:var(--sub);border:2px solid rgba(66,66,66,.171);border-radius:5px;margin:3rem auto;max-width:1300px;min-height:65vh}.count-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:3rem;text-align:center}.admin-buttons{transform:translateY(-35px)}.admin-product-card{align-content:center;background-color:hsla(0,0%,8%,.863);border:5px solid #a0a0a0;border-radius:8px;box-shadow:0 0 8px #00000073;display:flex;justify-content:center;overflow:hidden;padding:1.5rem}.admin-product-card>div:first-child{display:flex;flex-basis:84%;flex-direction:column;gap:5px}.admin-product-card div:first-child div:first-child{flex-basis:0;overflow-wrap:anywhere}.admin-product-card div:first-child div:nth-child(4){flex-grow:1;padding-right:2rem}.admin-product-card div:first-child div:nth-child(4) span{overflow-wrap:anywhere}.admin-product-card>div:last-child,.order-card-list{display:flex;flex-direction:column}.order-card-list{align-items:center;gap:1.5rem}.order-card{align-content:center;background-color:hsla(0,0%,8%,.863);border:5px solid #a0a0a0;border-radius:8px;box-shadow:0 0 8px #00000073;display:flex;flex-direction:column;gap:1rem;min-height:300px;overflow:hidden;padding:1.5rem;width:700px}.divide2{display:flex;width:100%}.divide2>div:first-child{margin-right:9rem}.divide2>div:first-child,.divide2>div:last-child{display:flex;flex-direction:column;gap:.5rem}.orderitem-list{display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:718px){.order-card{width:500px}}@media(max-width:505px){.order-card{width:400px}.divide2>div:first-child{margin-right:5rem}}@media(max-width:413px){.order-card{width:350px}.divide2>div:first-child{margin-right:3rem}}@media(max-width:414px){.admin-buttons{text-align:center}.admin-page-title{padding-bottom:1.5rem}.admin-product-card{height:auto!important}}.admin-product-btn{background-color:#7c7c7c;border-radius:5px;box-shadow:0 0 2px #ffffffd9;color:#ebe5e5;font-family:Play,sans-serif;font-size:12px;font-weight:700;height:30px;letter-spacing:.5px;margin-bottom:7px;padding:0 5px}.admin-product-btn:hover{background-color:#ebe5e5;color:#000;cursor:pointer}@media(max-width:820px){.admin-page-title{padding-bottom:1rem}}@media(min-width:1159px){.admin-product-list{grid-row-gap:1.5rem;grid-column-gap:3rem;display:grid;grid-template-columns:1fr 1fr;margin:3rem 5rem}}@media(max-width:1158px){.admin-product-list{align-items:center;display:flex;flex-direction:column;gap:2rem}.admin-buttons{text-align:center}.admin-product-card{height:250px;width:500px}.admin-product-list{align-items:center;display:flex;flex-direction:column;gap:2rem}.admin-product-card{height:250px;width:500px}}@media(max-width:710px){.count-stats{display:flex;flex-direction:column}}@media(max-width:535px){.admin-product-card{height:250px;width:375px}}.admin-edit-add-product-card{align-content:center;background-color:hsla(0,0%,8%,.863);border:5px solid #a0a0a0;border-radius:8px;box-shadow:0 0 8px #00000073;display:flex;justify-content:center;margin:auto;max-width:500px;min-height:250px;overflow:hidden;padding:1.5rem}.admin-edit-add-product-card>div:first-child{display:flex;flex-basis:84%;flex-direction:column;gap:5px}.admin-edit-add-product-card div:first-child div:first-child{flex-basis:0;overflow-wrap:anywhere}.admin-edit-add-product-card div:first-child div:nth-child(4){flex-grow:1;padding-right:2rem}.admin-edit-add-product-card div:first-child div:nth-child(4) span{overflow-wrap:anywhere}.admin-edit-add-product-card>div:last-child{display:flex;flex-direction:column}.products-page-title{margin-left:3rem}.product-card *{font-family:DM Sans,sans-serif}.product-card{background:var(--main);box-shadow:0 0 7.5px #00000073;color:rgba(7,7,7,.733);display:flex;flex-direction:column;font-family:Noto Sans,sans-serif;gap:10px}.product-card:hover{box-shadow:0 0 20px #00000073;transform:scale(1.035)}@media(max-width:414px){.products-page-title{margin-left:0;text-align:center}}.grid-container{grid-row-gap:2rem;grid-column-gap:2rem;display:grid;grid-template-columns:300px 300px 300px 300px;grid-template-rows:300px 300px 300px 300px;justify-content:center;margin:3rem}@media(max-width:1299px){.grid-container{grid-template-columns:300px 300px 300px;grid-template-rows:300px 300px 300px}}@media(max-width:983px){.grid-container{grid-template-columns:300px 300px;grid-template-rows:300px 300px}}@media(max-width:679px){.grid-container{grid-template-columns:300px;grid-template-rows:300px}}.notice-container{border:1px solid #000;border-radius:12px;margin:auto;max-width:350px;padding:1rem;position:relative;z-index:123}.notice{font-size:18px;font-weight:700;text-align:center}.notice-container h6{cursor:pointer;font-size:14px;position:absolute;right:.5rem;top:1rem;transform:translateY(-1rem)}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:50px;margin:auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-wrapper{background-image:url(/static/media/pexels-avinash-patel-1178525.b6da9dbe1c689430f720.png);background-repeat:no-repeat;background-size:cover;color:#fff;height:73vh;position:relative}.hero-text{bottom:20%;left:7%;position:absolute}.hero-text h1{font-family:Francois One,sans-serif;font-size:3.75rem}.hero-text h2{font-size:1.75rem}.hero-btn,.hero-text h2{font-family:Noto Sans JP,sans-serif}.hero-btn{background:#fff0;border:2.5px solid #fff;border-radius:0;font-size:16px;height:100%;letter-spacing:2px;margin-top:5rem;padding:.5rem .75rem;width:150px}@media(max-width:834px){.hero-wrapper{background-image:url(/static/media/medium.7eb65e8e328b2c993258.png);background-repeat:repeat;color:#fff;height:auto;max-width:100%}.hero-text{padding-top:15rem;position:static;text-align:center}.hero-text h1{font-size:2rem;padding-bottom:2rem}.hero-text h2{font-size:1rem}.hero-btn{font-size:12px;margin-bottom:2rem;margin-top:1rem}}.categories-container{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.categories-container div img{height:auto;max-width:100%}.categories-container div:hover{filter:contrast(150%)}.categories-container div h2{font-family:Play,sans-serif;font-size:19px;letter-spacing:1px;padding-top:1rem}.categories-container div h2 i{cursor:pointer;padding-left:.75rem}.categories-container div h2 i:hover{-webkit-text-stroke:1px #000;color:#fff;transform:scale(1.25)}@media(max-width:544px){.categories-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-content:center}}body.active-modal{overflow-y:hidden}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.overlay{background:#313131cc}.modal-card{background:#fff;height:350px;left:0;margin:auto;overflow:hidden;top:10%;width:850px}.modal-card,.modal-close{position:absolute;right:0}.modal-close{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#c2c2c2bf;color:#d4d4d4;cursor:pointer;font-size:23px;padding:2px 5px 2px 2px;z-index:123}.view-product-image{height:350px;width:350px}.view-panel{display:flex}.view-right-panel{align-items:center;background-color:var(--main);display:flex;flex-direction:column;gap:1rem;height:350px;padding:2rem 3rem .5rem;position:relative;width:500px}.view-right-panel>p{flex-grow:1;font-family:DM Sans,sans-serif!important;font-size:16px;text-align:justify}.view-right-panel>h3{font-size:25px}.view-product-style{font-family:Raleway,sans-serif!important;font-size:20px}.add-to-cart-btn{border-radius:3px;font-size:15px;height:35px;min-width:105px;padding:0 8px}@media(max-width:860px){.view-product-image{display:none}.modal-card{width:500px}}@media(max-width:500px){.modal-card{width:400px}.increment-div{bottom:3.8rem!important;left:3.75rem!important}}@media(max-width:400px){.modal-card{height:380px;width:360px}.view-right-panel>p{font-size:15px}.view-right-panel>h3,.view-right-panel>h5{font-size:18px}.add-to-cart-btn{border-radius:3px;font-size:13px;height:30px;width:115px}}.quantity-btn{font-family:Noto Sans,sans-serif!important;font-size:16px;height:30px;width:30px}.increment-div{align-items:center;bottom:1.1rem;display:flex;left:1rem;position:absolute}.increment-btn{color:rgba(87,86,86,.829);cursor:pointer;font-size:10px;padding:10px}@media(max-width:860px){.increment-div{align-items:center;bottom:5%;position:absolute;right:70%}}@media(max-width:400px){.increment-div{bottom:12%;position:absolute;right:70%}}.buy-btns,.view-product-btns-flex{display:flex;gap:2rem}.checkout-header{margin-left:3rem}input[type=radio]{height:12px;width:12px}.radio{justify-content:space-around}.radio,.radio div{align-items:center;display:flex}.radio div{gap:.5rem}.hide-option{display:none}.gcash-logo{height:125px;width:150px}.divide{display:flex;justify-content:space-around}.divide>div{box-shadow:0 0 8px #dcdcdc;margin-bottom:2rem;margin-left:3rem;padding:1rem;width:568px}.ship-address{display:flex;flex-direction:column;gap:1rem}.payment-methods{margin-top:2rem}.review-orderitems{box-shadow:0 0 8px #dcdcdc;display:flex;flex-direction:column;height:610px;margin-bottom:2rem;margin-right:3rem;padding:1rem;position:relative;width:568px}.order-item-list{align-items:center;display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll}.order-btn{bottom:0;font-family:Play,sans-serif;font-size:12px;font-weight:700;height:35px;letter-spacing:1.5px;margin-bottom:1rem;position:absolute;width:150px}.order-btn:hover{background-color:#fff;color:#000}.hr-order{border:1px solid rgba(82,82,82,.767);margin:1.5rem 0;width:100%}.order-calc{display:flex;justify-content:space-between;margin-bottom:4.5rem}.order-calc div{display:flex;flex-direction:column;gap:.5rem}.order-calc>div:last-child{text-align:right}.delivery{color:green;font-weight:700}.order-item-card{border-bottom:1px solid hsla(0,0%,73%,.308);border-radius:3px;min-height:100px;width:100%}.order-item-card:first-child{border-top:1px solid hsla(0,0%,73%,.308);margin-top:1rem}.order-image{height:95px;width:125px}.order-list-final{align-items:center;display:flex;gap:2rem;margin:0 1rem}.order-list-final div{display:flex;flex-direction:column}.order-list-final div p{flex-grow:1}.order-list-final div div{display:flex;flex-direction:row;justify-content:space-between;width:290px}@media(max-width:1000px){.order-list-final{gap:0}.order-list-final div div{width:150px}}@media(max-width:840px){.divide{flex-direction:column;gap:1rem}.divide>div{margin:auto}}@media(max-width:650px){.divide>div{width:350px}}.cancel-order1{background-color:none;border-radius:3px;font-family:Play,sans-serif!important;font-size:16px;font-weight:700;letter-spacing:1.5px;margin:0 auto 3rem;max-width:150px;padding:5px;text-align:center}.cancel-order:hover{color:#4682b4}.modal2,.overlay2{background:rgba(65,65,65,.179);bottom:0;left:0;position:fixed;right:0;top:0}.modal2{overflow:auto}.cart-container{background:#fff;border-radius:3px;margin:auto;min-height:100vh;position:absolute;right:0;width:350px}.cart-container .checkout-btn-cart{margin-top:2rem;text-align:center}.cart-container h3{font-family:Play,sans-serif;text-align:center}.cart-container h3 span{font-family:Play,sans-serif;font-weight:300}.cart-close{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#c2c2c2bf;color:#d4d4d4;cursor:pointer;font-size:23px;padding:2px 5px 2px 2px;position:absolute;right:1%;z-index:123}.cart-container h2{font-family:Play,sans-serif;font-size:20px;padding:8px}.cart-itemlist{display:flex;flex-direction:column;overflow:auto}.cart-item{border-bottom:1px solid #dcdcdc;margin:8px 1rem}.cart-item h4{font-family:Play,sans-serif;margin:8px 0}.cart-item h4:last-child{margin-bottom:1rem;text-align:center}.image-increment-flexrow{display:flex;justify-content:space-around}.image-increment-flexrow img{height:100px;width:100px}.increment-div2{align-items:center;display:flex}.cart-bottom{bottom:1rem;left:0;position:absolute;right:0}.cart-bottom h3 span{font-weight:600}.empty-cart{left:0;position:absolute;right:0;text-align:center;top:30%}.empty-cart h1{font-family:Play,sans-serif}@media(max-width:840px){.cart-container{right:0;top:10%}}@media(max-width:679px){.cart-container{left:0;right:0;top:10%}}#disabledbutton5{color:#fff;cursor:not-allowed;text-decoration:none}#disabledbutton5,#disabledbutton5:hover{background-color:#7c7c7c}
/*# sourceMappingURL=main.4cfd24de.css.map*/