#searchInput:focus,.sidebar{background-color:var(--white)}:root{--black:#333;--white:#ffffff;--gray:#949494;--gray-bg:#F9F9F9;--gray-hover:#E9ECEF;--gray-footer:#f5f5f5;--gray-overlay:rgba(0, 0, 0, .25);--primary:#1890FF;--primary-bg:#E7F3FF}html{scrollbar-gutter:stable}body.modal-open,body.swal2-height-auto,body.swal2-shown{padding-right:0!important}.fixed-top{right:0!important;left:0!important;width:100%!important}.sidebar ul li a:active,body{background-color:var(--gray-bg)}h1,h2{font-weight:500}.overlay,.sidebar{position:fixed;top:0;left:0;height:100vh}#content,.nav-icon,.nav-icon>*{position:relative}.btn-toggle,.custom-file-upload,.nav-icon,.removeCartBtn:hover{cursor:pointer}#content{visibility:hidden;opacity:0;transform:translateY(-20px);transition:opacity .4s ease-out,transform .4s ease-out}#content.show{visibility:visible;opacity:1;transform:translateY(0)}body{font-family:Prompt,sans-serif;overflow-y:scroll;height:100%;margin:0}main{flex:1}.wrapper{display:flex;flex-direction:column;min-height:100vh;padding-top:80px}footer{background:var(--gray-footer);padding:20px 0}h1{font-size:22px}h2{font-size:16px}.form-label,a,h3,p{font-size:14px;font-weight:400}small{font-size:12px;font-weight:400}.breadcrumb-item,.btn{font-size:14px}.nav-icon>*,.navbar{z-index:1}body.no-scroll{overflow:hidden;height:100vh}.sidebar{width:260px;transform:translateX(-100%);transition:transform .3s;overflow:hidden;z-index:2;display:flex;flex-direction:column}.sidebar ul{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.sidebar.active{transform:translateX(0)}.sidebar ul li a{font-size:14px;display:block;color:var(--black);padding:12px 24px;text-decoration:none}.sidebar ul li a.active,.sidebar ul li.active>a{font-weight:500;color:var(--primary)!important;background-color:var(--primary-bg);border-right:2px solid var(--primary)}.sb-icon svg{width:18px;height:18px;margin-right:8px}.btn-toggle{color:var(--black);border:none}.overlay{width:100vw;z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--gray-overlay);display:none}.custom-file-upload:hover .hover-icon,.custom-file-upload:hover .hover-text,.overlay.active{display:block}.form-control{font-size:13px;padding:8px 12px}.form-control:active,.form-control:focus,.form-select:active,.form-select:focus{box-shadow:none!important;border-color:var(--black)!important}.card-img-top{height:250px}.nav-icon{padding:7px 10px;overflow:hidden;z-index:0}.nav-icon::before{content:'';position:absolute;top:50%;left:50%;width:300%;height:300%;background:var(--gray-hover);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:.5;transition:transform .4s ease-out;z-index:-1}.nav-icon:hover::before{transform:translate(-50%,-50%) scale(1)}.nav-icon:active::before{background:var(--gray-hover);opacity:.7}.dropdown-menu{width:200px;border-radius:5px;padding:8px 0;box-shadow:0 .75rem 1.5rem var(--gray-overlay)}.dropdown-item{padding:10px 20px;transition:background-color .2s}.dropdown-item:hover{background-color:var(--gray-hover);color:var(--black)}.dropdown-item span{margin-left:5px}.cart,.search{background-color:var(--gray-bg);text-decoration:none}.search-result-item:hover{cursor:pointer;border-radius:10px}#searchInput:focus{border-color:var(--black)}.img-cover{height:350px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background-color:var(--gray);border-radius:20px}::-webkit-scrollbar-track{background:0 0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-file-upload{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:150px;border:2px dashed #ccc;border-radius:5px;background-color:#f8f9fa;text-align:center}.custom-file-upload input,.custom-file-upload:hover .upload-icon,.custom-file-upload:hover .upload-text,.hover-icon,.hover-text{display:none}.hover-icon,.upload-icon{margin-right:10px;font-size:35px}.upload-text{line-height:1}.btn-copy{background-color:var(--gray-hover)}.label-fixed{width:80px;flex-shrink:0}.overflow-auto{scrollbar-width:thin;scrollbar-color:var(--black) var(--gray-hover)}@media (max-width:768px){.card-img-top{height:250px}.img-cover{height:300px}.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}}@media (max-width:576px){.card-img-top{height:180px}}@media (max-width:390px){h2{font-size:14px;font-weight:500}.card-img-top{height:140px}.img-cover{height:250px}.dropdown-menu{max-width:250px;border-radius:5px;padding:8px 0;box-shadow:0 .75rem 1.5rem var(--gray-overlay)}}