.size-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease}.size-modal__backdrop.active{opacity:1;pointer-events:auto}size-selector-modal dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:440px;width:calc(100% - 2rem);margin:0;border:none;border-radius:var(--inputs-radius, var(--radius-sm));padding:0;box-shadow:0 20px 60px #0003;z-index:1000;background-color:#fff;color:rgb(var(--color-foreground));animation:size-modal-in .25s ease;overflow:hidden}size-selector-modal dialog::backdrop{background:transparent}size-selector-modal dialog.dialog-closing{animation:size-modal-out .15s ease forwards}@keyframes size-modal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes size-modal-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.size-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.08);background-color:#fff}.size-modal__title{margin:0;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;color:rgb(var(--color-heading))}.size-modal__close{background:none;border:none;cursor:pointer;padding:4px;color:rgb(var(--color-foreground));opacity:.6;transition:opacity .15s ease}.size-modal__close:hover{opacity:1}.size-modal__body{padding:1.5rem;background-color:#fff}.size-modal__description{margin:0 0 1.25rem;font-size:1.35rem;color:rgb(var(--color-foreground));opacity:.7}.size-modal__sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.625rem}.size-modal__size-btn{padding:.875rem;border:2px solid rgb(var(--color-border));border-radius:var(--inputs-radius, var(--radius-xs));background:#fff;cursor:pointer;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));transition:all .15s ease;text-align:center}.size-modal__size-btn:hover:not(:disabled){border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.size-modal__size-btn:active:not(:disabled){transform:scale(.97)}.size-modal__size-btn:disabled{opacity:.4;cursor:not-allowed}.size-modal__loading,.size-modal__error{text-align:center;padding:2rem}.size-modal__loading{color:rgb(var(--color-foreground));opacity:.6}.size-modal__error{color:#dc2626}@media(max-width:500px){size-selector-modal dialog{top:auto;bottom:0;left:0;right:0;transform:none;max-width:100%;width:100%;margin:0;border-radius:var(--inputs-radius, var(--radius-sm)) var(--inputs-radius, var(--radius-sm)) 0 0;animation:size-modal-slide-up .3s ease}size-selector-modal dialog.dialog-closing{animation:size-modal-slide-down .2s ease forwards}@keyframes size-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes size-modal-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.size-modal__sizes{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.size-modal__size-btn{padding:.75rem;font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/size-selector-modal.css.map */