:root{--aminos-tr-tick: #85a452}.aminos-test-ring{position:relative;overflow-x:clip;--base-radius: max(var(--ring-radius), calc(var(--image-size) / 2 + var(--petal-size) / 2 + 32px));--rings-stroke: color-mix(in srgb, var(--rings-color, rgb(var(--color-button))) 20%, transparent)}.aminos-test-ring__stage{position:relative}.aminos-test-ring__stage>*{position:relative;z-index:1}.aminos-test-ring--rings .aminos-test-ring__stage:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);z-index:0;pointer-events:none;background:radial-gradient(circle at var(--rings-cx, 50%) var(--rings-cy, 50%),transparent 0 calc(var(--base-radius) * .3 - 1.5px),var(--rings-stroke) calc(var(--base-radius) * .3 - 1.5px) calc(var(--base-radius) * .3 + 1.5px),transparent calc(var(--base-radius) * .3 + 1.5px) calc(var(--base-radius) * .5 - 1.5px),var(--rings-stroke) calc(var(--base-radius) * .5 - 1.5px) calc(var(--base-radius) * .5 + 1.5px),transparent calc(var(--base-radius) * .5 + 1.5px) calc(var(--base-radius) * .63 - 1.5px),var(--rings-stroke) calc(var(--base-radius) * .63 - 1.5px) calc(var(--base-radius) * .63 + 1.5px),transparent calc(var(--base-radius) * .63 + 1.5px) calc(var(--base-radius) * .98 - 1.5px),var(--rings-stroke) calc(var(--base-radius) * .98 - 1.5px) calc(var(--base-radius) * .98 + 1.5px),transparent calc(var(--base-radius) * .98 + 1.5px) calc(var(--base-radius) * 1.22 - 1.5px),var(--rings-stroke) calc(var(--base-radius) * 1.22 - 1.5px) calc(var(--base-radius) * 1.22 + 1.5px),transparent calc(var(--base-radius) * 1.22 + 1.5px) calc(var(--base-radius) * 1.72 - 1.5px),var(--rings-stroke) calc(var(--base-radius) * 1.72 - 1.5px) calc(var(--base-radius) * 1.72 + 1.5px),transparent calc(var(--base-radius) * 1.72 + 1.5px) calc(var(--base-radius) * 2.35 - 1.5px),var(--rings-stroke) calc(var(--base-radius) * 2.35 - 1.5px) calc(var(--base-radius) * 2.35 + 1.5px),transparent calc(var(--base-radius) * 2.35 + 1.5px))}.aminos-test-ring__header{display:block;text-align:center;max-width:720px;margin:0 auto 44px}.aminos-test-ring__eyebrow{margin:0 0 12px;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-button))}.aminos-test-ring__heading{margin:0;line-height:1.05}.aminos-test-ring__ring{position:relative;width:100%;height:calc(var(--base-radius) * 2 + var(--petal-size) + 230px)}.aminos-test-ring__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:var(--image-size);height:var(--image-size)}.aminos-test-ring__image{width:100%;height:100%;object-fit:contain;display:block}@keyframes aminos-test-ring-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:no-preference){.aminos-test-ring__center--float .aminos-test-ring__image{animation:aminos-test-ring-bob 4s ease-in-out infinite;will-change:transform}}.aminos-test-ring__items{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.aminos-test-ring__item{position:absolute;top:50%;left:50%;--item-r: calc(var(--base-radius) + var(--item-offset, 0px))}.aminos-test-ring__spoke{position:absolute;top:0;left:0;height:2px;margin-top:-1px;width:calc(var(--item-r) - var(--image-size) / 2 - 6px);background:color-mix(in srgb,rgb(var(--color-foreground)) 22%,transparent);transform-origin:left center;transform:rotate(var(--angle)) translate(calc(var(--image-size) / 2 + 6px))}.aminos-test-ring__petal{position:absolute;top:0;left:0;z-index:3;width:var(--petal-size);height:var(--petal-size);transform:rotate(var(--angle)) translate(var(--item-r)) rotate(calc(var(--angle) * -1)) translate(-50%,-50%)}.aminos-test-ring__card{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:36px 32px;box-sizing:border-box;border-radius:50%;border:2px solid var(--aminos-tr-tick);background:rgb(var(--color-background));box-shadow:0 6px 18px #0000001a}.aminos-test-ring__check{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--aminos-tr-tick);color:#fff;overflow:hidden;box-shadow:0 0 0 4px rgb(var(--color-background))}.aminos-test-ring__check .icon{width:16px;height:16px;stroke-width:3}.aminos-test-ring__check img{width:100%;height:100%;object-fit:cover;display:block}.aminos-test-ring__text{font-size:1.4rem;font-weight:700;line-height:1.18}@keyframes aminos-test-ring-fade{0%{opacity:0}to{opacity:1}}@keyframes aminos-test-ring-pop{0%{transform:scale(.8)}to{transform:none}}@media(min-width:990px){.aminos-test-ring{--rings-cx: 64%}.aminos-test-ring__stage{display:flex;flex-direction:row;align-items:center;gap:56px}.aminos-test-ring__header{flex:0 0 30%;max-width:480px;margin:0;text-align:left}.aminos-test-ring__ring{flex:1 1 0;min-width:0}}@supports (animation-timeline: view()){@media(min-width:990px)and (prefers-reduced-motion:no-preference){.aminos-test-ring--animate .aminos-test-ring__scene{position:relative;height:var(--scroll-length, 200vh);view-timeline-name:--aminos-ring;view-timeline-axis:block}.aminos-test-ring--animate .aminos-test-ring__stage{position:sticky;top:0;min-height:100vh}.aminos-test-ring--animate .aminos-test-ring__item{animation:aminos-test-ring-fade both;animation-timeline:--aminos-ring;animation-range:contain var(--reveal-start, 0%) contain var(--reveal-end, 20%)}.aminos-test-ring--animate .aminos-test-ring__card{animation:aminos-test-ring-pop both;animation-timeline:--aminos-ring;animation-range:contain var(--reveal-start, 0%) contain var(--reveal-end, 20%)}}}@media(max-width:749px){.aminos-test-ring__ring{height:auto;display:flex;flex-direction:column;align-items:center;gap:18px}.aminos-test-ring__center{position:static;transform:none;width:min(var(--image-size),240px);height:min(var(--image-size),240px)}.aminos-test-ring__items{position:static;display:flex;flex-direction:column;gap:10px;width:100%}.aminos-test-ring__item{position:static}.aminos-test-ring__spoke{display:none}.aminos-test-ring__petal{position:static;transform:none;width:100%;height:auto}.aminos-test-ring__card{width:100%;height:auto;border-radius:999px;padding:10px 16px;justify-content:flex-start;text-align:left;gap:10px}.aminos-test-ring__check{position:static;transform:none;width:24px;height:24px;box-shadow:none}.aminos-test-ring__check .icon{width:13px;height:13px}.aminos-test-ring__text{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-aminos-test-ring.css.map */