.anat{position:relative;overflow:hidden;isolation:isolate}.anat__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.anat__lines line{stroke:var(--line);stroke-width:1}.js-motion .anat__lines line{stroke-dasharray:1;stroke-dashoffset:1}.js-motion .anat.is-in .anat__lines line{animation:anat-draw 1.6s var(--m-ease, ease) forwards}.js-motion .anat.is-in .anat__lines line:nth-child(2){animation-delay:.25s}.js-motion .anat.is-in .anat__lines line:nth-child(3){animation-delay:.5s}@keyframes anat-draw{to{stroke-dashoffset:0}}.anat__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}.anat__grid>*{min-width:0}@media(min-width:990px){.anat__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(48px,6vw,96px)}}.anat__visual{position:relative}.anat__frame{position:relative;border-radius:var(--r-2xl);overflow:hidden;box-shadow:inset 0 0 0 1px #f3f4ee14}.anat__frame .media{--media-r: 0}.anat__caption{margin:14px 0 0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.anat__hot{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}.anat__hot-dot{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:var(--c-chalk);box-shadow:0 0 0 3px #0d13308c,0 2px 10px #0d133073;transition:transform .35s var(--m-snap, ease),background-color .25s ease}.anat__hot-ring{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:2px solid var(--c-optic);opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .35s var(--m-snap, ease)}.anat__hot-num{position:absolute;left:40px;top:50%;translate:0 -50%;padding:6px 8px;border-radius:var(--r-xs);background:var(--c-ink);color:var(--c-chalk);font:500 11px/1 var(--f-mono);letter-spacing:.08em;white-space:nowrap;opacity:0;transform:translate(-6px);transition:opacity .25s ease,transform .3s var(--m-ease, ease);pointer-events:none}.anat__hot:hover .anat__hot-dot{transform:scale(1.15)}.anat__hot.is-active .anat__hot-dot{background:var(--c-optic);transform:scale(1.2)}.anat__hot.is-active .anat__hot-ring,.anat__hot.is-active .anat__hot-num{opacity:1;transform:none}.anat__hot:focus-visible{outline:2px solid var(--c-optic);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.anat__hot.is-active .anat__hot-ring{animation:anat-ring 2.2s ease-out infinite}@keyframes anat-ring{0%{transform:scale(1);opacity:.95}70%,to{transform:scale(2.1);opacity:0}}}.anat__title{margin:14px 0 0;max-width:11em}.anat__lead{margin-top:18px}.anat__lead p{margin:0}.anat__list{margin:36px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.anat__item{position:relative;border-bottom:1px solid var(--line)}.anat__btn{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;padding:20px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.anat__btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-xs)}.anat__num{font:500 13px/1 var(--f-mono);letter-spacing:.08em;color:var(--muted);transition:color .25s ease}.anat__name{font-family:var(--f-display);font-weight:600;font-size:clamp(20px,1.9vw,26px);line-height:1.15;letter-spacing:-.02em;color:var(--muted);transition:color .25s ease}.anat__plus{position:relative;width:14px;height:14px;justify-self:end;color:var(--muted)}.anat__plus:before,.anat__plus:after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s var(--m-ease, ease)}.anat__plus:after{transform:rotate(90deg)}.anat__item.is-active .anat__num{color:var(--accent)}.anat__item.is-active .anat__name,.anat__item.is-active .anat__plus{color:var(--fg)}.anat__item.is-active .anat__plus:after{transform:rotate(0)}.anat__btn:hover .anat__name{color:var(--fg)}.anat__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--m-ease, ease)}.anat__item.is-active .anat__panel{grid-template-rows:1fr}.anat__panel-in{overflow:hidden}.anat__text{margin:0;padding:0 36px 22px 60px;color:var(--muted);font-size:16px;line-height:24px;max-width:36em}.anat__bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}.anat__bar span{display:block;height:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0)}.anat__item.is-active .anat__bar span{transform:scaleX(1)}.is-running .anat__item.is-active .anat__bar span{animation:anat-progress var(--anat-dur, 5s) linear both}@keyframes anat-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.anat__specs{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 0;padding:0;list-style:none}@media(max-width:989px){.anat__lines{display:none}.anat__visual{max-width:560px;width:100%;margin:0 auto}.anat__text{padding-left:60px;padding-right:0}}@media(max-width:749px){.anat__frame{border-radius:var(--r-xl)}.anat__btn{grid-template-columns:40px minmax(0,1fr) 20px;padding:18px 0}.anat__text{padding-left:52px;font-size:15px;line-height:22px}.anat__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.anat__spec{display:flex;flex-direction:column;align-self:stretch;min-width:0}.anat__spec>span{justify-content:flex-start;padding:8px 12px;white-space:normal;overflow-wrap:anywhere}.anat__spec .bug__b{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.anat__panel,.anat__hot-dot,.anat__hot-ring,.anat__hot-num{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/ss-anatomy.css.map */