.fd-size-guide{--fd-sg-gap: 1.5rem;--fd-sg-highlight: 142 74 82;display:grid;gap:var(--fd-sg-gap)}.fd-size-guide__units{display:inline-flex;justify-self:start;border:1px solid rgb(var(--border-color));border-radius:999px;padding:3px}.fd-size-guide__unit{min-width:4.5rem;padding:.4rem 1rem;border-radius:999px;font-size:.8125rem;color:rgb(var(--text-color) / .65);transition:background-color .2s,color .2s}.fd-size-guide__unit[aria-pressed=true]{background:rgb(var(--text-color));color:rgb(var(--background-without-opacity, var(--background)))}.fd-size-guide__unit:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.fd-size-guide__section{display:grid;gap:.75rem}.fd-size-guide__section+.fd-size-guide__section{padding-block-start:var(--fd-sg-gap);border-top:1px solid rgb(var(--border-color))}.fd-size-guide__form{display:grid;gap:.75rem}.fd-size-guide__fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.fd-size-guide__field{display:grid;gap:.35rem}.fd-size-guide__field .input{font-size:16px}.fd-size-guide__result{display:grid;gap:.5rem;padding:1rem;border-radius:4px;background:rgb(var(--text-color) / .05);border-inline-start:3px solid rgb(var(--fd-sg-highlight))}.fd-size-guide__result[data-state=error]{border-inline-start-color:rgb(var(--text-color) / .5)}.fd-size-guide__result .h5{color:rgb(var(--fd-sg-highlight))}.fd-size-guide__result-link{justify-self:start}.fd-size-guide__result-note{margin-block-start:.5rem;font-size:.75rem;line-height:1.5;color:rgb(var(--text-color))}.fd-size-guide__diagram img{display:block;width:100%;max-width:360px;height:auto;margin-inline:auto}.fd-size-guide__steps,.fd-size-guide__bottom-text{display:grid;gap:.5rem}.fd-size-guide__steps :is(p,ul,ol),.fd-size-guide__bottom-text :is(p,ul,ol){margin:0}.fd-size-guide__steps :is(ul,ol),.fd-size-guide__bottom-text :is(ul,ol){display:grid;gap:.5rem;padding-inline-start:1.1rem}.fd-size-guide__steps ul,.fd-size-guide__bottom-text ul{list-style:disc}.fd-size-guide__bottom-text{margin-block-end:.75rem}.fd-size-guide__table-wrap{overflow-x:auto}.fd-size-guide__table{width:100%;font-size:.8125rem;white-space:nowrap}.fd-size-guide__table th,.fd-size-guide__table td{text-align:center}.fd-size-guide__contact{justify-items:start;gap:.25rem}.fd-size-guide__table thead th,.fd-size-guide__table tbody th{background:var(--fd-button-background);color:rgb(var(--text-color))}
/*# sourceMappingURL=/cdn/shop/t/45/assets/fd-size-guide.css.map */