.font-caveat{font-family:Caveat,cursive}.font-permanent-marker{font-family:PermanentMarker,cursive}.ReactCrop{width:auto!important;max-width:100%!important;height:auto!important;max-height:70vh!important;display:block!important}.ReactCrop img{object-fit:contain!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:70vh!important;display:block!important}.ReactCrop__crop-selection{background:0 0!important;border:2px dashed #fffc!important}.ReactCrop{position:relative!important;overflow:visible!important}.react-crop-no-shadow .ReactCrop__crop-selection{box-shadow:0 0 0 100vw #00000080!important}.crop-container{isolation:isolate!important;border-radius:4px!important;position:relative!important;overflow:hidden!important}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{border-color:#fff6}.ReactCrop__drag-handle{cursor:pointer!important;background-color:#fffc!important;border-color:#ffffffe6!important;border-radius:2px!important;width:12px!important;height:12px!important;margin-top:-6px!important;margin-left:-6px!important}.ReactCrop__drag-bar{background-color:#ffffff4d}@font-face{font-family:Caveat;src:url(/assets/fonts/Caveat.ttf)format("truetype");font-weight:800;font-style:normal}@font-face{font-family:PermanentMarker;src:url(/assets/fonts/PermanentMarker-Regular.ttf)format("truetype");font-weight:inherit;font-style:normal}.mail-item{cursor:pointer;border-left:3px solid #0000;transition:all .2s ease-in-out}.mail-item:hover{border-left-color:#dee2e6;background-color:#f8f9fa!important}.mail-item.selected{border-left-color:#0d6efd;background-color:#0d6efd1a!important}.mail-item.unread{background-color:#0d6efd08;border-left-color:#0d6efd}.mail-item.unread:hover{background-color:#0d6efd14!important}.mail-content{height:100vh;overflow-y:auto}.mail-sidebar{border-right:1px solid var(--bs-border-color);height:100vh}.compose-form{height:100vh;overflow-y:auto}.unread-indicator{background-color:var(--bs-primary);border-radius:50%;width:8px;height:8px}.text-truncate-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mail-list::-webkit-scrollbar{width:6px}.mail-list::-webkit-scrollbar-track{background:var(--bs-light)}.mail-list::-webkit-scrollbar-thumb{background:var(--bs-secondary);border-radius:3px}.mail-list::-webkit-scrollbar-thumb:hover{background:var(--bs-dark)}.mail-transition{transition:all .3s ease-in-out}.back-button{color:#5f6368;background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;transition:background-color .2s;display:flex}.back-button:hover{color:#202124;background-color:#f1f3f4}.avatar-circle{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.mail-body{color:#202124;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}@media (max-width:768px){.mail-sidebar,.mail-content{height:auto;min-height:50vh}.mail-list-mobile-hidden{display:none!important}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.cardCustomer{box-shadow:0 20px 27px #0000000d}.form-control:disabled{background:#aaaa}.form-control{background:#f4f7fa;height:45px!important;padding:10px 20px!important;font-size:1rem!important}.form-group__input-container{position:relative}.max-length-indicator{color:#6b7280;font-size:.875rem;font-weight:300;position:absolute;top:28%;right:1rem}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card{border-radius:10px!important}.table-PromotionActived{max-height:350px}.table-promotion .table td,table-promotion .table th{padding:.75rem}.text-decoration-line-through{text-decoration:line-through}input[type=number]{-moz-appearance:textfield}.cardCustomer,.upload-box{word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid #00000020;border-radius:1rem;flex-direction:column;min-width:0;display:flex;position:relative}.upload-container{text-align:center;background:#fff;border-radius:10px;width:100%;padding:10px;box-shadow:0 4px 8px #0000001a}.product-upload .image-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center;gap:10px;max-width:600px;margin-left:20px;padding:10px;display:grid}.product-upload .main-upload{text-align:center;cursor:pointer;background-color:#fff;border:2px dashed #ccc;border-radius:8px;flex-direction:column;grid-row-start:span 2;grid-column-start:span 2;justify-content:center;align-items:center;width:100%;transition:background .3s;display:flex;position:relative;height:100%!important}.product-upload .image-container{aspect-ratio:1;width:100%;height:100%;position:relative}.product-upload .image-container:hover{align-items:center}.product-upload .main-upload .uploaded-image,.upload-box .uploaded-image{border-radius:8px;width:100%;height:100%}.product-upload .upload-box{cursor:pointer;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:140px;transition:background .3s;display:flex}.product-upload .upload-box:hover{background:#f1f1f1}.product-upload .upload-box p{margin:0}.product-upload .image-container:before{content:"";opacity:0;background:#0000004d;border-radius:8px;width:100%;height:100%;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.product-upload .image-container:hover:before{opacity:1}.product-upload .remove-icon{color:#000;cursor:pointer;opacity:0;background-color:#ffffff80;border-radius:5px;align-content:center;width:100%;height:100%;padding:28px;font-size:14px;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-upload .image-container:hover .remove-icon{opacity:1}.product-upload .upload-icon{color:#aaa;font-size:24px}.product-upload .upload-text{color:#555;font-weight:700}.product-upload .upload-details{text-align:left;color:#777;font-size:12px}.upload-label{color:#555;font-size:14px}.upload-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;width:100%;margin-top:20px;padding:10px}td .fw-bold,td .text-muted{white-space:nowrap;justify-content:center;gap:5px;display:flex}.disabled-row{pointer-events:none}.product-grid{flex-wrap:wrap;justify-content:flex-start;gap:15px;display:flex}.product-grid .product-box{text-align:center;background:#fff;border-radius:8px;width:calc(20% - 12px);padding:10px;transition:transform .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.product-grid .product-box:hover{transform:scale(1.05)}.product-grid .image-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.product-grid .image-container img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.product-grid .image-container img:first-child{opacity:1}.product-grid .product-box:hover .image-container img{animation:5s linear infinite showImages}@keyframes showImages{0%{opacity:1}25%{opacity:1}26%{opacity:0}50%{opacity:1}51%{opacity:0}75%{opacity:1}76%{opacity:0}to{opacity:1}}.product-grid .product-box:hover .image-container img:first-child{animation-delay:0s}.product-grid .product-box:hover .image-container img:nth-child(2){animation-delay:1s}.product-grid .product-box:hover .image-container img:nth-child(3){animation-delay:2s}.product-grid .product-box:hover .image-container img:nth-child(4){animation-delay:3s}.product-grid .product-box:hover .image-container img:nth-child(5){animation-delay:4s}.product-grid .buttons{z-index:100;opacity:0;gap:5px;display:flex;position:absolute;top:18px;right:8px}.product-grid .product-box:hover .buttons{opacity:1}.product-grid .buttons button{cursor:pointer;color:#fff;background:#00000080;border:none;border-radius:5px;padding:4px 6px;font-size:12px}.product-grid .buttons button:hover{background:#000c}.product-grid .product-info{text-align:left;background:#fff;border-top:1px solid #ddd;margin-top:10px;padding:10px}.product-grid .product-info .product-title{word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:title;margin:5px 0;font-size:14px;font-weight:400;display:-webkit-box;overflow:hidden}.product-grid .product-info p{color:#666;margin:2px 0;font-size:12px}.modal-overlay{z-index:1030;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-product .slick-slider-container{border-radius:5px;max-width:450px}.modal-product .container-upload{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.modal-overlay .modal-content{background:#fff;border-radius:8px;flex-direction:column;align-items:center;width:auto;min-width:320px;max-width:90%;margin:auto;display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.modal-product{width:100%;max-width:450px;margin:15px}.modal-product img{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.modal-overlay .close-btn{color:#777;text-shadow:0 1px #fff;z-index:100;cursor:pointer;font:14px/100% arial,sans-serif;text-decoration:none;position:absolute;top:25px;right:25px}.modal-overlay .close-btn:after{content:"✖";font-size:18px}.modal-overlay .modal-content p{margin-bottom:5px!important}.modal-overlay .modal-content .price{color:var(--text-primary);-webkit-line-clamp:2;overflow-wrap:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;justify-content:space-between;align-items:center;margin-bottom:4px;padding-top:15px;line-height:24px;display:flex;overflow:hidden;font-size:20px!important}.modal-product .modal-button{background-color:var(--bg-primary);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex;position:relative}.slick-slider-container{width:100%;max-width:400px;margin:auto;position:relative}.slide-item img{border-radius:5px;width:100%}.slide-counter{color:#fff;background:#0006;border-radius:5px;padding:5px 15px;font-size:14px;position:absolute;bottom:10px;right:10px}.card-order .card{margin-bottom:10px}.card-order .card .card-header{padding:5px 20px 5px 0}.card-order .button-stores{padding-right:20px;position:absolute;top:0;right:0}.card-order .button-stores button{padding:8px 40px}.card .card-header:after{content:"";background-color:#04a9f5;width:4px;height:20px;position:absolute;top:15px;left:0}.card-order h4{margin-bottom:0;font-size:17px}.card-order .custom-checkbox{padding:10px 20px;top:-2px;left:40px}.card-order .custom-checkbox.input-checkall{padding:10px 20px;top:-2px;left:26px}.card-order .card .card-block{padding:10px 30px 10px 20px}.card-order .card .card-block .buyer_name{margin-bottom:5px;padding:2px 0;font-size:12px;font-weight:800;display:block}.card-order .card img,.order-detail .card-body .img-thumbnail{aspect-ratio:1;padding:0}.product-name{-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;word-break:break-word;cursor:pointer;-webkit-box-orient:vertical;max-height:3em;line-height:1.5em;display:-webkit-box;overflow:hidden}:is(.card-order .order-status,.dashboard-status) .text-on-hold{color:#fff;background-color:#ffd602}:is(.card-order .order-status,.dashboard-status) .text-awaiting-shipment{color:#fff;background-color:orange}:is(.card-order .order-status,.dashboard-status) .text-awaiting-collection{color:#000;background-color:#b7e1cd}:is(.card-order .order-status,.dashboard-status) .text-in-transit{color:#fff;background-color:#20b2aa}:is(.card-order .order-status,.dashboard-status) .text-delivered{color:#fff;background-color:#337ab7}:is(.card-order .order-status,.dashboard-status) .text-completed{color:#fff;background-color:green}:is(.card-order .order-status,.dashboard-status) .text-cancel{color:#fff;background-color:gray}:is(.card-order .order-status,.dashboard-status) .text-refund{color:#fff;background-color:#bdbdbd}.order-line .image-grid{grid-gap:3px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:3px;max-width:600px;display:grid}.order-line .upload-box{cursor:pointer;background-color:#f9f9f9;border:1px dashed #ccc;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:auto;height:48px;padding-top:15px;transition:background .3s;display:flex}.order-line .upload-box .upload-label{justify-content:center;font-size:10px}.order-line .image-container{cursor:pointer;border:1px dashed #ccc;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:auto;height:48px;display:flex;position:relative}.order-line .image-container img{object-fit:cover;border-radius:2px;width:auto;height:45px}.order-line .image-container:hover{background-color:#f1f1f1}.order-line .image-container span{color:#666;margin-top:5px;font-size:12px}.order-line .uploaded-image{object-fit:cover;width:40px;height:40px}.gender{margin-top:23px;display:inline-flex}.gender h4{color:#000;margin-top:0;margin-bottom:20px;font-family:monospace;font-size:30px}.gender .product-name{padding-right:60px!important}.gender .input-group{margin-bottom:1rem;margin-right:1rem}#gender_label{width:120px;position:relative}#gender_label input{-webkit-appearance:none;position:absolute}#gender_label #tab{z-index:20;border-radius:45px;width:90px;height:40px;transition:all .3s}#gender_label #circle{z-index:99;background:#007bff;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .3s;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 15px #027bffcc}#gender_label input:checked+#tab #circle{background:#ff1493;left:50px;box-shadow:0 0 15px #ff1493cc}#gender_label #tab:before{content:"";opacity:1;background:linear-gradient(-90deg,#011 0%,#027bff 350%);border-radius:45px;width:90px;height:40px;margin:auto;transition:all .3s;position:absolute;top:0%;left:0}#gender_label #tab:after{content:"";opacity:0;background:linear-gradient(90deg,#011 0%,#ff1493 350%);border-radius:45px;width:90px;height:40px;margin:auto;transition:all .3s;position:absolute;top:0%;left:0}#gender_label input:checked+#tab:before{opacity:0}#gender_label input:checked+#tab:after{opacity:1}#gender2:before{content:"♂";color:#fff;font-size:25px;font-weight:bolder;transition:all .3s;position:relative}#logo{opacity:1;transform:none}#gender_label input:checked~#tab #gender2:before{content:"♀";color:#fff}.gender input{font-size:20px}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-wrapper label{cursor:pointer;justify-content:center;align-items:center;margin:0 auto 0 20px;font-size:14px;display:flex;position:relative}@font-face{font-family:customFont;src:url(/assets/fonts/MarkerFelt.ttf)format("truetype");font-weight:400;font-style:normal}.checkbox-wrapper label{color:#888;font-family:customFont,fantasy,cursive;font-size:34px;text-decoration:line-through}.checkbox-wrapper input:checked+label{color:#04a9f5;text-decoration:none}.gender .switch-toggle{--width:260px;--height:50px;--offset:2px;--radius:4px;width:var(--width);height:var(--height);padding:var(--offset);border-radius:var(--radius);background:#e3e5e880;font-size:16px;font-style:normal;font-weight:500;line-height:normal;position:relative}.gender .switch-toggle input[type=checkbox]{cursor:pointer;appearance:none;z-index:2;position:absolute;inset:0}.gender .switch-toggle input[type=checkbox]:checked+label.switch-toggle-label:before{translate:100%}.gender .switch-toggle input[type=checkbox]:checked+label.switch-toggle-label span:first-child{color:gray}.gender .switch-toggle input[type=checkbox]:checked+label.switch-toggle-label span:nth-child(2){color:#04a9f5}.gender .switch-toggle input[type=checkbox]+label.switch-toggle-label{inset:var(--offset,0);-webkit-user-select:none;user-select:none;pointer-events:none;grid-auto-columns:1fr;grid-auto-flow:column;place-items:center;gap:2px;margin-bottom:0;padding:10px 0;font-size:18px;display:grid;position:absolute}.gender .switch-toggle input[type=checkbox]+label.switch-toggle-label:before{content:"";border-radius:calc(var(--radius) - var(--offset));background:#fff;width:50%;transition:translate .25s cubic-bezier(.93,.26,.07,.69);position:absolute;inset:0;translate:0;box-shadow:0 10px 20px #1027441a}.gender .switch-toggle input[type=checkbox]+label.switch-toggle-label span{transition:all .2s linear;position:relative}.gender .switch-toggle input[type=checkbox]+label.switch-toggle-label span:first-child{color:#04a9f5}.gender .switch-toggle input[type=checkbox]+label.switch-toggle-label span:nth-child(2){color:gray}#toast{z-index:5;background:#fff;border-radius:5px;align-items:center;width:fit-content;padding:20px 28px;display:flex;position:absolute;top:-55px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 15px #0000001a}#icon-wrapper{background:var(--secondary);box-sizing:border-box;border-radius:5px;min-width:60px;height:60px;padding:5px}#icon{background:var(--primary);border-radius:50%;width:100%;height:100%;position:relative}#icon:before,#icon:after{content:"";background:var(--secondary);border-radius:5px;position:absolute;top:50%;left:50%}.input-toolong{border-color:#b20636!important;box-shadow:0 0 0 .2rem #f502474d!important}#toast-message{padding:5px 20px 5px 10px}#toast-message h4,#toast-message p{margin:0;line-height:1.2em}#toast-message h4{letter-spacing:.05em;color:#404040;font-size:36px;font-weight:600}#toast-message p{letter-spacing:.05em;color:#606060;font-size:18px;font-weight:300}#toast-close{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:20px;transition:background .2s ease-in-out;position:relative}#toast-close:hover{background:#0000001a}#toast-close:before,#toast-close:after{content:"";background:#606060;border-radius:5px;width:1px;height:15px;transition:background .2s ease-in-out;position:absolute;top:50%;left:50%}#toast-close:hover:before,#toast-close:hover:after{background:#404040}#toast-close:before{transform:translate(-50%,-50%)rotate(45deg)}#toast-close:after{transform:translate(-50%,-50%)rotate(-45deg)}@keyframes close{0%{opacity:1;visibility:visible;top:-55px;transform:translate(-50%)scale(1)}to{opacity:0;visibility:hidden;top:-75px;transform:translate(-50%)scale(.5)}}@keyframes open{0%{opacity:0;visibility:hidden;top:-25px;transform:translate(-50%)scale(.5)}to{opacity:1;visibility:visible;top:5px;transform:translate(-50%)scale(1)}}#timer{background:var(--primary);width:0%;height:4px;box-shadow:0 0 8px var(--primary);border-top-right-radius:5px;position:absolute;bottom:0;left:0}.timer-animation{animation:5s linear forwards countdown}@keyframes countdown{0%{width:100%}to{width:0%}}.success{--primary:#2dd743;--secondary:#e3fee6}.success #icon{transform:rotate(-45deg)}.success #icon:before{width:20px;height:6px;transform:translate(calc(2px - 50%),calc(2px - 50%))}.success #icon:after{width:6px;height:12px;transform:translate(calc(-50% - 6px),calc(-50% - 2px))}.warning{--primary:#f29208;--secondary:#ffeedf}.warning #icon:before{width:3px;height:3px;transform:translate(-50%,calc(4px - 50%))}.warning #icon:after{width:3px;height:7px;transform:translate(-50%,calc(-50% - 2px))}.error{--primary:#e63435;--secondary:#ffeaec}.error #icon:before{width:6px;height:6px;transform:translate(-50%,calc(8px - 50%))}.error #icon:after{width:6px;height:14px;transform:translate(-50%,calc(-50% - 4px))}.info{--primary:#42c0f2;--secondary:#cfeffc}.info #icon:before{width:6px;height:14px;transform:translate(-50%,calc(4px - 50%))}.info #icon:after{width:6px;height:6px;transform:translate(-50%,calc(-50% - 8px))}.timeline{position:relative}.design-upload .image-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:10px;max-width:600px;padding:0 40px;display:grid}.design-upload .upload-box{cursor:pointer;border:2px dashed #ccc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:200px;transition:background .3s;display:flex}.design-upload .upload-box p{margin:0}.design-upload .image-container:before{content:"";opacity:0;background:#0000004d;border-radius:8px;width:100%;height:100%;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.design-upload .image-container:hover:before{opacity:1}.design-upload .remove-icon{color:#000;cursor:pointer;opacity:0;background-color:#ffffff80;border-radius:5px;align-content:center;width:100%;height:100%;padding:28px;font-size:14px;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.design-upload .image-container:hover .remove-icon{opacity:1}.design-upload .upload-icon{color:#aaa;font-size:24px}.design-upload .Default{background-color:#000}.design-upload .Default .upload-label{color:#fff}.design-upload .Black{background-color:#000}.design-upload .Black .upload-label{color:#fff}.design-upload .Navy{background-color:#263147}.design-upload .Navy .upload-label{color:#fff}.design-upload .ForestGreen{background-color:#014421}.design-upload .ForestGreen .upload-label{color:#fff}.design-upload .RoyalBlue,.design-upload .Royal{background-color:#224d8f}:is(.design-upload .RoyalBlue,.design-upload .Royal) .upload-label{color:#fff}.design-upload .MilitaryGreen,.design-upload .Military{background-color:#4b5320}:is(.design-upload .MilitaryGreen,.design-upload .Military) .upload-label{color:#fff}.design-upload .Maroon{background-color:#5b2b42}.design-upload .Maroon .upload-label{color:#fff}.design-upload .White{background-color:#fff}.design-upload .White .upload-label{color:#000}.design-upload .Sand{background-color:#c2b280}.design-upload .Sand .upload-label{color:#fff}.design-upload .SportGrey,.design-upload .AshGrey{background-color:#97999b}:is(.design-upload .SportGrey,.design-upload .AshGrey) .upload-label{color:#000}.design-upload .Red{background-color:#d50032}.design-upload .Red .upload-label{color:#fff}.design-upload .LightPink{background-color:#ffb6c1}.design-upload .LightPink .upload-label{color:#000}.design-upload .LightBlue{background-color:#a3b3cb}.design-upload .LightBlue .upload-label{color:#000}.design-upload .Orange{background-color:orange}.design-upload .Orange .upload-label{color:#fff}.custom-control-input:disabled~.custom-control-label:before{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#9f9f9f!important}.straight-status{position:relative;top:10px}.pcoded-header .mr-auto .dropdown-menu{max-height:600px;overflow:hidden auto;margin-left:-8px!important}.pcoded-header .dropdown.show:before{left:10px!important}.paymentCard p{margin-bottom:10px}.chat-container{flex-direction:column;height:85vh;max-height:85vh;display:flex;overflow:hidden}.chat-display{background-color:#f8f9fa;flex:1;padding:15px;overflow-y:auto}.chat-message{border-radius:10px;margin-bottom:10px;padding:10px}.user-message{text-align:right;background-color:#d1e7dd;align-self:flex-end;width:fit-content;max-width:70%;margin-left:auto}.user-message-image{text-align:right;background-color:#d1e7dd;border-radius:8px;align-self:flex-end;width:fit-content;max-width:45%;height:auto;margin-left:auto}.ai-message{text-align:left;max-width:90%;margin-left:right;background-color:#e2e3e5;align-self:flex-start}.chat-input{background-color:#fff;padding:10px}.pcoded-main-container{min-height:90vh!important}.chat-input-container{background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-top:1px solid #dee2e6;border-radius:8px;margin:10px;position:relative}.chat-input-textarea{background-color:rgb(243 244 246/var(--tw-bg-opacity,1));resize:none;border:none;border-radius:8px;outline:none;width:100%;height:45px;padding:10px;font-size:14px;overflow:hidden}.chat-input-toolbar{background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:8px;justify-content:space-between;align-items:center;display:flex}.chat-input-actions{gap:10px;display:flex}.chat-input-button{cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:10px;padding:5px;transition:background-color .2s}.chat-input-button:hover{background-color:#f1f1f1}.chat-input-icon{color:#6c757d;width:20px;height:20px}.chat-input-send{align-items:center;margin-bottom:5px;margin-right:10px;display:flex}.chat-input-send-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:.5rem;padding:10px;transition:background-color .2s}.chat-input-send-button .chat-input-icon{color:#fff}.chat-input-send-button:hover{background-color:#0056b3}.chat-input-file{display:none}.image-chatbox-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:100%;margin-bottom:10px;display:flex;overflow:hidden}.chat-image{object-fit:cover;border-radius:8px;max-width:45%;height:auto}.chat-input-actions .uploaded-image-container{margin-left:10px;display:inline-block}.chat-input-actions .uploaded-image{object-fit:cover;border:1px solid #ddd;border-radius:8px;width:40px;height:40px}.popup-overlay{z-index:1033;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-content{background:#fff;border-radius:8px;width:60%;max-width:60%;height:auto;max-height:95%;padding-bottom:10px;overflow:auto}.popup-content-image{margin:15px;display:flex}.popup-left{background:#f9f9f9;justify-content:center;align-items:center;padding:10px;display:flex}.popup-image{object-fit:contain;max-width:100%;max-height:100%}.popup-right{background:#fff;flex-direction:column;justify-content:center;padding:10px;overflow:auto}.popup-right h3{color:#333;margin-bottom:10px;font-size:18px}.popup-right p{color:#555;word-wrap:break-word;overflow-wrap:break-word;max-height:70vh;font-size:13px;line-height:1.5;position:relative}.spinner-icon-container{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}.spinner-icon{z-index:1;width:40px;height:40px;position:relative}.spinner-icon-container:after{content:"";mix-blend-mode:screen;z-index:2;background:linear-gradient(#0000 0%,#2675ba 0%);width:40px;height:80px;animation:3s infinite colorUp;position:absolute;inset:0}.library-popup-overlay{z-index:1030;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.library-popup-content{background:#fff;border-radius:8px;width:60%;height:95%;max-height:95%;padding:20px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.library-item{cursor:pointer}.library-image{border-radius:4px;width:100%;height:auto;transition:transform .2s}.library-image:hover{transform:scale(1.05)}@keyframes colorUp{0%{transform:translateY(50%)}to{transform:translateY(0%)}}.search .input-container{z-index:1;align-items:center;display:flex;position:relative}.search .input{cursor:pointer;background-color:#0000;border:none;border-radius:10px;outline:none;width:40px;height:40px;padding:18px 16px;transition:all .5s ease-in-out}.search .input::placeholder{color:#0000}.search .input:focus::placeholder{color:#038fcf}.search .input:focus,.input:not(:placeholder-shown){cursor:none;background-color:#fff;border:1px solid #038fcf;width:200px;padding:18px 16px 18px 40px}.search .icon{z-index:-1;fill:#038fcf;background-color:#fff;border:1px solid #038fcf;border-radius:10px;width:38px;height:38px;position:absolute;top:0;left:0}.search .input:hover+.icon{transition:all .2s ease-in-out;transform:rotate(360deg)}.search .input:focus+.icon,.input:not(:placeholder-shown)+.icon{z-index:0;background-color:#0000;border:none}.scrolling-number{animation:1s cubic-bezier(.23,1,.32,1) scrollNumber;display:inline-block}@keyframes scrollNumber{0%{opacity:0;transform:translateY(1em)scaleY(2)}60%{opacity:1;transform:translateY(-.2em)scaleY(1.1)}to{opacity:1;transform:translateY(0)scaleY(1)}}.content-creator .image-grid{max-width:fit-content}.content-creator .image-grid .upload-box{cursor:pointer;border:2px dashed #ccc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:160px;height:200px;transition:background .3s;display:flex}.content-creator .image-grid{padding:0}.content-creator input{width:160px}.content-creator .image-grid .mockup-box{width:160px;height:160px}.content-creator .black{background-color:#000}.content-creator .white{background-color:#fff}.input-wrapper{box-sizing:content-box;background-color:#f4f7fa;border-radius:8px;align-items:center;width:fit-content;height:40px;padding:5px 5px 5px 2px;display:flex;overflow:hidden}.input-wrapper:hover,.input-wrapper:focus-within{color:#495057;background-color:#f4f7fa;outline:0;box-shadow:0 0 0 .2rem #007bff40}.icon{fill:#fff;width:30px;margin-left:8px;transition:all .3s}.input-link{color:#000;background-color:#f4f7fa;border:none;outline:none;max-width:0;height:100%;font-size:1em;transition:max-width 2s,padding 2s}.input:-webkit-autofill{-webkit-text-fill-color:#f4f7fa;-webkit-box-shadow:inset 0 0 0 1000px #292524}.Subscribe-btn{color:#fff;cursor:pointer;background-color:#04a9f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:85px;height:100%;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.arrow{fill:#fff;margin-right:120px;transition:all .3s;position:absolute}.input-wrapper:active .icon{transform:scale(1.3)}.Subscribe-btn:hover{color:#04a9f5}.Subscribe-btn:disabled{color:#fff;opacity:.65;pointer-events:none;background-color:#748892;border-color:#748892}.Subscribe-btn:not(:disabled):hover .arrow{transform-origin:100%;margin-right:0;animation:.9s both jello-vertical}.Subscribe-btn:active{transform:scale(.9)}.input-wrapper:hover .input-link{max-width:270px;padding-left:10px;transform:translate(0%)}.table-selected tbody tr.selected{border-left:4px solid #2196f3;font-weight:600;background-color:#e3f2fd!important}.table-selected tbody tr.selected td{background-color:#e3f2fd!important}.input-price{padding:5px 10px!important}.promotion-button .icon-btn{background:#fff;border:1px solid #cdcdcd;border-radius:25px;width:40px;height:40px;font-family:inherit;font-weight:500;transition:width .2s ease-in-out;position:relative;overflow:hidden}.promotion-button .add-btn:hover{width:120px}.promotion-button .add-btn:before,.promotion-button .add-btn:after{content:"";background:#2e8b57;width:9px;height:4px;transition:width .2s ease-in-out,border-radius .2s ease-in-out;position:absolute;top:calc(50% - 2px)}.promotion-button .add-btn:after{border-top-right-radius:2px;border-bottom-right-radius:2px;right:10px;overflow:hidden}.promotion-button .add-btn:before{border-top-left-radius:2px;border-bottom-left-radius:2px;left:10px}.promotion-button .icon-btn:focus{outline:none}.promotion-button .btn-txt{opacity:0;transition:opacity .2s}.promotion-button .add-btn:hover:before,.promotion-button .add-btn:hover:after{border-radius:2px;width:4px}.promotion-button .add-btn:hover .btn-txt{opacity:1}.promotion-button .add-icon:after,.promotion-button .add-icon:before{content:"";background:#2e8b57;width:2px;height:19px;transition:all .2s ease-in-out;position:absolute;top:calc(50% - 9px);overflow:hidden}.promotion-button .add-icon:before{border-top-left-radius:2px;border-bottom-left-radius:2px;left:17px}.promotion-button .add-icon:after{border-top-right-radius:2px;border-bottom-right-radius:2px;right:17px}.promotion-button .add-btn:hover .add-icon:before{height:4px;top:calc(50% - 2px);left:10px}.promotion-button .add-btn:hover .add-icon:after{height:4px;top:calc(50% - 2px);right:10px}.Subscribe-btn-trending{color:#fff;cursor:pointer;background-color:#04a9f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:10px;font-size:x-large;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.Subscribe-btn-trending:hover{color:#04a9f5}.Subscribe-btn-trending:disabled{color:#fff;opacity:.65;pointer-events:none;background-color:#748892;border-color:#748892}.Subscribe-btn-trending:not(:disabled):hover .arrow{transform-origin:100%;margin-right:0;animation:.9s both jello-vertical}.Subscribe-btn-trending:active{transform:scale(.9)}.input-link-trending{color:#000;background-color:#f4f7fa;border:none;outline:none;max-width:0;height:100%;font-size:1em;transition:max-width 2s,padding 2s}.input-wrapper:hover .input-link-trending{max-width:370px;padding-left:10px;transform:translate(0%)}.sort-select{color:#4a5568;cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid #cbd5e0;border-radius:12px;min-width:160px;padding:5px 12px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000000d}.sort-select:focus{background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);border-color:#04a9f5;outline:none;box-shadow:0 0 0 3px #667eea1a}.sort-select:hover{background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sort-select option{color:#4a5568;background-color:#fff;padding:8px 12px;font-weight:500}.sort-select option:checked{color:#fff;background-color:#667eea}.btn-favorite{cursor:pointer;color:#000;background:linear-gradient(#d6d6d6 0%);border:none;border-radius:8px;padding:2px;font-family:inherit;font-size:14px;font-weight:700;transition:all .1s ease-in-out;box-shadow:0 10px 15px -5px #0000001a,0 5px 5px -5px #0000000a}.btn-favorite:active{transform:translateY(3px);box-shadow:0 14px 15px -5px #0000001a,0 10px 5px -5px #0000000a}.btn-favorite .button-content{background:#fff;border-radius:6px;align-items:center;padding:.4em .6em .4em .5em;display:flex}.btn-favorite svg{color:red;width:20px;height:20px;margin-right:6px;transition:transform .3s}.btn-favorite:hover svg{transform:scale(1.2)}.favorite-tooltip{--bg:#fff;--cl:red;--sz:1rem;--sizer:30px;--h-cnt:calc(var(--sz)*2);z-index:1000;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:2px;right:2px}.favorite-tooltip .trigger{color:var(--cl);background:var(--bg);cursor:pointer;padding:calc(var(--sz)/2);font-weight:600;font-size:var(--sz);border:1px solid #0000;border-radius:999px;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 5px -1px #5f5f7340,0 1px 3px -1px #ffffff4d}.favorite-tooltip .trigger .heart{--sizer:20px;color:var(--cl);margin-bottom:-2px;transition:all .2s}.favorite-tooltip .trigger .heart .fill{opacity:0;display:none}.trigger:hover{--scale-1:.9;--scale-2:.8;animation:1s infinite scaling}.favorite-tooltip .trigger:hover .heart{--scale-1:1.3;--scale-2:1.4;animation:1s infinite scaling}@keyframes scaling{0%{transform:scale(1)}20%,90%{transform:scale(var(--scale-1))}50%{transform:scale(var(--scale-2))}}.favorite-tooltip .trigger .checkround{fill:none;stroke:var(--cl);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:162.6px;stroke-dasharray:0 330 158 134.6;opacity:.6;z-index:-1;cursor:none;pointer-events:none;position:absolute;rotate:130deg;scale:1.1}.favorite-tooltip .content{top:calc(var(--h-cnt)*-.95);padding:calc(var(--sz)/4)calc(var(--sz)/2);z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;background-color:var(--cl);color:#f5f5f5;border-radius:999px;justify-content:center;align-items:center;min-width:max-content;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:absolute;transform:scale(0)translateY(200%)}.favorite-tooltip .content:before{content:"";z-index:-2;background-color:#0000;border-radius:2px;width:1rem;height:1rem;position:absolute;bottom:-.2em;left:50%;transform:translate(-50%)rotate(45deg)}.favorite-tooltip .trigger:hover+.content{top:calc(var(--h-cnt)*-1);visibility:visible;pointer-events:auto;opacity:1;transform:scale(1)translate(0%)}.favorite-tooltip .content span{--y-crease:16px;height:var(--y-crease);flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:-1px;margin-left:4px;display:flex;position:relative;overflow:hidden}.favorite-tooltip .content span:before,.favorite-tooltip .content span:after{transform:translateY(calc(var(--y-crease)/2));line-height:1.1;transition:transform .5s;position:relative}.favorite-tooltip .content span:before{content:attr(data-decrease)}.favorite-tooltip .content span:after{content:attr(data-increase)}.favorite-tooltip .trigger:focus .heart .fill{display:unset;animation:.2s 1s forwards filled}@keyframes filled{to{opacity:.8}}.favorite-tooltip .trigger:focus .heart .fill-none{display:unset;animation:.2s 1s forwards filled-none}@keyframes filled-none{to{opacity:0}}.favorite-tooltip .trigger:focus+.content span:before,.favorite-tooltip .trigger:focus+.content span:after{transform:translateY(calc((var(--y-crease)/2)*-1));transition-delay:1s}.favorite-tooltip .trigger:focus .checkround{animation:.9s linear forwards stroke,.45s linear .9s forwards checkhide}@keyframes stroke{to{stroke-dasharray:0 163 158 134.6}}@keyframes checkhide{to{stroke:var(--bg);stroke-width:0;opacity:0;scale:0}}.favorite-tooltip .sizer{width:var(--sizer);min-width:var(--sizer);max-width:var(--sizer);height:var(--sizer);min-height:var(--sizer);max-height:var(--sizer)}@keyframes jello-vertical{0%{transform:scale(1)}30%{transform:scale(.75,1.25)}40%{transform:scale(1.25,.75)}50%{transform:scale(.85,1.15)}65%{transform:scale(1.05,.95)}75%{transform:scale(.95,1.05)}to{transform:scale(1)}}@media only screen and (max-width:768px){.pcoded-main-container{min-height:80vh!important}.spy-page .card .card-block,.products .card .card-block,.card-order .card .card-block{padding:20px 10px}.pcoded-header .navbar-nav.mr-auto li{display:block}.product-grid .product-box{width:48%}.product-upload .image-grid{justify-content:center;gap:5px;margin-left:0;padding:0}.product-upload .upload-box{height:90px}.gender{margin-top:10px;margin-bottom:10px}.gender h4{margin-bottom:0;font-size:18px}.checkbox-wrapper label{margin-left:8px;font-size:24px}.gender .switch-toggle{width:240px}.gender .input-group{margin-bottom:.5rem;margin-right:.5rem}.input-group .input-group-text{padding-left:5px;padding-right:5px}.form-control{padding:10px!important}.modal-product{margin:0;padding:10px}.order-line .image-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-top:5px}.order-line .upload-box,.order-line .image-container{height:90px}.design-upload .upload-box{height:140px}.card-order .card img,.order-detail .card-body .img-thumbnail{aspect-ratio:1;width:100%;height:100%;padding:0;position:absolute}.card-order .time{position:absolute;bottom:10px;right:10px}.card-order .product-name{padding-left:5px}.modal-overlay .close-btn{top:15px;right:15px}.popup-content{width:80%;max-width:80%}.library-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.chat-container{flex-direction:column;height:80vh;max-height:85vh;display:flex;overflow:hidden}.library-popup-content{width:80%;height:80%}}@media only screen and (max-width:575px){.products .card .card-block{padding:20px 10px}.pcoded-header .navbar-nav.mr-auto li{display:inline-block!important}.pcoded-header .dropdown.show:before{content:"c";z-index:1001;color:#fff;text-shadow:0 -2px 2px #414c4e1f;font-family:pct;font-size:40px;line-height:0;position:absolute;top:60px;left:-5px}.pcoded-header .mr-auto .dropdown-menu{margin-left:auto!important}}