.mdx-ringscene{padding-block:clamp(72px,10vw,136px)}.mdx-ringscene__layout{display:grid;gap:clamp(32px,5vw,56px)}.mdx-ringscene__head{display:grid;gap:14px}.mdx-ringscene__head .mdx-h2{max-width:15em}.mdx-ring{display:none}.mdx-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.mdx-step{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;padding:20px 0;border-top:1px solid var(--line);--img-h: 96px}.mdx-step--noimg{grid-template-columns:minmax(0,1fr)}.mdx-step__media img,.mdx-step__media .mdx-placeholder{width:96px;height:96px;object-fit:cover;border-radius:var(--mdx-r-md)}.mdx-step__kicker{font:600 14px/1.3 var(--mdx-font);color:var(--muted)}.mdx-step h3{margin:4px 0 6px;font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.mdx-step__text{font-size:15px;color:var(--muted)}.mdx-step__text p+p{margin-top:.5em}.mdx-step__more{margin-top:6px;font-size:15px}.mdx-step__scan{position:absolute;left:0;top:20px;width:96px;height:var(--img-h);border-radius:var(--mdx-r-md);overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(90,174,227,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(90,174,227,.22) 1px,transparent 1px);background-size:14px 14px}.mdx-step__scan:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#ff6b9a;box-shadow:0 0 16px 4px #5aaee3b3;animation:mdx-scan 3.2s var(--mdx-ease) infinite alternate}@keyframes mdx-scan{0%{transform:translateY(0)}to{transform:translateY(calc(var(--img-h) - 2px))}}.mdx-anim .mdx-ringscene{height:var(--mdx-scroll, 340vh);padding:0}.mdx-anim .mdx-ringscene__sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;padding-top:24px}@supports (height: 100svh){.mdx-anim .mdx-ringscene__sticky{height:100svh}}.mdx-anim .mdx-ringscene__layout{--rs: min( calc(100vh - 120px) , 560px);grid-template-columns:var(--rs) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"ring head" "ring steps";column-gap:clamp(40px,6vw,96px);row-gap:28px;align-items:center}.mdx-anim .mdx-ringscene__head{grid-area:head;align-self:end}.mdx-anim .mdx-ring{grid-area:ring;display:block;position:relative;width:var(--rs);height:var(--rs)}.mdx-anim .mdx-steps{grid-area:steps;align-self:start;display:grid;grid-template-columns:minmax(0,1fr)}.mdx-anim .mdx-step{grid-area:1 / 1;grid-template-columns:minmax(0,1fr);padding:0;border:0;background:transparent;opacity:0;transform:translateY(16px);transition:opacity .18s var(--mdx-ease),transform .18s var(--mdx-ease);--img-h: clamp(140px, 24vh, 240px);pointer-events:none}.mdx-anim .mdx-step.is-active{opacity:1;transform:none;pointer-events:auto;transition-duration:.45s;transition-delay:.14s}.mdx-anim .mdx-step__media img,.mdx-anim .mdx-step__media .mdx-placeholder{width:100%;max-width:440px;height:var(--img-h);border-radius:var(--mdx-r-lg)}.mdx-anim .mdx-step__scan{left:0;top:0;width:min(100%,440px);border-radius:var(--mdx-r-lg)}.mdx-anim .mdx-step h3{font-size:clamp(24px,2.4vw,32px)}.mdx-anim .mdx-step__text,.mdx-anim .mdx-step__more{font-size:17px;max-width:42ch}.mdx-ring__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.mdx-ring__base{fill:none;stroke:var(--line);stroke-width:1.2}.mdx-ring__seg{fill:none;stroke:var(--mdx-blue);stroke-width:2.4;stroke-linecap:round;opacity:0;transition:opacity .5s var(--mdx-ease)}.mdx-ring__seg.is-done{opacity:1}.mdx-ring__orbit{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(calc(var(--p, 0) * 360deg));pointer-events:none}.mdx-ring__orbit span{position:absolute;left:50%;top:5%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--mdx-blue);box-shadow:0 0 0 4px #c101492e}.mdx-ring__center{position:absolute;top:22%;right:22%;bottom:22%;left:22%;display:grid;place-items:center}.mdx-ring__center span{grid-area:1 / 1;display:grid;justify-items:center;font-size:clamp(64px,9vw,120px);font-weight:800;letter-spacing:-.05em;line-height:.9;opacity:0;transform:scale(.94);transition:opacity .45s var(--mdx-ease),transform .45s var(--mdx-ease);font-variant-numeric:tabular-nums}.mdx-ring__center span.is-active{opacity:1;transform:none}.mdx-ring__center small{font-size:18px;font-weight:600;letter-spacing:0;color:var(--muted);margin-top:14px}.mdx-ring__nodes{list-style:none;margin:0;padding:0}.mdx-ring__nodes li{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(calc(var(--i) * 360deg / var(--n, 6))) translateY(calc(var(--rs) * -.45)) rotate(calc(var(--i) * -360deg / var(--n, 6)))}.mdx-node{position:absolute;left:0;top:0;transform:translate(-50%,-17px) scale(var(--sc, 1));transform-origin:50% 17px;display:grid;justify-items:center;gap:6px;padding:0;border:0;background:none;color:var(--fg);font:600 15px/1 var(--mdx-font);letter-spacing:0;cursor:pointer;white-space:nowrap;transition:transform .3s var(--mdx-ease)}.mdx-node:hover,.mdx-node:focus-visible{--sc: 1.06}.mdx-node__dot{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg);font:700 14px/1 var(--mdx-font);font-variant-numeric:tabular-nums}.mdx-node__label{padding:2px 6px;background:var(--bg);color:var(--muted)}.mdx-node.is-done .mdx-node__dot{border-color:var(--mdx-blue);color:var(--accent-text)}.mdx-node.is-active .mdx-node__dot{background:var(--mdx-blue);border-color:var(--mdx-blue);color:#fff}.mdx-node.is-active .mdx-node__label{color:var(--fg)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-mdx-ring.css.map */