.sn-sf{--sf-ink: var(--color-foreground);--sf-bg: var(--color-background);--sf-accent: var(--color-primary-button-background, #005153);--sf-accent-text: var(--color-primary-button-text, #fff8ef);--sf-line: color-mix(in srgb, var(--color-foreground) 18%, transparent);--sf-soft: color-mix(in srgb, var(--color-foreground) 6%, var(--color-background));--sf-muted: color-mix(in srgb, var(--color-foreground) 68%, var(--color-background));--sf-warn: color-mix(in srgb, #fed65b 32%, var(--color-background));--sf-dog: #fed65b;font-family:var(--font-body--family);color:var(--sf-ink)}.sn-sf__inner{margin-inline:auto;max-width:720px;padding-inline:16px;display:flex;flex-direction:column;gap:20px}.sn-sf__heading{font-family:var(--font-heading--family);margin:0}.sn-sf__intro p,.sn-sf__help{margin:0;max-width:62ch}.sn-sf__help{color:var(--sf-muted);font-size:.9375rem}.sn-sf__controls{display:flex;flex-wrap:wrap;gap:12px}.sn-sf__seg{display:inline-flex;border:1px solid var(--sf-line);border-radius:999px;padding:3px;gap:2px}.sn-sf__seg[hidden]{display:none}.sn-sf__seg-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--sf-ink);font:inherit;font-size:.9375rem;padding:10px 18px;min-height:44px;border-radius:999px;cursor:pointer}.sn-sf__seg-btn[aria-pressed=true]{background:var(--sf-accent);color:var(--sf-accent-text)}.sn-sf__seg-btn:focus-visible,.sn-sf__input:focus-within{outline:2px solid var(--sf-accent);outline-offset:2px}.sn-sf__form{display:grid;grid-template-columns:1fr;gap:16px}.sn-sf__field[hidden]{display:none}.sn-sf__field{display:flex;flex-direction:column;gap:4px;min-width:0}.sn-sf__label{font-weight:600}.sn-sf__optional{font-weight:400;color:var(--sf-muted);font-size:.8125rem;margin-inline-start:4px}.sn-sf__hint{color:var(--sf-muted);font-size:.8125rem;line-height:1.35}.sn-sf__input{margin-block-start:auto;box-sizing:border-box;min-height:50px;display:flex;align-items:center;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-bg);padding-inline-end:12px}.sn-sf__input input{flex:1;min-width:0;border:0;background:transparent;color:var(--sf-ink);font:inherit;font-size:1.125rem;padding:12px;min-height:48px;font-variant-numeric:tabular-nums}.sn-sf__input input:focus{outline:none}.sn-sf__input input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.sn-sf__input input::-webkit-outer-spin-button,.sn-sf__input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sn-sf__input em{font-style:normal;color:var(--sf-muted)}.sn-sf__result:empty{display:none}.sn-sf__result{border-radius:10px;padding:18px 20px;background:var(--sf-soft);display:flex;flex-direction:column;gap:8px}.sn-sf__result.is-warn{background:var(--sf-warn)}.sn-sf__result p{margin:0}.sn-sf__result ul{margin:0;padding-inline-start:1.2em;display:flex;flex-direction:column;gap:6px;font-size:.9375rem}.sn-sf__result a{color:inherit;text-decoration:underline;text-underline-offset:3px}.sn-sf__eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-muted);font-weight:600}.sn-sf__pick{font-family:var(--font-heading--family);font-size:1.75rem;line-height:1.1}.sn-sf__chart{display:flex;flex-direction:column;gap:22px;padding:16px;border:1px solid var(--sf-line);border-radius:10px}.sn-sf__group{display:flex;flex-direction:column;gap:8px}.sn-sf__group-head{display:flex;align-items:baseline;gap:8px}.sn-sf__group-head h3{margin:0;font-family:var(--font-heading--family);font-size:1.0625rem}.sn-sf__group-head span{color:var(--sf-muted);font-size:.8125rem}.sn-sf__plot{position:relative;display:flex;flex-direction:column;gap:10px;padding-block-start:18px}.sn-sf__row,.sn-sf__axis{display:grid;grid-template-columns:2.4rem 1fr;gap:10px;align-items:center}.sn-sf__sz{font-family:var(--font-heading--family);font-weight:600}.sn-sf__row.is-best .sn-sf__sz{color:var(--sf-accent);text-decoration:underline;text-underline-offset:4px}.sn-sf__row.is-out{opacity:.5}.sn-sf__track{position:relative;height:18px;border-radius:999px;background:var(--sf-soft);border:1px solid var(--sf-line)}.sn-sf__bar{position:absolute;top:2px;bottom:2px;border-radius:999px}.sn-sf__bar--strap,.sn-sf__sw--strap{background:repeating-linear-gradient(135deg,var(--sf-accent) 0 2px,transparent 2px 6px);opacity:.55}.sn-sf__bar--guide,.sn-sf__sw--guide{background:var(--sf-accent)}.sn-sf__marks{position:absolute;top:0;bottom:0;left:calc(2.4rem + 10px);right:0;pointer-events:none}.sn-sf__mark{position:absolute;top:0;bottom:0;width:0;border-inline-start:4px solid var(--sf-dog);filter:drop-shadow(0 0 0 var(--sf-ink)) drop-shadow(1px 0 0 var(--sf-ink)) drop-shadow(-1px 0 0 var(--sf-ink))}.sn-sf__mark-label{position:absolute;top:0;transform:translate(-50%,-100%);background:var(--sf-dog);color:#202219;border:1px solid var(--sf-ink);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;padding:1px 8px;border-radius:999px;white-space:nowrap}.sn-sf__mark.is-edge{border-inline-start-style:dashed}.sn-sf__axis{font-size:.6875rem;color:var(--sf-muted);font-variant-numeric:tabular-nums}.sn-sf__ticks{position:relative;height:16px}.sn-sf__tick{position:absolute;transform:translate(-50%)}.sn-sf__legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8125rem;color:var(--sf-muted)}.sn-sf__legend[hidden]{display:none}.sn-sf__legend span{display:inline-flex;align-items:center;gap:6px}.sn-sf__sw{display:inline-block;width:28px;height:12px;border-radius:999px}.sn-sf__sw--dog{width:0;height:16px;border-radius:0;border-inline-start:4px solid var(--sf-dog);filter:drop-shadow(1px 0 0 var(--sf-ink)) drop-shadow(-1px 0 0 var(--sf-ink))}@media screen and (min-width:750px){.sn-sf__form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.sn-sf__chart{padding:24px}}@media(prefers-reduced-motion:no-preference){.sn-sf__mark{transition:left .25s ease}}.sn-sf--popup .sn-sf__inner{padding-inline:0;max-width:none}.sn-sf__dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 64px);overflow-y:auto;padding:56px 20px 24px;color:var(--sf-ink);background-color:var(--sf-bg);border:var(--style-border-popover, 1px solid var(--sf-line));border-radius:var(--style-border-radius-popover, 12px);box-shadow:var(--shadow-popover, 0 8px 32px rgb(0 0 0 / .16))}html:has(.sn-sf__dialog[open]){overflow:hidden}.sn-sf__dialog::backdrop{background:#0006}@media screen and (min-width:750px){.sn-sf__dialog{max-width:880px;max-height:min(800px,calc(100dvh - 160px));padding:56px 48px 48px}}.sn-sf__body{display:flex;flex-direction:column;gap:20px}.sn-sf__close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--sf-ink);background:transparent;border:0;cursor:pointer}.sn-sf__close svg{width:18px;height:18px}.sn-sf__close:focus-visible{outline:2px solid var(--sf-ink);outline-offset:-2px}@media screen and (min-width:750px){.sn-sf__inner{padding-inline:40px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-size-finder.css.map */