@charset "UTF-8";@font-face{font-family:Manrope-Bold;src:url(/assets/Manrope-Bold-DusLIzdV.ttf) format("truetype")}@font-face{font-family:Manrope-ExtraBold;src:url(/assets/Manrope-ExtraBold-CXgKnAkI.ttf) format("truetype")}@font-face{font-family:Manrope-ExtraLight;src:url(/assets/Manrope-ExtraLight-uk9cZ9JJ.ttf) format("truetype")}@font-face{font-family:Manrope-Light;src:url(/assets/Manrope-Light-yOAwrXNY.ttf) format("truetype")}@font-face{font-family:Manrope-Medium;src:url(/assets/Manrope-Medium-CbYk1BpZ.ttf) format("truetype")}@font-face{font-family:Manrope-Regular;src:url(/assets/Manrope-Regular-Cxj9egqI.ttf) format("truetype")}@font-face{font-family:Manrope-Semi-Bold;src:url(/assets/Manrope-SemiBold-Dex3U6vN.ttf) format("truetype")}@font-face{font-family:HeadlandOne-Regular;src:url(/assets/HeadlandOne-Regular-BZ0OanYG.ttf) format("truetype")}@font-face{font-family:MyriadPro-Regular;src:url(/assets/MyriadPro-Regular-DQFfhlAL.OTF) format("opentype")}:root{font-family:Manrope-Medium,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;color:#ffffffde;background-color:#242424;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:var(--light-background);display:flex;align-items:center;justify-content:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{overflow:hidden;margin:0;display:flex;place-items:center;min-width:320px;max-height:100%;background-color:#d8d7f2;align-items:center;justify-content:center;color:#f5f5f5;-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,.004)}::-moz-selection{background:var(--panels-base)}::selection{background:var(--panels-base)}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit;cursor:pointer}.react-grid-item.react-grid-placeholder{background:var(--emphasis-color);opacity:.2}.react-grid-item:hover{z-index:9990}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:border-box}.normal-text{font-size:16px;color:var(--text-color);font-weight:400;font-family:Manrope-Light}.toast-styles{background-color:#d8d7f2!important;color:var(--text-color)!important;font-weight:400!important;font-size:14px!important;padding:4px 10px!important;border:0px solid var(--emphasis-color)!important;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b!important;z-index:999999!important;margin-top:20px}::-ms-reveal{filter:invert(100%)}::-webkit-scrollbar{width:16px;height:18px}::-webkit-scrollbar-thumb{height:8px;border:4px solid rgba(0,0,0,0);background-clip:padding-box;background-color:#f5f5f5;border-radius:8px;-webkit-border-radius:8px}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background-color:transparent}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home-layout-container{display:flex;height:100vh;width:100vw;background-color:#f5f5f5;overflow:hidden}.home-pageWrapper{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.home-header{height:60px;min-height:60px;width:100%;display:flex;gap:10px;background-color:var(--emphasis-color);color:var(--light-text-color);justify-content:space-between;align-items:center;font-family:Manrope-Regular;position:sticky;top:0;z-index:10}.home-logo-wrapper{align-self:start;justify-self:self-start;background-color:var(--emphasis-color);padding:12px;display:flex;align-items:center;justify-content:center;border-bottom-right-radius:24px;position:sticky;top:0;left:0;z-index:20;height:fit-content}.home-footer{height:45px;width:100vw;display:flex;flex-direction:row;background-color:var(--emphasis-color);position:absolute;bottom:0}.home-content-scrollable{flex:1;overflow-y:auto;padding:30px 30px 30px 35px;margin-right:5px;margin-bottom:20px}.home-content-scrollable::-webkit-scrollbar{width:8px}.home-content-scrollable::-webkit-scrollbar-track{padding:2px;background:#f1f1f1}.home-content-scrollable::-webkit-scrollbar-thumb{background:#8982cc;border-radius:4px}.home-content-scrollable::-webkit-scrollbar-thumb:hover{background:#555}.home-logo{border:5px solid white;border-top-right-radius:12px;border-bottom-right-radius:12px;height:75px}.home-logo img{height:65px}.home-content{width:100vw}.home-links{display:flex;flex-direction:row;background-color:var(--panels-base);gap:30px;height:45px;align-items:center;justify-content:center}.home-welcome{display:flex;padding-right:70px}.home-link{cursor:pointer;color:var(--emphasis-color);font-size:18px;font-weight:700;font-family:Manrope-Bold;transition:all .3s ease;position:relative}.home-link:hover{color:var(--comp-emphasis-color)}.home-link.active:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;border-radius:5px;background-color:var(--emphasis-color);transition:all .3s ease-in-out}.home-link:hover.active:after{background-color:var(--comp-emphasis-color)}.home-logout{cursor:pointer;font-size:14px;border:none;color:#fff;font-family:Manrope-Bold;align-self:center;background-color:var(--emphasis-color);gap:5px;height:36px;padding-right:10px;padding-left:10px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease}.home-logout:hover{background-color:var(--comp-emphasis-color);color:#fff}.home-logout-active{background-color:#f5f5f5;color:var(--emphasis-color)}.main-content-title{display:flex;flex-direction:row;align-items:center;width:95%;font-size:24px;font-family:Manrope-Bold;gap:25px;color:var(--text-color)}.main-content-title-buttons{display:flex;flex-direction:row;gap:20px;flex:1;justify-content:flex-end}.main-content-panel{align-self:center;background-color:var(--panels-base);width:100%;margin-top:30px;border-radius:15px;min-height:auto;padding:20px;display:flex;flex-direction:column;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;transition:all .3s ease}.historial-item-label{display:flex;align-items:center;justify-content:center;font-size:14px}.internal-header{background-color:var(--light-background);color:var(--text-color);font-size:16px;font-weight:700;position:relative}.fix-margin-header{height:40px;background-color:var(--light-background);position:absolute;width:40px;top:0;left:-40px}.historial-item-label-header{display:flex;align-items:center;justify-content:flex-start;font-size:16px}.historial-item-chevron{position:absolute;display:flex;align-items:center;justify-content:center;right:10px}.historial-item-details-wrapper{display:flex;flex-direction:column;position:relative}.historial-item-details-row{display:flex;flex-direction:row;justify-content:flex-start;padding:8px;margin-left:40px;color:var(--text-color)}.historial-item-details-row>input{border:none;width:30px}.status-dot{height:8px;width:8px;border-radius:10px;margin-left:5px;margin-right:5px}.historial-item-label-number{position:absolute;display:flex;align-items:center;justify-content:center;left:10px;top:50%;transform:translateY(-50%);background-color:var(--light-background);height:25px;width:25px;border-radius:50px;color:var(--header-rows-selected);font-size:14px;font-weight:700}.historial-item-divider{height:2px;width:100%;background-color:var(--light-background)}.repeat-btn{background-color:var(--emphasis-color);color:var(--light-text-color);border:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;position:relative;padding:5px 10px 5px 15px;border-radius:10px;transition:all .3s ease;cursor:pointer}.repeat-btn:hover{background-color:var(--comp-emphasis-color)}.repeat-btn-icon{position:absolute;top:7px;left:10px}.historial-footer-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;background-color:var(--light-background);margin:20px;padding:10px;border-radius:15px;color:var(--text-color)}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;background-color:var(--background-base);border-radius:10px}.empty-message{color:var(--text-color);font-size:20px}.pedidos-rows-container{background-color:var(--background-base);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-left:15px;height:auto;max-height:350px;overflow-y:scroll}.pedidos-rows-container::-webkit-scrollbar-thumb{background-color:#8982cc}.pedidos-add-headers{display:flex;flex-direction:row;justify-content:flex-start;gap:30px;padding:8px;background-color:var(--light-background);color:var(--text-color);font-size:14px;font-weight:700;position:relative;margin-left:40px}.nuevo-pedido-input-wrapper{display:flex;flex-direction:row;justify-content:center;position:relative;align-items:center;height:40px}.nuevo-pedido-input{width:100%;height:30px;border:none;border-radius:6px;background-color:var(--light-background);outline:none;color:var(--text-color);padding:5px;text-align:center;transition:all .3s ease;font-family:Manrope-Medium}.nuevo-pedido-input:focus{background-color:var(--light-comp)}.action-icon{cursor:pointer;opacity:.7;transition:all .3s ease;color:var(--emphasis-color)}.action-icon:hover{opacity:.9;color:var(--comp-emphasis-color)}.action-edit:hover{color:var(--warning-yellow-color)}.action-delete:hover{color:var(--error-red-color)}.action-accept:hover{color:var(--success-green-color)}.action-cancel:hover{color:var(--error-red-color)}.nuevo-item-number{position:absolute;display:flex;align-items:center;justify-content:center;left:-28px;top:15px;background-color:var(--light-background);height:25px;width:25px;border-radius:50px;color:var(--header-rows-selected);font-size:14px;font-weight:700}.input-edit{background-color:var(--light-emphasis)}.product-select-panel{position:absolute;background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;padding:10px;z-index:1000}.historial-item-label-tablet{font-size:14px;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.confirmation-modal-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;height:auto;max-width:700px;max-height:700px;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.modal-overlay.open .confirmation-modal-content{transform:scale(1)}h2{margin:0;color:#333;font-size:1.1rem}.modal-title{margin-top:0;font-size:1.25rem;color:#333;margin-bottom:5px}.modal-message{font-size:.9rem;color:#666;margin-bottom:20px;line-height:1.5}.modal-actions{display:flex;justify-content:space-around;gap:15px}.modal-button{border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.modal-button.cancel{background-color:#f0f0f0;color:#333;border:1px solid #ccc}.modal-button.confirm{background-color:var(--emphasis-color);color:#fff}.modal-button.confirm:hover{background-color:var(--comp-emphasis-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 600px){.modal-content{padding:20px}.modal-content .modal-title{font-size:1.25rem}.modal-content .modal-message{font-size:.9rem}.modal-content .modal-actions{flex-direction:column-reverse}.modal-content .modal-actions .modal-button{width:100%}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;text-align:center;background-color:var(--background-base)}.not-found-title{font-size:6rem;font-weight:700;color:var(--emphasis-color);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.not-found-message{font-size:1.5rem;margin-top:20px}.not-found-button{padding:10px 20px;margin-top:20px;background-color:var(--emphasis-color);color:var(--light-text-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.not-found-button:hover{background-color:var(--comp-emphasis-color)}.selectContainer{position:relative;height:30px;display:flex;flex-direction:column;transition:all .3s ease}.selectBox{display:flex;visibility:hidden;pointer-events:none;align-items:center;justify-content:center;transition:all .3s ease;height:30px;border-radius:5px}.dropdown{position:absolute;top:100%;left:0;width:100%;background:#f5f5f5;border-radius:5px;margin-top:0;z-index:10;transition:opacity .3s ease;opacity:1;z-index:1000}.searchInput{width:100%;padding:5px;position:relative;border:none;outline:none;color:#222!important;height:30px;z-index:20;border-radius:5px;font-family:Manrope-Medium;text-align:center;font-size:16px}.searchInput:focus{background-color:#c284bc!important}.searchInput::placeholder{color:#222!important}.change-thumb::-webkit-scrollbar-thumb{background-color:#8982cc!important}.optionsList{list-style:none;max-height:85px;overflow-y:scroll;margin:0;background-color:#d8d7f2;border:1px solid #aaa;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 0 0 18px}.optionsList::-webkit-scrollbar-thumb{background-color:#8982cc}.optionsList li{width:100%;padding:1px;cursor:pointer;font-family:Manrope-Medium;font-size:12px;color:#222}.optionsList li:not(:last-child){border-bottom:1px solid #aaa}.optionsList li:hover{background:#8982cc}.modal-add-pedido-btn-accept{height:35px;padding-left:16px;padding-right:16px;border:none;border-radius:5px;font-family:inherit;font-size:14px;cursor:pointer;background-color:var(--emphasis-color);transition:all .3s;color:var(--light-text-color)}.modal-add-pedido-btn-accept:hover{background-color:var(--comp-emphasis-color)}.modal-add-pedido-btn-delete{height:35px;padding-left:16px;padding-right:16px;border:none;border-radius:5px;font-family:inherit;font-size:14px;cursor:pointer;background-color:var(--emphasis-color);transition:all .3s;color:var(--light-text-color)}.modal-add-pedido-btn-delete:hover{background-color:var(--comp-emphasis-color)}.modal-buttons-wrapper{display:flex;justify-content:center;gap:30px}.modal-form-wrapper{display:flex;flex-direction:column;flex:1;margin-bottom:20px}.modal-form-label{font-size:14px}.modal-form-row{display:flex;gap:30px;flex-direction:row}.image-icon{cursor:pointer;opacity:.7;transition:all .3s ease;color:#29235c}.image-icon:hover{opacity:.9;color:#822079}.option-test{background-color:var(--light-background)}.option-test:hover{background-color:#8982cc}.modal-btn-accept{margin-left:5px;height:40px;padding-left:20px;padding-right:20px;border:1px solid var(--background-base);border-radius:5px;font-family:inherit;font-size:16px;cursor:pointer;background-color:var(--background-base);transition:all .3s;color:var(--text-color)}.modal-btn-accept:hover{background-color:#475be8}.modal-btn-delete{margin-left:5px;height:40px;padding-left:20px;padding-right:20px;border:1px solid var(--background-base);border-radius:5px;font-family:inherit;font-size:16px;cursor:pointer;background-color:var(--background-base);transition:all .3s;color:var(--text-color)}.modal-btn-delete:hover{background-color:#475be8}.full-page-modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000000bf;z-index:99999}.full-page-modal-content{background-color:var(--panels-base);color:var(--text-color);margin:60px auto auto;width:75%;max-width:900px;min-width:200px;padding:10px;border-radius:10px;position:relative;transition:all .3s ease}.full-page-modal-close{z-index:999;position:absolute;top:10px;right:10px;cursor:pointer}.full-page-modal-close:hover{color:var(--emphasis-color)}.full-page-modal-fadeIn{-webkit-animation:fade-in .4s cubic-bezier(.39,.575,.565,1) both;animation:fade-in .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.full-page-modal-fadeOut{-webkit-animation:fade-out .4s cubic-bezier(.39,.575,.565,1) both;animation:fade-out .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.full-page-modal-warning{display:flex;color:var(--error-red-color);align-items:center;justify-content:flex-start}.full-page-modal-warning-message{margin-top:10px;margin-bottom:10px}.full-page-modal-info{display:flex;color:var(--emphasis-color);align-items:center;justify-content:flex-start}.full-page-modal-info-message{margin-top:10px;margin-bottom:10px}.full-page-modal-success{display:flex;color:var(--success-green-color);align-items:center;justify-content:flex-start}.full-page-modal-success-message{margin-top:10px;margin-bottom:10px}.modal-mainTitle{font-size:18px;font-weight:700}.modal-body{border-radius:5px;margin-top:10px;padding-top:20px;padding-left:15px;max-height:550px;overflow:scroll;transition:all .3s ease;background-color:#f5f5f5}.loader{position:relative;border-radius:10px}.loader div{position:absolute;left:50%;width:8%;height:24%;top:30%;opacity:0;border-radius:50px;box-shadow:0 0 3px #0003;animation:fade458 1s linear infinite}@keyframes fade458{0%{opacity:1}to{opacity:.25}}.loader .bar1{transform:rotate(0) translateY(-130%);animation-delay:0s}.loader .bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-1.1s}.loader .bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-1s}.loader .bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.9s}.loader .bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.8s}.loader .bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.7s}.loader .bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.6s}.loader .bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.5s}.loader .bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.4s}.loader .bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.3s}.loader .bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.2s}.loader .bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.1s}.logo-wrapper{display:flex;flex-direction:column;background-color:bisque;padding:calc(10px * var(--size, 1));color:var(--emphasis-color)}.logo-text-1{font-family:MyriadPro-Regular;font-size:calc(35px * var(--size, 1));display:flex;align-self:flex-end;margin-right:calc(15px * var(--size, 1));line-height:calc(40px * var(--size, 1))}.logo-text-2{font-size:calc(64px * var(--size, 1));line-height:calc(55px * var(--size, 1));display:flex;align-self:center;justify-content:center;font-family:MyriadPro-Regular}.logo-text-3-wrapper{display:flex;flex-direction:row;align-self:center;letter-spacing:calc(2px * var(--size, 1));gap:calc(14px * var(--size, 1))}.logo-text-3{font-family:Arial,Helvetica,sans-serif;transform:scaleY(calc(.72 * var(--size, 1)))}.MainLayout-Container{background-color:var(--background-base);width:100vw;height:100%;display:flex}.PageWrapper-Container{background-color:var(--background-base);width:100%;display:flex;overflow-y:hidden}.side-menu-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;pointer-events:none;transition:visibility .3s}.side-menu-container.open{visibility:visible;pointer-events:auto}.side-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out}.side-menu-container.open .side-menu-overlay{opacity:1}.side-menu-panel{position:absolute;top:0;right:0;height:100%;width:85%;max-width:320px;background-color:#29235c;box-shadow:-5px 0 15px #0003;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column}.side-menu-container.open .side-menu-panel{transform:translate(0)}.side-menu-header{display:flex;justify-content:flex-end}.side-menu-close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:#f5f5f5;margin-top:15px;margin-right:10px}.side-menu-content{display:flex;flex-direction:column;gap:.5rem}.side-menu-button{width:100%;display:flex;gap:10px;align-items:center;justify-content:center;font-size:1.1rem;height:50px;padding:.5rem;background-color:transparent;color:#f5f5f5;border:none;cursor:pointer;transition:background-color .3s,color .3s}.side-menu-button:hover,.side-menu-button.active{background-color:#f5f5f5;color:#29235c}.burger-menu-btn{background:none;border:none;cursor:pointer;padding:.5rem;margin-right:1rem;color:#fff;font-size:1.5rem}.only-mode{--background-base: whitesmoke;--text-color:#222222;--light-text-color:whitesmoke;--emphasis-color:#29235c;--comp-emphasis-color:#822079;--panels-base: rgb(205, 205, 205);--header-rows: #8484a8;--header-rows-hover: #822079;--header-rows-selected: #5557a5;--light-background:#d8d7f2;--light-emphasis:#8982cc;--light-comp:#c284bc;--warning-yellow-color:rgb(172, 134, 21);--error-red-color:rgb(222, 53, 53);--success-green-color:rgb(31, 191, 49);--opacity-darker:rgba(0,0,0, .4);--light-panels-base: #383854;--active-hover-color:rgba(90, 180, 212, .25);--error-color:#A6AFF2;--error-hover-color:rgba(239, 6, 6,.22);--dimmed-text-color:rgba(255, 255, 255, .4);--selected-color:rgba(95, 181, 124, .3);--error-red-color-strong:rgba(252, 77, 77);--error-red-color-light:rgba(252, 77, 77, .5);--success-green-color-light:rgba(19, 242, 45, .5);--warning-orange-color:rgb(242, 179, 19);--success-green-color-extralight:rgba(19, 242, 45, .2);--success-red-color-extralight:rgba(252, 77, 77, .2)}.login-pageWrapper{flex:1;display:flex;gap:30px;background-color:var(--background-base);width:100vw;height:100vh;align-items:center;flex-direction:column}.login-logo{mix-blend-mode:multiply;position:relative;align-self:flex-end;height:120px}.login-logo img{height:120px}.login-logo-text{margin-top:10px;color:var(--emphasis-color);font-size:55px;font-weight:700;align-self:center;text-align:center;line-height:35px}.login-subtitle{font-size:24px;margin-top:20px;margin-bottom:5px;color:var(--text-color)}.login-panel{background-color:var(--panels-base);padding:25px;color:var(--text-color);width:22vw;min-width:400px;max-width:500px;height:auto;border-radius:10px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.login-form{display:flex;flex-direction:column}.login-form-row{width:100%;margin-bottom:16px}.login-label{font-size:16px}.login-input{border-radius:5px;width:100%;border:none;height:35px;font-size:14px;padding:8px;margin-top:8px;background-color:var(--background-base);color:var(--text-color);border:2px solid var(--background-base);transition:all .3s ease}.login-input:focus{border:2px solid var(--emphasis-color);outline:none}.login-tabs-container{display:flex;flex-direction:row;width:30vw}.login-tab{background-color:var(--panels-base);padding-left:15px;padding-right:15px;padding-top:5px}.login-tab:first-child{border-top-left-radius:5px}.login-tab:last-child{border-top-right-radius:5px}.login-button{height:40px;padding-left:30px;padding-right:30px;border:none;border-radius:5px;font-family:inherit;background-color:var(--emphasis-color);font-size:16px;width:120px;display:flex;align-self:center;justify-content:center;align-items:center;margin-top:15px;cursor:pointer;color:var(--light-text-color);transition:all .3s ease}.login-button:hover{background-color:var(--comp-emphasis-color)}.password-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-toggle-button{position:absolute;right:10px;top:15px;background:none;border:none;cursor:pointer;color:var(--emphasis-color);font-size:1.2rem;padding:0}.password-toggle-button:focus{outline:none}:root{--panel-bg: #ffffff;--panel-border: #e0e0e0;--panel-shadow: 0 4px 12px rgba(0, 0, 0, .08);--input-bg: #f8f9fa;--input-border: #ced4da;--button-bg: var(--emphasis-color, #29235c);--button-hover-bg: var(--comp-emphasis-color, #4a429b);--text-color-primary: #333;--text-color-secondary: #666}.mi-cuenta-page h1{margin:25px 0 0;font-size:1.75rem}.mi-cuenta-container{margin-top:25px;display:flex;gap:20px;width:100%}.mi-cuenta-panel{background-color:var(--panel-bg);border-radius:12px;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);padding:20px 25px;display:flex;flex-direction:column;flex:1;min-width:300px}.panel-title{display:flex;align-items:center;font-size:1.25rem;margin-top:0;margin-bottom:20px;color:var(--text-color-primary);border-bottom:1px solid var(--panel-border);padding-bottom:15px}.panel-title .panel-title-icon{margin-right:12px;color:var(--emphasis-color)}.panel-content{display:flex;flex-direction:column;gap:20px}.info-field{display:flex;align-items:center;gap:15px}.info-field .info-field-icon{color:var(--text-color-secondary);font-size:1.2rem}.info-field .info-field-content{display:flex;flex-direction:column}.info-field .info-field-label{font-size:.8rem;color:var(--text-color-secondary);text-transform:uppercase;font-weight:600}.info-field .info-field-value{font-size:1rem;color:var(--text-color-primary);font-weight:500}.password-field{display:flex;flex-direction:column}.password-field .password-field-label{font-size:.9rem;margin-bottom:8px;font-weight:600;color:var(--text-color-primary)}.password-field .password-input-wrapper{position:relative;display:flex;align-items:center}.password-field .password-input-icon{position:absolute;left:12px;color:var(--text-color-secondary)}.password-field .password-input{width:100%;padding:10px 40px;border-radius:8px;border:1px solid var(--input-border);background-color:var(--input-bg);outline:none;font-size:1rem;transition:border-color .2s,box-shadow .2s}.password-field .password-input:focus{border-color:var(--emphasis-color);box-shadow:0 0 0 2px #29235c33}.password-field .password-toggle-visibility{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:5px;color:var(--text-color-secondary);display:flex;align-items:center}.save-button{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--button-bg);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:10px}.save-button:hover:not(:disabled){background-color:var(--comp-emphasis-color);transform:translateY(-1px)}.save-button:disabled{background-color:#999;cursor:not-allowed}.mi-cuenta-page .mi-cuenta-tabs{display:flex;border-bottom:2px solid var(--panel-border, #e0e0e0);margin-bottom:20px}.mi-cuenta-page .mi-cuenta-tabs .tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:none;cursor:pointer;font-size:1rem;color:var(--text-color-secondary, #666);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.mi-cuenta-page .mi-cuenta-tabs .tab-button.active{color:var(--emphasis-color, #29235c);border-bottom-color:var(--emphasis-color, #29235c);font-weight:600}.mi-cuenta-page .mi-cuenta-content{width:100%;overflow-y:scroll}.mi-cuenta-page .mi-cuenta-content::-webkit-scrollbar-thumb{background-color:var(--light-background)}.mi-cuenta-page .historial-panel .order-row{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;overflow:hidden}.mi-cuenta-page .historial-panel .order-row .order-summary{display:flex;align-items:center;padding:12px;background-color:var(--emphasis-color);cursor:pointer;gap:20px;font-size:.9rem}.mi-cuenta-page .historial-panel .order-row .order-summary .order-id{font-weight:700}.mi-cuenta-page .historial-panel .order-row .order-summary .order-status{display:flex;align-items:center}.mi-cuenta-page .historial-panel .order-row .order-summary .order-status .status-dot{width:10px;height:10px;border-radius:50%;margin-right:8px}.mi-cuenta-page .historial-panel .order-row .order-summary .expand-icon{margin-left:auto;transition:transform .2s}.mi-cuenta-page .historial-panel .order-row .order-summary .expand-icon.expanded{transform:rotate(180deg)}.mi-cuenta-page .historial-panel .order-row .order-details .details-header{display:flex;justify-content:space-between;font-weight:700;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px}.mi-cuenta-page .historial-panel .order-row .order-details .detail-item{display:flex;justify-content:space-between;padding:8px 0}.mi-cuenta-page .historial-panel .order-row .order-details .order-observations{font-style:italic;margin-top:15px;background-color:#fef9e7;padding:10px;border-radius:4px}.mi-cuenta-page .historial-panel .order-row .order-details .order-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.mi-cuenta-page .estadisticas-panel .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.mi-cuenta-page .estadisticas-panel .stat-card{display:flex;align-items:center;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0000000d;border-left:5px solid var(--color, #ccc)}.mi-cuenta-page .estadisticas-panel .stat-card .stat-icon{font-size:2rem;color:var(--color);margin-right:15px}.mi-cuenta-page .estadisticas-panel .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:700;display:block}.mi-cuenta-page .estadisticas-panel .stat-card .stat-content .stat-label{font-size:.9rem;color:#666}.mi-cuenta-page .panel-loader,.mi-cuenta-page .empty-state{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#888}.order-row{border:1px solid #e0e0e0;border-radius:12px;margin-bottom:1rem;overflow:hidden;background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:box-shadow .3s ease}.order-row:hover{box-shadow:0 4px 16px #0000001a}.order-row.is-expanded .expand-icon{transform:rotate(180deg)}.order-row.is-expanded .collapsible-content{grid-template-rows:1fr;padding-top:1rem;padding-bottom:1.5rem;opacity:1}.order-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8f9fa;cursor:pointer;transition:background-color .2s ease}.order-summary:hover{background-color:#f1f3f5}.summary-main-info{display:flex;align-items:center;gap:1.5rem;width:100%;flex-wrap:wrap}.summary-status-section{display:flex;align-items:center;gap:1rem}.info-chip{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#f5f5f5}.info-chip svg{color:#f5f5f5}.order-status{font-weight:600;font-size:.85rem;padding:.25rem .75rem;border-radius:999px;color:var(--status-color);background-color:color-mix(in srgb,var(--status-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--status-color) 40%,transparent)}.expand-icon{color:#f5f5f5;transition:transform .3s cubic-bezier(.25,.1,.25,1)}.collapsible-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-in-out,padding .4s ease-in-out,opacity .4s ease-in-out;opacity:0}.collapsible-content .order-details{overflow:hidden;padding:0 1.5rem}.details-header{display:flex;justify-content:space-between;font-weight:700;color:#6c757d;font-size:.8rem;text-transform:uppercase;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0;margin-bottom:.75rem}.details-list{list-style:none;padding:0;margin:0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f3f5}.detail-item:last-child{border-bottom:none}.detail-item .item-desc{color:#212529;font-weight:500}.detail-item .item-desc .item-code{display:block;font-size:.8rem;color:#6c757d;margin-top:2px}.detail-item .item-qty{color:#6c757d;text-align:right}.order-observations{display:flex;gap:.75rem;background-color:color-mix(in srgb,#007bff 5%,transparent);padding:1rem;border-radius:8px;margin-top:1rem;font-size:.9rem;color:color-mix(in srgb,#007bff 90%,black)}.order-observations svg{flex-shrink:0;margin-top:4px;color:#007bff}.order-observations p{margin:0;line-height:1.5}.order-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.order-actions .action-btn{display:inline-flex;align-items:center;gap:.5rem;border:none;padding:.6rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.order-actions .action-btn.edit-btn{background-color:#007bff;color:#fff}.order-actions .action-btn.edit-btn:hover:not(:disabled){background-color:#0056b3}.order-actions .action-btn.edit-btn:disabled{background-color:#ced4da;cursor:not-allowed}.order-actions .action-btn.repeat-btn{background-color:#28a745;color:#fff}.order-actions .action-btn.repeat-btn:hover{background-color:#218838}@media (max-width: 768px){.order-summary{flex-direction:column;align-items:flex-start;gap:.75rem}.summary-main-info{flex-direction:column;align-items:flex-start;gap:.5rem}.summary-status-section{width:100%;justify-content:space-between}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-item .item-qty{text-align:left;padding-left:.5rem}}.historial-container{background-color:var(--background-base);padding:15px;border-radius:10px;overflow-y:scroll;height:"auto";overflow-x:hidden}.historial-container::-webkit-scrollbar-thumb{background-color:var(--light-background)}.historial-pagination-wrapper{display:flex;align-items:center;flex-direction:row;margin-top:10px;justify-content:flex-end}.historial-pagination{background-color:var(--background-base);border-radius:10px;color:var(--text-color);padding:10px 15px;display:flex;align-items:center;align-self:flex-end;justify-content:space-between;min-width:170px;gap:15px;font-family:Manrope-Medium;font-size:14px}.historial-pagination-chevron{display:flex;align-items:center;cursor:pointer;outline:none;background-color:var(--emphasis-color);color:#fff;border:none;padding:5px;border-radius:5px;transition:all .3s ease}.historial-pagination-chevron:hover{background-color:var(--comp-emphasis-color)}.observaciones-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:90%;width:90%;display:flex;text-align:center}.observaciones-item-main{text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:90%;width:90%;display:flex}.unidades-tooltip-zone{text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:99.9%;width:99.9%;display:flex}.historial-item{margin-left:10px;margin-right:-5px}.modal-content{background:#fff;padding:.75rem;border-radius:8px;box-shadow:0 5px 15px #0000004d;transform:scale(.95);transition:transform .3s ease;display:flex;flex-direction:column;width:90vw;max-width:1000px;height:90vh;max-height:1000px}.modal-overlay.open .modal-content{transform:scale(1)}@media (max-width: 768px){.modal-content{width:90vw;height:90vh;max-height:90vh}}.modal-main-content{flex-grow:1;overflow-y:hidden;display:flex;flex-direction:column}.table-container{flex-grow:1;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px}.order-summary-table{width:100%;border-collapse:collapse}.order-summary-table th,.order-summary-table td{padding:.25rem .8rem;text-align:left;border-bottom:1px solid #e0e0e0}.order-summary-table thead.table-header-sticky{position:sticky;top:0;background-color:#f8f9fa;z-index:10}.order-summary-table thead.table-header-sticky th{font-weight:600;color:#495057}.table-row td .product-name{font-weight:500;display:block;color:#333;font-weight:700}.table-row td .product-code{font-size:.8rem;color:#6c757d}.quantity-input-table{width:60px;padding:.4rem;text-align:center;border:1px solid #ced4da;border-radius:4px;outline:none}.quantity-input-table:focus{border-color:var(--emphasis-color, #29235c)}.delete-item-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1rem;padding:.5rem}.delete-item-btn:hover{color:#a71d2a}.cell-center{text-align:center;vertical-align:middle;color:#444}.observations-section{padding:.8rem 1rem 0}.observations-section label{font-weight:600;margin-bottom:.5rem;display:block}.observations-section textarea{width:100%;resize:vertical;font-family:inherit;padding:.5rem;border:1px solid #ced4da;border-radius:4px}.table-label{display:none}@media (max-width: 768px){.order-summary-table thead{display:none}.order-summary-table tr.table-row{display:block;margin-bottom:1rem;border:1px solid #e0e0e0;border-radius:8px;padding:.3rem}.order-summary-table td{display:block;text-align:right;border-bottom:none;position:relative;padding:.3rem;height:45px;display:flex;align-items:center;justify-content:space-between}.order-summary-table td[data-label=Producto]{text-align:left;padding-left:.75rem}.order-summary-table td[data-label=Producto]:before{display:none}.details-qty-label{display:none}.detail-item .item-qty{font-size:.8rem;font-weight:400;padding-left:0}.cell-center{display:flex;align-items:center;justify-content:center}.table-label{display:block}}:root{--catalog-bg: #f4f7f9;--panel-bg: #ffffff;--border-color: #e0e0e0;--primary-text: #212529;--secondary-text: #6c757d;--accent-color: var(--emphasis-color, #29235c);--accent-hover: var(--comp-emphasis-color, #4a429b);--card-shadow: 0 4px 12px rgba(0, 0, 0, .06);--card-hover-shadow: 0 6px 16px rgba(0, 0, 0, .1)}.nuevo-pedido-page.catalog-mode{display:flex;flex-direction:column;height:100%}.nuevo-header-divider{height:5px;background-color:transparent;width:100%;box-shadow:#0006 0 6px 7px;z-index:100}.nuevo-header-divider-top{height:10px;background-color:transparent;width:100%;box-shadow:#0000004d 0 -6px 7px;z-index:100}.catalog-header{padding:1rem 1.5rem;z-index:10;width:100%;display:flex;flex-direction:row;justify-content:center}.catalog-header .main-content-title h1{margin:0;font-size:1.75rem}.catalog-header .search-wrapper{width:100%;display:flex;justify-content:center}.catalog-header .search-bar{position:relative;width:100%;max-width:600px}.catalog-header .search-bar .search-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--secondary-text)}.catalog-header .search-bar input{width:100%;padding:.85rem 1rem .85rem 3rem;font-size:1rem;border-radius:999px;border:1px solid var(--border-color);transition:border-color .2s,box-shadow .2s}.catalog-header .search-bar input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.catalog-content{background-color:#f2f2f2;box-shadow:inset 0 0 10px #0000004d;width:100%;flex-grow:1;padding:2rem 1.5rem}.catalog-content::-webkit-scrollbar-thumb{background-color:var(--light-background)}.catalog-content .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--secondary-text);font-size:1.2rem;text-align:center}.loading-state .spinner-icon,.error-state .spinner-icon,.empty-state .spinner-icon{font-size:3rem;margin-bottom:1rem;animation:spin 1.5s linear infinite}.product-card{background-color:#fff;border-radius:10px;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.product-card .card-image-container{width:100%;aspect-ratio:4/3;background-color:#f1f3f5;display:flex;justify-content:center;align-items:center}.product-card .card-image-container img{width:100%;height:100%;object-position:center;object-fit:cover}.product-card .card-image-container .placeholder-icon{font-size:3rem;color:#ced4da}.product-card .card-content{padding:1rem;display:flex;flex-direction:column;margin-top:auto}.product-card .card-content .card-title{font-size:.9rem;font-weight:600;color:var(--primary-text);margin:0 0 .2rem}.product-card .card-content .card-code{font-size:.75rem;color:var(--secondary-text)}.product-card .card-actions{display:flex;flex-direction:column;gap:.5rem}.product-card .card-actions .quantity-input{width:25%;height:24px;padding:.3rem;text-align:center;border:1px solid var(--border-color);outline:none;border-radius:6px;font-size:1rem;font-size:14px;-moz-appearance:textfield}.product-card .card-actions .quantity-input::-webkit-outer-spin-button,.product-card .card-actions .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-card .card-actions .add-to-cart-btn{flex-grow:1;display:flex;justify-content:center;align-items:center;border:none;background-color:var(--emphasis-color);color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.product-card .card-actions .add-to-cart-btn:hover{background-color:var(--comp-emphasis-color)}.catalog-footer{display:flex;justify-content:center;align-items:center}.pagination-container{display:flex;align-items:center;gap:1rem;padding-top:15px}.pagination-container button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:var(--emphasis-color);color:#f5f5f5;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}.pagination-container button:not(:disabled):hover{background-color:var(--comp-emphasis-color);color:#f5f5f5}.pagination-container button:disabled{color:#adb5bd;cursor:not-allowed;background-color:#f8f9fa}.pagination-container .page-info{color:var(--secondary-text);font-size:.9rem}.pagination-container .page-info strong{color:var(--primary-text)}.view-order-fab{position:fixed;bottom:2rem;right:2rem;display:inline-flex;align-items:center;gap:.75rem;background-color:var(--accent-color);color:#fff;padding:.85rem 1.5rem;border:none;border-radius:999px;font-size:1rem;font-weight:600;box-shadow:0 5px 20px #00000040;cursor:pointer;z-index:999;transform:scale(0);opacity:0;animation:fab-pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards;transition:background-color .2s ease,transform .2s ease}.view-order-fab:hover{background-color:var(--accent-hover);transform:scale(1.05)}.view-order-fab .order-badge{background-color:#fff;color:var(--accent-color);border-radius:50%;font-size:.8rem;font-weight:700;min-width:24px;height:24px;display:flex;justify-content:center;align-items:center}@keyframes fab-pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.upd-button{display:flex;gap:5px;flex-direction:column;margin-left:20px;justify-content:center;align-items:center;width:100px;padding:8px;border-radius:10px;border:none;outline:none;background-color:var(--emphasis-color);color:#fff;cursor:pointer;transition:background-color .2s ease}.upd-button:hover{background-color:var(--comp-emphasis-color)}@media (max-width: 768px){.catalog-header{padding:1rem;flex-direction:column;gap:20px}.catalog-content{padding:1.5rem 1rem}.catalog-content .product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.catalog-content .product-grid.is-loading-new-data{opacity:.6;transition:opacity .2s ease-in-out}.pagination-container{gap:.5rem}.pagination-container button span{display:none}.pagination-container .page-info{font-size:.8rem}.view-order-fab{bottom:1rem;right:1rem;padding:.75rem 1.25rem}}@media (max-width: 480px){.main-content-title{text-align:center;display:flex;align-items:center;justify-content:center}.catalog-content .product-grid{grid-template-columns:1fr}.catalog-header,.search-wrapper{flex-direction:column;gap:20px}.upd-wrapper{width:100%;display:flex}.upd-button{min-width:100%;margin-left:0!important;padding-left:0}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aaa;padding-bottom:.2rem;margin-bottom:.5rem}.modal-header h2{margin:0;color:#333;font-size:1.1rem}.modal-header .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888}.modal-header .close-button:hover{color:#333}.modal-body{overflow-y:auto;flex-grow:1}.order-items-list{list-style:none;padding:0;margin:0}.order-item{display:flex;justify-content:space-between;padding:.75rem .5rem;border-bottom:1px solid #f0f0f0}.order-item:last-child{border-bottom:none}.order-item .item-description{color:#212529;font-size:.9rem;font-weight:500}.order-item .item-quantity{font-weight:700;font-size:.9rem;color:#212529}.empty-cart-state{text-align:center;padding:2rem;color:#666}.empty-cart-state svg{font-size:3rem;margin-bottom:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;margin-top:.2rem;border-top:1px solid #aaa}.modal-footer .continue-shopping-button{padding:.75rem 1.5rem;border-radius:5px;background-color:#6c757d;color:#fff;border:none;cursor:pointer}.modal-footer .continue-shopping-button:hover{background-color:#5a6268}.modal-footer .checkout-button{padding:.75rem 1.5rem;border-radius:5px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.modal-footer .checkout-button:hover{background-color:#0056b3}.remove-step{-moz-appearance:textfield}.remove-step::-webkit-outer-spin-button,.remove-step::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editing-banner{display:flex;flex-direction:column;align-items:center;background-color:#eef2f7;color:#34495e;padding:.8rem 1.5rem;justify-content:center;font-size:.9rem;width:100%;border-bottom:1px solid #dce4ec}.edit-text{display:flex;flex-direction:row;align-items:center;gap:.75rem;background-color:#eef2f7;color:#34495e;justify-content:center;font-size:.9rem;width:100%}.edit-text svg{flex-shrink:0}.edit-text strong{font-weight:600;color:var(--accent-color, #29235c)}.cancel-edit-button{padding:.7rem;margin-top:10px;border-radius:5px;background-color:var(--emphasis-color);color:#fff;border:none;cursor:pointer}.cancel-edit-button:hover{background-color:var(--comp-emphasis-color)}.modal-main::-webkit-scrollbar-thumb{background-color:var(--light-background)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-icon{animation:spin 1s linear infinite;vertical-align:middle}.load-more-trigger{width:100%;height:50px;display:flex;justify-content:center;align-items:center;grid-column:1/-1}.loading-state-small{display:flex;align-items:center;gap:10px;color:var(--text-color-secondary, #666);font-size:1rem}.loading-state-small .spinner-icon{animation:spin 1.5s linear infinite}.product-grid.is-loading-new-data{opacity:.7;transition:opacity .3s ease-in-out}