.spl{--spl-ink:var(--bc-core,#16264d);--spl-muted:#56617b;--spl-line:rgba(10,19,36,.12);--spl-soft:#f4f4f5;--spl-ease:cubic-bezier(.16,1,.3,1);background:#fff;color:var(--spl-ink);padding:clamp(56px,6vw,96px) 0}.spl-head{max-width:640px;margin-bottom:clamp(28px,3vw,40px)}.spl-head h2{margin:0;color:var(--spl-ink);font:700 clamp(32px,3.4vw,48px)/1.08 var(--font-display,"filson-soft",sans-serif);letter-spacing:-.025em;text-wrap:balance}.spl-head p{margin:14px 0 0;color:var(--spl-muted);font-size:clamp(15px,1.2vw,17px);line-height:1.55;max-width:62ch}.spl-note{margin:28px 0 0;color:var(--spl-muted);font-size:12px;line-height:1.6;max-width:90ch}.spl .spl-arrow{flex:none;color:#16264d57}.spl h3{margin:0}.spl .spl-nb{white-space:nowrap}.spl-item{border-bottom:1px solid var(--spl-line)}.spl-item::details-content{block-size:0;overflow:hidden;transition:block-size .32s var(--spl-ease),content-visibility .32s allow-discrete}.spl-item[open]::details-content{block-size:auto}.spl-row{display:grid;align-items:center;list-style:none;cursor:pointer}.spl-row::-webkit-details-marker{display:none}.spl-row:focus-visible{outline:2px solid var(--spl-ink);outline-offset:4px;border-radius:12px}.spl-plus{position:relative;width:24px;height:24px;color:var(--spl-ink)}.spl-plus:before,.spl-plus:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:currentColor;transition:transform .24s var(--spl-ease)}.spl-plus:after{transform:rotate(90deg)}.spl-item[open] .spl-plus:after{transform:rotate(0)}.spl-detail p{margin:0;max-width:62ch;color:var(--spl-ink);font-size:15px;line-height:1.65}.spl-detail .sfc-studies{margin-top:18px}@media(hover:hover){.spl-row:hover .spl-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}.spl--a .spl-cols{display:none}.spl--a .spl-list{border-top:1px solid var(--spl-line)}.spl--a .spl-row{grid-template-columns:56px minmax(0,1fr) 24px;gap:14px;padding:16px 0}.spl--a .spl-thumb{display:block;width:56px;height:56px;border-radius:14px}.spl--a .spl-name{font:700 19px/1.25 var(--font-display,"filson-soft",sans-serif);letter-spacing:-.01em}.spl--a .spl-step{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:13px;line-height:1.4;color:var(--spl-muted)}.spl--a .spl-step--why,.spl--a .spl-step--in .spl-arrow{display:none}.spl--a .spl-step--for{color:var(--spl-ink);font-weight:600}.spl--a .spl-step--for .spl-arrow{width:14px;height:14px;margin-top:2px;color:var(--fizzy-coral,#fc5f2b)}.spl--a .spl-detail{padding:0 0 24px 70px}.spl--a .spl-detail__why{margin-bottom:8px!important;color:var(--spl-muted)!important;font-size:13px!important}@media(min-width:1025px){.spl--a .spl-cols{display:grid;grid-template-columns:64px minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 24px;column-gap:22px;padding:0 0 12px;color:var(--spl-muted);font-size:13px;font-weight:500}.spl--a .spl-cols>span:first-child{grid-column:2}.spl--a .spl-cols>span:nth-child(n+3){padding-left:24px}.spl--a .spl-row{grid-template-columns:64px minmax(0,1fr) 24px;gap:22px;padding:18px 0}.spl--a .spl-thumb{width:64px;height:64px;border-radius:16px}.spl--a .spl-row-text{display:grid;grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr));column-gap:22px;align-items:center}.spl--a .spl-name{font-size:21px}.spl--a .spl-step{margin-top:0;font-size:15px;align-items:center;gap:8px}.spl--a .spl-step--why{display:flex}.spl--a .spl-step--in{color:var(--spl-ink)}.spl--a .spl-step--in .spl-arrow,.spl--a .spl-step--for .spl-arrow{display:block;width:16px;height:16px;margin:0;color:#16264d57}.spl--a .spl-detail{display:grid;grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr));column-gap:22px;padding:0 46px 28px 86px}.spl--a .spl-detail__why{display:none}.spl--a .spl-detail>p{grid-column:1/4}.spl--a .spl-detail .sfc-studies{grid-column:4;grid-row:1;margin-top:0;padding-left:24px}}.spl--b .spl-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 4px;scroll-snap-type:x proximity;scroll-padding-inline:20px}.spl--b .spl-tabs::-webkit-scrollbar{display:none}.spl--b .spl-tab{flex:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 16px 6px 6px;border:1px solid var(--spl-line);border-radius:999px;background:#fff;color:var(--spl-ink);font:600 14px/1.2 var(--font-body,"Poppins",sans-serif);cursor:pointer;scroll-snap-align:start;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out}.spl--b .spl-tab img{width:44px;height:44px;border-radius:999px;object-fit:cover}.spl--b .spl-tab[aria-selected=true]{background:var(--spl-ink);border-color:var(--spl-ink);color:#fff}.spl--b .spl-tab:focus-visible{outline:2px solid var(--spl-ink);outline-offset:3px}@media(hover:hover){.spl--b .spl-tab[aria-selected=false]:hover{border-color:#16264d66}}.spl--b .spl-panel{margin-top:16px;padding:22px 20px;border-radius:16px;background:var(--spl-soft)}.spl--b .spl-panel+.spl-panel{margin-top:12px}.spl--b [data-spl-ready] .spl-panel[hidden]{display:none}.spl--b .spl-panel:focus-visible{outline:2px solid var(--spl-ink);outline-offset:3px}.spl--b .spl-flow{position:relative;display:grid;gap:18px;margin:0;padding:0 0 0 22px;list-style:none}.spl--b .spl-flow:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;border-radius:2px;background:#16264d24}.spl--b .spl-flow li{position:relative}.spl--b .spl-flow li:before{content:"";position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #16264d4d}.spl--b .spl-flow li.is-result:before{background:var(--fizzy-coral,#fc5f2b);box-shadow:none}.spl--b .spl-flow:after{content:"";position:absolute;left:5px;top:var(--spl-run-a,8px);width:2px;height:var(--spl-run-len,0px);border-radius:2px;background:var(--fizzy-coral,#fc5f2b);transform-origin:50% 0;pointer-events:none}.spl--b .spl-tabs{position:relative}.spl--b .spl-tab-ind{position:absolute;left:0;top:0;z-index:0;width:0;height:0;border-radius:999px;background:var(--spl-ink);pointer-events:none}.spl--b [data-spl-ready] .spl-tab{position:relative;z-index:1}.spl--b [data-spl-ready] .spl-tab[aria-selected=true]{background:transparent;border-color:transparent}.spl--b .spl-flow__label{display:block;color:var(--spl-muted);font-size:13px;font-weight:500;line-height:1.3}.spl--b .spl-flow__text{display:block;margin-top:4px;color:var(--spl-ink);font:700 19px/1.3 var(--font-display,"filson-soft",sans-serif);letter-spacing:-.01em;text-wrap:balance}.spl--b .spl-detail{margin-top:20px;padding-top:18px;border-top:1px solid var(--spl-line)}@media(min-width:1025px){.spl--b .spl-tabs{margin:0;padding:2px;overflow:visible;flex-wrap:wrap}.spl--b .spl-panel{margin-top:20px;padding:36px 40px}.spl--b .spl-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;padding:0}.spl--b .spl-flow:before{left:6px;right:auto;top:6px;bottom:auto;width:calc(100% - 12px);height:2px}.spl--b .spl-flow li{padding-top:30px}.spl--b .spl-flow li:before{left:0;top:1px}.spl--b .spl-flow:after{left:var(--spl-run-a,6px);top:6px;width:var(--spl-run-len,0px);height:2px;transform-origin:0 50%}.spl--b .spl-flow__text{font-size:22px}.spl--b .spl-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;margin-top:28px;padding-top:24px}.spl--b .spl-detail>p{grid-column:1/3}.spl--b .spl-detail .sfc-studies{grid-column:3;grid-row:1;margin-top:0}}.spl--c .spl-index{border-top:1px solid var(--spl-line)}.spl--c .spl-row{grid-template-columns:minmax(0,1fr) 24px;gap:16px;padding:20px 0}.spl--c .spl-name{font:700 24px/1.15 var(--font-display,"filson-soft",sans-serif);letter-spacing:-.02em}.spl--c .spl-line{display:block;margin-top:8px;color:var(--spl-muted);font-size:14px;line-height:1.55}.spl--c .spl-seg{display:inline-block;margin-right:.3em}.spl--c .spl-line .spl-arrow{display:inline-block;width:14px;height:14px;margin:0 6px 0 0;vertical-align:-2px}.spl--c .spl-in{color:var(--spl-ink)}.spl--c .spl-for{color:var(--spl-ink);font-weight:600}.spl--c .spl-detail{padding:0 40px 24px 0}@media(min-width:1025px){.spl--c .spl-inner{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:clamp(48px,6vw,96px);align-items:start}.spl--c .spl-head{position:sticky;top:calc(var(--header-height,105px) + 32px);margin-bottom:0}.spl--c .spl-note{grid-column:2}.spl--c .spl-row{padding:24px 0}.spl--c .spl-name{font-size:30px}.spl--c .spl-line{margin-top:10px;font-size:16px}}@media(prefers-reduced-motion:reduce){.spl-item::details-content{transition:none}.spl-plus:before,.spl-plus:after,.spl--b .spl-tab{transition:none}}@media(prefers-reduced-motion:no-preference){.spl--a.spl-armed .spl-row-text .spl-step{clip-path:inset(0 100% 0 0)}.spl--a.spl-armed.is-in .spl-row-text .spl-step{clip-path:inset(0 0 0 0);transition:clip-path .56s var(--spl-ease)}.spl--a.spl-armed.is-in .spl-row-text .spl-step--why{transition-delay:calc(var(--i,0) * 80ms)}.spl--a.spl-armed.is-in .spl-row-text .spl-step--in{transition-delay:calc(var(--i,0) * 80ms + .16s)}.spl--a.spl-armed.is-in .spl-row-text .spl-step--for{transition-delay:calc(var(--i,0) * 80ms + .32s)}.spl--c.spl-armed .spl-seg{opacity:0;transform:translate(-8px)}.spl--c.spl-armed.is-in .spl-seg{opacity:1;transform:none;transition:opacity .42s var(--spl-ease),transform .56s var(--spl-ease)}.spl--c.spl-armed.is-in .spl-why{transition-delay:calc(var(--i,0) * 90ms)}.spl--c.spl-armed.is-in .spl-in{transition-delay:calc(var(--i,0) * 90ms + .18s)}.spl--c.spl-armed.is-in .spl-for{transition-delay:calc(var(--i,0) * 90ms + .36s)}.spl--b .spl-panel.is-drawing .spl-flow:after{animation:spl-run-y .96s cubic-bezier(.45,0,.25,1) 80ms both}.spl--b .spl-panel.is-drawing .spl-flow li:before{animation:spl-dot .38s var(--spl-ease) both}.spl--b .spl-panel.is-drawing .spl-flow li>span{animation:spl-rise .46s var(--spl-ease) both}.spl--b .spl-panel.is-drawing .spl-flow li:nth-child(1):before,.spl--b .spl-panel.is-drawing .spl-flow li:nth-child(1)>span{animation-delay:40ms}.spl--b .spl-panel.is-drawing .spl-flow li:nth-child(2):before,.spl--b .spl-panel.is-drawing .spl-flow li:nth-child(2)>span{animation-delay:.52s}.spl--b .spl-panel.is-drawing .spl-flow li:nth-child(3):before,.spl--b .spl-panel.is-drawing .spl-flow li:nth-child(3)>span{animation-delay:.98s}.spl--b .spl-panel.is-drawing .spl-detail{animation:spl-fade .4s ease-out 1.12s both}.spl--b .spl-tab-ind{transition:transform .38s var(--spl-ease),width .38s var(--spl-ease),height .38s var(--spl-ease)}.spl .spl-arrow{transition:transform .16s ease-out}@media(hover:hover){.spl-row:hover .spl-arrow{transform:translate(3px)}}}@media(prefers-reduced-motion:no-preference)and (min-width:1025px){.spl--b .spl-panel.is-drawing .spl-flow:after{animation-name:spl-run-x}}@keyframes spl-run-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes spl-run-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spl-dot{0%{transform:scale(.4);opacity:.3}to{transform:none;opacity:1}}@keyframes spl-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spl-fade{0%{opacity:0}to{opacity:1}}.spl .spl-icon{border-radius:0!important;object-fit:contain!important;background:none}
/*# sourceMappingURL=/cdn/shop/t/39/assets/fizzy-sci-pillars.css.map */