.rns-mech__top{display:grid;gap:var(--rns-space-6);align-items:center;margin-bottom:var(--rns-space-8)}.rns-mech__head{margin-bottom:0}.rns-mech__diagram{position:relative;aspect-ratio:320 / 210;width:100%;max-width:34rem;margin-inline:auto}.rns-mech__halo{position:absolute;top:0;right:5%;bottom:0;left:5%;border-radius:50%;background:radial-gradient(closest-side,var(--rns-color-glow),transparent);pointer-events:none}.rns-mech__drawing{position:relative;display:block;width:100%;height:100%;color:var(--rns-color-text)}.rns-mech-ill__water,.rns-mech-ill__waves,.rns-mech-ill__bubbles,.rns-mech-ill__source{color:var(--rns-color-accent)}.rns-mech-ill__wave,.rns-mech-ill__bubble,.rns-mech-ill__speck{transform-box:fill-box;transform-origin:center}.rns-mech-ill__wave{animation:rns-mech-wave 2.4s var(--rns-ease) infinite}.rns-mech-ill__wave--2{animation-delay:.3s}.rns-mech-ill__wave--3{animation-delay:.6s}.rns-mech-ill__wave--4{animation-delay:.9s}@keyframes rns-mech-wave{0%{opacity:0;transform:translateY(var(--rns-space-1)) scale(.92)}35%{opacity:.9}to{opacity:0;transform:translateY(calc(var(--rns-space-2) * -1)) scale(1.04)}}.rns-mech-ill__bubble{animation:rns-mech-bubble 2.2s ease-in-out infinite}.rns-mech-ill__bubble--2{animation-delay:.4s}.rns-mech-ill__bubble--3{animation-delay:.9s}.rns-mech-ill__bubble--4{animation-delay:1.3s}.rns-mech-ill__bubble--5{animation-delay:.2s}.rns-mech-ill__bubble--6{animation-delay:1.6s}.rns-mech-ill__bubble--7{animation-delay:1.1s}@keyframes rns-mech-bubble{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1)}70%{opacity:.9;transform:scale(1.25)}to{opacity:0;transform:scale(.2)}}.rns-mech-ill__speck{opacity:.6;animation:rns-mech-speck 3.2s ease-out infinite}.rns-mech-ill__speck--2{animation-delay:1s}.rns-mech-ill__speck--3{animation-delay:2s}@keyframes rns-mech-speck{0%{opacity:0;transform:translateY(0)}30%{opacity:.7}to{opacity:0;transform:translateY(calc(var(--rns-space-5) * -1))}}.rns-mech__flow{display:grid;gap:var(--rns-space-3);margin:0;padding:0;list-style:none;counter-reset:none}.rns-mech__stage{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--rns-space-4);row-gap:var(--rns-space-1);padding:var(--rns-space-4);border:var(--rns-border-width) solid var(--rns-color-surface-border);border-radius:var(--rns-radius-lg);background-color:var(--rns-color-surface)}.rns-mech__stage:not(:last-child):after{content:"";position:absolute;left:calc(var(--rns-space-4) + var(--rns-space-6) - var(--rns-border-width));bottom:calc(var(--rns-space-3) * -1 - var(--rns-border-width));width:calc(var(--rns-border-width) * 2);height:var(--rns-space-3);background:linear-gradient(var(--rns-color-accent),var(--rns-color-glow))}.rns-mech__icon-wrap{grid-row:1 / span 2;display:grid;place-items:center;width:var(--rns-space-12);height:var(--rns-space-12);border-radius:var(--rns-radius-md);background:linear-gradient(145deg,var(--rns-color-accent-soft),transparent);border:var(--rns-border-width) solid var(--rns-color-accent-soft);color:var(--rns-color-accent)}.rns-mech__icon{width:var(--rns-space-6);height:var(--rns-space-6)}.rns-mech__index{position:absolute;top:var(--rns-space-3);right:var(--rns-space-4);font-family:var(--rns-font-heading);font-weight:var(--rns-font-heading-weight);font-size:var(--rns-text-xs);letter-spacing:.08em;color:var(--rns-color-text-muted)}.rns-mech__title{align-self:end;padding-right:var(--rns-space-8);font-size:var(--rns-text-lg);line-height:var(--rns-leading-snug)}.rns-mech__text{font-size:var(--rns-text-sm);line-height:var(--rns-leading-normal);color:var(--rns-color-text-muted)}.rns-mech__footnote{text-align:center}.rns-mech__app{min-height:var(--rns-tap-target)}@media(min-width:990px){.rns-mech__top{grid-template-columns:1fr 1fr;gap:var(--rns-space-12);margin-bottom:var(--rns-space-10)}.rns-mech__flow--3{grid-template-columns:repeat(3,minmax(0,1fr))}.rns-mech__flow--4{grid-template-columns:repeat(4,minmax(0,1fr))}.rns-mech__flow{gap:var(--rns-space-6)}.rns-mech__stage{grid-template-columns:1fr;grid-template-rows:auto;row-gap:var(--rns-space-3);padding:var(--rns-space-6)}.rns-mech__icon-wrap{grid-row:auto}.rns-mech__title{padding-right:0}.rns-mech__stage:not(:last-child):after{left:auto;right:calc(var(--rns-space-6) * -1 - var(--rns-border-width));top:calc(var(--rns-space-6) + var(--rns-space-6));bottom:auto;width:var(--rns-space-6);height:calc(var(--rns-border-width) * 2);background:linear-gradient(90deg,var(--rns-color-accent),var(--rns-color-glow))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-edu-mechanism.css.map */