.size-in-space{inset-inline:auto 0;width:min(32rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border:0;border-left:var(--rule);overflow:hidden;transform:translate(100%);transition:transform var(--dur-spring-snappy) var(--ease-spring-snappy),overlay var(--dur-base) allow-discrete,display var(--dur-base) allow-discrete}.size-in-space[open]{display:flex;flex-direction:column;transform:none}@starting-style{.size-in-space[open]{transform:translate(100%)}}.size-in-space__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);background:var(--color-ochre);color:var(--color-ink);border-bottom:var(--rule)}.size-in-space__title{font-size:var(--text-2xl);line-height:1}.size-in-space__close{display:grid;place-items:center;width:var(--tap);height:var(--tap);border:var(--rule);background:var(--color-paper);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.size-in-space__close:hover{background:var(--color-ink);color:var(--color-paper)}.size-in-space__body{display:flex;flex-direction:column;gap:var(--space-m);min-height:0;flex:1;padding:var(--space-m);overflow-y:auto;overscroll-behavior:contain}.size-in-space__body>*{flex-shrink:0}.size-in-space__photo{border:var(--rule)}.size-in-space__photo img{display:block;width:100%;height:auto}.size-in-space__bars .size-buttons{display:flex;align-items:flex-end;gap:var(--space-s);padding-bottom:0;border-bottom:var(--rule)}.size-in-space__bars .size-buttons__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.size-in-space__bars .size-button{--shape: clamp(4.5rem, 22vw, 7rem);position:relative;display:block;padding:0;border:0;background:none;color:var(--color-cobalt)}.size-in-space__bars .size-button:has(:checked){background:none;color:var(--color-paper)}.size-in-space__bars .size-button__shape{display:block;border:2px solid var(--color-cobalt);border-bottom:0;background:color-mix(in srgb,var(--color-cobalt) 12%,transparent)}.size-in-space__bars .size-button:hover .size-button__shape{background:color-mix(in srgb,var(--color-cobalt) 28%,transparent)}.size-in-space__bars .size-button:has(:checked) .size-button__shape{background:var(--color-cobalt);border-color:var(--color-cobalt)}.size-in-space__bars .size-button__text{position:absolute;top:var(--space-3xs);left:var(--space-2xs)}.size-in-space__bars .size-button__letter{font-size:var(--text-l)}.size-in-space__bars .size-button__dims{display:none}.size-in-space__table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.size-in-space__table th,.size-in-space__table td{padding:var(--space-xs) var(--space-2xs) var(--space-xs) 0;text-align:start;border-bottom:var(--rule);font-weight:inherit}.size-in-space__table thead th{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:var(--text-l);letter-spacing:var(--tracking-caps);text-transform:uppercase}.size-in-space__table tr[data-selected]>*{background:color-mix(in srgb,var(--color-cobalt) 10%,transparent)}.size-in-space__table tr>*{transition:background-color var(--dur-fast) var(--ease-out)}.size-in-space__fit{max-width:var(--measure)}.size-in-space__actions{padding:var(--space-s) var(--space-m) calc(var(--space-s) + env(safe-area-inset-bottom));border-top:var(--rule)}.size-in-space__back{min-height:3.5rem}@media(max-width:749px){.size-in-space{inset-block-start:auto;inset-block-end:0;width:100%;height:auto;max-height:92dvh;margin:0;border-left:0;border-top:var(--rule);transform:translateY(100%)}.size-in-space[open]{transform:none}@starting-style{.size-in-space[open]{transform:translateY(100%)}}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/size-in-space.css.map */