@keyframes ring-question-option-pop{0%{transform:translateZ(0) scale(1)}40%{transform:translateZ(0) scale(1.045)}to{transform:translateZ(0) scale(1)}}.ring-video-card__chrome{opacity:1;transition:opacity .28s ease-out}.ring-video-card__chrome.is-hidden{opacity:0;transition:opacity .28s ease-out}.ring-question-demo{z-index:3;pointer-events:none;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;visibility:hidden;transition:opacity .45s ease-out,visibility .45s ease-out}.ring-question-demo.is-visible{opacity:1;visibility:visible}.ring-question-demo.is-exiting{opacity:0;visibility:hidden;transition:opacity .32s ease-in,visibility .32s ease-in}.ring-question-demo__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22) 38%,rgba(10,10,10,.72) 68%,rgba(10,10,10,.92));opacity:0;transition:opacity .45s ease-out}.ring-question-demo.is-visible:not(.is-exiting) .ring-question-demo__scrim{opacity:1}.ring-question-demo.is-exiting .ring-question-demo__scrim{opacity:0;transition:opacity .32s ease-in}.ring-question-demo__sheet{position:relative;z-index:1;margin:0 .4rem .4rem;padding:.55rem .5rem;border-radius:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column;gap:.4rem;transform:translate3d(0,110%,0);opacity:0;backface-visibility:hidden;will-change:transform,opacity;transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .42s ease-out}.ring-question-demo.is-visible:not(.is-exiting) .ring-question-demo__sheet{transform:translateZ(0);opacity:1}.ring-question-demo.is-exiting .ring-question-demo__sheet{transform:translate3d(0,110%,0);opacity:0;transition:transform .34s ease-in,opacity .28s ease-in}.ring-question-demo__prompt{margin:0;color:#fff;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:-.01em}.ring-question-demo__options{display:flex;flex-direction:column;gap:.28rem}.ring-question-demo__option{display:flex;align-items:center;min-height:1.55rem;padding:.28rem .42rem;border-radius:.45rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transform:translateZ(0) scale(1);transform-origin:center;backface-visibility:hidden;will-change:transform,background-color,border-color;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.ring-question-demo__option-text{color:rgba(255,255,255,.78);font-size:8.5px;line-height:1.25;transition:color .3s ease}.ring-question-demo__option.is-pressing{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);animation:ring-question-option-pop .44s cubic-bezier(.22,1.15,.36,1) both}.ring-question-demo__option.is-pressing .ring-question-demo__option-text{color:#fff;font-weight:500}.ring-question-demo__option.is-selected{background:rgba(34,197,94,.28);border-color:rgba(74,222,128,.65);box-shadow:0 0 0 1px rgba(34,197,94,.18)}.ring-question-demo__option.is-selected .ring-question-demo__option-text{color:#bbf7d0;font-weight:600}.ring-question-demo__option.is-dimmed{opacity:.4}@media (prefers-reduced-motion:reduce){.ring-question-demo,.ring-question-demo__option,.ring-question-demo__option.is-pressing,.ring-question-demo__scrim,.ring-question-demo__sheet,.ring-video-card__chrome{animation:none!important;transition:none!important}}