.background{background-image:url(/assets/Mountains_c-64SZzj4e.png);background-repeat:repeat-y;background-position:center 50px;background-attachment:fixed;background-size:1535px;background-repeat:no-repeat;height:60vh;width:100vw}.table{anchor-name:--products;box-shadow:0 -10px 50px #e5e5e5}.table .products-header{display:flex;justify-content:center;gap:clamp(1rem,7%,4rem);align-items:center;padding:2rem 2rem 0rem}.table .products-header .option{font-size:large;font-weight:400;cursor:pointer}.table .all-products{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.table .categories-products .category-name{padding-top:1rem}.table .categories-products .category-container{margin:1rem 0;padding:2rem;background-color:#ccc;display:flex;gap:1rem;max-width:100%;overflow-x:auto;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}.table .categories-products .category-container .product{display:flex;flex-direction:column;justify-content:space-between;width:10rem;background-color:#fff;padding:1rem;box-shadow:0 0 10px #0000001c;transform:translateY(0);scroll-snap-align:center;cursor:pointer}.table .categories-products .category-container .product h2{font-family:Rubik;font-size:1rem}.table .categories-products .category-container .product img{width:auto;height:auto;border-radius:.5rem}.table .categories-products .category-container .product .color{background-color:#ff0}.table .categories-products .category-container .product:hover{transform:translateY(-5px);transition:all .3s;border:1px solid red;box-shadow:0 0 30px #0000004d}.table .filter-products{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 768px){.table .filter-products{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.table .filter-products .product{font-size:small}}::-webkit-scrollbar{width:3px;height:8px}::-webkit-scrollbar-track{background:#f1f1f100;border-radius:5px;margin:2px}::-webkit-scrollbar-thumb{background:red;border-radius:5px}.cart-view{padding:2rem}.cart-products{margin-top:2em}.cart-products .cart-product{background-color:#fff;display:grid;grid-template-columns:auto 1fr 160px 120px;align-items:center;margin:1em auto;max-width:800px;box-shadow:0 0 10px #0000001c}@media (max-width: 768px){.cart-products .cart-product{grid-template-columns:auto 1fr 30px 90px}}.cart-products .cart-product img{max-width:90px;max-height:90px;border-radius:.5rem;padding:5px}.cart-products .cart-product:hover{transform:translateY(-5px);transition:all .1s;border:1px solid gold;box-shadow:0 0 30px #0000004d}.cart-products .cart-product .c-info{min-height:100%;text-align:left;padding:0 1rem}.cart-products .cart-product .c-info #c-flex-color{display:flex;gap:5px;justify-content:left;align-items:center}.cart-products .cart-product .c-info .color-div{border:1px solid black;height:20px;width:20px}.cart-products .cart-product .c-name{margin-top:5px;text-align:left}@media (max-width: 768px){.cart-products .cart-product .c-name{font-size:medium}}.cart-products .cart-product .c-units{display:flex;justify-content:right}@media (max-width: 768px){.cart-products .cart-product .c-units{flex-direction:column-reverse}}.cart-products .cart-product .c-units p{border:1px solid grey;min-width:30px;min-height:30px;align-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.cart-products .cart-product .c-units p:hover{border:1px solid red}.cart-products .cart-product .c-units .c-units-units{border:0;border-top:1px solid grey;border-bottom:1px solid grey;width:60px;padding:0;align-content:center;background-color:#fff;color:#000;text-align:center;-moz-appearance:textfield}@media (max-width: 768px){.cart-products .cart-product .c-units .c-units-units{width:30px;border:0;border-top:0;border-bottom:0;border-left:1px solid grey;border-right:1px solid grey}}.cart-products .cart-product .c-price h3{text-align:right;padding-right:1rem}.cart-products .cart-product .c-price h4{text-align:right;padding-right:1rem;color:#4c4c4c}.cart-products .trash{cursor:pointer;height:0px;width:30px;align-content:center;justify-content:center;opacity:1;color:red;opacity:0}@media (min-width: 768px){.cart-products .trash{transition:all .6s ease-out;min-height:30px;cursor:default;width:0;margin:0;align-content:center;justify-content:center;color:#000;opacity:0}.cart-products .cart-product:hover .trash{cursor:pointer;min-height:30px;width:30px;align-content:center;justify-content:center;margin-right:5px;opacity:1}.cart-products .trash:hover{color:red}}.cart-products .c-total{background-color:#fff;margin:1em auto;max-width:800px;box-shadow:0 0 10px #0000001c}.cart-products .c-total section{margin:0 1rem}.cart-products .c-total div{display:flex;justify-content:space-between;padding:1rem;align-items:center}.cart-products .c-pay{margin:0 auto;max-width:800px;-webkit-user-select:none;user-select:none;display:flex}.cart-products .c-pay .c-pay-but{width:200px;background-color:#fff;border:3px solid gold;box-shadow:0 0 10px #0000001c;padding:1rem;margin-left:auto}.cart-products .c-pay .c-pay-but:hover{background-color:#fff6c6;transition:all .3s;box-shadow:0 0 10px #ffea0082;transform:translateY(-5px);cursor:pointer}.cart-products .c-pay .c-clear-but{width:100px;background-color:#fff;border:3px solid red;box-shadow:0 0 10px #0000001c;padding:1rem;margin-bottom:auto}.cart-products .c-pay .c-clear-but:hover{background-color:#ffc6c6;transition:all .3s;box-shadow:0 0 10px #ff000082;transform:translateY(-5px);cursor:pointer}@media (max-width: 768px){.cart-view{padding:2rem 0rem 6rem}.c-info{display:flex;flex-direction:column;justify-content:center}.c-name{line-height:1.2rem;margin:5px 0}}.dashboard-disclaimer{background-color:#000;color:#fff}input,textarea{max-width:95%;color:#6495ed;background-color:#f3f3f3;border:1px solid #ccc;padding:1px 2px;outline:none;font-size:14px;transition:border-color .2s ease-in-out}input:focus,textarea:focus{border-color:#aaa}textarea::-webkit-scrollbar{width:10px}textarea::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:10px}textarea::-webkit-scrollbar-track{background-color:#f3f3f3}.dashboard-view{padding:2rem}.dashboard-view .dash-top{display:flex;justify-content:space-between}@media (max-width: 768px){.dashboard-view .dash-top{display:block}}.dashboard-view .dash-top h1{margin-bottom:3rem;margin-left:3rem;text-align:left}.dashboard-view .dash-top .d-login{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-right:3rem}@media (max-width: 768px){.dashboard-view .dash-top .d-login{margin-right:0}}.dashboard-view .dash-top .d-login input{width:230px;color:#000}.dashboard-view .dash-top .d-login .login-but{width:130px;background-color:#f0f0f0;border:1px solid #000000;padding:5px}.dashboard-view .dash-top .d-login .login-but:hover{background-color:#e0e0e0}.dashboard-view .dash-top .d-login .login-but:active{background-color:silver}.dashboard-view h2{margin-top:2rem;margin-bottom:1rem}.dash-container{display:flex;gap:1rem;margin:.2em auto;justify-content:center;align-items:center;max-width:1300px}.dash-container .dash-product{background-color:#fff;box-shadow:0 0 10px #0000001c;text-align:left}.dash-container .dash-product .d-product-container{display:grid;grid-template-columns:auto 2fr 1fr .7fr 1fr;align-items:center}.dash-container .dash-product .d-product-container .d-image{width:100px;height:auto;padding:5px;justify-content:center}.dash-container .dash-product .d-product-container .d-image .d-image-image{width:100%;height:100%}.dash-container .dash-product .d-product-container .d-info{margin:0 .5rem;display:inline-flexbox}.dash-container .dash-product .d-product-container .d-name{margin-top:5px;width:140px}.dash-container .dash-product .d-product-container .d-id{color:gray;font-size:.6em;white-space:nowrap}.dash-container .dash-product .d-product-container .d-description{width:100%;max-width:600px}.dash-container .dash-product .d-product-container .d-properties{margin:0 .5rem;white-space:nowrap;overflow:hidden;min-width:90px}.dash-container .dash-product .d-product-container .d-properties .d-size input{width:7em;max-width:90%}.dash-container .dash-product .d-product-container .d-properties .d-color textarea{text-align:left;width:90%}.dash-container .dash-product .d-product-container .d-about{margin:0 .5rem;overflow:hidden;min-width:50px}.dash-container .dash-product .d-product-container .d-about .d-price span input{width:7em;max-width:75%;text-align:right}.dash-container .dash-product .d-product-container .d-about .d-stock{display:flex;justify-content:left;flex-wrap:wrap;gap:.5rem;overflow:hidden}.dash-container .dash-product .d-product-container .d-about .d-stock input{width:3em;max-width:50%;text-align:center}.dash-container .dash-product .d-product-container .d-about .d-order input{width:2.2em;max-width:50%;text-align:center}.dash-container .dash-product .d-product-container .d-config{margin:0 .5rem;white-space:nowrap;overflow:hidden;min-width:100px}.dash-container .dash-product .d-product-container .d-config .category_input{width:8em;max-width:90%;margin-right:1em}.dash-container .dash-product .d-product-container .d-config .price_id_input{width:13em;max-width:90%;margin-right:1em}.dash-container .dash-product .g-gallery{display:flex;flex-wrap:wrap}.dash-container .dash-product .g-gallery .g-img{width:90px;padding:5px;max-height:100px;border:1px solid #e0e0e0;margin:.5rem}.dash-container .dash-product .g-gallery .g-delete{padding-right:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.dash-container .dash-product .g-gallery .g-delete:hover{color:red}.dash-container .dash-product .g-gallery .add-cluadinary{display:flex;justify-content:center;align-items:center}.dash-container .dash-product .g-gallery .add-cluadinary:hover img{filter:brightness(0) invert(52%) sepia(87%) saturate(5719%) hue-rotate(339deg) brightness(104%) contrast(90%)}.dash-container .dash-product .g-gallery .add-cluadinary img{width:50px;height:50px;filter:brightness(.5)}.dash-container .dash-product .images-to-text{width:90%;margin:.5rem}.dash-container .d-upload{background-color:#fff;border:white 1px solid;padding:5px}.dash-container .d-upload img{width:50px;height:50px;margin:0}.dash-container .d-upload:hover{cursor:pointer;border:blue 1px solid}.dash-container .d-upload:active{border:red 1px solid;background-color:#cdd8ff}.dash-container .d-trash{background-color:#fff;border:white 1px solid;padding:5px;align-items:center}.dash-container .d-trash img{width:30px;height:30px;filter:brightness(.5)}.dash-container .d-trash:hover{cursor:pointer;border:red 1px solid}.dash-container .d-trash:hover img{filter:brightness(0) invert(52%) sepia(87%) saturate(5719%) hue-rotate(339deg) brightness(104%) contrast(90%)}.dash-container .d-trash:active{border:red 1px solid;background-color:#cdd8ff}.iL{display:inline;margin-right:.5rem}@media (max-width: 1000px){.dashboard-view{padding:1rem 0rem}.dash-container{flex-direction:column;margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid #000000;gap:0}.dash-container .dash-product{z-index:3}.dash-container .dash-product .d-product-container{display:grid;grid-template-columns:1fr 1fr;padding:5px}.dash-container .d-upload{margin-right:5%;margin-left:auto}}*{margin:0;padding:0}@font-face{font-family:Kanit;src:url(/assets/kanit-regular-bWYhieLo.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-Bold-DynpTRNW.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Kanit;src:url(/assets/Kanit-ExtraBold-HI-Vex9Q.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Rubik;src:url(/assets/RubikDirt-Regular-bI4qBh-X.ttf) format("truetype");font-weight:400;font-style:normal}#root{text-align:center;font-family:Kanit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#e5e5e5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}html{background-color:#e5e5e5;max-width:100vw;overflow-x:hidden}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}a:visited{color:inherit}a:focus{outline:none}p{font-weight:400}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;z-index:990;min-width:100%;max-width:100%;height:60px;max-height:60px;background-color:red;box-shadow:0 0 10px #00000082;color:#fff}@media (max-width: 768px){.header{grid-template-columns:auto 1fr}}.header #logo-div{display:flex;justify-content:left;margin-left:5px}.header #div-main{display:flex;justify-content:center;align-items:center;gap:1rem;cursor:pointer}.header #main-logo{height:60px}.header #main-logo:hover{animation:shaking .35s infinite}.header #page-name{font-size:40px;font-family:Rubik;max-height:56px;overflow:hidden;-webkit-user-select:none;user-select:none;margin-top:5px}.header #page-name:hover{animation:shaking-title .35s infinite}.header #cart-icon{width:40px}.header #cart-icon:hover{animation:shaking .35s infinite}.header #nav-cart{display:flex;justify-content:center;align-items:center;gap:.3rem;cursor:pointer}.header .navbar{display:flex;justify-content:right;gap:2rem;align-items:center;margin:0 20px}@media (max-width: 500px){.header .navbar{font-size:small}}.headerShadow{height:60px}.products-recommended{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.product{background-color:#fff;padding:1rem;box-shadow:0 0 10px #0000001c;transform:translateY(0);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.product h2{font-family:Rubik}.product img{width:100%;border-radius:.5rem}.product .color{background-color:#ff0}.product:hover{transform:translateY(-5px);transition:all .3s;border:1px solid red;box-shadow:0 0 30px #0000004d}.product-view{display:grid;grid-template-columns:2fr 1fr;gap:1rem;padding:2rem}.product-view .image-view{display:grid;grid-template-columns:30vw 30vw;gap:1rem;background-color:#fff;box-shadow:0 0 10px #00000003;padding:1em;margin-bottom:auto}.product-view .image-product-view{border-radius:.5rem}.product-view .image-product-view img{width:100%;border-radius:.5rem}.product-view .product-info{padding:1em}.product-view .p-name{font-weight:900;font-size:xx-large;text-align:left;font-family:Rubik}.product-view .p-price{text-align:left;font-size:xx-large;font-weight:400;margin-bottom:2rem}.product-view .p-desc{text-align:left;white-space:pre-line}.product-view .p-size{font-size:clamp(.5em,2vw,3em);padding:clamp(2px,5%,1em);display:flex;gap:2vw;justify-content:center;align-items:center}.product-view .p-size span{cursor:pointer}@media (max-width: 768px){.product-view .p-size{font-size:6vw;gap:6vw}}.product-view .size-active{color:red;font-weight:700}.product-view .p-color{display:flex;gap:1rem;justify-content:center;align-items:center}.product-view .p-color div{cursor:pointer}.product-view .color-div{border:1px solid black;height:20px;width:20px}.product-view .color-active{border:2px solid red;box-shadow:0 0 10px #ff000058}.product-view .p-stock{margin-top:1em;text-align:left;font-weight:700}.product-view .p-but-add{font-size:x-large;margin-top:1em;background-color:#650000;border:1px solid black;padding:.5rem;cursor:pointer;width:100%;color:#fff;font-family:Kanit;anchor-name:--add-but}.product-view .p-but-add:hover{box-shadow:0 0 30px #b9b9b9;border:1px solid red}.product-view .cart-message{color:#006400}.product-view .cart-message-red{color:red}.subdivision{margin-top:1em}.checkout{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;padding:2rem}.checkout .checkout-products{margin:1em auto;width:800px;max-width:100%}.checkout .checkout-products .checkout-product{display:grid;grid-template-columns:4fr 1fr 1fr 1fr;background-color:#fff;margin:3px auto}@media (max-width: 700px){.checkout .checkout-products .checkout-product{display:flex;white-space:nowrap;flex-wrap:wrap;justify-content:space-between}}.checkout .checkout-products .checkout-product .checkout-product-info{display:flex;text-align:left}@media (max-width: 700px){.checkout .checkout-products .checkout-product .checkout-product-info{display:block}}.checkout .checkout-products .checkout-product .checkout-product-price{display:flex;gap:1rem;justify-content:right}.checkout .checkout-products .checkout-text{margin:0 .5em}.checkout .checkout-products .checkout-grey{color:gray}.checkout .checkout-products .checkout-total{background-color:#fff;margin:3px auto;display:flex;justify-content:space-between;font-weight:700}.checkout .checkout-form{max-width:800px;margin:1rem auto;padding:auto 2rem}.checkout .checkout-form .form-group{display:flex;gap:1rem;margin:1rem 0;width:100%}.checkout .checkout-form input{width:100%;padding:.5rem;border:1px solid grey;background-color:#fff;color:#000;color:#561212}.checkout .checkout-form select{width:100%;padding:.5rem;border:1px solid grey;background-color:#fff;color:#000}.checkout .checkout-form input::-webkit-outer-spin-button,.checkout .checkout-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkout .checkout-form .submit-checkout{color:#000;width:100%;background-color:#fff;border:3px solid red;box-shadow:0 0 10px #0000001c;padding:1rem;margin-left:auto;font-size:large}.checkout .checkout-form .submit-checkout:hover{background-color:#ffc6c6;transition:all .3s;box-shadow:0 0 10px #ff000082;transform:translateY(-5px);cursor:pointer}.checkout .checkout-pay-but{width:200px;background-color:#fff;border:3px solid gold;box-shadow:0 0 10px #0000001c;padding:1rem;margin:3rem auto}.checkout .checkout-pay-but:hover{background-color:#fff6c6;transition:all .3s;box-shadow:0 0 10px #ffea0082;transform:translateY(-5px);cursor:pointer}footer{background-color:#000;color:#fff;font-size:medium;font-family:Kanit;box-shadow:0 0 10px #00000082}footer .footer-links{padding:1rem;display:flex;justify-content:center;align-items:top;gap:3rem}@media (max-width: 768px){footer .footer-links{flex-direction:column}}footer .copyright{padding:1rem;display:flex;justify-content:center;align-items:center;font-size:large}footer hr{margin:0 5rem}.img-animation{position:fixed;transition:all .3s ease-in-out;z-index:999;filter:opacity(.5)}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(0)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes shaking-title{0%{transform:translate(0) rotate(0)}20%{transform:translate(-3px,3px) rotate(2deg)}50%{transform:translate(3px,-3px) rotate(0)}80%{transform:translate(-3px,3px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes shaking{0%{transform:translate(0) rotate(0)}20%{transform:translate(-2px,1px) rotate(5deg)}50%{transform:translate(2px,-2px) rotate(0)}80%{transform:translate(-1px,2px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}@media (max-width: 768px){.product-view{display:flex;flex-direction:column-reverse;gap:1rem;padding:2rem}.product-view .image-view{display:grid;flex-direction:column;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;background-color:#fff;box-shadow:0 0 10px #00000003;padding:1em}.products-recommended{padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;box-shadow:0 -10px 50px #e5e5e5}}
