.button,.glass,.image-preview-modal #imagePreviewCloseButton .fa-xmark,.primary,button,button .text{color:var(--white)}.button,.icon,.toast,button{transition:.3s}.glass:hover,.toast,dialog .wrapper{box-shadow:var(--shadow-sm)}.button,.message.main .group .title,button{font-weight:500}.button,button{display:flex;justify-content:center;align-items:center;padding:.7em .9em;border:none;cursor:pointer;border-radius:1.8em;white-space:nowrap;gap:.4em;max-width:12em;font-family:Inconsolata,Inter,sans-serif}.button.active,.button:hover,:disabled,:disabled:hover,button:hover{background-color:var(--gray-300)}.glass{border:none;border-radius:1.8em;background-color:var(--glass-bg);backdrop-filter:var(--glass-backdrop)}.ghost,.icon{padding:.5em;border-radius:.2em}.glass:hover{background-color:var(--glass-hover)}.primary{background-color:var(--primary)}.secondary{background-color:var(--gray-50);color:var(--teal-700)}.outline,.outline:hover,.secondary:hover,.tertiary{background-color:var(--gray-100)}:disabled{color:var(--white);opacity:.8;cursor:not-allowed}.tertiary{color:var(--gray-400)}.tertiary:hover{background-color:var(--gray-200);color:var(--gray-500)}.badge,.ghost,.ghost:hover,.icon,.icon.like:hover{background-color:transparent}.ghost{color:var(--black);cursor:pointer}.icon{position:relative}.icon.like>.fa-heart,.icon.like>i{color:var(--red-500);font-size:1.2em}.outline{color:var(--gray-500);border:1px solid var(--gray-300)}.upload-button{display:flex;padding:1em;flex-direction:column;justify-content:center;align-items:center}.upload-button i{font-size:.9rem;color:var(--gray-700)}.message .text,.upload-button .text{font-size:.9rem}.badge{border:1px solid var(--black);color:var(--black);font-size:.8rem}.badge-02{border:1px solid var(--sky-300);border-radius:.3em;color:var(--sky-700);padding:.5em 1em}.error,.info,.success,.warning{color:var(--text)}.badge-02,.badge-02:hover{background-color:var(--sky-200)}.badge:hover{background-color:none}.status .status-icon{min-width:.6em;min-height:.6em;border-radius:100%}.success{background-color:var(--success)}.warning{background-color:var(--warning)}.error{background-color:var(--error)}.info{background-color:var(--info)}.message{display:none;min-width:100%;overflow:hidden}.message.active,.message.main.active{display:flex}.message.products{display:none;text-align:left}.message.main{padding:.8em;display:none;justify-content:space-between;align-items:center;border-radius:.4em}.message.main .group{display:flex;align-items:center;gap:.4em}.message.main .group .icon{aspect-ratio:1/1;object-fit:contain;object-position:center}.message.main.error{border:1px solid var(--error-border);background-color:var(--error-bg);color:var(--error-text)}.message.main.info{border:1px solid var(--info-border);background-color:var(--info-bg);color:var(--info-text)}.message.main.warning{border:1px solid var(--warning-border);background-color:var(--warning-bg);color:var(--warning-text)}.message.main.success{border:1px solid var(--success-border);background-color:var(--success-bg);color:var(--success-text)}.message .text.error,.toast.error #toast-icon{color:var(--error-text)}.message .text.info{color:var(--info-text)}.message .text.warning{color:var(--warning-text)}.message .text.success,.toast.success #toast-icon{color:var(--success-text)}.toast{z-index:1;position:fixed;top:5em;right:-20em;min-width:18em;max-width:18em;padding:.5em;border-radius:.6em;border:1px solid var(--gray-300);display:flex;justify-content:space-between;align-items:center;gap:.4em}.toast.default,dialog .wrapper{border:1px solid var(--gray-300)}.toast.active{right:19em}.toast.default{background-color:var(--gray-50);color:var(--gray-900)}.toast.default #toast-icon{color:var(--gray-700)}.toast.progress #toast-icon{-webkit-animation:2s linear infinite spin;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.toast .group{display:flex;gap:.4em;align-items:center}.toast .toast-message{display:flex;color:var(--zinc-900);font-size:.9rem}.toast .fa-circle-check{color:var(--success-text);font-size:1.2em}.toast .fa-xmark{color:var(--zinc-400)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:998;visibility:hidden;opacity:0;transition:opacity .5s,visibility 0s linear .5s}.image-preview-modal,dialog{z-index:999;visibility:hidden;opacity:0;transition:opacity .5s,visibility 0s linear .5s;position:fixed}.image-preview-modal[open=true],.overlay.active,dialog.active{visibility:visible;opacity:1;transition:opacity .5s}dialog{top:0;left:0;border-radius:.6em;border:0;outline:0}dialog .wrapper{padding:1.5em;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1em;border-radius:.6em;min-width:20em}dialog .wrapper header{display:flex;flex-direction:column;gap:.4em}dialog .wrapper header .title{font-size:1.2rem;color:var(--gray-700);font-weight:600}dialog .wrapper .description{color:var(--gray-500);font-weight:500;font-size:.9rem}dialog .wrapper form{width:100%;display:flex;flex-direction:column;gap:1.5em}dialog .wrapper form .field{display:flex;justify-content:space-between;align-items:center;gap:.4em}dialog .wrapper form .field input{flex:1;border:1px solid var(--gray-300);outline:0;border-radius:.4em;padding:.5em}dialog .wrapper form .field input:focus-within,dialog .wrapper form .field input:hover{border:1px solid var(--teal-500)}dialog .wrapper form .actions{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.4em}.image-preview-modal{min-height:100vh;min-width:100vw;display:flex;justify-content:center;align-items:center;background-color:transparent}.image-preview-modal .wrapper{padding:0;min-width:0;position:relative;display:flex;justify-content:center;align-items:center}.image-preview-modal .image-preview{aspect-ratio:1/1;object-fit:cover;object-position:center;max-height:32em}.image-preview-modal #imagePreviewCloseButton{position:fixed;top:1em;right:1em}