[data-winter-product] .winter-size-guide{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.15fr);gap:18px 40px;align-items:start;color:var(--ink,#151515);font:13px/1.55 'Helvetica Neue',Arial,sans-serif}
[data-winter-product] .winter-size-guide-figure{grid-column:1;grid-row:1/5;align-self:center;margin:0;min-width:0;padding:20px 16px;box-sizing:border-box}
[data-winter-product] .winter-size-guide-figure img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;mix-blend-mode:multiply}
[data-winter-product] .winter-size-guide-figure figcaption{margin-top:12px;color:#626262;font:10px/1.5 var(--mono,'IBM Plex Mono',monospace);letter-spacing:.04em;text-align:center}
[data-winter-product] .winter-size-guide>:not(figure){grid-column:2;margin:0}
[data-winter-product] .winter-size-guide-intro{max-width:48ch}
[data-winter-product] .winter-size-guide-table{border-collapse:collapse;table-layout:fixed;width:100%;text-align:left}
[data-winter-product] .winter-size-guide-table caption{text-align:left;padding-bottom:12px;font-size:12px;color:#626262}
[data-winter-product] .winter-size-guide-table :is(th,td){box-sizing:border-box;border:0;border-bottom:1px solid var(--line,#d5d5d2);padding:12px 8px;font-weight:400;vertical-align:middle}
[data-winter-product] .winter-size-guide-table thead th{border-top:1px solid var(--ink,#151515);font-size:11px;line-height:1.4;color:#626262}
[data-winter-product] .winter-size-guide-table tbody th{font-size:16px;line-height:1.3;letter-spacing:-.02em}
[data-winter-product] .winter-size-guide-table td{font:14px/1.4 var(--mono,'IBM Plex Mono',monospace);font-variant-numeric:tabular-nums;white-space:nowrap}
[data-winter-product] .winter-size-guide-table :is(th,td):first-child{padding-left:0;width:25%}
[data-winter-product] .winter-size-guide-table :is(th,td):last-child{padding-right:0;text-align:right}
[data-winter-product] .winter-size-guide-note,[data-winter-product] .winter-size-guide-fit{font-size:12px;color:#626262}
html body [data-winter-product] .winter-size-guide-dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px;background:#f5f5f5;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #aaa;overscroll-behavior:contain}
html body [data-winter-product] .winter-size-guide-dialog>h2{margin:0 0 28px;padding-right:48px;font:400 32px/1.1 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.025em}
html body [data-winter-product] .winter-size-guide-dialog .op-guide-close{display:grid;place-items:center;top:16px;right:16px;width:44px;height:44px;color:var(--ink,#151515)}
html body [data-winter-product] .winter-size-guide-dialog .op-guide-close:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
html body [data-winter-product] .winter-size-guide-dialog .op-guide-help{border-top:1px solid var(--line,#d5d5d2);padding-top:16px;margin-top:24px;font:13px/1.55 'Helvetica Neue',Arial,sans-serif;color:#626262}
@media(max-width:1100px){
 [data-winter-product] .winter-size-guide{grid-template-columns:minmax(0,1fr) 84px;gap:16px}
 [data-winter-product] .winter-size-guide-figure{grid-column:2;grid-row:1;align-self:center;padding:0}
 [data-winter-product] .winter-size-guide-figure img{height:112px}
 [data-winter-product] .winter-size-guide-figure figcaption{display:none}
 [data-winter-product] .winter-size-guide>:not(figure){grid-column:1/-1}
 [data-winter-product] .winter-size-guide>.winter-size-guide-intro{grid-column:1;align-self:center}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide{grid-template-columns:minmax(160px,1fr) minmax(0,1.15fr);gap:18px 32px}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide-figure{grid-column:1;grid-row:1/5;padding:20px 16px}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide-figure img{height:auto}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide>:not(figure){grid-column:2}
}
@media(max-width:600px){
 html body [data-winter-product] .winter-size-guide-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px 20px}
 html body [data-winter-product] .winter-size-guide-dialog>h2{font-size:26px;margin-bottom:20px}
 html body [data-winter-product] .winter-size-guide-dialog .op-guide-close{top:12px;right:8px}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide{grid-template-columns:minmax(0,1fr) 84px;gap:16px}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide-figure{grid-column:2;grid-row:1;padding:0}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide-figure img{height:112px}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide>:not(figure){grid-column:1/-1}
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide>.winter-size-guide-intro{grid-column:1}
 [data-winter-product] .winter-size-guide-table :is(th,td){padding-top:14px;padding-bottom:14px}
 [data-winter-product] .winter-size-guide-table td{font-size:13px}
}
@media(min-width:601px) and (max-height:760px){
 html body [data-winter-product] .winter-size-guide-dialog .winter-size-guide-figure img{max-height:330px}
}
