@layer components{.vsr-finder__result.is-calculating .vsr-finder__card{visibility:hidden}.vsr-finder__calc{visibility:hidden;display:grid;justify-items:center;align-content:center;gap:clamp(var(--vsr-space-5),2.4vw,var(--vsr-space-8));max-inline-size:64rem;padding:var(--vsr-finder-pad);border:var(--vsr-border-width) solid var(--vsr-color-border);border-radius:var(--vsr-radius-sm);background-color:var(--vsr-color-surface);text-align:center}.vsr-finder__result.is-calculating .vsr-finder__calc{visibility:visible;animation:vsr-finder-in var(--vsr-duration-base) var(--vsr-ease-out) both}.vsr-finder__calc-eyebrow{color:var(--vsr-color-muted);font-family:var(--vsr-font-mono);font-size:var(--vsr-text-2xs);letter-spacing:var(--vsr-tracking-widest);text-transform:uppercase}.vsr-finder__calc-mark{position:relative;display:grid;place-items:center;inline-size:clamp(6rem,16vw,7.5rem);aspect-ratio:1}.vsr-finder__calc-ring{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;fill:none}.vsr-finder__calc-track{stroke:var(--vsr-color-border);stroke-width:1}.vsr-finder__result.is-calculating .vsr-finder__calc-ring{animation:vsr-calc-spin 1.1s linear infinite;will-change:transform}@keyframes vsr-calc-spin{to{transform:rotate(360deg)}}.vsr-finder__calc-arc{stroke:var(--vsr-color-accent);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:28 72;transform:rotate(-90deg);transform-origin:50% 50%}.vsr-finder__calc-brand{position:absolute;top:22%;right:22%;bottom:22%;left:22%;display:grid;place-items:center}.vsr-finder__calc-title{max-inline-size:26rem;color:var(--vsr-color-heading);font-family:var(--vsr-font-heading);font-size:var(--vsr-text-2xl);font-weight:var(--vsr-weight-heading);line-height:var(--vsr-leading-snug);letter-spacing:var(--vsr-tracking-tight);text-wrap:balance}.vsr-finder__calc-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--vsr-space-2) var(--vsr-space-3);max-inline-size:30rem;color:var(--vsr-color-muted);font-family:var(--vsr-font-mono);font-size:var(--vsr-text-2xs);letter-spacing:var(--vsr-tracking-wide);text-transform:uppercase}.vsr-finder__calc-summary span:not(:empty)+span:not(:empty):before{content:"\b7";margin-inline-end:var(--vsr-space-3);color:var(--vsr-color-border-strong)}.vsr-finder__calc-stages{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vsr-space-2);inline-size:100%;max-inline-size:30rem;margin:0;padding:0;list-style:none}.vsr-finder__calc-stages:before{content:"";position:absolute;inset-block-start:1.1rem;inset-inline:12.5% 12.5%;block-size:var(--vsr-border-width);background-color:var(--vsr-color-border)}.vsr-finder__calc-stage{display:flex;flex-direction:column;align-items:center;gap:var(--vsr-space-2);text-align:center}.vsr-finder__calc-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:2.2rem;block-size:2.2rem;border:var(--vsr-border-width) solid var(--vsr-color-border-strong);border-radius:var(--vsr-radius-circle);background-color:var(--vsr-color-surface);color:var(--vsr-color-muted)}.vsr-finder__calc-stage-name{color:var(--vsr-color-heading);font-size:var(--vsr-text-sm);font-weight:var(--vsr-weight-semibold);line-height:var(--vsr-leading-snug)}.vsr-finder__calc-stage-note{color:var(--vsr-color-muted);font-size:var(--vsr-text-2xs);line-height:var(--vsr-leading-snug);text-wrap:pretty}.vsr-finder__result.is-calculating .vsr-finder__calc-stage{animation:vsr-calc-stage 725ms var(--vsr-ease-standard) calc(var(--i) * 725ms) both}.vsr-finder__result.is-calculating .vsr-finder__calc-icon{animation:vsr-calc-disc 725ms var(--vsr-ease-standard) calc(var(--i) * 725ms) both}.vsr-finder__result.is-calculating .vsr-finder__calc-stage-note{animation:vsr-calc-note 725ms var(--vsr-ease-standard) calc(var(--i) * 725ms) both}@keyframes vsr-calc-stage{0%{opacity:.4}35%{opacity:1}to{opacity:1}}@keyframes vsr-calc-disc{0%{border-color:var(--vsr-color-border-strong);background-color:var(--vsr-color-surface);color:var(--vsr-color-muted)}35%{border-color:var(--vsr-color-accent);background-color:var(--vsr-color-accent);color:var(--vsr-color-accent-contrast)}to{border-color:var(--vsr-color-heading);background-color:var(--vsr-color-surface);color:var(--vsr-color-heading)}}@keyframes vsr-calc-note{0%{color:var(--vsr-color-muted)}35%{color:var(--vsr-color-link)}to{color:var(--vsr-color-muted)}}.vsr-finder__result.is-entering:not(.is-calculating) .vsr-finder__card{animation:vsr-finder-in var(--vsr-duration-slow) var(--vsr-ease-out) 60ms both}@media screen and not (min-width:750px){.vsr-finder__calc{align-content:start;padding-block:var(--vsr-space-8)}.vsr-finder__calc-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vsr-space-5) var(--vsr-space-3)}.vsr-finder__calc-stages:before{display:none}}@media(prefers-reduced-motion:reduce){.vsr-finder__calc{display:none}.vsr-finder__result.is-entering:not(.is-calculating) .vsr-finder__card{animation:none}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-finder-calc.css.map */