.pr-loop{isolation:isolate;--ring: min(var(--pr-ring), 86vw);--r: calc(var(--ring) / 2);--node: calc(var(--ring) * var(--pr-node));--center: calc(var(--ring) * var(--pr-center))}.pr-loop__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(63% 72% at 0% 0%,var(--pr-bg-corner) 0%,var(--pr-bg-corner) 55%,transparent 100%),radial-gradient(59% 47% at 42% 30%,var(--pr-bg-deep) 0%,transparent 100%),radial-gradient(50% 30% at 0% 100%,var(--pr-bg-haze-l) 0%,transparent 100%),radial-gradient(45% 45% at 100% 100%,var(--pr-bg-haze-r) 0%,transparent 100%),var(--pr-bg-blue)}.pr-loop__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pr-loop__grid{display:grid;grid-template-columns:minmax(0,var(--pr-copy-w)) minmax(0,1fr);gap:40px;align-items:center}.pr-loop__copy{display:flex;flex-direction:column;align-items:flex-start}.pr-loop__copy .pr-pill{margin-bottom:12px}.pr-loop .pr-h{color:var(--pr-text);text-wrap:wrap}.pr-loop__text{margin-top:var(--pr-text-gap);color:var(--pr-muted-c);font-size:16px;line-height:1.75;letter-spacing:-.02em}.pr-loop__text p{margin:0}.pr-loop__stage{position:relative;justify-self:center;width:calc(var(--ring) + var(--node));height:calc(var(--ring) + var(--node))}.pr-loop__pivot{position:absolute;left:50%;top:50%;width:0;height:0}.pr-loop__ring,.pr-loop__arc{position:absolute;left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:var(--ring);height:var(--ring);border-radius:50%}.pr-loop__ring{border:var(--pr-ring-w) solid var(--pr-ring-c);box-shadow:0 0 18px color-mix(in srgb,var(--pr-ring-c) 45%,transparent),inset 0 0 18px color-mix(in srgb,var(--pr-ring-c) 30%,transparent)}.pr-loop__arc{border:calc(var(--pr-ring-w) + 1px) solid var(--pr-arc-c);-webkit-mask-image:conic-gradient(from 0deg,transparent 0deg,transparent 290deg,#000 360deg);mask-image:conic-gradient(from 0deg,transparent 0deg,transparent 290deg,#000 360deg);filter:drop-shadow(0 0 6px var(--pr-arc-c));will-change:transform}.pr-loop__center{position:absolute;left:calc(var(--center) / -2);top:calc(var(--center) / -2);display:grid;place-items:center;width:var(--center);height:var(--center);padding:0;border:2px solid var(--pr-center-c);border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--pr-center-c) 55%,transparent),inset 0 0 24px color-mix(in srgb,var(--pr-center-c) 30%,transparent);color:#fff;text-align:center}.pr-loop__center img{display:block;width:calc(var(--center) * var(--pr-center-logo));height:calc(var(--center) * var(--pr-center-logo));min-width:0;object-fit:contain}.pr-loop__center-text{font:700 calc(var(--center) * .13) / 1.1 var(--pr-font-head);letter-spacing:-.03em}.pr-loop__nodes{position:absolute;left:0;top:0;width:0;height:0;margin:0;padding:0;list-style:none}.pr-loop__node{--a: calc((var(--a0, 0) + var(--pr-spin, 0)) * 1deg);position:absolute;left:0;top:0;translate:calc(sin(var(--a)) * var(--r) - 50%) calc(cos(var(--a)) * var(--r) * -1 - 50%);transition:scale .6s var(--pr-ease)}.pr-loop__bubble{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:var(--node);height:var(--node);padding:12px;border-radius:50%;background:var(--pr-node-bg);color:var(--pr-node-text);text-align:center;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);box-shadow:inset 0 1px #ffffff40,0 10px 30px #000a3c2e;transition:background .6s var(--pr-ease),box-shadow .6s var(--pr-ease)}.pr-loop__bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#fff9,#ffffff1a 45%,#ffffff73);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.pr-loop__icon{width:calc(var(--node) * .23);height:calc(var(--node) * .23);object-fit:contain}.pr-loop__label{font:500 clamp(10px,calc(var(--node) * .1),15px) / 1.25 var(--pr-font-body);letter-spacing:-.01em}.pr-loop__node.is-active{scale:1.08}.pr-loop__node.is-active .pr-loop__bubble{background:var(--pr-node-active);box-shadow:inset 0 1px #fff6,0 0 40px color-mix(in srgb,var(--pr-arc-c) 55%,transparent)}@media(hover:hover){.pr-loop__node:hover{scale:1.1}}@media screen and (max-width:989px){.pr-loop__grid{grid-template-columns:minmax(0,1fr);gap:48px}.pr-loop{--ring: min(var(--pr-ring), 62vw)}}@media screen and (max-width:749px){.pr-loop{--ring: min(var(--pr-ring), 64vw)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/precept-loop.css.map */