.sjlc{--sjlc-pad: clamp(18px, 2.4vw, 32px)}.sjlc .sjlc-head{max-width:var(--sjg-col);margin:0 0 clamp(24px,3vw,40px)}.sjlc .sjlc-title{margin:0;font-size:clamp(3.4rem,1.9rem + 3.4vw,6.4rem);line-height:.95;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:normal;word-break:normal}.sjlc .sjlc-lead{margin:18px 0 0;max-width:62ch;font-size:var(--sjg-lead);line-height:1.5}.sjlc .sjlc-lead p{margin:0 0 10px}.sjlc .sjlc-updated{margin:6px 0 0;font-size:var(--sjg-small);color:var(--sjg-soft)}.sjlc .sjlc-tool{display:grid;grid-template-columns:minmax(0,1fr);background:var(--sjg-sea);color:#111;scroll-margin-top:calc(var(--header-height, 80px) + 16px)}.sjlc .sjlc-form{display:grid;gap:22px;align-content:start;padding:var(--sjlc-pad)}.sjlc .sjlc-out{min-width:0;padding:4px var(--sjlc-pad) var(--sjlc-pad)}.sjlc .sjlc-answer-wrap{position:sticky;bottom:env(safe-area-inset-bottom,0px);z-index:2;padding:0 var(--sjlc-pad)}@media(min-width:990px){.sjlc .sjlc-tool{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr}.sjlc .sjlc-form{grid-row:1 / span 2;position:sticky;top:calc(var(--header-height, 80px) + 16px);align-self:start}.sjlc .sjlc-answer-wrap{position:static;padding:var(--sjlc-pad) var(--sjlc-pad) 0;background:var(--sjg-sea-2)}.sjlc .sjlc-out{padding:4px var(--sjlc-pad) var(--sjlc-pad);background:var(--sjg-sea-2)}}.sjlc .sjlc-f{margin:0;padding:0;border:0;min-width:0}.sjlc .sjlc-f legend{margin:0 0 8px;padding:0;font-weight:700;font-size:var(--sjg-small)}.sjlc .sjlc-f--len{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.sjlc .sjlc-f--len legend{float:left;width:100%}.sjlc .sjlc-len{display:flex;gap:8px}.sjlc .sjlc-len[hidden]{display:none}.sjlc .sjlc-sel select,.sjlc .sjlc-cm input{min-height:48px;margin:0;border:0;border-radius:0;background-color:#fff;color:#111;font:inherit;font-size:var(--sjg-body);font-weight:700;font-variant-numeric:tabular-nums}.sjlc .sjlc-sel select{-webkit-appearance:none;appearance:none;min-width:82px;padding:0 34px 0 14px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sjlc .sjlc-cm{display:inline-flex;align-items:center;gap:8px;font-weight:700}.sjlc .sjlc-cm input{width:7.5ch;padding:0 12px;-moz-appearance:textfield}.sjlc .sjlc-sel select:focus-visible,.sjlc .sjlc-cm input:focus-visible{outline:2px solid #111;outline-offset:2px}.sjlc .sjlc-units{display:inline-flex;padding:3px;background:#fff9}.sjlc .sjlc-units button{min-width:64px;min-height:42px;padding:0 12px;border:0;background:none;color:#111;font:inherit;font-size:var(--sjg-small);font-weight:700;cursor:pointer;transition:background-color var(--sjg-fast) var(--sjg-ease),color var(--sjg-fast) var(--sjg-ease)}.sjlc .sjlc-units button[aria-pressed=true]{background:var(--sjg-teal);color:#fff}.sjlc .sjlc-units button:active{transform:scale(.98)}.sjlc .sjg-chip>span{background:#fffc}.sjlc .sjg-chip:hover input:not(:checked)+span{background:#fff}.sjlc .sjlc-answer{padding:16px 18px 14px;background:var(--sjg-lime);color:#111}.sjlc .sjlc-answer[hidden]{display:none}.sjlc .sjlc-answer.is-in>*{animation:sjg-in var(--sjg-slow) var(--sjg-ease) both}.sjlc .sjlc-answer.is-in>:nth-child(2){animation-delay:60ms}.sjlc .sjlc-answer__len{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style, italic);font-weight:var(--font-heading-weight, 800);font-size:clamp(3.6rem,2.4rem + 2.6vw,5.6rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;font-variant-numeric:tabular-nums}.sjlc .sjlc-answer__sub{margin:6px 0 0;font-size:var(--sjg-body);font-weight:700}@media(max-width:989px){.sjlc .sjlc-answer{padding:12px 16px 10px}.sjlc .sjlc-answer__len{font-size:clamp(3rem,2.2rem + 2.4vw,4.4rem)}.sjlc .sjlc-answer__sub{margin-top:4px;font-size:1.5rem}}.sjlc .sjlc-fig{margin:4px 0 0;padding:12px 12px 8px;background:#fff}.sjlc .sjlc-fig[hidden]{display:none}.sjlc .sjlc-svg{display:block;width:100%;height:auto;overflow:visible}.sjlc .sjlc-svg.is-live .sjlc-svg__boardg{transition:transform var(--sjg-slow) var(--sjg-ease)}.sjlc .sjlc-svg__deck{fill:#fbfaf6}.sjlc .is-soft .sjlc-svg__deck{fill:#8fd3e0}.sjlc .sjlc-svg__stringer{stroke:#e3ded2;stroke-width:1.5}.sjlc .sjlc-svg__foam line{stroke:#ffffff59;stroke-width:1}.sjlc .sjlc-svg__outline{fill:none;stroke:#111;stroke-width:2;stroke-linejoin:round}.sjlc .sjlc-svg__cord{fill:none;stroke:var(--sjg-teal);stroke-width:5;stroke-linecap:round;transition:d var(--sjg-slow) var(--sjg-ease)}.sjlc .sjlc-svg__cuff{fill:var(--sjg-lime);stroke:var(--sjg-teal);stroke-width:2;transition:transform var(--sjg-slow) var(--sjg-ease)}.sjlc .sjlc-svg__saver{fill:var(--sjg-teal)}.sjlc .sjlc-svg__ruler line{stroke:#0c3b4773;stroke-width:1.5}.sjlc .sjlc-svg__ruler text{fill:#111111b8;font:700 12px/1 var(--font-body-family, sans-serif);text-anchor:middle;font-variant-numeric:tabular-nums}.sjlc .sjlc-svg__lab{fill:#111;font:700 13px/1 var(--font-body-family, sans-serif);text-anchor:end}.sjlc .sjlc-svg__lab--cord{fill:var(--sjg-teal);text-anchor:start}.sjlc .sjlc-fig__cap{margin:6px 0 0;font-size:var(--sjg-small);color:#111111bd}.sjlc .sjlc-why{gap:8px;margin:18px 0 0}.sjlc .sjlc-why:empty{display:none}.sjlc .sjlc-why li{font-size:1.6rem}.sjlc .sjlc-note{margin:14px 0 0;padding:14px 16px;background:#fff;font-size:1.6rem;line-height:1.5}.sjlc .sjlc-note[hidden],.sjlc .sjlc-nojs[hidden]{display:none}.sjlc .sjlc-nojs{margin:0;font-size:var(--sjg-body)}.sjlc .sjlc-picks__h{margin:22px 0 0}.sjlc .sjlc-picks__h[hidden],.sjlc .sjlc-alts[hidden]{display:none}.sjlc .sjlc-picks{margin:10px 0 0}.sjlc .sjlc-picks:empty{display:none}.sjlc .sjlc-pick{animation-delay:calc(var(--i, 0) * 50ms)!important}.sjlc [data-sjlc-picks]>.sjlc-pick{background:#fff}.sjlc .sjg-bag__t{text-decoration:none}.sjlc .sjg-bag__t:hover{text-decoration:underline}.sjlc .sjlc-pick__price{font-size:var(--sjg-small);font-weight:700;font-variant-numeric:tabular-nums}.sjlc .sjlc-pick__note{font-size:var(--sjg-small);color:var(--sjg-soft)}.sjlc .sjg-size{min-height:40px}.sjlc .sjlc-alts{margin:26px 0 0}.sjlc .sjlc-alts__h{margin:0}.sjlc .sjlc-alt{margin:12px 0 0}.sjlc .sjlc-alt__why{margin:0;max-width:62ch;font-size:var(--sjg-small);line-height:1.45;font-weight:700}.sjlc .sjlc-alt .sjlc-picks{margin-top:8px}.sjlc .sjlc-shop{margin:16px 0 0;font-size:var(--sjg-small);font-weight:700}@media(min-width:1100px){.sjlc .sjlc-ref{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,4vw,72px)}}.sjlc .sjlc-ref__part{padding-top:var(--sjg-gap);scroll-margin-top:calc(var(--header-height, 80px) + 16px)}.sjlc .sjlc-ref__part>h2{margin:0 0 12px}.sjlc .sjlc-ref__answer{font-size:var(--sjg-body);line-height:1.6}.sjlc .sjlc-ref__answer p{margin:0 0 12px}.sjlc .sjlc-ref .sjg-scroll{margin:16px 0}.sjlc .sjlc-table tbody th small{display:block;font-weight:400}.sjlc .sjlc-table td small{font-weight:400;color:var(--sjg-soft)}.sjlc .sjlc-cell-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.sjlc .sjlc-ref__answer,.sjlc .sjlc-ref__note{max-width:68ch}.sjlc .sjlc-table td:nth-child(2){white-space:nowrap}.sjlc .sjlc-ref__note p{margin:0 0 8px}@media(max-width:749px){.sjlc .sjlc-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sjlc .sjlc-table--stack tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4px 14px;padding:14px 0;border-bottom:1px solid var(--sjg-tone-2)}.sjlc .sjlc-table--stack tbody th{grid-column:1 / -1;padding:0;border:0}.sjlc .sjlc-table--stack tbody td{padding:0;border:0}.sjlc .sjlc-table{font-size:1.6rem}.sjlc .sjlc-table th,.sjlc .sjlc-table td{padding:10px 8px}}@media(prefers-reduced-motion:reduce){.sjlc .sjlc-svg.is-live .sjlc-svg__boardg,.sjlc .sjlc-svg__cord,.sjlc .sjlc-svg__cuff,.sjlc .sjlc-units button{transition:none}.sjlc .sjlc-answer.is-in>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sj-leash-calc.css.map */