.size-finder-trigger{margin-top:.8rem}.size-finder-modal{border:none;border-radius:var(--text-boxes-radius, 8px);padding:0;width:min(54rem,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 2rem 6rem #0003;margin:auto}.size-finder-modal::backdrop{background:#00000080}.size-finder-modal__inner{padding:3.2rem;position:relative}.size-finder-modal__close{position:absolute;top:1.6rem;right:1.6rem;background:none;border:none;cursor:pointer;font-size:2.4rem;line-height:1;color:rgba(var(--color-foreground),.5);padding:.4rem}.size-finder-modal__close:hover{color:rgb(var(--color-foreground))}.size-finder-modal__heading{font-size:2.4rem;font-weight:700;margin:0 0 .4rem}.size-finder-modal__subheading{font-size:1.4rem;opacity:.7;margin:0 0 2.4rem}.size-finder-modal__form{display:flex;flex-direction:column;align-items:center;gap:2rem}.size-finder-modal__cols{display:grid;grid-template-columns:1fr auto;gap:2.4rem;width:100%;align-items:center}.size-finder-modal__col-form{display:flex;flex-direction:column;gap:1.6rem}.size-finder-modal__col-illustration svg{display:block;width:260px;height:auto;color:rgb(var(--color-foreground));opacity:.2}@media screen and (max-width:480px){.size-finder-modal__col-illustration svg{width:100px}}.size-finder-modal__units{display:flex;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 4px);overflow:hidden;align-self:flex-start}.size-finder-modal__unit-btn{padding:.7rem 2rem;background:transparent;border:none;cursor:pointer;font-size:1.5rem;letter-spacing:.1rem;color:rgba(var(--color-foreground),.6);transition:background .2s,color .2s}.size-finder-modal__unit-btn.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.size-finder-modal__inputs{display:flex;flex-direction:column;gap:1.6rem;width:100%}.size-finder-modal__input-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.size-finder-modal__input-group label{font-size:1.3rem;font-weight:600}.size-finder-modal__optional{font-weight:400;opacity:.6;font-size:1.2rem}.size-finder-modal__input-wrap{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 4px);overflow:hidden}.size-finder-modal__input-wrap:focus-within{border-color:rgba(var(--color-foreground),.6)}.size-finder-modal__input{flex:1;border:none;padding:.9rem 1rem;font-size:1.4rem;background:transparent;color:rgb(var(--color-foreground));outline:none;width:100%;-moz-appearance:textfield}.size-finder-modal__input::-webkit-outer-spin-button,.size-finder-modal__input::-webkit-inner-spin-button{-webkit-appearance:none}.size-finder-modal__unit-suffix{padding:0 1rem;font-size:1.3rem;opacity:.5}.size-finder-modal__hint{font-size:1.2rem;opacity:.6;margin:0}.size-finder-modal__fit-pref{display:flex;flex-direction:column;gap:.8rem;width:100%;align-items:flex-start}.size-finder-modal__fit-label{font-size:1.3rem;font-weight:600;margin:0}.size-finder-modal__fit-btns{display:flex;gap:.8rem;width:100%}.size-finder-modal__fit-btn{flex:1;padding:.7rem .8rem;background:transparent;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 4px);cursor:pointer;font-size:1.5rem;letter-spacing:.1rem;color:rgb(var(--color-foreground));transition:background .2s,color .2s,border-color .2s}.size-finder-modal__fit-btn.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.size-finder-modal__submit{width:100%}.size-finder-modal__result{width:100%;background:rgba(var(--color-foreground),.05);border-radius:var(--text-boxes-radius, 4px);padding:2rem 2.4rem;text-align:center}.size-finder-modal__result-label{font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin:0 0 .6rem}.size-finder-modal__result-size{font-size:3.2rem;font-weight:700;margin:0 0 .6rem;line-height:1}.size-finder-modal__result-fit{font-size:1.3rem;opacity:.8;margin:0}.size-finder-modal__result-note{font-size:1.2rem;opacity:.6;margin:.6rem 0 0}.size-finder-modal__error{width:100%;background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;padding:1rem 1.4rem;font-size:1.3rem;margin:0;text-align:left}
/*# sourceMappingURL=/cdn/shop/t/13/assets/size-finder-modal.css.map */