size-guide{display:block}.size-guide-dialog{--guide-resize-duration: .25s;scrollbar-gutter:stable;width:min(900px,100vw);max-width:none;max-height:calc(100dvh - 32px);padding:38px;margin:auto;overflow:auto;color:var(--color-foreground)}.size-guide__header{display:flex;align-items:start;gap:12px;margin-bottom:18px}.size-guide__header h2{flex:1;font:400 calc(28px * var(--font-heading-scale))/calc(32px * var(--font-heading-scale) * var(--line-height-heading-scale)) var(--font-heading);color:var(--color-brand)}.size-guide__header button{flex:none;width:44px;height:35px;padding:0;border:0;background:transparent;color:var(--color-brand);font:400 calc(24px * var(--font-interface-scale))/calc(35px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono)}.size-guide__nav{display:grid;grid-template-columns:repeat(var(--guide-families, 4),minmax(0,1fr));margin-bottom:24px;position:relative;z-index:3}.size-guide__nav-item{min-width:0}.size-guide__nav summary,.size-guide__family-link{display:block;cursor:pointer;border:0;background:transparent;padding:0;list-style:none;text-decoration:none;color:var(--color-brand);font:400 calc(14px * var(--font-body-scale))/calc(20px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body)}.size-guide__nav [aria-current=true]{text-decoration:underline;text-underline-offset:2px}.size-guide__nav summary::-webkit-details-marker,.size-guide__type-picker summary::-webkit-details-marker,.size-guide__table-disclosure summary::-webkit-details-marker{display:none}.size-guide__family{display:flex;flex-direction:column;gap:24px}.size-guide__heading{font:400 calc(38px * var(--font-heading-scale))/calc(44px * var(--font-heading-scale) * var(--line-height-heading-scale)) var(--font-heading);color:var(--color-brand);margin:0}.size-guide__body{font:400 calc(16px * var(--font-body-scale))/calc(23px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body)}.size-guide__body p,.size-guide__example p{margin:0}.size-guide__measurement{display:flex;align-items:center;gap:40px}.size-guide__diagram{width:350px;max-width:100%;flex:none}.size-guide__diagram img{width:100%;height:auto}.size-guide__measurement>.size-guide__body{flex:1;min-width:0}.size-guide__type{display:flex;flex-direction:column;gap:8px}.size-guide__type-picker{position:relative;z-index:2}.size-guide__type-picker summary{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--color-brand);padding:14px 16px;list-style:none;cursor:pointer;font:400 calc(16px * var(--font-body-scale))/calc(23px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body)}.size-guide__type-picker summary .theme-icon{color:var(--color-brand)}.size-guide__menu{position:absolute;z-index:4;left:0;right:0;top:100%;background:var(--color-background);border:1px solid var(--color-border-subtle);padding:8px 18px}.size-guide__menu a{display:block;padding-block:12px;text-decoration:none;color:var(--color-brand);font:400 calc(16px * var(--font-body-scale))/calc(23px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body)}.size-guide__menu a:hover,.size-guide__menu a:focus-visible{text-decoration:underline}.size-guide__nav-picker>.size-guide__menu{top:calc(100% + 8px)}.size-guide__fit{display:grid;grid-template-columns:minmax(0,374fr) minmax(0,410fr);align-items:center;gap:40px}.size-guide__fit--without-image{grid-template-columns:1fr}.size-guide__context{width:100%;aspect-ratio:1}.size-guide__context img{display:block;width:100%;height:100%;object-fit:contain}.size-guide__recommendation{display:flex;flex-direction:column;gap:16px;padding-top:12px}.size-guide__recommendation h4{font:400 calc(24px * var(--font-heading-scale))/calc(28px * var(--font-heading-scale) * var(--line-height-heading-scale)) var(--font-heading);color:var(--color-brand);margin:0}.size-guide__example{font:400 calc(14px * var(--font-body-scale))/calc(20px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body);color:var(--color-brand)}.size-guide__table{width:100%;border-collapse:collapse;text-align:start;color:var(--color-brand);font:400 calc(12px * var(--font-interface-scale))/calc(17px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono)}.size-guide__table--desktop tr{border-bottom:1px solid var(--color-border-subtle)}.size-guide__table--desktop td,.size-guide__table--desktop th{padding-block:12px;font-weight:400}.size-guide__table--desktop th{width:120px;white-space:nowrap}.size-guide__table--desktop td{text-align:center}.size-guide__table-disclosure{display:none}.size-guide__pdf{font:400 calc(12px * var(--font-interface-scale))/calc(17px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono);color:var(--color-brand);text-decoration:underline;text-underline-offset:2px}.size-guide__table-disclosure summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding-block:14px;border-bottom:1px solid var(--color-border-subtle);font:400 calc(16px * var(--font-body-scale))/calc(23px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body);color:var(--color-brand);cursor:pointer}.size-guide__table-disclosure[open] summary .theme-icon{transform:rotate(180deg)}.size-guide__mobile-table-frame{overflow:hidden}.size-guide__table--mobile{width:calc(100% + 32px);table-layout:fixed;border-collapse:separate;border-spacing:16px 12px;margin:0 -16px -12px}.size-guide__table--mobile th,.size-guide__table--mobile td{position:relative}.size-guide__table--mobile th:after,.size-guide__table--mobile td:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--color-border-subtle)}.size-guide__table--mobile th:first-child:after,.size-guide__table--mobile td:first-child:after{right:-16px}.size-guide__table--mobile th{height:28px;padding:5px 0;font-weight:400;vertical-align:top}.size-guide__table--mobile td{height:33px;padding:6px 0;font:400 calc(14px * var(--font-body-scale))/calc(20px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body);vertical-align:top}.size-guide__table--mobile td:first-child{color:var(--color-foreground)}@media(max-width:949px){.size-guide-dialog{padding:24px 20px;width:100%;max-height:100dvh}.size-guide__header h2{font-size:calc(23px * var(--font-heading-scale));line-height:calc(26px * var(--font-heading-scale) * var(--line-height-heading-scale))}.size-guide__nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:18px}.size-guide__nav-item{flex:0 0 auto;max-width:100%}.size-guide__family-link{display:flex;align-items:center;min-height:44px;font:400 calc(12px * var(--font-interface-scale))/calc(17px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono)}.size-guide__heading{font-size:calc(30px * var(--font-heading-scale));line-height:calc(34px * var(--font-heading-scale) * var(--line-height-heading-scale))}.size-guide__measurement{flex-direction:column;align-items:center;gap:12px}.size-guide__measurement>.size-guide__body{width:100%}.size-guide__fit{display:flex;flex-direction:column;align-items:stretch;gap:16px}.size-guide__table--desktop{display:none}.size-guide__table-disclosure{display:block}}@media(max-width:374px){.size-guide__family-link{font-size:calc(3.2vw * var(--font-body-scale))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/size-guide.css.map */
