ayni-size-recommender{--ayni-sr-border: rgba(0, 0, 0, .16);--ayni-sr-border-strong: rgba(0, 0, 0, .42);--ayni-sr-muted: rgba(0, 0, 0, .55);--ayni-sr-surface: rgba(0, 0, 0, .028);display:block;margin-block-start:20px;font-family:var(--font-body-family, inherit)}.ayni-sr__hint{margin:0 0 12px;font-size:1.4rem;line-height:1.5;color:var(--ayni-sr-muted)}.ayni-sr__field{display:flex;align-items:center;gap:12px}.ayni-sr__input{inline-size:92px;padding:10px 12px;font-family:inherit;font-size:1.6rem;line-height:1.2;color:inherit;background:transparent;border:1px solid var(--ayni-sr-border);border-radius:2px;transition:border-color .2s ease;-moz-appearance:textfield}.ayni-sr__input::placeholder{color:#0000004d}.ayni-sr__input:hover{border-color:var(--ayni-sr-border-strong)}.ayni-sr__input:focus,.ayni-sr__input:focus-visible{outline:none;border-color:var(--ayni-sr-border-strong);box-shadow:0 0 0 1px var(--ayni-sr-border-strong)}.ayni-sr__unit{font-size:1.4rem;color:var(--ayni-sr-muted);cursor:pointer}.ayni-sr__result{margin-block-start:14px;padding:12px 14px;background:var(--ayni-sr-surface);border-inline-start:1px solid var(--ayni-sr-border-strong);border-radius:0 2px 2px 0;animation:ayni-sr-fade .35s ease both}.ayni-sr__result[hidden]{display:none}.ayni-sr__result[data-state=invalid],.ayni-sr__result[data-state=error],.ayni-sr__result[data-state=warn]{border-inline-start-color:var(--ayni-sr-border)}.ayni-sr__result-main{margin:0;font-size:1.5rem;line-height:1.45;white-space:pre-line}.ayni-sr__result[data-state=ok] .ayni-sr__result-main{font-weight:500}.ayni-sr__result-note{margin:6px 0 0;font-size:1.35rem;line-height:1.5;color:var(--ayni-sr-muted);white-space:pre-line}.ayni-sr__result-note[hidden]{display:none}.ayni-sr__editor-hint{margin:12px 0;padding:10px 12px;font-size:1.3rem;color:#8a6d3b;background:#fcf8e3;border:1px dashed #d6c58a}@keyframes ayni-sr-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ayni-sr__result{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ayni-size-recommender.css.map */
