.versus__head,.path__head,.combo__head,.shift__intro{display:flex;flex-direction:column;gap:16px;max-width:760px}.versus__head,.path__head,.combo__head{margin-bottom:clamp(36px,5vw,64px)}.versus__lead,.shift__lead,.path__lead,.combo__lead{margin:0;max-width:34em;font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:var(--fg-muted)}.versus__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"picker picker" "chart board";gap:clamp(28px,4vw,48px) clamp(28px,5vw,72px);align-items:center}.versus__picker{grid-area:picker;display:flex;flex-wrap:wrap;gap:8px}.versus__chip,.shift__tab{position:relative;display:inline-flex}.versus__chip input,.shift__tab input{position:absolute;opacity:0;pointer-events:none}.versus__chip span,.shift__tab span{height:40px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--outline);font:600 14px var(--font);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.versus__chip input:checked+span,.shift__tab input:checked+span{border-color:var(--fg);background:var(--fg);color:var(--bg)}.versus__chip input:focus-visible+span,.shift__tab input:focus-visible+span{outline:2px solid var(--fg);outline-offset:2px}.versus__chart{grid-area:chart;margin:0;width:100%;max-width:500px;justify-self:center}.versus__plot{position:relative;aspect-ratio:1;margin:0 clamp(40px,7vw,76px)}.versus__plot svg{display:block;width:100%;height:100%;overflow:visible}.versus__grid polygon,.versus__grid line{fill:none;stroke:var(--rule-strong);stroke-width:1}.versus__lokt{fill-opacity:.5;stroke-width:2.5;stroke-linejoin:round}.versus__rival{fill:color-mix(in srgb,currentColor 7%,transparent);stroke:currentColor;stroke-opacity:.7;stroke-width:1.5;stroke-dasharray:5 4;stroke-linejoin:round;opacity:0;transition:opacity .35s var(--ease)}.versus__label{position:absolute;transform:translate(-50%,-50%);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--fg-muted)}.versus__label--r{transform:translateY(-50%)}.versus__label--l{transform:translate(-100%,-50%)}.versus__legend{display:flex;justify-content:center;gap:20px;margin-top:24px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.versus__key{display:inline-flex;align-items:center;gap:8px}.versus__key:before{content:"";width:18px;height:10px;border-radius:3px}.versus__key--lokt:before{background:var(--holo)}.versus__key--rival{display:none;color:var(--fg-muted)}.versus__key--rival:before{border:1.5px dashed currentColor}.versus__board{grid-area:board;display:flex;flex-direction:column;gap:18px}.versus__rows{margin:0;padding:0;list-style:none}.versus__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:16px;padding:13px 0;border-top:1px solid var(--rule)}.versus__row:last-child{border-bottom:1px solid var(--rule)}.versus__axis-name{display:block;font-size:15px;font-weight:600}.versus__axis-hint{display:block;margin-top:2px;font-size:13px;color:var(--fg-muted)}.versus__bars{display:flex;flex-direction:column;gap:6px}.versus__bar{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:10px;font:500 11px var(--mono);color:var(--fg-muted);text-align:right}.versus__bar:before{content:"";height:8px;border-radius:999px}.versus__bar--lokt:before{background:var(--holo) 0 0 / calc(var(--v) * 20%) 100% no-repeat,var(--rule-soft)}.versus__bar--rival{display:none}.versus__bar--rival:before{background:linear-gradient(currentColor,currentColor) 0 0 / calc(var(--v) * 20%) 100% no-repeat,var(--rule-soft)}.versus__note{display:none;margin:0;font-size:15px;line-height:1.55;color:var(--fg-muted)}.versus__note strong,.versus__verdict strong{color:var(--fg)}.versus__verdict{margin:0;padding:16px 18px;border-radius:16px;background:var(--surface);font-size:15px;line-height:1.55}.versus:has([data-versus="1"]:checked) .versus__rival[data-versus="1"],.versus:has([data-versus="2"]:checked) .versus__rival[data-versus="2"],.versus:has([data-versus="3"]:checked) .versus__rival[data-versus="3"],.versus:has([data-versus="4"]:checked) .versus__rival[data-versus="4"]{opacity:1}.versus:has([data-versus="1"]:checked) .versus__bar--rival[data-versus="1"],.versus:has([data-versus="2"]:checked) .versus__bar--rival[data-versus="2"],.versus:has([data-versus="3"]:checked) .versus__bar--rival[data-versus="3"],.versus:has([data-versus="4"]:checked) .versus__bar--rival[data-versus="4"]{display:grid}.versus:has([data-versus="1"]:checked) .versus__key--rival[data-versus="1"],.versus:has([data-versus="2"]:checked) .versus__key--rival[data-versus="2"],.versus:has([data-versus="3"]:checked) .versus__key--rival[data-versus="3"],.versus:has([data-versus="4"]:checked) .versus__key--rival[data-versus="4"]{display:inline-flex}.versus:has([data-versus="1"]:checked) .versus__note[data-versus="1"],.versus:has([data-versus="2"]:checked) .versus__note[data-versus="2"],.versus:has([data-versus="3"]:checked) .versus__note[data-versus="3"],.versus:has([data-versus="4"]:checked) .versus__note[data-versus="4"]{display:block}@media(max-width:899px){.versus__body{grid-template-columns:minmax(0,1fr);grid-template-areas:"picker" "chart" "board"}.versus__label{font-size:11px;letter-spacing:.02em}.versus__picker{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--c-px));padding-inline:var(--c-px);scrollbar-width:none}.versus__chip{flex:none}}.path__defs{position:absolute}.shift__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}.shift__intro{position:sticky;top:140px}.shift__intro .h{font-size:clamp(34px,4.4vw,58px);text-wrap:balance}.shift__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.shift__tab span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 20%,transparent)}.shift__tab input:checked+span:before{box-shadow:0 0 0 1.5px var(--bg)}.shift__note{margin:8px 0 0;font:500 11px var(--mono);letter-spacing:.06em;color:var(--fg-muted)}.shift__panel{display:none}.shift:not(:has(.shift__tabs)) .shift__panel,.shift:has([data-shift="1"]:checked) .shift__panel[data-shift="1"],.shift:has([data-shift="2"]:checked) .shift__panel[data-shift="2"],.shift:has([data-shift="3"]:checked) .shift__panel[data-shift="3"],.shift:has([data-shift="4"]:checked) .shift__panel[data-shift="4"],.shift:has([data-shift="5"]:checked) .shift__panel[data-shift="5"],.shift:has([data-shift="6"]:checked) .shift__panel[data-shift="6"]{display:block}.moments{margin:0;padding:0;list-style:none}.moments__item{display:grid;grid-template-columns:minmax(96px,.3fr) 22px minmax(0,1fr);column-gap:clamp(16px,2.2vw,32px)}.moments__time{padding-top:1px;text-align:right;font:800 clamp(20px,2.2vw,30px) / 1 var(--font);font-stretch:112%;letter-spacing:-.02em;white-space:nowrap}.moments__rail{display:flex;flex-direction:column;align-items:center}.moments__dot{flex:none;width:22px;height:22px;border-radius:50%;background:var(--holo);box-shadow:0 0 0 6px color-mix(in srgb,#b8b0ff 22%,transparent)}.moments__line{flex:1;width:2px;margin:6px 0;border-radius:2px;background:var(--rule-soft)}.moments__item:last-child .moments__line{display:none}.moments__fill{display:block;height:100%;border-radius:2px;background:var(--fg);transform-origin:top}.moments__copy{display:flex;flex-direction:column;gap:8px;padding-bottom:clamp(44px,8vh,96px)}.moments__item:last-child .moments__copy{padding-bottom:0}.moments__title{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:800;font-stretch:112%;letter-spacing:-.02em;line-height:1.05}.moments__text{margin:0;max-width:30em;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--fg-muted)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.moments__dot{animation:moment-dot linear both;animation-timeline:view(50% 50%)}.moments__fill{animation:moment-fill linear both;animation-timeline:view(50% 50%)}.moments__time,.moments__copy{animation:moment-copy linear both;animation-timeline:view(50% 50%);animation-range:cover 0% cover 12%}}}@keyframes moment-dot{0%,49%{background:var(--bg);box-shadow:inset 0 0 0 2px var(--rule-strong),0 0 0 6px transparent}}@keyframes moment-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes moment-copy{0%{opacity:.28}}@media(max-width:899px){.shift__grid{grid-template-columns:minmax(0,1fr)}.shift__intro{position:static}.moments__item{grid-template-columns:22px minmax(0,1fr);grid-template-areas:"rail time" "rail copy";column-gap:16px;row-gap:8px}.moments__time{grid-area:time;padding-top:2px;text-align:left;font-size:15px;font-family:var(--mono);font-weight:500;letter-spacing:.04em}.moments__rail{grid-area:rail}.moments__copy{grid-area:copy;padding-bottom:40px}}.path__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin:0;padding:0;list-style:none}.path__step{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 24px;border-radius:28px;background:var(--surface)}.path__num{font:500 12px var(--mono);letter-spacing:.1em;color:var(--fg-muted)}.path__icon{display:grid;place-items:center;height:128px;margin:2px 0 6px;color:var(--fg)}.path__icon svg{width:160px;max-width:100%;height:120px;overflow:visible}.ico{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ico--soft{opacity:.45}.ico--holo{stroke-width:2}.ico--thick{stroke-width:5}.ico--flow{stroke-dasharray:2 9}@media(prefers-reduced-motion:no-preference){.ico--flow{animation:ico-flow 1.4s linear infinite}}@keyframes ico-flow{to{stroke-dashoffset:-22}}.path__title{margin:0;font-size:20px;font-weight:700;font-stretch:112%}.path__text{margin:0;font-size:15px;line-height:1.5;color:var(--fg-muted)}.path__out{align-self:flex-start;margin-top:auto;height:28px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;background:var(--holo);color:var(--ink);font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}@media(min-width:1100px){.path__step:not(:last-child):after{content:"\2192";position:absolute;top:50%;right:-7px;z-index:1;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rule-strong);background:var(--bg);font:500 12px var(--mono);color:var(--fg-muted);transform:translate(50%,-50%)}}.combo__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}.combo__card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:18px;align-items:start;padding:26px;border-radius:28px;background:var(--tint);color:var(--ink)}.combo__kicker{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.combo__kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.combo__eq{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.combo__chip{height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:var(--white);font-size:14px;font-weight:600}.combo__op{font:500 16px var(--mono);color:var(--text-3)}.combo__result{display:flex;align-items:baseline;gap:12px;margin:0;font-size:clamp(22px,2vw,28px);font-weight:800;font-stretch:112%;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.combo__result:before{content:"=";font:500 18px var(--mono);color:var(--text-3)}.combo__text{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/explainers.css.map */