.syla-tv .syla-tv__veil,.syla-tv .syla-tv__rule{display:block}.syla-tv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:2rem}.syla-tv.is-open{display:flex}.syla-tv__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#201a1685;opacity:0;transition:opacity .4s ease}.syla-tv.is-in .syla-tv__veil{opacity:1}.syla-tv__panel{position:relative;width:100%;max-width:46rem;max-height:calc(100vh - 4rem);overflow-y:auto;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:4.4rem 3.6rem 3.6rem;text-align:center;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.syla-tv.is-in .syla-tv__panel{opacity:1;transform:none}.syla-tv__x{position:absolute;top:1.2rem;right:1.2rem;width:3.4rem;height:3.4rem;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:rgba(var(--color-foreground),.45);transition:color .2s ease}.syla-tv__x:hover{color:rgb(var(--color-foreground))}.syla-tv__x svg{width:1.3rem;height:1.3rem}.syla-tv__eyebrow{font-family:var(--font-body-family);font-size:1.05rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:rgba(var(--color-foreground),.5);margin:0 0 1.8rem}.syla-tv__h{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:3.4rem;line-height:1.12;letter-spacing:-.01em;margin:0 0 1.4rem}.syla-tv__q{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.55;color:rgba(var(--color-foreground),.72);margin:0 auto 2.8rem;max-width:34rem}.syla-tv__opts{display:flex;flex-direction:column;gap:.9rem;margin:0 auto;max-width:30rem}.syla-tv__opt{font-family:var(--font-body-family);font-size:1.35rem;letter-spacing:.09em;text-transform:uppercase;font-weight:500;padding:1.5rem 1.8rem;background:none;cursor:pointer;border:1px solid rgba(var(--color-foreground),.2);border-radius:100px;color:rgb(var(--color-foreground));transition:border-color .2s ease,background .2s ease,transform .12s ease}.syla-tv__opt:hover{border-color:rgba(var(--color-foreground),.55);background:rgba(var(--color-foreground),.035)}.syla-tv__opt:active{transform:scale(.985)}.syla-tv__opt[disabled]{cursor:default;opacity:.32}.syla-tv__opt.is-right{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background));opacity:1}.syla-tv__step{display:none}.syla-tv__step.is-live{display:block;animation:sylaTvIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes sylaTvIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.syla-tv__stat{font-family:var(--font-heading-family);font-size:6.4rem;line-height:1;letter-spacing:-.02em;margin:0 0 .6rem}.syla-tv__statsub{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.5);margin:0 0 2.4rem}.syla-tv__rule{width:4rem;height:1px;background:rgba(var(--color-foreground),.22);margin:0 auto 2.4rem}.syla-tv__body{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.75);margin:0 auto 1rem;max-width:34rem}.syla-tv__body strong{font-weight:600;color:rgb(var(--color-foreground))}.syla-tv__src{font-family:var(--font-body-family);font-size:1.05rem;letter-spacing:.04em;color:rgba(var(--color-foreground),.4);margin:0 0 2.6rem}.syla-tv__form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:32rem}.syla-tv__input{font-family:var(--font-body-family);font-size:1.5rem;padding:1.6rem 2rem;text-align:center;background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.28);border-radius:100px;transition:border-color .2s ease}.syla-tv__input::placeholder{color:rgba(var(--color-foreground),.4)}.syla-tv__input:focus{outline:none;border-color:rgb(var(--color-foreground))}.syla-tv__input.is-bad{border-color:#9c4b3f}.syla-tv__go{font-family:var(--font-body-family);font-size:1.35rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:1.7rem 2rem;border:0;border-radius:100px;cursor:pointer;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transition:opacity .2s ease}.syla-tv__go:hover{opacity:.86}.syla-tv__go[disabled]{opacity:.5;cursor:default}.syla-tv__fine{font-family:var(--font-body-family);font-size:1.05rem;letter-spacing:.04em;color:rgba(var(--color-foreground),.42);margin:1.4rem 0 0}.syla-tv__err{font-family:var(--font-body-family);font-size:1.2rem;color:#9c4b3f;margin:1rem 0 0;min-height:1.6rem}.syla-tv__code{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin:0 auto 1.6rem;max-width:32rem;padding:1.7rem 2rem;border:1px dashed rgba(var(--color-foreground),.32);border-radius:.6rem}.syla-tv__codeval{font-family:var(--font-body-family);font-size:1.9rem;letter-spacing:.2em;font-weight:600}.syla-tv__copy{font-family:var(--font-body-family);font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;background:none;border:0;cursor:pointer;padding:.4rem;color:rgba(var(--color-foreground),.5);transition:color .2s ease}.syla-tv__copy:hover{color:rgb(var(--color-foreground))}.syla-tv__cta{display:inline-block;font-family:var(--font-body-family);font-size:1.35rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;text-decoration:none;padding:1.7rem 3.4rem;border-radius:100px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transition:opacity .2s ease}.syla-tv__cta:hover{opacity:.86;color:rgb(var(--color-background))}@media screen and (max-width:749px){.syla-tv{padding:1.2rem}.syla-tv__panel{padding:4rem 2rem 2.6rem;max-height:calc(100vh - 2.4rem)}.syla-tv__h{font-size:2.8rem}.syla-tv__q{font-size:1.45rem;margin-bottom:2.2rem}.syla-tv__stat{font-size:5.2rem}.syla-tv__body{font-size:1.4rem}.syla-tv__opt{font-size:1.25rem;padding:1.4rem}}@media(prefers-reduced-motion:reduce){.syla-tv__veil,.syla-tv__panel{transition:none}.syla-tv__step.is-live{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/syla-trivia.css.map */