.rc{color:var(--text);position:absolute;inset:0}.rc>*{position:absolute}.rc__rec{z-index:3;height:26em;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:999px;align-items:center;gap:6em;margin:0;padding:0 11em 0 8em;transition:background-color .2s ease-out,color .2s ease-out;display:flex;top:12em;left:14em;box-shadow:inset 0 0 0 1px #16161a24,0 1px 2px #0b0b0f14}.rc__rec svg{color:#3d6bff;width:13em;height:13em}.rc__rec b{font-size:11.5em;font-weight:600}.rc__dot{opacity:0;background:#3d6bff;border-radius:50%;width:7em;height:7em;position:absolute;top:5em;left:5em}.rc[data-recording="1"] .rc__rec{color:#fff;background:#3d6bff}.rc[data-recording="1"] .rc__rec svg{color:#fff;animation:.9s ease-in-out infinite alternate rc-pulse}@keyframes rc-pulse{to{opacity:.35}}.rc__rec:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.rc__toast{z-index:4;color:#fff;opacity:0;background:#0f1015;border-radius:999px;align-items:center;gap:5em;height:26em;padding:0 11em 0 8em;transition:opacity .2s ease-out,transform .55s cubic-bezier(.2,1.5,.4,1);display:flex;top:12em;right:14em;transform:translateY(-10em)scale(.92);box-shadow:0 6em 16em -4em #0b0b0f80}.rc__toast.is-on{opacity:1;transform:none}.rc__toast svg{color:#7f9cff;width:14em;height:14em}.rc__toast b{font-size:11em;font-weight:600}.rc__pad{width:166em;height:96em;top:32em;left:96em}.rc__padin{width:36em;height:23em;font-size:4.6em;position:absolute;top:0;left:0}.rc__pad .finger{background:radial-gradient(circle at 50% 42%,#12162e80 0,#12162e6b 55%,#12162e29 72%,#0000 76%);box-shadow:inset 0 0 0 .12em #ffffff8c,0 .3em .8em #0000004d}.rc__pad .place--br .lit{opacity:1}.rc__pad .finger{opacity:.9;transform:translate(30.9em,18.3em)}.rc__pop{--r:14em;--k:1;isolation:isolate;width:334em;height:290em;top:140em;left:12em}.rc__pop:before{content:"";z-index:-1;border-radius:var(--r) / calc(var(--r) / var(--k));transform:scaleY(var(--k));transform-origin:50% 0;background:#fff;transition:transform .55s cubic-bezier(.25,1.15,.4,1);position:absolute;inset:0;box-shadow:0 0 0 1px #16161a17,0 10em 30em -8em #0b0b0f47}.rc__head{align-items:center;gap:8em;height:40em;padding:0 12em;display:flex;position:absolute;top:0;left:0;right:0}.rc__bulb{color:#3d6bff;place-items:center;width:22em;height:22em;display:grid}.rc__bulb svg{width:13em;height:13em}.rc__ht{flex:1;gap:1em;min-width:0;display:grid}.rc__ht b{font-size:12.5em;font-weight:650;line-height:1.1}.rc__ht span{color:var(--text-2);font-size:9em;line-height:1.1}.rc__count{color:#fff;background:#3d6bff;border-radius:999px;place-items:center;min-width:18em;height:18em;transition:transform .4s cubic-bezier(.25,1.7,.45,1);display:grid}.rc__count b{font-size:10.5em;font-weight:650}.rc__count.is-pop{transform:scale(1.35)}.rc__cards{position:absolute;inset:40em 8em 0}.rc__card{height:76em;transform:translateY(calc(var(--slot) * 83em));background:#f4f5f8;border-radius:11em;grid-template-columns:26em minmax(0,1fr) 64em;align-items:center;gap:8em;padding:0 8em;transition:transform .55s cubic-bezier(.25,1.3,.4,1),opacity .3s ease-out;display:grid;position:absolute;top:0;left:0;right:0}.rc__card.is-gone{opacity:0;visibility:hidden;pointer-events:none;transition:transform .55s cubic-bezier(.25,1.3,.4,1),opacity .3s ease-out,visibility 0s .3s}.rc__glyph{color:#fff;background:#3d6bff;border-radius:8em;place-items:center;width:26em;height:26em;display:grid}.rc__glyph svg{width:15em;height:15em}.rc__txt{gap:2em;min-width:0;display:grid}.rc__txt b{font-size:10.5em;font-weight:650;line-height:1.15}.rc__txt span{color:var(--text-2);font-size:9em;line-height:1.22}.rc__btns{justify-items:stretch;gap:3em;display:grid}.rc__add,.rc__skip{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;height:21em;margin:0;padding:0}.rc__add b,.rc__skip b{font-size:10em;font-weight:650}.rc__skip b{font-weight:550}.rc__add{color:#fff;background:#3d6bff;transition:transform .2s ease-out}.rc__add:active{transform:scale(.94)}.rc__skip{color:var(--text-2);background:0 0;font-weight:550}.rc__add:focus-visible,.rc__skip:focus-visible{outline:2px solid var(--cobalt);outline-offset:1px}.rc__fly{z-index:6;opacity:0;pointer-events:none;background:#3d6bff;border-radius:50%;width:26em;height:26em;margin:-13em 0 0 -13em;top:0;left:0;box-shadow:0 6em 16em -3em #3d6bffb3}.rc__cur{z-index:7;opacity:0;pointer-events:none;filter:drop-shadow(0 2em 3em #00000059);width:13em;height:19em;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .2s ease-out;top:0;left:0}@media (width>=1280px){.rc__rec{gap:9em;height:38em;padding:0 17em 0 13em;top:26em;left:28em}.rc__rec svg{width:20em;height:20em}.rc__rec b{font-size:16em}.rc__toast{gap:8em;height:38em;padding:0 16em 0 12em;top:26em;right:28em}.rc__toast svg{width:20em;height:20em}.rc__toast b{font-size:15em}.rc__pad{width:302em;height:170em;top:54em;left:116em}.rc__padin{font-size:9em}.rc__pad .finger{transform:translate(30.9em,18.3em)}.rc__pop{--r:22em;width:513em;height:346em;top:268em;left:22em}.rc__head{gap:12em;height:62em;padding:0 20em}.rc__bulb{border-radius:10em;width:34em;height:34em}.rc__bulb svg{width:20em;height:20em}.rc__ht b{font-size:19em}.rc__ht span{font-size:13.5em}.rc__count{min-width:28em;height:28em}.rc__count b{font-size:16em}.rc__cards{top:62em;left:14em;right:14em}.rc__card{height:86em;transform:translateY(calc(var(--slot) * 94em));border-radius:15em;grid-template-columns:38em minmax(0,1fr) 82em;gap:12em;padding:0 14em}.rc__glyph{border-radius:11em;width:38em;height:38em}.rc__glyph svg{width:22em;height:22em}.rc__txt{gap:3em}.rc__txt b{font-size:14.5em}.rc__txt span{font-size:12.5em}.rc__btns{gap:5em}.rc__add,.rc__skip{height:31em}.rc__add b,.rc__skip b{font-size:14.5em}.rc__fly{width:38em;height:38em;margin:-19em 0 0 -19em}.rc__cur{width:17em;height:25em}}@media (prefers-reduced-motion:reduce){.rc__toast,.rc__pop:before,.rc__card,.rc__count,.rc__cur,.rc__rec{transition:none!important}.rc__rec svg{animation:none!important}}.bx-t[data-bx=record]:after{display:none}