.cart{margin:5%}.cart .title{font-size:30px;font-weight:600;margin:0 0 32px}.cart-container{display:grid;margin:auto;grid-gap:30px;grid-template-columns:repeat(5,minmax(0,1fr))}.cart-card{width:100%;padding:12px;display:flex;flex-direction:column}.cart-content{margin-left:24px}.cart-title{font-weight:600;font-size:20px}.cart-description{font-size:16px}.cart-price{font-weight:600}.cart-image{display:flex;align-items:center;border-radius:8px}.cart-line{width:100%;border:1px solid hsla(0,0%,43.9%,.5803921568627451);margin:32px 0}.total-cart{display:flex;flex-direction:column;align-items:flex-end}.sub-total,.total-item{display:flex;justify-content:space-between}.proceed-checkout{font-size:18px;padding:12px 24px;background-color:#3c3e3c;color:#fff;border:1px solid #000;cursor:pointer;border-radius:6px;box-shadow:0 12px 28px 0 rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.05)}@media only screen and (max-width:1192px){.cart .title{font-size:26px;margin-bottom:28px}.cart-container{grid-gap:0}.cart-content{margin:0}.cart-title{font-size:14px}.cart-description,.cart-price{font-size:12px}.cart-price{margin:0}.added-cart{padding:4px 8px;font-size:12px}.added-cart span:nth-child(2){margin:0 8px;font-size:14px}.proceed-checkout,.total-cart{font-size:16px}}@media only screen and (max-width:768px){.cart .title{font-size:24px;margin:20px}.cart-container{grid-template-columns:repeat(3,minmax(0,1fr))}.proceed-checkout,.total-cart{font-size:14px}}@media only screen and (max-width:413px){.cart .title{font-size:22px;margin:20px}.cart-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkout{margin:8% 5% 5% 8%}.checkout .title{font-size:30px;font-weight:600;margin:0 0 32px}.order-detail{display:flex;flex-direction:column;width:50%;margin-left:38px;margin-bottom:12px}.order-list{display:flex;justify-content:space-around}.order-list p:first-child{flex:2 1}.order-list p{flex:1 1}.order-list p:nth-child(2){text-align:center}.order-sub-list{display:flex}.total-order{display:flex;width:50%;margin-left:38px;font-weight:600;margin-bottom:24px}.total-order p:first-child{flex:2 1;text-align:center}.total-order p{flex:1 1}.total-order p:nth-child(2){text-align:center}.checkout-line{width:55%;border:1px solid hsla(0,0%,43.9%,.5803921568627451);margin:18px 0}.checkout-form-container .custom-input{width:30%}@media only screen and (max-width:1424px){.checkout-form-container .custom-input{width:50%}.order-detail,.total-order{width:80%}.checkout-line{width:75%}}@media only screen and (max-width:768px){.checkout{margin:8% 5% 5% 8%}.checkout .title{font-weight:600;margin:0 0 32px}.checkout-line{width:90%;border:1px solid hsla(0,0%,43.9%,.5803921568627451);margin:18px 0}.checkout-form-container .custom-input{width:60%}}.footer{padding:30px 120px 10px;background-color:#373836;color:#fff;flex-direction:column;margin-top:auto}.footer,.footer-main{display:flex}.footer-container{margin:0 50px}.footer-content{display:flex;flex-direction:column}.footer-content a{text-decoration:none;margin:18px;color:#fff}.social-icon{text-align:right}.social-icon img{width:32px;cursor:pointer}.line{width:100%;border:1px solid rgb(255 255 255/50%)}.copyright{word-spacing:5px;font-size:18px}@media only screen and (max-width:1024px){.copyright{font-size:12px}.footer-content a{margin:12px}}@media only screen and (max-width:1024px){.copyright{font-size:12px}}@media only screen and (max-width:770px){.copyright{font-size:10px}.footer-container h2{font-size:18px}.footer-container div{font-size:14px}.footer{padding:30px 30px 10px}}@media only screen and (max-width:528px){.copyright{font-size:10px}.footer-container h2{font-size:14px}.footer-container div{font-size:12px}.footer-container{margin:0 30px}.footer{padding:30px 10px 10px}}.header{z-index:2;padding:8px 16px;position:fixed;left:0;right:0;display:flex;background-color:#fff;align-items:center;justify-content:space-between;box-shadow:0 14px 28px rgb(0 0 0/25%),0 10px 10px rgb(0 0 0/22%)}.logo{width:100px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.menu__box{display:flex;align-items:center;margin:0}.menu__box li{list-style:none}.menu__item{text-decoration:none;font-size:18px;margin:0 16px;padding:0;color:#373836;display:flex;align-items:center}#menu__toggle,.menu__item img.sign-in-icon,.menu__item img.sign-out-icon,.menu__item img.sign-up-icon{display:none}.cart-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#7e7e7e;border-radius:14px;color:#fff;font-weight:600;margin-left:4px}.cart-number span{margin-top:5px;font-size:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cart-text{display:none}.search-input{position:relative;margin:0 16px}.search-icon{position:absolute;top:30%;right:5%;width:8%;cursor:pointer}@media (max-width:748px){.header{display:flex;align-items:center;justify-content:flex-end}#menu__toggle{opacity:0}#menu__toggle:checked~.menu__btn>span{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menu__toggle:checked~.menu__btn>span:before{top:0;-webkit-transform:rotate(0);transform:rotate(0)}#menu__toggle:checked~.menu__btn>span:after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#menu__toggle:checked~.menu__box{visibility:visible;left:0}.menu__btn{display:flex;align-items:center;position:fixed;top:20px;left:20px;width:28px;height:18px;cursor:pointer;z-index:1}.menu__btn>span,.menu__btn>span:after,.menu__btn>span:before{display:block;position:absolute;width:100%;height:3px;background-color:#000;transition-duration:.25s}.menu__btn>span:before{content:"";top:-8px}.menu__btn>span:after{content:"";top:8px}.menu__box{display:block;position:fixed;visibility:hidden;top:0;left:-100%;width:300px;height:100%;margin:0;padding:60px 0;list-style:none;background-color:#fff;box-shadow:1px 0 6px rgba(0,0,0,.2)}.menu__box,.menu__item{transition-duration:.25s}.menu__item{display:flex;padding:12px 24px;color:#333;font-size:18px;text-decoration:none;align-items:center}.menu__item:hover{background-color:#999;color:#fff}.cart-text{display:block}.cart-icon{margin-right:20px}.search-icon{margin-right:0!important}.menu__item img{margin-right:20px;display:block!important}.cart-number{margin-left:16px}.cart-number span{margin-top:5px;font-size:16px}.menu__item .cart-text{margin-top:5px}.menu__box .search{padding:12px 0}.menu__box .search:hover{background-color:transparent}.custom-search-input{font-size:18px!important}}@media (max-width:415px){.menu__box{width:230px}}.homepage{margin:5% 0 5% 5%}.homepage-container{display:flex;grid-column-gap:60px;-webkit-column-gap:60px;column-gap:60px;margin-bottom:32px}.gender-select{color:#fff;padding:12px 48px 12px 14px;font-size:18px;background:url(/static/media/arrow_drop_down_white_24dp.4bef1392.svg) no-repeat 100% #373836;-webkit-appearance:none;background-position-x:185px;background-size:22%}.gender-select:active{background:url(/static/media/arrow_drop_down_up_white_24dp.4adfab6b.svg) no-repeat 100% #373836;background-position-x:185px;background-size:22%}.homepage-title{font-size:32px;font-weight:600;margin-bottom:48px;margin-top:8px}.homepage-subtitle{font-size:18px;margin:32px 0}.homepage-category-text{font-size:20px;margin:38px 0}.category-list ul{padding:0}.category-list li{list-style:none;display:block;font-size:18px;color:#000;border-bottom:1px solid #000;margin:0 24px 24px 0;padding:0 0 8px 28px;cursor:pointer}.category-list li.active{font-weight:600}.right-border{border-right:1px solid #000;height:95%}.product-container{display:grid;margin:auto;grid-gap:100px;grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{width:100%;padding:12px;display:flex;flex-direction:column}.product-content{margin-left:24px}.price-content{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-title{font-weight:600;font-size:20px}.product-description{font-size:16px}.product-price{font-weight:600}.add-cart-btn{font-size:20px;padding:8px 24px;border:1px solid #000;cursor:pointer;box-shadow:0 12px 28px 0 rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.05)}.add-cart-btn,.added-cart{background-color:#3c3e3c;color:#fff}.added-cart{display:flex;padding:4px 12px;font-size:24px;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.added-cart span:nth-child(2){margin:0 14px;font-size:18px}.added-cart :not(span:nth-child(2)){cursor:pointer;font-weight:600}.pagination-container{display:flex;justify-content:center}.page-item{list-style:none;text-align:center;display:flex;border:1px solid #707070;background-color:#fff;margin:0 12px;cursor:pointer}.page-link{width:40px;height:40px;display:flex;justify-content:center;align-items:center;line-height:1}.page-active{background-color:#d5dbe6;font-weight:600}@media only screen and (max-width:1500px){.product-container{grid-gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{width:90%}.product-container{grid-column-gap:0;-webkit-column-gap:0;column-gap:0}}@media only screen and (max-width:1024px){.product-container{grid-gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.homepage-container{grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}.product-content{margin:0}.product-title{font-size:16px}.product-description{font-size:14px}.product-price{font-size:14px;margin:0}.add-cart-btn{font-size:14px;padding:4px 18px}.added-cart{padding:4px 12px;font-size:14px}.added-cart span:nth-child(2){margin:0 14px;font-size:14px}.homepage-title{font-size:28px;font-weight:600;margin-bottom:32px}}@media only screen and (max-width:815px){.add-cart-btn,.added-cart,.added-cart span:nth-child(2),.product-price{font-size:16px}.gender-select{padding:12px 32px 12px 12px;font-size:14px;background-position-x:145px;background-size:18%}.gender-select:focus{background:url(/static/media/arrow_drop_down_up_white_24dp.4adfab6b.svg) no-repeat 100% #373836;background-position-x:145px;background-size:18%}.homepage-category-text{font-size:16px;margin:24px 0}.category-list li{font-size:14px;margin:0 18px 18px 0;padding:0 0 8px 18px}}@media only screen and (max-width:685px){.product-container{grid-template-columns:repeat(1,minmax(0,1fr))}.right-border{height:98%}}@media only screen and (max-width:430px){.add-cart-btn,.product-price{font-size:12px}.add-cart-btn{padding:8px 14px}.added-cart{padding:6px;font-size:14px}.added-cart span:nth-child(2){margin:0 10px;font-size:14px}}@media only screen and (max-width:395px){.product-description,.product-title{font-size:12px}.gender-select{padding:12px 16px 12px 6px;font-size:10px;background-position-x:98px}.gender-select:focus{background:url(/static/media/arrow_drop_down_up_white_24dp.4adfab6b.svg) no-repeat 100% #373836;background-position-x:98px;background-size:18%}.homepage-category-text{font-size:14px}.category-list li{font-size:12px}.homepage-title{font-size:24px}}.sign-in{margin:100px 0 100px 140px}.sign-in .title{font-size:30px;font-weight:600;margin:0 0 32px}@media only screen and (max-width:768px){.sign-in{margin:100px auto}.sign-in .title{text-align:center;font-weight:600;margin:0 0 32px}.form-container{display:flex;flex-direction:column;align-items:center}.form-container label{display:none!important}.custom-input{width:60%!important}}.sign-up{margin:100px 0 100px 140px}.sign-up .title{font-size:30px;font-weight:600;margin:0 0 32px}@media only screen and (max-width:1424px){.custom-input{width:50%!important}}@media only screen and (max-width:768px){.sign-up{margin:100px auto}.sign-up .title{text-align:center;font-weight:600;margin:0 0 32px}.form-container{display:flex;flex-direction:column;align-items:center}.form-container label{display:none!important}.custom-input{width:60%!important}}*{box-sizing:border-box}@font-face{font-family:"Spartan";src:url(/static/media/Spartan-VariableFont_wght.0427aac0.ttf)}body{margin:0;padding:0;height:auto;font-family:"Spartan",Helvetica,sans-serif!important;position:relative}.auth-link{margin:0;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;color:#1976d2;-webkit-text-decoration:underline;text-decoration:underline}.active{transition:all .5s ease-in!important;color:#fff!important;background-color:#1976d2!important;font-weight:700!important}.active svg{fill:#fff}.inside-container{margin:10px}.itemImg:hover{opacity:.5}.add-new-button{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.add-new-button p{font-size:18px;font-weight:600;margin:0 0 0 8px}.edit-icon{color:#1976d2}.delete-icon{color:#f44336}.toggle-icon{color:#fff}.bin-btn-delete{position:relative!important;z-index:99999}.bin-btn-delete:hover{background-color:rgba(244,67,54,.9294117647058824)!important}#root{min-height:100vh;display:flex;flex-direction:column}.main-wrapper{padding-top:60px}.content-wrapper{min-height:calc(100vh - 61px)}.content{width:100%;padding:0 48px 48px}.second-nav-bar{display:flex;justify-content:space-between;padding:32px 0;align-items:center}.second-nav-bar-title{font-size:32px;font-weight:700}.d-none{display:none!important}.text-white{color:#fff!important}.text-black{color:#000!important}.font-size-24{font-size:24px!important}.font-size-28{font-size:28px!important;line-height:1.6!important}.font-size-72{font-size:72px!important}.font-weight-bold{font-weight:700!important}.mb-1{margin-bottom:.5rem!important}.mb-2{margin-bottom:1rem!important}.mb-3{margin-bottom:2rem!important}.mt-2{margin-top:1rem!important}.mr-1{margin-right:.5rem!important}.mr-3{margin-right:1.5rem!important}.ml-1{margin-left:.5rem!important}.p-0{padding:0!important}.p-1{padding:.5rem!important}.p-2{padding:1rem!important}.pl-2{padding-left:1rem!important}.pr-2{padding-right:1rem!important}.pl-6{padding-left:3rem!important}.pr-6{padding-right:3rem!important}input:focus{outline:none}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center;margin:0;min-height:100vh;height:auto;font-family:"Avenir",Helvetica,sans-serif}.form-container label{margin:10px 0 5px;font-size:18px;display:block}.custom-input{height:40px;width:20%;border-radius:4px;border:1px solid #fff;background-color:#e9e9e9;margin:4px 0 8px}.custom-input,.custom-search-input{padding:10px 18px;font-size:14px;display:block}.custom-search-input{height:42px;width:100%;border-radius:14px;color:#fff;border:1px solid #fff;background-color:#7e7e7e}.custom-search-input::-webkit-input-placeholder{color:#fff}.custom-search-input:-ms-input-placeholder{color:#fff}.custom-search-input::placeholder{color:#fff}.custom-btn{height:42px;width:auto;border-radius:4px;border:1px solid #707070;font-size:16px;font-weight:700;margin:24px 0 12px;color:#fff;background-color:#000;transition:.2s ease-out;cursor:pointer;padding:0 24px}.custom-btn:hover{color:#000;background-color:#fff}.custom-btn.active{color:#fff;background-color:#003664}.custom-btn.update{color:#fff;background-color:rgba(0,53,100,.6313725490196078);margin-right:12px!important}.custom-btn.delete{color:#fff;background-color:red;margin-left:12px!important}.setting-button{display:flex;flex-direction:row}span.error-text{color:red;display:block;margin-top:4px}.margin-top-4{margin-top:4px!important}.custom-modal{width:100vw;height:100vh;background-color:hsla(0,0%,100%,.5490196078431373);position:fixed;z-index:3;top:0;left:0}.custom-modal--bg{width:inherit;height:inherit;background:rgba(0,0,0,.5);position:absolute;z-index:1}.custom-modal--container{width:100%;max-width:390px;max-height:100%;position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.custom-modal--content{background:#fff;width:100%;padding:20px;position:relative;z-index:2;-webkit-animation:customModalAnimate .4s;animation:customModalAnimate .4s;transition:all .1s ease-in;border-radius:4px;box-shadow:10px 10px 20px -10px #000}.custom-modal--content .modal-content{width:100%;min-height:160px;display:flex;justify-content:space-around;justify-content:center;flex-direction:column;align-items:center}.modal-content strong{color:#000;font-size:24px}.custom-modal .modal-close{color:#fff;position:absolute;z-index:3;bottom:0;right:0;-webkit-transform:translateY(110%);transform:translateY(110%);font-style:normal;font-size:24px;font-family:Arial,Baskerville,monospace;line-height:24px;cursor:pointer}.custom-modal--cancel{position:absolute;display:flex;top:-60px;right:-45px;width:40px;height:40px;background:hsla(0,0%,82.7%,.7294117647058823);border-radius:50%;box-shadow:5px 5px 10px -7px #fff;align-items:center;justify-content:center;cursor:pointer}.custom-modal--cancel img{width:50%}.custom-modal--header{width:100%;padding:0 0 16px;position:relative;font-size:20px;z-index:2;-webkit-animation:customModalAnimate .4s;animation:customModalAnimate .4s;transition:all .1s ease-in}.custom-modal.modal-hide{display:none!important}.custom-input-modal{height:40px;border:1px solid #fff;padding:5px 10px 5px 16px;font-size:14px}.required-field{font-size:24px;color:red}.custom-table thead tr th{background-color:#82abf7;font-weight:700}.custom-table tbody tr td{text-wrap:nowrap;padding:0 16px}@media (max-width:415px){.custom-modal--container{max-width:270px}.modal-content strong{font-size:16px}.custom-btn{padding:0 36px!important}.custom-modal--content .modal-content{min-height:110px}}.thank-you{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.thank-you p:first-child{font-size:38px;font-weight:600}.thank-you p:not(:first-child){margin:5px 0;font-size:22px}.margin-responsive{margin-top:150px}.page-container{width:100%}.content-wrapper{display:flex;align-items:flex-start}.left-pane{width:50%}.image-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.image-item{width:100%;display:block}.right-pane{width:50%;padding-left:20px}.sticky-box{position:sticky;top:20px;background:#f4f4f4;padding:20px;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.1)}.related-section{padding:40px;background:#eee;margin-top:60px}.category-list{flex:1 1;overflow:hidden;margin:0 8px}.category-btn,.filter-btn{display:flex;align-items:center;padding:4px 8px!important;background-color:#fff;cursor:pointer;border:2px solid gold;border-radius:4px}.search{max-width:300px;width:100%}.search div div{padding-left:0}.search fieldset{border:none}.portfolio-container{margin:0 32px;width:100%;flex-grow:1;overflow:auto}.portfolio-header{display:flex;align-items:center;padding:8px 0;justify-content:space-between}.portfolio-header-detail{border-bottom:none;padding:0 16px;position:fixed;z-index:999;width:100%;background:transparent;transition:background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease,-webkit-transform .3s ease}.header-list{position:sticky;top:0;right:0;z-index:1000;background-color:#fff;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%;padding-bottom:16px!important}.header-list.hide{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.header-list.hide,.header-list.show{position:fixed;padding:0 32px;width:calc(100% - 240px)}.header-list.show{-webkit-transform:translateY(0);transform:translateY(0)}.total-active,.total-inactive{color:#fff}.portfolio-header-detail.hide{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.portfolio-header-detail.show{background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-filter{display:flex;align-items:center;margin-top:16px;justify-content:space-between;position:relative}.slider{display:flex;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.slider-container{display:flex;overflow-x:auto;white-space:nowrap;border-radius:8px;scroll-behavior:smooth;overflow:hidden}.slider-container:hover{cursor:grabbing}.category-text{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;margin:0;text-wrap:nowrap;cursor:pointer;padding:8px 16px;transition:background-color .2s ease;border-radius:8px;font-size:14px;width:auto!important}.category-text:hover{font-weight:500;text-decoration:underline;color:gold;text-underline-offset:12px;text-decoration-thickness:3px}.product-list{justify-content:space-between;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0}.related{grid-template-columns:repeat(5,1fr)!important;margin:0 1rem}.copy-link-product{font-size:46px!important;-webkit-transform:rotate(310deg);transform:rotate(310deg);right:20px;background-color:gold;padding:12px;fill:#fff!important}.copy-link-product,.tiktok-product{position:absolute;bottom:20px;cursor:pointer;transition:all .2s ease-in-out!important;z-index:99;border-radius:50px}.tiktok-product{width:46px;right:80px}.tiktok-product:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.copy-link-product:hover{background-color:gold;color:#fff;-webkit-transform:scale(1.2) rotate(310deg);transform:scale(1.2) rotate(310deg)}@-webkit-keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 20px rgba(255,215,0,0)}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 20px rgba(255,215,0,0)}}.pulse{-webkit-animation:pulse-animation 2s infinite;animation:pulse-animation 2s infinite}.product-item{background-color:#fff;padding:0;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:box-shadow .2s ease-in-out,opacity .3s ease,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,opacity .3s ease;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,opacity .3s ease,-webkit-transform .2s ease-in-out;cursor:pointer}.product-image{width:100%;height:auto;transition:.3s ease-in-out}.product-image:hover{width:100%;height:auto;-webkit-transform:scale(1.03);transform:scale(1.03)}.product-image .delete:hover{background-color:#f44336}.product-image .delete:hover svg{fill:#fff}.product-name{font-size:14px;padding-left:14px;padding-bottom:14px;padding-top:14px}.load-data{padding:8px 24px!important;margin-bottom:24px!important}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.refresh-icon{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite}.not-found-container,.not-found-container-table{display:flex;flex-direction:column;align-items:center}.not-found-icon{width:150px}.active-category{font-weight:500;text-decoration:underline;color:gold;text-underline-offset:12px;text-decoration-thickness:3px}.scrollable-container{display:flex;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;white-space:nowrap;padding:10px}.scrollable-container::-webkit-scrollbar{display:none}.category-expand{display:flex;background:#fff;position:absolute;z-index:9999;left:177px;top:0;cursor:pointer;flex-wrap:wrap;box-shadow:0 4px 8px rgba(0,0,0,.1);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;border-radius:4px;width:auto;padding:0}.category-expand div{padding:8px 16px;margin:0;border-radius:8px}.category-expand.show{max-height:400px;opacity:1;overflow:auto}.category-expand div:hover{text-decoration:underline;color:gold;text-underline-offset:12px;text-decoration-thickness:3px}.category-btn-text{border-left:2px solid gold;padding:0 8px;margin-left:4px!important}.filter-btn-text{border-right:2px solid gold;padding:0 8px;margin-right:4px!important}.filter-expand{display:flex;background:#fff;position:absolute;z-index:9;right:120px;top:0;border-radius:4px;cursor:pointer;flex-wrap:wrap;box-shadow:0 4px 8px rgba(0,0,0,.1);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.filter-expand.show{max-height:400px;opacity:1}.inquire-detail{width:100%;padding-left:32px}.inquire-detail .title{margin:8px;background:gold;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 16px;border-radius:50px;font-weight:700}.inquire-image{width:150px}.member{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;transition:background-color .3s ease;width:auto!important}.member img{width:150px;border-radius:8px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.member:hover img,.member:hover p{-webkit-transform:scale(1.05);transform:scale(1.05)}.member:hover p{color:#000}.member p{margin-top:10px;font-size:16px;font-weight:700;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;color:rgba(0,0,0,.5607843137254902)}.detail{display:flex;margin:20px 0}.detail p{margin:0}.detail .title{text-wrap:nowrap;flex:0 0 180px;font-weight:600}.detail .split{flex:0 0 80px}.detail .value{text-wrap:nowrap}.slide-product-container{display:flex;justify-content:center;bottom:-3px}.arrow,.slide-product-container{text-align:center;position:absolute}.arrow{cursor:pointer;color:rgba(51,51,51,.5333333333333333);display:inline-block;bottom:30px;transition:background-color .2s ease,-webkit-transform .2s ease;transition:background-color .2s ease,transform .2s ease;transition:background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;background-color:hsla(0,0%,100%,.5019607843137255);padding:8px 8px 0;border-radius:50px;z-index:9999;width:120px}.arrow:hover{color:#333;background-color:hsla(0,0%,100%,.9450980392156862)}.arrow span{font-size:1rem;display:block;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.arrow-down{display:inline-block;-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}.arrow-down svg{width:35px;height:35px}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}.slide-image{height:100%}.slide-image img{width:100%;display:block;margin:auto}.image-container img:hover{box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);-webkit-transform:scale(1.03);transform:scale(1.03)}.image-container{display:grid;grid-template-columns:repeat(2,1fr)}.modal-container{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;width:100%;margin:auto}.modal-image div{background:transparent}.modal-backdrop-image{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.modal-backdrop-image img{opacity:1;-webkit-filter:blur(20px) brightness(.5);filter:blur(20px) brightness(.5);width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1;-webkit-transform:scale(1.1);transform:scale(1.1)}.fullscreen-close{position:absolute!important;top:24px;right:24px;color:#fff!important;background-color:#fff!important;z-index:9999}.fullscreen-close svg{width:22px;height:22px;fill:gold}.back-btn{padding:6px!important;margin-right:18px!important;color:gold!important;background-color:#fff!important;transition:background-color .3s ease!important;border-radius:50px}.back-btn svg{width:24px;height:24px}.option-detail{position:absolute!important;bottom:16px}.fullscreen-prev{color:#fff!important;background-color:rgba(0,0,0,.5)!important;z-index:1;margin:0 8px!important}.fullscreen-prev svg{width:20px;height:20px}.fullscreen-next{color:#fff!important;background-color:rgba(0,0,0,.5)!important;z-index:1;margin:0 8px!important}.fullscreen-next svg{width:20px;height:20px}.fullscreen-zoom{color:#fff!important;background-color:rgba(0,0,0,.5)!important;margin:0 8px!important}.fullscreen-zoom svg{width:20px;height:20px}.fullscreen-image{display:block;margin:auto;z-index:1;width:50%!important}.slide-next-enter{-webkit-transform:translateX(-120%);transform:translateX(-120%);opacity:0}.slide-next-enter-active{transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.slide-next-enter-active,.slide-next-exit{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.slide-next-exit-active{transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.slide-next-exit-active,.slide-prev-enter{-webkit-transform:translateX(120%);transform:translateX(120%);opacity:0}.slide-prev-enter-active{transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.slide-prev-enter-active,.slide-prev-exit{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.slide-prev-exit-active{-webkit-transform:translateX(-120%);transform:translateX(-120%);opacity:0;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease}.related-title{display:flex;justify-content:center;font-size:18px;font-weight:700;margin-top:2rem;margin-bottom:3rem}.related-title p{border-radius:50px;background:gold;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 16px}.loading{display:flex;justify-content:center;margin:18px 0}.overlay-container{position:absolute;z-index:2;top:0;left:0;pointer-events:none}.content{position:relative;z-index:2;background:rgba(0,0,0,.5);padding:20px;border-radius:10px}.video-overlay{width:100%}.mode-title{position:absolute;left:0;margin:auto;right:0;height:100%;justify-content:center;top:0;z-index:-999}.mode-title,.mode-title h1{align-items:center;display:flex}.mode-title h1{transition:all .3s ease-in-out;color:#000;user-select:none!important;font-weight:600;font-family:"Montserrat",sans-serif;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mode-title h1 img{margin-right:8px;width:26px}.mode-title h1 span{transition:all 2s ease-in-out}.product-detail-container{width:100%}.product-detail-image{width:100%;display:block;cursor:pointer}.image-detail{width:50%;box-sizing:border-box}.product-info{width:50%;height:100%;position:sticky;top:100px;display:flex;flex-direction:column;justify-content:space-between;padding-left:16px;padding-top:24px}.product-detail{font-family:"Montserrat",sans-serif!important;font-size:20px}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:0!important;height:2px!important}.image-slide{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-block}.hidden-link{width:calc(6% + 10px);height:calc(11% + 10px);box-sizing:border-box;border-radius:8px;position:absolute;right:calc(2% + 4px);bottom:calc(3% + 10px);cursor:pointer}.lazy-image-wrapper{width:100%;aspect-ratio:1/1;background:#eee;overflow:hidden;position:relative}.lazy-image{width:100%;height:100%;object-fit:cover;-webkit-filter:blur(20px);filter:blur(20px);transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.lazy-image.loaded{-webkit-filter:blur(0);filter:blur(0)}.swiper-pagination-fraction{color:#000!important;font-weight:700}.portfolio-detail-swiper .swiper-button-next,.swiper-button-prev{opacity:1}.portfolio-detail-swiper .swiper-button-prev{color:gold;left:30px;left:var(--swiper-navigation-sides-offset,30px)}.portfolio-detail-swiper .swiper-button-prev:after{font-size:30px}.portfolio-detail-swiper .swiper-button-next{color:gold!important;right:30px!important;right:var(--swiper-navigation-sides-offset,30px)!important;background:transparent!important}.portfolio-detail-swiper .swiper-button-next:after{font-size:30px}.mode-change{cursor:pointer;padding:6px 12px;background:gold;margin-top:2px;border-radius:10px}.mode-change p{font-size:20px;font-weight:600;color:#000;font-family:"Montserrat",sans-serif}.mode-change:hover p{color:#000}.title-card{width:210px;height:45px;-webkit-perspective:1000px;perspective:1000px;cursor:pointer}.title-card-inner{position:relative;width:100%;height:100%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card-inner.is-flipped,.title-card:hover .title-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.title-card-back,.title-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.title-card-back,.title-card-front{background:transparent}.title-card-back{background-color:gold;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.action-icon-image{position:absolute!important;margin:8px!important;z-index:999}.action-icon-image.edit{padding:8px;background-color:hsla(0,0%,100%,.7411764705882353)}.status-switch.toggle{margin:0;padding:0 20px}.action-switch.toggle,.status-switch.toggle{background-color:hsla(0,0%,100%,.7411764705882353);width:auto;border-radius:10px}.action-switch.toggle{position:absolute!important;margin:8px!important;z-index:999;height:40px}.action-icon-image.delete{bottom:0}.action-icon-image.checkbox,.action-icon-image.delete{right:0;background-color:hsla(0,0%,100%,.7411764705882353)}.custom-border{border:1px solid #fff}.upload-icon-btn{top:50%;left:50%;background-color:hsla(0,0%,100%,.2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background-color .2s ease-in-out!important}.image-detail .upload-icon{font-size:150px!important}.image-container-detail .upload-icon{font-size:100px!important}.image-container-detail{display:grid;grid-template-columns:repeat(2,1fr)}.image-detail .lazy-image-wrapper:hover .upload-icon-btn{background-color:hsla(0,0%,100%,.47058823529411764)}.image-container-detail .lazy-image-wrapper:hover .upload-icon-btn{background-color:hsla(0,0%,100%,.47058823529411764);opacity:1}.action-icon-image.checkbox:hover,.action-switch.toggle:hover{background-color:hsla(0,0%,100%,.7411764705882353)}.action-icon-image .delete-icon,.edit-icon,.toggle-icon{font-size:28px!important}.grid-col-custom{grid-column:span 2}@media only screen and (max-width:1250px){.detail{margin:32px 0}.product-detail{font-size:16px;margin-left:3rem}.member img{width:100px}.detail .title{flex:0 0 140px}.detail .split{flex:0 0 20px}@-webkit-keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 18px rgba(255,215,0,0)}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 18px rgba(255,215,0,0)}}.tiktok-product{width:38px;right:70px}.copy-link-product{font-size:38px!important}}@media only screen and (max-width:1024px){.detail{margin:24px 0}.product-list{grid-template-columns:repeat(3,1fr)}.custom-toast{padding:12px 18px;border-radius:50px;font-size:12px}}@media only screen and (max-width:830px){.content-wrapper{flex-direction:column}.image-detail{width:100%}.product-info{width:100%;height:100%}.detail .title{flex:0 0 120px}.detail .split{flex:0 0 40px}.product-detail{margin-left:1rem;margin-top:1rem}.inquire-detail{padding-left:1rem}.inquire-detail .title{margin-left:0!important;font-size:14px;margin-left:18px;margin-top:8px;margin-bottom:8px}.member{padding:4px}.detail{margin:14px 0}.member img{width:10 0}.custom-toast{padding:12px 18px;border-radius:50px;font-size:12px}.category-text{font-size:12px;padding:8px}.back-btn svg{width:20px;height:20px}@-webkit-keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 14px rgba(255,215,0,0)}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 14px rgba(255,215,0,0)}}.tiktok-product{width:30px;right:60px}.copy-link-product{font-size:30px!important;padding:6px!important}.detail-portfolio .swiper-button-prev,.swiper-button-next{padding:12px!important;height:27px!important}.detail-portfolio .swiper-button-next:after,.detail-portfolio .swiper-button-prev:after{font-size:10px!important}}@media only screen and (max-width:599px){.product-list{grid-template-columns:repeat(2,1fr)}.category-text{font-size:10px;padding:4px}.member img{width:85px}.back-btn svg{width:14px;height:14px}@-webkit-keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 10px rgba(255,215,0,0)}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(255,215,0,.7803921568627451)}to{box-shadow:0 0 0 10px rgba(255,215,0,0)}}.tiktok-product{width:26px;right:55px}.copy-link-product{font-size:26px!important;padding:5px!important}.detail-portfolio .swiper-button-prev,.swiper-button-next{padding:12px!important;height:27px!important}.detail-portfolio .swiper-button-next:after,.detail-portfolio .swiper-button-prev:after{font-size:10px!important}}
/*# sourceMappingURL=main.b51c2d6e.chunk.css.map */