body.size-guide-open{overflow:hidden}.sg{width:100%;max-width:560px;max-height:100%;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-body)}.sg::backdrop{background:#141a2273}.sg__panel{display:flex;flex-direction:column;max-height:85vh;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.sg :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sg [hidden]{display:none!important}.sg__head{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px 12px;padding:10px 10px 12px 18px;border-bottom:1px solid var(--border)}.sg__title{grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--font-heading);font-size:1.125rem;line-height:1.2}.sg__title .icon{color:var(--accent)}.sg__close{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.sg__close:hover{background:var(--paper)}.sg__units{grid-column:1 / -1;grid-row:2;display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-btn)}.sg__unit{min-height:36px;padding:0 14px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.8125rem;cursor:pointer}.sg__unit[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:700}.sg__body{padding:16px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.sg__body>*{margin:0}.sg__body>*+*{margin-top:16px}.sg__rte{max-width:none;font-size:.9375rem}.sg__note,.sg__source,.sg__measure,.sg__disclaimer{color:var(--muted);font-size:.8125rem;line-height:1.5}.sg__finder{display:grid;gap:12px;padding:14px;border-radius:var(--radius-card);background:var(--paper)}.sg__finder-intro{margin:0;font-size:.9375rem}.sg__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sg__fields--imperial{grid-template-columns:repeat(3,minmax(0,1fr))}.sg__field{display:grid;gap:4px}.sg__field label{font-size:.8125rem;font-weight:700}.sg__field input{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--muted);border-radius:4px;background:var(--surface);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}.sg__submit{min-height:44px}.sg__result{display:grid;gap:8px}.sg__badge{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-width:56px;min-height:36px;padding:0 16px;border-radius:var(--radius-btn);background:var(--ink);color:#fff;font-size:1.0625rem;font-weight:700}.sg__result p{margin:0;font-size:.875rem;line-height:1.5}.sg__choose{justify-self:start;min-height:44px}.sg__table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-card);-webkit-overflow-scrolling:touch}.sg__table{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums;white-space:nowrap}.sg__table th,.sg__table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.sg__table thead th{background:var(--paper);font-size:.8125rem;font-weight:700}.sg__table thead th:first-child,.sg__table th[scope=row]{position:sticky;left:0;z-index:1;font-weight:700}.sg__table thead th:first-child{background:var(--paper)}.sg__table th[scope=row]{background:var(--surface);border-right:1px solid var(--border)}.sg__table tbody tr:last-child th,.sg__table tbody tr:last-child td{border-bottom:0}@media screen and (max-width:749px){.sg{max-width:100%;margin:auto auto 0}.sg__panel{max-height:85vh;border-bottom:0;border-radius:12px 12px 0 0}.sg__body{padding-inline:16px}.sg__head{padding-left:16px}}@media screen and (min-width:750px){.sg__head{grid-template-columns:minmax(0,1fr) auto 44px}.sg__units{grid-column:2;grid-row:1}.sg__close{grid-column:3}}.sg.is-fallback[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;background:#141a2273}.sg.is-fallback[open] .sg__panel{width:100%;max-width:560px}@media screen and (min-width:750px){.sg.is-fallback[open]{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/size-guide.css.map */