.loading-root[data-v-6a94b6ae]{display:flex;align-items:center;justify-content:center;pointer-events:none}.loading-root.is-fullscreen[data-v-6a94b6ae]{position:fixed;inset:0;background:#00000059;z-index:9999;pointer-events:auto}.loading-card[data-v-6a94b6ae]{display:inline-flex;align-items:center;gap:12px;border-radius:10px;pointer-events:none}.loading-card.card-full[data-v-6a94b6ae]{pointer-events:auto;//background: rgba(255,255,255,.95)}.spinner[data-v-6a94b6ae]{width:28px;height:28px;border-radius:50%;border:3px solid rgba(0,0,0,.12);border-top-color:#000000a6;animation:spin-6a94b6ae .85s linear infinite;box-sizing:border-box}.loading-text[data-v-6a94b6ae]{font-size:14px;color:#222;white-space:nowrap;pointer-events:none}@keyframes spin-6a94b6ae{to{transform:rotate(360deg)}}@media (max-width: 420px){.loading-card[data-v-6a94b6ae]{min-width:120px;gap:8px;padding:8px 10px}.spinner[data-v-6a94b6ae]{width:22px;height:22px;border-width:2.5px}.loading-text[data-v-6a94b6ae]{font-size:13px}}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width : 600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width : 600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width : 600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes 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 bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes 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 bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes 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 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 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 bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Roboto}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*{box-sizing:border-box}img{max-width:100%}:root{--swiper-navigation-size: 20px;--swiper-theme-color: transparent;--swiper-pagination-color: #000;--swiper-navigation-sides-offset: -9px}button{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-shadow:none;text-align:inherit}.btn-icon{vertical-align:top;line-height:0}.btn{cursor:pointer;display:inline-flex;padding:11px 19px;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid #262626;background:#fff;color:#262626;font-size:16px;font-weight:700;line-height:24px;letter-spacing:.5px;word-wrap:break-word}.btn:disabled{background-color:#979797;border-color:#979797}.btn-filled{cursor:pointer;display:inline-flex;padding:11px 19px;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid #2C2C2C;background:#2c2c2c;color:#fff;font-size:16px;font-weight:700;line-height:24px;letter-spacing:.5px;word-wrap:break-word}.btn-filled:disabled{background-color:#979797;border-color:#979797}select.cus-select{max-width:100%;width:200px;font-size:20px;line-height:20px;color:#000;border:1px solid #979797;border-radius:8px;padding:9px 36px 9px 16px;appearance:none;background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%206L8%2010L12%206'%20stroke='%231E1E1E'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:calc(100% - 10px) center}input.cus-inp{display:inline-flex;height:36px;padding:5px 0 6px 15px;justify-content:flex-end;align-items:center;flex-shrink:0;border:1px solid #979797}textarea.cus-textarea{width:100%;border:1px solid #979797;padding:16px 20px;font-size:16px;line-height:24px;color:#000}.layout{width:100%;height:100vh;position:relative;overflow:auto;--sidebar-width: 84px}.layout:has(.sidebar.active){--sidebar-width: 293px}@media screen and (max-width: 767px){.layout{--sidebar-width: 100%}.layout:has(.sidebar.active){--sidebar-width: 100%}}.splash{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sidebar{position:absolute;left:0;top:0;bottom:0;height:100%;z-index:5;width:var(--sidebar-width);padding:20px 0;border-right:2px solid #979797;overflow:hidden;background-color:#fff;transition:all .35s ease-in-out}@media screen and (max-width: 767px){.sidebar{padding:0;height:84px;box-shadow:#11111a1a 0 1px}}.sidebar.active{padding:20px}@media screen and (max-width: 767px){.sidebar.active{padding:0;height:320px}}.sidebar.active .truncade{opacity:1}.sidebar.active .head,.sidebar.active .menu a{padding:10px}@media screen and (max-width: 767px){.sidebar.active .head,.sidebar.active .menu a{padding:10px 16px}}.sidebar .truncade{opacity:0;transition:all .35s ease-in-out}@media screen and (max-width: 767px){.sidebar .truncade{opacity:1}}.sidebar .head{padding:10px 26px;display:flex;gap:10px;white-space:nowrap;align-items:center;margin-bottom:65px;transition:all .35s ease-in-out}@media screen and (max-width: 767px){.sidebar .head{height:84px;padding:10px 16px;border-bottom:1px solid #d9d9d9;margin-bottom:20px}}.sidebar .head .logo img{max-width:max-content}.sidebar .menu a{display:flex;align-items:center;white-space:nowrap;padding:10px 26px;gap:24px;transition:all .35s ease-in-out}.sidebar .menu a.active,.sidebar .menu a:hover{background-color:#d9d9d9}.sidebar .menu a .icon{line-height:0}.sidebar .menu a span{font-size:24px;font-weight:400;line-height:24px;color:#000}.main{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 767px){.main{padding-top:84px}}.upload-image{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;--content-width: 737px}@media screen and (max-width: 1199px){.upload-image{--content-width: 580px}}@media screen and (max-width: 991px){.upload-image{--content-width: 500px}}@media screen and (max-width: 767px){.upload-image{--content-width: 100%;padding:0 40px}}@media screen and (max-width: 479px){.upload-image{padding:0 20px}}.upload-image .logo{position:absolute;top:0;left:50%;transform:translate(-50%);transition:all .35s ease-in-out}.upload-image .logo img{transition:all .35s ease-in-out}.upload-image .btn-back{position:absolute;transition:all .35s ease-in-out;top:25px;left:var(--sidebar-width);margin-left:41px}@media screen and (max-width: 1199px){.upload-image .btn-back{margin-left:10px}}@media screen and (max-width: 767px){.upload-image .btn-back{position:relative;left:0;top:0;display:inline-block;margin:0 0 10px}}.upload-image .content-left{width:var(--content-width);max-width:100%;padding-top:163px;transition:all .35s ease-in-out}@media screen and (max-width: 767px){.upload-image .content-left{padding-top:80px}}.upload-image .content-left .select-category{margin-bottom:0}.upload-image .content-right{display:none;height:calc(100vh - 99px)}.upload-image .bottom{position:absolute;right:64px;bottom:56px}@media screen and (max-width: 1199px){.upload-image .bottom{right:20px;bottom:20px}}@media screen and (max-width: 767px){.upload-image .bottom{position:fixed;bottom:calc(100% - 60px);z-index:10}.upload-image .bottom .btn-filled{font-size:13px;padding:4px 8px}}.upload-image .select-category{width:100%;display:flex;gap:19px;align-items:center}@media screen and (max-width: 767px){.upload-image .select-category{flex-wrap:wrap}.upload-image .select-category label{width:100%}}.upload-image .select-category label,.upload-image .select-category span{font-size:20px;line-height:20px;color:#000}.upload-image .select-category select.cus-select{flex:1 1 0}@media screen and (max-width: 991px){.upload-image .select-category select.cus-select{width:100%}}.upload-image .select-category div.cus-inp{display:none}.upload-image .select-category .btn-icon{width:60px;height:40px;border-radius:20px;text-align:center;background-color:#d9d9d9}.upload-image .select-category .btn-icon .text{display:none}.upload-image .select-category .checkbox-list{background-color:#fff;position:absolute;left:100%;top:0;width:274px;border:1px solid #979797;border-radius:8px;box-shadow:0 4px 4px #00000025;padding:12px;z-index:99999;display:none}.upload-image .select-category .checkbox-list.active{display:block}.upload-image .select-category .checkbox-item{display:flex;align-items:center;padding:6px 4px;cursor:pointer}.upload-image .select-category .checkbox-item input{display:none}.upload-image .select-category .checkbox-item label{position:relative;padding-left:28px;cursor:pointer;-webkit-user-select:none;user-select:none}.upload-image .select-category .checkbox-item label:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border:2px solid #888;border-radius:4px;background:#fff;box-sizing:border-box}.upload-image .select-category .checkbox-item input:checked+label:before{background:#000;border-color:#000}.upload-image .select-category .checkbox-item input:checked+label:after{content:"";position:absolute;left:5px;top:4px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.upload-image .select-category .actions{margin-top:23px;display:flex;justify-content:flex-end}.upload-image .select-category .actions .btn{border:0;padding:0;background:none;display:flex;justify-content:space-between;font-size:13px;color:#1976d2;cursor:pointer}.upload-image .product-image{width:var(--content-width);max-width:100%;margin-bottom:36px}.upload-image.active{height:100%;flex-direction:row;gap:45px;align-items:flex-start;padding-top:54px}@media screen and (max-width: 991px){.upload-image.active{display:block;--content-width: 580px }}.upload-image.active .logo{position:absolute;top:34px;left:84px;transform:translate(0);display:flex;height:40px;align-items:center}@media screen and (max-width: 1199px){.upload-image.active .logo{display:none}}.upload-image.active .logo img{height:24px}.upload-image.active .content-left{width:312px;height:calc(100vh - 99px);padding:56px 36px;border:1px solid #979797;border-radius:5px}@media screen and (max-width: 1199px){.upload-image.active .content-left{width:280px}}@media screen and (max-width: 991px){.upload-image.active .content-left{width:var(--content-width);height:auto;margin:auto}.upload-image.active .content-left .file-list{height:167px;white-space:nowrap;overflow:auto}.upload-image.active .content-left .file-list .file-item{width:50%;display:inline-flex;vertical-align:top}}.upload-image.active .select-category{flex-direction:column;align-items:flex-start;margin-bottom:6px}.upload-image.active .select-category .cus-inp{display:flex;width:100%;height:40px;color:#000;border:1px solid #979797;border-radius:8px;padding:7px 36px 7px 16px;position:relative}.upload-image.active .select-category .cus-inp span{display:block;width:calc(100% - 40px);font-size:20px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-image.active .select-category .cus-inp>.btn-icon{position:absolute;right:0;top:0;width:40px;background:transparent}.upload-image.active .select-category>.btn-icon{width:100%;display:flex;align-items:center;justify-content:center;position:relative;border-radius:8px}.upload-image.active .select-category>.btn-icon svg{position:absolute;right:12px}.upload-image.active .select-category>.btn-icon .text{display:block}.upload-image.active .drop-box{position:relative;border-width:2px;border-radius:8px;background-color:#eee;height:131px}.upload-image.active .drop-box .icon{margin:0}.upload-image.active .drop-box .icon .camera{display:none}.upload-image.active .drop-box .icon .plus{display:inline-block}.upload-image.active .drop-box p,.upload-image.active .drop-box span{display:none!important}.upload-image.active .drop-box .btn-filled{opacity:0;position:absolute;width:100%;height:100%}.upload-image.active .content-right{display:block;width:var(--content-width);max-width:100%}@media screen and (max-width: 991px){.upload-image.active .content-right{margin:20px auto}}.upload-image .drop-box{border:4px dashed #979797;width:var(--content-width);max-width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:34px 20px 42px;margin-top:19px}.upload-image .drop-box .icon{margin-bottom:37px}.upload-image .drop-box .icon .plus{display:none}.upload-image .drop-box p{color:#000;font-size:24px;font-weight:400;line-height:24px;letter-spacing:.5px;word-wrap:break-word;margin-bottom:22px}@media screen and (max-width: 479px){.upload-image .drop-box p{font-size:18px}}.upload-image .drop-box span:not(.text){color:#979797;font-size:20px;font-weight:400;line-height:24px;letter-spacing:.5px;word-wrap:break-word;display:inline-block;margin-bottom:19px}.upload-image .drop-box .btn-filled{font-size:24px;padding:11px}@media screen and (max-width: 479px){.upload-image .drop-box .btn-filled{font-size:18px}}.upload-image #fileInput{display:none}.upload-image .file-list{max-height:calc(100vh - 530px);overflow:auto;margin-bottom:18px}.upload-image .file-list:empty{display:none}@media screen and (max-width: 767px){.upload-image .file-list{width:100%}}.upload-image .file-item{width:100%;max-width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin-bottom:5px;position:relative}.upload-image .file-item .btn-icon{position:absolute;right:0;top:0}.upload-image .file-item img{width:100%}@media screen and (max-width: 767px){.upload-image .file-item{width:100%}}.upload-image .file-name{font-size:16px;line-height:24px;color:#333}.upload-image .file-size{font-size:12px;color:#777}.upload-image .list-product{height:100%;width:var(--content-width);max-width:100%}@media screen and (max-width: 991px){.upload-image .list-product{height:auto}}.product-image-wrapper{display:flex;justify-content:flex-start;gap:38px}@media screen and (max-width: 767px){.product-image-wrapper{flex-wrap:wrap;gap:16px;justify-content:flex-start}}.product-image-item{display:flex;justify-content:center;align-items:center;position:relative;width:114px;height:114px}@media screen and (max-width: 991px){.product-image-item{width:84px;height:84px}}.product-image-item .btn-icon{position:absolute;top:-13px;right:-16px}.product-image-item img{display:block;width:100%;height:100%;object-fit:cover}.product-image-content{background-color:#d9d9d9;width:100%;height:100%}.list-product{width:100%;margin-bottom:33px;overflow:auto;display:flex;flex-direction:column;gap:18px;align-items:center}.product-item{width:100%;padding:22px 30px 15px 28px;border:1px solid #979797;display:flex;gap:50px;box-shadow:4px 4px 4px #00000040}@media screen and (max-width: 767px){.product-item{flex-direction:column-reverse;gap:20px}}.product-desc{width:calc(100% - 167px);display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 991px){.product-desc{width:calc(100% - 132px)}}@media screen and (max-width: 767px){.product-desc{width:100%}}.product-desc .desc-item{font-size:16px;line-height:24px;display:flex;gap:9px;align-items:center}.product-desc .desc-item label{background-color:#eee;width:77px;height:36px;display:inline-flex;align-items:center;justify-content:center}.product-desc .desc-item p,.product-desc .desc-item .cus-inp{max-width:calc(100% - 86px)}.product-desc .desc-item p{padding:6px 0}.product-desc .desc-bottom{margin-top:5px;display:flex;gap:17px;align-items:center;font-size:16px;line-height:24px}.product-right{width:155px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:0 10px}@media screen and (max-width: 991px){.product-right{width:152px}}@media screen and (max-width: 767px){.product-right{width:100%;gap:20px}.product-right .image{width:100%;text-align:center}.product-right .image img{width:200px}.product-right .btn-filled{display:inline-flex;width:200px;margin:auto}}.product-right .image:not(:has(img)){background-color:#d9d9d9;min-height:100%}.progress-bar{padding:20px 7px;width:100%}.progress-bar .track{width:100%;height:6px;background:#78787833;border-radius:3px;overflow:hidden;position:relative}.progress-bar .track .filled{position:absolute;top:0;left:0;width:0;height:100%;border-radius:3px;background:#08f;transition:transform .35s ease-in-out}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:#fff;border:1px solid #000;max-width:calc(100% - 40px);width:1026px;padding:58px 157px 26px 147px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transform:scale(.7);transition:transform .3s ease}@media screen and (max-width: 991px){.modal-container{padding:58px 80px 26px}}@media screen and (max-width: 767px){.modal-container{padding:30px 20px}}.modal-content{width:100%}.modal-content .product-image{margin-bottom:50px}.modal-content .list-product{padding-bottom:33px;border-bottom:1px solid #979797}.modal-content .list-product .product-item{border:0;padding:0;box-shadow:none}.modal-content .list-product .product-item .cus-inp{width:232px}.modal-overlay.active .modal-container{transform:scale(1)}.modal-close{position:absolute;top:0;right:0;transform:translate(24px,-24px);cursor:pointer}.modal-footer p{color:#000;font-size:24px;line-height:24px}@media screen and (max-width: 479px){.modal-footer p{font-size:18px}}.modal-footer .action{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:73px}.modal-footer .action button{min-width:96px}.complete-box{display:inline-flex;align-items:center;flex-direction:column;justify-content:center;height:100%}.complete-box p{font-size:24px;line-height:24px;color:#000;margin-bottom:40px}@media screen and (max-width: 479px){.complete-box p{font-size:18px}}.complete-box span{font-size:20px;line-height:24px;color:#979797}.complete-box .btn-filled{margin-top:59px}.message{display:flex;flex-direction:column;width:722px}@media screen and (max-width: 991px){.message{width:calc(100% - 200px)}}@media screen and (max-width: 767px){.message{width:calc(100% - 40px)}}.message label{font-size:24px;line-height:24px;color:#000;margin-bottom:33px}@media screen and (max-width: 479px){.message label{font-size:18px}}.message .cus-textarea{height:267px;resize:none}.message .bottom{margin-top:27px;display:flex;justify-content:flex-end;gap:27px}.category-management{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;padding-left:calc(var(--sidebar-width) + 61px);padding-right:184px;padding-top:49px;padding-bottom:79px;transition:padding .35s ease-in-out}@media screen and (max-width: 991px){.category-management{padding-right:84px}}@media screen and (max-width: 767px){.category-management{padding-left:20px;padding-right:20px}}.category-management.detail{padding-left:calc(var(--sidebar-width) + 123px)}@media screen and (max-width: 991px){.category-management.detail{padding-left:100px}}@media screen and (max-width: 767px){.category-management.detail{padding-left:20px;padding-right:20px}}.category-management.detail .content .cus-table{overflow:auto}.category-management .search-box{width:720px;max-width:100%;display:flex;border-radius:28px;border:4px solid #EEEEEE;background-color:#eee}.category-management .search-box:not(:last-child){margin-bottom:44px}.category-management .search-box .btn-icon{width:48px;height:48px;display:flex;justify-content:center;align-items:center}.category-management .search-box input{flex:1 1 0;border:none;padding:12px 0;outline:none;background:none;font-size:16px;line-height:24px;color:#49454f}@media screen and (max-width: 767px){.category-management .search-box input{max-width:calc(100% - 96px)}}.category-management .head h3{font-size:24px;line-height:24px;color:#000;margin-bottom:22px}@media screen and (max-width: 479px){.category-management .head h3{font-size:18px}}.category-management .head .filter{display:flex;gap:37px}@media screen and (max-width: 479px){.category-management .head .filter{flex-wrap:wrap;width:100%;gap:10px}}.category-management .head .filter .cus-select{width:240px}@media screen and (max-width: 479px){.category-management .head .filter .cus-select{width:100%}}.category-management .list-category{display:grid;gap:36px;grid-template-columns:repeat(auto-fill,minmax(201px,201px));margin-top:72px}@media screen and (max-width: 479px){.category-management .list-category{gap:20px;grid-template-columns:repeat(auto-fill,minmax(146px,146px))}}.category-management .category-item{background-color:#d9d9d9;width:100%;height:201px;display:flex;align-items:center;justify-content:center;color:#000}@media screen and (max-width: 479px){.category-management .category-item{height:146px}}.breadcrumbs{display:inline-flex;margin-right:74px;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.breadcrumbs span,.breadcrumbs a{font-size:24px;line-height:24px;margin-bottom:4px;color:#000;display:flex}@media screen and (max-width: 479px){.breadcrumbs span,.breadcrumbs a{font-size:18px}}.breadcrumbs span:not(:last-child):after,.breadcrumbs a:not(:last-child):after{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2018L15%2012L9%206'%20stroke='%231E1E1E'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");display:inline-block;margin-left:14px}.add-folder{display:inline-flex;align-items:center;justify-content:center}.add-folder.right{float:right}.add-folder label{padding:6px 14px;background-color:#d9d9d9;color:#000;font-size:16px;line-height:24px}.add-folder .cus-inp{width:326px;max-width:calc(100% - 150px)}@media screen and (max-width: 479px){.add-folder .cus-inp{width:calc(100% - 170px)}}.add-folder .btn-icon{margin-left:13px}.add-folder .btn{padding:7px 14px 7px 8px;gap:12px;border-radius:8px;color:#000;font-weight:400;font-size:20px;line-height:24px}.list-folder{display:grid;gap:32px 26px;margin-top:33px;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width: 1024px){.list-folder{grid-template-columns:1fr 1fr}}@media screen and (max-width: 479px){.list-folder{gap:16px;grid-template-columns:1fr}}.folder-item{display:flex;width:100%;min-width:100%;max-width:100%;height:47px;align-items:center;border-radius:10px;background-color:#eee;cursor:pointer;position:relative}.folder-item:before{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2020C3.45%2020%202.97917%2019.8042%202.5875%2019.4125C2.19583%2019.0208%202%2018.55%202%2018V6C2%205.45%202.19583%204.97917%202.5875%204.5875C2.97917%204.19583%203.45%204%204%204H10L12%206H20C20.55%206%2021.0208%206.19583%2021.4125%206.5875C21.8042%206.97917%2022%207.45%2022%208V18C22%2018.55%2021.8042%2019.0208%2021.4125%2019.4125C21.0208%2019.8042%2020.55%2020%2020%2020H4Z'%20fill='%231D1B20'/%3e%3c/svg%3e");display:inline-block;width:56px;text-align:center}.folder-item p{flex:1 1 0;font-size:24px;line-height:24px;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 103px)}@media screen and (max-width: 479px){.folder-item p{font-size:18px}}.folder-item .btn-icon{width:47px;height:47px;text-align:center}.folder-item .btn-icon:focus~.folder-menu{opacity:1;visibility:visible;z-index:10}.folder-menu{position:absolute;right:0;top:100%;width:200px;display:flex;flex-direction:column;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;opacity:0;visibility:hidden;z-index:-1;transition:all .35s ease-in-out}.folder-menu.active{opacity:1;visibility:visible;z-index:10}.folder-menu button{padding:8px 16px;font-size:14px;line-height:20px}.folder-menu button:hover{background-color:#d9d9d9}.folder-menu button:not(:last-child){border-bottom:1px solid #f5f5f5}.cus-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px;margin:20px 0}.cus-table thead{background-color:#eee}.cus-table thead th{font-weight:700;padding:11px 22px;border:1px solid #d9d9d9;text-align:left}.cus-table thead th:not(:first-child){border-left:none}.cus-table thead th:not(:last-child){border-right:none}.cus-table tbody tr td{border:1px solid #D9D9D9;padding:22px;line-height:24px;color:#000}@media screen and (max-width: 479px){.cus-table tbody tr td{font-size:18px}}.cus-table tbody tr td:not(:last-child){border-right:none}.cus-table tbody tr td:not(:first-child){border-left:none}.cus-table tbody tr td.text-date-time{color:#979797}.text-center{text-align:center!important}.pagination{display:flex;align-items:center;justify-content:center;gap:8px}.pagination .page,.pagination .dots{min-width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:24px;border-radius:8px;cursor:pointer}.pagination .page{background:transparent;color:#2c2c2c}.pagination .page.active{background:#2c2c2c;color:#f5f5f5}.pagination .dots{cursor:default}.swiper{overflow:visible}.badge{padding:5px 40px;border-radius:10px;background-color:#eee;font-size:16px;line-height:24px;color:#000;position:relative;margin-left:44px}.badge .btn-icon{position:absolute;top:-16px;right:-4px;width:32px;height:32px}.no-data{margin-top:36px;text-align:center}button.swal2-cancel{border:1px solid #262626;background:#fff;color:#262626}button.swal2-cancel:hover{background:#fff}button.swal2-confirm{border:1px solid #2C2C2C;background:#2c2c2c;color:#fff}button.swal2-confirm:hover{background:#2c2c2c}button.btn-create{cursor:pointer;border-radius:8px;border:1px solid #2C2C2C;background:#fff;color:#262626;font-size:16px;font-weight:700;line-height:24px;padding:8px 16px;display:inline-flex;align-items:center}button.btn-create .icon{margin-right:12px;margin-bottom:2px}h2.swal2-title{color:#262626}.text-link{color:#3b82f6;text-decoration:underline}.sz-img{height:155px}.product-right img{object-fit:contain;height:100%}.product-right{max-width:155px;max-height:155px;border:1px solid #979797;padding:0;border-radius:4px}.no-image{background-color:#ccc;display:flex;align-items:center;justify-content:center;max-width:155px;max-height:155px;aspect-ratio:1}