@layer components{.pyctom-testi{isolation:isolate;padding-block:var(--pyctom-testi-pad-block);background-color:var(--pyctom-testi-band);position:relative}.pyctom-testi-art{z-index:-1;object-fit:cover;block-size:100%;inline-size:100%;opacity:var(--pyctom-testi-band-art-opacity);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pyctom-testi-eyebrow{color:var(--pyctom-testi-on-band);font-size:var(--pyctom-testi-eyebrow-size);letter-spacing:var(--pyctom-testi-eyebrow-tracking);text-transform:uppercase;font-weight:700}@supports ((-webkit-background-clip:text) or (background-clip:text)){.pyctom-testi-eyebrow{background-image:var(--pyctom-gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}}.pyctom-testi-mark{font-size:var(--pyctom-testi-quote-mark-size);color:var(--pyctom-testi-quote-mark-color);-webkit-user-select:none;user-select:none;font-weight:700;line-height:.8;display:block}.pyctom-ring{inline-size:100%;min-block-size:var(--pyctom-testi-ring-h);padding-block:var(--pyctom-testi-ring-pad);-webkit-mask:var(--pyctom-testi-ring-mask);-webkit-mask:var(--pyctom-testi-ring-mask);mask:var(--pyctom-testi-ring-mask);justify-items:center;display:grid;position:relative;overflow:hidden}.pyctom-ring-stage{cursor:grab;place-self:center;place-items:center;display:grid;position:relative}.pyctom-ring-stage:active{cursor:grabbing}.pyctom-ring-face{inline-size:var(--pyctom-testi-face-w);backface-visibility:hidden;transition:transform var(--pyctom-duration-slower) var(--pyctom-ease-out-expo), opacity var(--pyctom-duration-slower) var(--pyctom-ease-out), filter var(--pyctom-duration-slower) var(--pyctom-ease-out);will-change:transform;grid-area:1/1}.pyctom-ring-face[data-active=true] .pyctom-testi-ring-card{box-shadow:var(--pyctom-testi-card-shadow), var(--pyctom-testi-ring-glow);border-color:var(--pyctom-testi-ring-border-active)}.pyctom-ring-dots{justify-content:center;align-items:center;gap:var(--pyctom-testi-ring-dot-gap);flex-wrap:wrap;min-block-size:2.25rem;margin-block-start:var(--pyctom-testi-ring-dot-offset);display:flex}.pyctom-ring-dot{border-radius:var(--pyctom-radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:.625rem .3125rem;display:flex}.pyctom-ring-dot:after{content:"";position:absolute;inset:0 -3px}.pyctom-ring-dot{position:relative}.pyctom-ring-dot>span{inline-size:var(--pyctom-testi-ring-dot);block-size:var(--pyctom-testi-ring-dot);border-radius:var(--pyctom-radius-full);background-color:var(--pyctom-testi-ring-dot-off);transition:background-color var(--pyctom-transition-colors), inline-size var(--pyctom-transition-transform);display:block}.pyctom-ring-dot>span[data-active=true]{inline-size:var(--pyctom-testi-ring-dot-on-w);background-color:var(--pyctom-testi-ring-dot-on)}.pyctom-testi-ring-card{--pyctom-testi-card-bg:var(--pyctom-testi-glass-bg);--pyctom-testi-card-border:var(--pyctom-testi-glass-border);-webkit-backdrop-filter:blur(var(--pyctom-testi-glass-blur)) saturate(1.3);transition:box-shadow var(--pyctom-transition-premium), border-color var(--pyctom-transition-colors);position:relative}.pyctom-testi-ring-card:before{content:"";z-index:-1;border-radius:inherit;background:var(--pyctom-testi-glass-ring);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pyctom-testi-depth{z-index:-1;background-image:var(--pyctom-testi-mesh);pointer-events:none;position:absolute;inset:0}.pyctom-testi-depth:after{content:"";background-image:var(--pyctom-testi-grain);opacity:var(--pyctom-testi-grain-opacity);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.pyctom-ring-face,.pyctom-testi-ring-card{transition:none}}}
