.sl-fire{--beam: 1;--fan: 1;--half: var(--half-m, 13deg);--other: var(--half-d, 5.5deg);overflow:hidden}.sl-fire[data-stone=d]{--half: var(--half-d, 5.5deg);--other: var(--half-m, 13deg)}.sl-fire__inner{display:grid;justify-items:center;text-align:center}.sl-fire__copy{display:grid;gap:var(--s-3);justify-items:center;max-width:46rem}.sl-fire__h{font-size:var(--sl-fs-d2)}.sl-fire__lede{max-width:30em;color:var(--c-text-2);font-size:var(--fs-lede);text-wrap:pretty}.sl-fire__scene{display:grid;justify-items:center;width:100%}.sl-fire__disp{width:min(100%,780px);height:auto;margin-top:40px;overflow:visible}.sl-fire__w{stop-color:var(--sl-light)}.f-stone{fill:none;stroke:var(--c-text-2);stroke-width:1.2;stroke-linejoin:round}.f-beam{fill:none;stroke:var(--c-text);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--beam));filter:drop-shadow(0 0 3px var(--c-text))}.f-ray,.f-ghost path{fill:none;stroke-linecap:round;transform-box:view-box;transform-origin:500px 252px}.f-ray{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--fan));transform:rotate(calc(var(--k) * var(--half) / 3))}.f-ray--1{stroke:var(--sl-fire-1)}.f-ray--2{stroke:var(--sl-fire-2)}.f-ray--3{stroke:var(--sl-fire-3)}.f-ray--4{stroke:var(--sl-fire-4)}.f-ray--5{stroke:var(--sl-fire-5)}.f-ray--6{stroke:var(--sl-fire-6)}.f-ray--7{stroke:var(--sl-fire-7)}.f-glow{opacity:calc(.95 * var(--fan));mix-blend-mode:plus-lighter}.f-glow .f-ray{stroke-width:20}.f-fan .f-ray{stroke-width:1;opacity:0}.f-fan :is(.f-ray--1,.f-ray--7){opacity:.9;stroke-width:1.2}.f-ghost{opacity:var(--fan)}.f-ghost path{stroke:var(--c-text-3);stroke-width:1.2;stroke-dasharray:3 9}.f-ghost path:first-child{transform:rotate(calc(-1 * var(--other)))}.f-ghost path:last-child{transform:rotate(var(--other))}.f-exit{opacity:var(--fan)}@media(prefers-reduced-motion:no-preference){.f-ray,.f-ghost path{transition:transform .6s var(--ease-out)}}.sl-fire__cap{display:grid;justify-items:center;gap:14px;width:100%;margin-top:var(--s-1)}.sl-fire__switch{min-width:0;margin:0;padding:0;border:0}.sl-fire__legend{margin:0 auto 10px;padding:0;color:var(--c-text-2);font-size:var(--fs-small)}.sl-seg{position:relative;isolation:isolate;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid var(--c-hairline-strong)}.sl-seg:before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--c-text)}.sl-seg:has(input[value=m]:checked):before{transform:translate(100%)}@media(prefers-reduced-motion:no-preference){.sl-seg:before{transition:transform .45s var(--ease-out)}}.sl-seg__opt{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:0 20px;color:var(--c-text-2);white-space:nowrap;cursor:pointer}.sl-seg__opt:has(input:checked){color:var(--sl-ink)}.sl-seg__opt:has(input:focus-visible){outline:2px solid var(--c-ice);outline-offset:3px}.sl-fire__note{max-width:26em;color:var(--c-text-2);font-size:var(--fs-small);text-wrap:balance}.sl-figs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,13rem);justify-content:center;margin-top:var(--s-4)}.sl-fig{display:grid;gap:2px;align-content:start;padding:2px var(--s-6)}.sl-fig+.sl-fig{border-left:1px solid var(--c-hairline)}.sl-fig dt{color:var(--c-text-2);font-size:var(--fs-small)}.sl-fig__m{font-size:var(--sl-t-xl);line-height:1.25;white-space:nowrap}.sl-fig__m .sl-num{font-weight:600}.sl-fig__sub{color:var(--c-text-2);font-size:var(--fs-small)}.sl-fire__sources{max-width:40em;margin-top:var(--s-1);color:var(--c-text-3);font-size:var(--fs-eyebrow);line-height:1.55;text-wrap:pretty}.sl-fire__guide{margin-top:var(--s-2)}@media(max-width:767px){.sl-figs{grid-auto-flow:row;width:100%;max-width:360px}.sl-fig{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k m" "k d";column-gap:var(--s-4);padding:10px 0;text-align:left}.sl-fig dt{grid-area:k;align-self:center}.sl-fig__m{grid-area:m;font-size:var(--sl-t-l)}.sl-fig__sub{grid-area:d}.sl-fig+.sl-fig{border-left:0;border-top:1px solid var(--c-hairline)}.sl-fig dd{text-align:right}.f-glow .f-ray{stroke-width:18}.f-fan :is(.f-ray--1,.f-ray--7){stroke-width:1.6}.f-beam{stroke-width:3}.f-stone{stroke-width:1.8}.sl-seg__opt{padding:0 16px}}@media(max-width:330px){.sl-seg{grid-auto-flow:row}.sl-seg:before{right:3px;bottom:auto;width:auto;height:calc(50% - 3px)}.sl-seg:has(input[value=m]:checked):before{transform:translateY(100%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-stone-fire.css.map */
