.formula-net{--formula-net-ease: cubic-bezier(.22, .61, .36, 1);background:var(--formula-net-bg);color:var(--formula-net-ink);display:block;font-family:var(--font-graphik-family);isolation:isolate;padding-bottom:var(--formula-net-padding-bottom);padding-top:var(--formula-net-padding-top)}.formula-net[hidden]{display:none}.formula-net *,.formula-net *:before,.formula-net *:after{box-sizing:border-box}.formula-net__empty{margin:0;padding:40px 0;text-align:center}.formula-net--full-width .formula-net__inner{max-width:100%;padding-inline:1.5rem}.formula-net__inner{display:grid;grid-template-areas:"head" "stage" "panel";grid-template-columns:minmax(0,1fr)}.formula-net__side{display:contents}.formula-net__head{grid-area:head}.formula-net__panel{grid-area:panel}.formula-net__stagewrap{grid-area:stage;margin-top:28px;position:relative}.formula-net__h2{color:var(--formula-net-ink);font-family:var(--font-heading-family);font-size:var(--formula-net-title-size);font-weight:var(--formula-net-title-weight);line-height:1.3;margin:0 0 12px}.formula-net__lede{color:var(--formula-net-muted);font-size:var(--formula-net-text-size);line-height:1.5;margin:0;max-width:52ch}.formula-net__lenses{display:flex;flex-wrap:nowrap;gap:8px;margin-inline:-1.5rem;margin-top:24px;overflow-x:auto;padding-inline:1.5rem;scroll-padding-inline:1.5rem;scrollbar-width:none}.formula-net__lenses::-webkit-scrollbar{display:none}.formula-net__lenses[hidden]{display:none}.formula-net__lens{all:unset;border:1px solid var(--formula-net-border);color:var(--formula-net-ink);cursor:pointer;font-family:var(--font-graphik-family);font-size:13px;line-height:1.3;padding:9px 14px;transition:border-color .3s;white-space:nowrap}.formula-net__lens:hover,.formula-net__lens[aria-pressed=true]{border-color:var(--formula-net-ink)}.formula-net__lens:focus-visible{outline:1px solid var(--formula-net-ink);outline-offset:3px}.formula-net__panel-in{display:grid;margin-top:32px}.formula-net__state{grid-area:1 / 1;visibility:hidden}.formula-net__state.is-active{visibility:visible}.formula-net__state.is-active>*{animation:formula-net-fade .5s var(--formula-net-ease) both}.formula-net .formula-net__kicker{color:var(--formula-net-muted);font-size:12px;line-height:1.4;margin:0 0 6px}.formula-net__state h3,.formula-net__pop h3{font-family:var(--font-heading-family);font-size:calc(var(--formula-net-title-size) * .85);font-weight:var(--formula-net-title-weight);line-height:1.3;margin:0 0 10px}.formula-net__state p{font-size:var(--formula-net-text-size);line-height:1.6;margin:0;max-width:52ch}.formula-net__members{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:16px 0 0;padding:0}.formula-net__members li{font-size:11px;font-weight:400;letter-spacing:.07em;text-transform:uppercase}.formula-net .formula-net__btitle{color:var(--formula-net-muted);font-size:12px;margin:24px 0 12px}.formula-net__benefits{display:grid;gap:12px;list-style:none;margin:0;padding:0}.formula-net__benefits li{border-left:1px solid var(--formula-net-border);color:var(--formula-net-muted);font-size:calc(var(--formula-net-text-size) - 2px);line-height:1.5;padding-left:14px}.formula-net__benefits strong{color:var(--formula-net-ink);display:block;font-weight:400}.formula-net__points{margin-top:14px}.formula-net__stage{aspect-ratio:1 / 1;margin:0 9% 28px;position:relative}.formula-net__svg{height:100%;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:0}.formula-net__svg line{stroke:var(--formula-net-line);stroke-width:.14}.formula-net__spoke{opacity:.08}.formula-net__link{animation:formula-net-draw 1s var(--formula-net-ease) forwards;opacity:.45;stroke-dasharray:1;stroke-dashoffset:1}.formula-net__link--spoke{opacity:.25}.formula-net__img{display:block;filter:brightness(1.01);height:62%;top:19%;right:19%;bottom:19%;left:19%;-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);object-fit:cover;pointer-events:none;position:absolute;transition:transform 1.2s var(--formula-net-ease),opacity .6s var(--formula-net-ease);width:62%;z-index:1}.formula-net.has-pop .formula-net__img{opacity:.9}.formula-net__node{all:unset;cursor:pointer;height:0;left:var(--x);position:absolute;top:var(--y);transition:opacity .5s var(--formula-net-ease);width:0;z-index:3}.formula-net__hit{border-radius:50%;height:44px;left:-22px;position:absolute;top:-22px;width:44px}.formula-net__dot{background:var(--formula-net-bg);border:1px solid var(--formula-net-line);border-radius:50%;height:11px;left:-5.5px;position:absolute;top:-5.5px;transition:background .3s,transform .3s;width:11px}.formula-net__dot:after{border:1px solid var(--formula-net-line);border-radius:50%;content:"";top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;position:absolute}.formula-net__node.is-on .formula-net__dot{background:var(--formula-net-line)}.formula-net__node.is-on .formula-net__dot:after{animation:formula-net-pulse 2.4s var(--formula-net-ease) infinite}.formula-net__node.is-focus .formula-net__dot{transform:scale(1.4)}.formula-net__node:focus-visible .formula-net__dot{outline:1px solid var(--formula-net-ink);outline-offset:6px}.formula-net__label{color:var(--formula-net-ink);font-size:10px;font-weight:400;left:0;letter-spacing:.07em;line-height:1.35;position:absolute;text-align:center;text-transform:uppercase;top:16px;transform:translate(-50%);width:12em}.formula-net__label--long{display:none}.formula-net.is-lens .formula-net__node:not(.is-on){opacity:.3}.formula-net.has-pop .formula-net__node:not(.is-focus){opacity:.35}.formula-net__pop{background:var(--formula-net-bg);border:1px solid var(--formula-net-border);left:0;opacity:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px 18px;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(8px);transition:opacity .35s var(--formula-net-ease),transform .45s var(--formula-net-ease);z-index:5}.formula-net__pop.is-open{opacity:1;pointer-events:auto;transform:none}.formula-net__pop[hidden]{display:none}.formula-net__pop h3{margin-right:28px}.formula-net__pop p{font-size:calc(var(--formula-net-text-size) - 1px);line-height:1.6;margin:0}.formula-net__pop .formula-net__inci{color:var(--formula-net-muted);font-size:12px;font-style:italic;line-height:1.5;margin-top:10px}.formula-net__close{all:unset;color:var(--formula-net-muted);cursor:pointer;display:grid;font-family:var(--font-graphik-family);font-size:18px;height:32px;line-height:1;place-items:center;position:absolute;right:8px;top:8px;width:32px}.formula-net__close:hover{color:var(--formula-net-ink)}.formula-net__close:focus-visible,.formula-net__pager button:focus-visible,.formula-net__deep-btn:focus-visible,.formula-net__phase:focus-visible{outline:1px solid var(--formula-net-ink);outline-offset:2px}.formula-net__pager{border-top:1px solid var(--formula-net-border);display:flex;justify-content:space-between;margin-top:16px;padding-top:12px}.formula-net__pager button{all:unset;color:var(--formula-net-muted);cursor:pointer;font-size:12px;padding:4px 0}.formula-net__pager button:hover{color:var(--formula-net-ink)}.formula-net__deep{border-top:1px solid var(--formula-net-border);margin-top:14px}.formula-net__deep-btn{all:unset;align-items:center;box-sizing:border-box;color:var(--formula-net-ink);cursor:pointer;display:flex;font-family:var(--font-graphik-family);font-size:13px;font-weight:400;gap:12px;justify-content:space-between;padding:12px 0 2px;width:100%}.formula-net__deep-btn small{color:var(--formula-net-muted);font-size:12px;margin-left:6px}.formula-net__deep-sign{font-size:16px;line-height:1}.formula-net__deep-body{padding-top:10px}.formula-net__deep-body[hidden]{display:none}.formula-net__pop .formula-net__deep-body>p{font-size:13px;margin:0 0 12px}.formula-net__deep-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.formula-net__deep-list li{border-left:1px solid var(--formula-net-border);font-size:13px;line-height:1.5;padding-left:12px}.formula-net__deep-list strong{display:block;font-weight:400}.formula-net__deep-list em,.formula-net__deep-list span{color:var(--formula-net-muted);display:block}.formula-net__deep-list em{font-size:12px}.formula-net__deep-list span{margin-top:2px}.formula-net__tag{color:var(--formula-net-muted);display:block;font-size:11px;letter-spacing:0;margin-top:3px;text-transform:none}.formula-net__phases{margin-top:4px}.formula-net__phases[hidden]{display:none}.formula-net__phases-cap{color:var(--formula-net-muted);font-size:12px;margin:0 0 10px}.formula-net__phases-row{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.formula-net__phase{all:unset;border:1px solid var(--formula-net-border);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:12px 10px 14px;transition:border-color .3s,opacity .4s}.formula-net__phase:hover,.formula-net__phase[aria-pressed=true]{border-color:var(--formula-net-ink)}.formula-net.is-lens .formula-net__phase:not([aria-pressed=true]):not(.is-lit){opacity:.5}.formula-net__phase-bar{background:var(--formula-net-border);height:2px;margin-bottom:12px;position:relative}.formula-net__phase-bar i{background:var(--formula-net-line);bottom:0;left:0;position:absolute;top:0;width:var(--w)}.formula-net__phase-num{color:var(--formula-net-muted);font-size:11px}.formula-net__phase-title{font-family:var(--font-heading-family);font-size:13px;font-weight:var(--formula-net-title-weight);-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin-top:2px;overflow-wrap:break-word}.formula-net__phase-label{color:var(--formula-net-muted);font-size:12px;margin-top:2px}.formula-net__phase-members{font-size:10px;font-weight:400;letter-spacing:.05em;line-height:1.5;margin-top:10px;text-transform:uppercase}.formula-net__phase-members span{display:block}@keyframes formula-net-draw{to{stroke-dashoffset:0}}@keyframes formula-net-pulse{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes formula-net-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media screen and (min-width:750px){.formula-net--full-width .formula-net__inner{padding-inline:2.5rem}.formula-net__lenses{flex-wrap:wrap;margin-inline:0;overflow:visible;padding-inline:0}.formula-net__stage{margin-left:15%;margin-right:15%}.formula-net__label{font-size:11px}.formula-net__label--short{display:none}.formula-net__label--long{display:block}.formula-net__phase{padding:14px 14px 16px}.formula-net__phase-title{font-size:16px}.formula-net__phase-members{font-size:11px;letter-spacing:.07em}}@media screen and (min-width:990px){.formula-net__inner{column-gap:clamp(32px,5vw,80px);grid-template-areas:"stage side";grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.formula-net__side{display:flex;flex-direction:column;grid-area:side}.formula-net__side:before,.formula-net__side:after{content:"";flex:1 1 0}.formula-net__side:after{min-height:var(--formula-net-extra, 0px)}.formula-net__panel-in{display:block;position:relative}.formula-net__state:not(.is-base){left:0;position:absolute;right:0;top:0}.formula-net__stagewrap{align-self:center;margin-top:0}.formula-net__stage{margin:0 0 24px}.formula-net__panel-in{margin-top:28px}.formula-net__pop{right:auto;transform:translate(var(--formula-net-shift, -10px)) scale(.98);width:min(320px,50%)}.formula-net__pop.is-flip{--formula-net-shift: 10px}}@media(prefers-reduced-motion:reduce){.formula-net,.formula-net *{animation:none!important;transition:none!important}.formula-net__link{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-formula-net.css.map */