.hf-size-guide-dialog{width:min(calc(100% - (var(--hf-space-4) * 2)),58rem);max-width:58rem;max-height:min(calc(100dvh - (var(--hf-space-4) * 2)),52rem);margin:auto;padding:0;color:var(--hf-color-text-primary);background:var(--hf-color-surface-primary);border:0;border-radius:var(--hf-radius-lg);box-shadow:var(--hf-shadow-floating);overflow:hidden}.hf-size-guide-dialog::backdrop{background:#111111b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.hf-size-guide{display:flex;width:100%;max-height:inherit;flex-direction:column}.hf-size-guide__header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--hf-space-4);align-items:start;padding:var(--hf-space-5) var(--hf-space-5) var(--hf-space-4);background:var(--hf-color-surface-primary);border-bottom:var(--hf-border-width-thin) solid var(--hf-color-border-subtle)}.hf-size-guide__heading{min-width:0}.hf-size-guide__eyebrow{margin:0 0 var(--hf-space-2);color:var(--hf-color-text-muted);font-size:var(--hf-font-size-label);font-weight:var(--hf-font-weight-semibold);letter-spacing:var(--hf-letter-spacing-label);line-height:var(--hf-line-height-body-compact);text-transform:uppercase}.hf-size-guide__title{margin:0;color:var(--hf-color-text-primary);font-family:var(--hf-font-family-heading);font-size:var(--hf-font-size-heading-md);font-weight:var(--hf-font-weight-semibold);letter-spacing:var(--hf-letter-spacing-tight);line-height:var(--hf-line-height-heading)}.hf-size-guide__subtitle{margin:var(--hf-space-2) 0 0;color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-body-sm);line-height:var(--hf-line-height-body)}.hf-size-guide__close{display:inline-grid;width:var(--hf-touch-target-min);min-width:var(--hf-touch-target-min);height:var(--hf-touch-target-min);min-height:var(--hf-touch-target-min);padding:0;place-items:center;color:var(--hf-color-text-primary);background:var(--hf-color-surface-secondary);border:var(--hf-border-width-thin) solid var(--hf-color-border-default);border-radius:var(--hf-radius-pill);cursor:pointer;transition:color var(--hf-duration-fast) var(--hf-ease-standard),background-color var(--hf-duration-fast) var(--hf-ease-standard),border-color var(--hf-duration-fast) var(--hf-ease-standard),transform var(--hf-duration-fast) var(--hf-ease-standard)}.hf-size-guide__close:hover{background:var(--hf-color-surface-tertiary);border-color:var(--hf-color-border-strong)}.hf-size-guide__close:active{transform:scale(.96)}.hf-size-guide__close:focus-visible{outline:3px solid var(--hf-color-focus);outline-offset:3px}.hf-size-guide__close svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hf-size-guide__body{overflow:auto;overscroll-behavior:contain;padding:var(--hf-space-5) var(--hf-space-5) var(--hf-space-6)}.hf-size-guide__intro{max-width:42rem;margin-bottom:var(--hf-space-5);color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-body);line-height:var(--hf-line-height-body)}.hf-size-guide__intro>:first-child{margin-top:0}.hf-size-guide__intro>:last-child{margin-bottom:0}.hf-size-guide__fit-note{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--hf-space-3);align-items:start;margin-bottom:var(--hf-space-5);padding:var(--hf-space-4);color:var(--hf-color-text-primary);background:var(--hf-color-info-soft);border-radius:var(--hf-radius-md)}.hf-size-guide__fit-icon{display:grid;width:1.5rem;height:1.5rem;place-items:center;color:var(--hf-color-info)}.hf-size-guide__fit-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hf-size-guide__fit-title{display:block;color:var(--hf-color-text-primary);font-size:var(--hf-font-size-body-sm);font-weight:var(--hf-font-weight-semibold);line-height:var(--hf-line-height-body-compact)}.hf-size-guide__fit-text{display:block;margin-top:var(--hf-space-1);color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-caption);line-height:var(--hf-line-height-body)}.hf-size-guide__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hf-space-3);margin-bottom:var(--hf-space-4)}.hf-size-guide__table-title{margin:0;color:var(--hf-color-text-primary);font-size:var(--hf-font-size-heading-sm);font-weight:var(--hf-font-weight-semibold);line-height:var(--hf-line-height-heading)}.hf-size-guide__units{display:inline-grid;grid-template-columns:1fr 1fr;padding:var(--hf-space-1);background:var(--hf-color-surface-secondary);border-radius:var(--hf-radius-pill)}.hf-size-guide__unit-button{min-width:4rem;min-height:var(--hf-touch-target-min);padding:var(--hf-space-2) var(--hf-space-3);color:var(--hf-color-text-secondary);background:transparent;border:0;border-radius:var(--hf-radius-pill);font:inherit;font-size:var(--hf-font-size-caption);font-weight:var(--hf-font-weight-semibold);line-height:1;cursor:pointer}.hf-size-guide__unit-button:hover{color:var(--hf-color-text-primary)}.hf-size-guide__unit-button.is-active{color:var(--hf-color-text-inverse);background:var(--hf-color-surface-inverse)}.hf-size-guide__unit-button:focus-visible{outline:3px solid var(--hf-color-focus);outline-offset:2px}.hf-size-guide__table-wrap{width:100%;overflow-x:auto;border:var(--hf-border-width-thin) solid var(--hf-color-border-default);border-radius:var(--hf-radius-md);overscroll-behavior-x:contain}.hf-size-guide__table{width:100%;min-width:36rem;border-collapse:collapse;border-spacing:0;color:var(--hf-color-text-primary);font-size:var(--hf-font-size-body-sm);line-height:var(--hf-line-height-body-compact)}.hf-size-guide__table caption{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.hf-size-guide__table th,.hf-size-guide__table td{padding:var(--hf-space-3) var(--hf-space-4);text-align:center;white-space:nowrap;border-bottom:var(--hf-border-width-thin) solid var(--hf-color-border-subtle)}.hf-size-guide__table thead th{color:var(--hf-color-text-primary);background:var(--hf-color-surface-secondary);font-size:var(--hf-font-size-caption);font-weight:var(--hf-font-weight-semibold);letter-spacing:var(--hf-letter-spacing-wide);text-transform:uppercase}.hf-size-guide__table tbody th{position:sticky;left:0;z-index:1;color:var(--hf-color-text-primary);background:var(--hf-color-surface-primary);font-weight:var(--hf-font-weight-semibold);text-align:left}.hf-size-guide__table tbody tr:last-child th,.hf-size-guide__table tbody tr:last-child td{border-bottom:0}.hf-size-guide__table tbody tr:hover th,.hf-size-guide__table tbody tr:hover td{background:var(--hf-color-surface-secondary)}.hf-size-guide__page-content{color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-body-sm);line-height:var(--hf-line-height-body)}.hf-size-guide__page-content>:first-child{margin-top:0}.hf-size-guide__page-content>:last-child{margin-bottom:0}.hf-size-guide__page-content h1,.hf-size-guide__page-content h2,.hf-size-guide__page-content h3,.hf-size-guide__page-content h4{color:var(--hf-color-text-primary);line-height:var(--hf-line-height-heading)}.hf-size-guide__page-content img{max-width:100%;height:auto}.hf-size-guide__page-content table{width:100%;min-width:36rem;border-collapse:collapse}.hf-size-guide__page-content table th,.hf-size-guide__page-content table td{padding:var(--hf-space-3);border:var(--hf-border-width-thin) solid var(--hf-color-border-default)}.hf-size-guide__help{display:grid;grid-template-columns:1fr;gap:var(--hf-space-4);margin-top:var(--hf-space-6);padding-top:var(--hf-space-5);border-top:var(--hf-border-width-thin) solid var(--hf-color-border-subtle)}.hf-size-guide__help-title{margin:0;color:var(--hf-color-text-primary);font-size:var(--hf-font-size-heading-sm);font-weight:var(--hf-font-weight-semibold);line-height:var(--hf-line-height-heading)}.hf-size-guide__help-grid{display:grid;grid-template-columns:1fr;gap:var(--hf-space-4)}.hf-size-guide__help-item{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--hf-space-3);align-items:start}.hf-size-guide__help-number{display:grid;width:2rem;height:2rem;place-items:center;color:var(--hf-color-text-inverse);background:var(--hf-color-surface-inverse);border-radius:var(--hf-radius-pill);font-size:var(--hf-font-size-caption);font-weight:var(--hf-font-weight-semibold)}.hf-size-guide__help-item-title{display:block;color:var(--hf-color-text-primary);font-size:var(--hf-font-size-body-sm);font-weight:var(--hf-font-weight-semibold);line-height:var(--hf-line-height-body-compact)}.hf-size-guide__help-item-text{display:block;margin-top:var(--hf-space-1);color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-caption);line-height:var(--hf-line-height-body)}.hf-size-guide__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hf-space-3);padding:var(--hf-space-4) var(--hf-space-5) calc(var(--hf-space-4) + var(--hf-safe-area-bottom));background:var(--hf-color-surface-primary);border-top:var(--hf-border-width-thin) solid var(--hf-color-border-subtle)}.hf-size-guide__support{margin:0;color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-caption);line-height:var(--hf-line-height-body-compact)}@media screen and (max-width:47.999rem){.hf-size-guide-dialog{width:100%;max-width:none;height:calc(100dvh - max(var(--hf-space-3),var(--hf-safe-area-top)));max-height:none;margin:auto 0 0;border-radius:var(--hf-radius-lg) var(--hf-radius-lg) 0 0}.hf-size-guide__header{padding:var(--hf-space-4) var(--hf-space-4) var(--hf-space-3)}.hf-size-guide__body{padding:var(--hf-space-4) var(--hf-space-4) var(--hf-space-5)}.hf-size-guide__footer{padding-right:var(--hf-space-4);padding-left:var(--hf-space-4)}}@media screen and (min-width:48rem){.hf-size-guide__help-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.hf-size-guide__close,.hf-size-guide__unit-button{transition-duration:.01ms!important}}@media(forced-colors:active){.hf-size-guide-dialog,.hf-size-guide__close,.hf-size-guide__table-wrap{border:1px solid CanvasText}.hf-size-guide__unit-button.is-active{color:HighlightText;background:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hfds-size-guide.css.map */