@font-face{font-family:TikTok Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2a04a8ddd01d6500.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/5e065a95728a9167.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/33f0084be77c904b.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/360f8ffaa1150573.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e06f4573991a3ef0.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c43a05639a1bbbb9.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2a04a8ddd01d6500.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/5e065a95728a9167.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/33f0084be77c904b.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/360f8ffaa1150573.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/e06f4573991a3ef0.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c43a05639a1bbbb9.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_efa530{font-family:TikTok Sans;font-style:normal}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%}body{font-family:TikTok Sans,Arial,"sans-serif";font-weight:400;font-size:1rem;color:hsl(220,100%,97%);background-color:hsl(221,37%,5%)}img{width:100%;height:auto}.container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:32px 48px}button{border:0;font:inherit;padding:unset;background:rgba(0,0,0,0)}a,button{cursor:pointer}a{text-decoration:none}button:disabled,input:disabled,select:disabled{cursor:not-allowed!important;background-color:hsl(220,16%,30%);color:gray}.loader{border-radius:50%;border:2px solid hsl(220,20%,71%);border-top-color:rgba(0,0,0,0);width:12px;height:12px;animation:spin 1.3s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:800px){.container{padding:24px}}@media screen and (max-width:600px){.container{padding:0}}.header{background-color:hsl(221,37%,5%);border-bottom:1px solid hsl(220,16%,30%)}.header__inner-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 auto;max-width:1296px;width:100%;padding:14px 48px}.header__inner-wrapper>a{display:flex;align-items:center;gap:6px;color:hsl(220,100%,97%);font-weight:700}.header__content-right{display:flex;align-items:center;min-height:24px}.homepage__wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:100px;max-width:1200px;width:100%;position:relative;margin:0 auto;padding-top:50px}.homepage__wrapper p{line-height:1.6;font-size:1.125rem}.homepage__hero{display:flex;width:100%}.homepage__hero-left{flex:0 1 600px;display:flex;flex-direction:column;align-items:flex-start}.homepage__hero-left h1,.homepage__hero-left p{margin-bottom:32px}.homepage__hero-right{display:flex;justify-content:center;flex:0 0 600px;overflow:hidden}.homepage__video{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.homepage__video h2,.homepage__video p{margin-bottom:32px;text-align:center}.homepage__video video{width:100%;aspect-ratio:16/9}.homepage__video-wrapper{position:relative;box-shadow:0 10px 60px #2b273f}.homepage__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homepage__play-button:before{content:"";position:absolute;top:40px;left:40px;width:50px;height:50px;background-color:#2b273f;transition:all .3s}.homepage__play-button svg{fill:#b8acf6;font-size:8rem;position:relative;transition:all .3s}.homepage__play-button:hover:before{background-color:#b8acf6}.homepage__play-button:hover svg{fill:#2b273f}.homepage__direct-cta{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;width:100%;text-align:center}@media screen and (max-width:1100px){.homepage__wrapper{padding-top:25px}.homepage__hero{flex-direction:column}.homepage__hero-left,.homepage__hero-right{flex:0 1 100%}}@media screen and (max-width:800px){.homepage__wrapper{gap:72px}}@media screen and (max-width:600px){.homepage__wrapper{padding:24px 16px}}.playing-cards{display:flex;justify-content:center;align-items:center;font-size:1.5rem}.playing-cards svg{fill:hsl(221,37%,5%)}.playing-cards svg:first-of-type{z-index:100;position:relative;left:10px}.playing-cards svg:last-of-type{position:relative;transform:rotate(24deg);right:0}.playing-cards--large{font-size:20rem}.playing-cards--large svg{color:#b8acf6;fill:#2b273f}.playing-cards--large svg:first-of-type{left:80px}.playing-cards--large svg:last-of-type{right:60px}.user-menu__button{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;color:hsl(220,20%,71%);background-color:rgba(0,0,0,0)}.user-menu__button svg{width:1rem;height:1rem;pointer-events:none}.user-menu__nav{display:none;position:absolute;top:40px;right:48px;background-color:hsl(220,22%,9%);border-radius:12px;z-index:2}.user-menu__nav--show-menu{display:block}.user-menu__nav ul{list-style-type:none;margin:0;padding:12px 0 24px}.user-menu__nav ul li a,.user-menu__nav ul li div{display:flex;justify-content:flex-start;align-items:center;width:100%;gap:10px;padding:4px 24px;color:hsl(220,20%,71%);cursor:pointer;transition:all .3s}.user-menu__nav ul li a svg,.user-menu__nav ul li div svg{width:1.1rem;height:1.1rem}.user-menu__nav ul li a:hover,.user-menu__nav ul li div:hover{color:hsl(220,100%,97%)}.h1,h1{font-weight:700;font-size:2.25rem}.h1,.h2,h1,h2,p{margin:0}.cta-button{display:flex;align-items:center;justify-content:center;text-align:center;gap:6px;transition:all .3s}.cta-button--small{padding:8px 18px;border-radius:20px}.cta-button--medium{padding:16px 20px;font-size:1.125rem;border-radius:26px}.cta-button--large{padding:16px;font-size:1.125rem;border-radius:26px}.cta-button--full{width:100%}.cta-button--bold{font-weight:700}.cta-button--icon,.cta-button--icon span svg{font-size:2rem}.cta-button--icon span{display:flex;align-items:center;gap:8px;font-size:1rem;color:hsl(220,20%,71%)}.cta-button .loader{width:14px;height:14px;transition:all .3s}.cta-button--purple{background-color:#2b273f;color:#b8acf6}.cta-button--purple svg{fill:#b8acf6}.cta-button--purple .loader{border:3px solid #b8acf6;border-top-color:rgba(0,0,0,0)}.cta-button--purple:active,.cta-button--purple:hover{background-color:#b8acf6;color:#2b273f}.cta-button--purple:active svg,.cta-button--purple:hover svg{fill:#2b273f}.cta-button--purple:active .loader,.cta-button--purple:hover .loader{border:3px solid #2b273f;border-top-color:rgba(0,0,0,0)}.cta-button--green{background-color:#1d474c;color:#2abb7f}.cta-button--green svg{fill:#2abb7f}.cta-button--green .loader{border:3px solid #2abb7f;border-top-color:rgba(0,0,0,0)}.cta-button--red{background-color:#601e16;color:#ef5c48}.cta-button--red svg{fill:#ef5c48}.cta-button--red .loader{border:3px solid #ef5c48;border-top-color:rgba(0,0,0,0)}.cta-button--orange{background-color:#5f3811;color:#f18d13}.cta-button--orange svg{fill:#f18d13}.cta-button--orange .loader{border:3px solid #f18d13;border-top-color:rgba(0,0,0,0)}.cta-button--blue{background-color:#092957;color:#388bff}.cta-button--blue svg{fill:#388bff}.cta-button--blue .loader{border:3px solid #388bff;border-top-color:rgba(0,0,0,0)}.cta-button--yellow{background-color:#533f04;color:#cdaa00}.cta-button--yellow svg{fill:#cdaa00}.cta-button--yellow .loader{border:3px solid #cdaa00;border-top-color:rgba(0,0,0,0)}.cta-button--black{background-color:hsl(221,37%,5%);color:hsl(220,100%,97%);border:1px solid hsl(220,100%,97%);transition:all .3s}.cta-button--black svg{fill:hsl(220,100%,97%)}.cta-button--black .loader{border:3px solid hsl(220,100%,97%);border-top-color:rgba(0,0,0,0)}.cta-button--black:hover{color:hsl(221,37%,5%);background-color:hsl(220,100%,97%);border:1px solid hsl(220,100%,97%)}.cta-button--icon-green svg{fill:#2abb7f}.cta-button--icon-red svg{fill:#ef5c48}.cta-text-link{color:#b8acf6;display:inline-block}.form-field{display:flex;flex-direction:column;position:relative;width:100%}.form-field label{display:flex;align-self:flex-start;margin-bottom:4px;font-weight:700;color:hsl(220,20%,71%);cursor:pointer}.form-field input{padding:12px;font:inherit;border-radius:9px;width:100%;color:hsl(220,100%,97%);border:1px solid hsl(220,23%,19%);background-color:hsl(220,22%,9%)}.form-field__sublabel{margin-bottom:8px;font-weight:300;line-height:1.6;font-size:.875rem;color:hsl(220,20%,71%)}.form-field__select-wrapper{position:relative}.form-field__select-wrapper select{width:100%;padding:12px;font:inherit;background-color:hsl(221,37%,5%);border:1px solid hsl(220,16%,30%);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:hsl(220,100%,97%)}.form-field__select-wrapper:after{content:"";position:absolute;top:48%;right:12px;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid hsl(220,100%,97%)}.form-field .loader{position:absolute;bottom:18px;right:18px}.form-error-message{display:flex;align-items:center;gap:4px;width:100%;position:absolute;bottom:-23px;left:0;padding:2px 2px 2px 4px;border-radius:4px;font-size:.875rem;background-color:#5f3811;color:#f18d13}.form-error-message--position-static{position:static;max-width:970px;justify-content:center}.auth-form__form{display:flex;flex-direction:column;gap:32px;align-items:flex-start;margin:0 auto;max-width:480px;width:100%;padding:48px 58px;border-radius:12px;border:1px solid hsl(220,16%,30%);background-color:hsl(221,37%,5%)}.auth-form__form a{font-weight:400;text-decoration:underline;color:#b8acf6}.auth-form__message{margin:0 auto;color:hsl(220,20%,71%);font-weight:700}.auth-form__form-field-with-cta{display:flex;align-items:center;width:100%;gap:12px}.auth-form__form-field-with-cta>button{position:relative;top:12px}@media screen and (max-width:700px){.auth-form__form{max-width:345px;margin-top:24px;padding:48px 24px}.auth-form__form-row:last-of-type{margin-bottom:0}}.room__room-wrapper{display:flex;flex-direction:column;justify-content:center;max-width:1200px;width:100%;height:85vh}.room__card-wrapper{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:auto;padding:16px;grid-gap:16px;gap:16px}.teammates-list{max-width:170px;width:100%;position:absolute;top:32px;left:12px;padding:12px 12px 24px;border-radius:12px;background-color:hsl(220,22%,9%);border:1px solid hsl(220,16%,30%);z-index:2}.teammates-list h2{font-size:.875rem;padding-bottom:6px}.teammates-list ul{list-style:none;margin:0;padding:0}.teammates-list ul li{position:relative;padding:2px 0 2px 18px;font-size:.875rem;font-weight:700}.teammates-list ul li:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:12px;height:12px;border-radius:50%;background-color:#2abb7f}.votes{flex-direction:column;justify-content:center;list-style:none;margin:0;padding:0}.votes,.votes li{display:flex;gap:12px}.votes li{align-items:center;font-size:1.375rem}.votes li span{font-size:1.375rem;color:hsl(220,100%,97%);font-weight:700}.votes li span svg{position:relative;top:2px;font-size:1.875rem}.votes__green-checkmark svg{fill:#2abb7f}.votes .loader{border:4px solid hsl(220,20%,71%);border-top-color:rgba(0,0,0,0);width:28px;height:28px}.card__wrapper{position:relative;display:grid;align-items:center;justify-content:center;height:225px;padding:16px;border-radius:8px;font-size:2.25rem;border:1px solid hsl(220,16%,30%);background-color:hsl(220,22%,9%);color:hsl(220,100%,97%);font-weight:700}.card__wrapper--1{grid-column:2/span 2;grid-row:1}.card__wrapper--2{grid-column:4/span 2;grid-row:1}.card__wrapper--3{grid-column:6/span 2;grid-row:1}.card__wrapper--4{grid-column:8/span 2;grid-row:1}.card__wrapper--5{grid-column:10/span 2;grid-row:1}.card__wrapper--6{grid-column:12/span 2;grid-row:1}.card__wrapper--7{grid-column:1/span 2;grid-row:2}.card__wrapper--8{grid-column:3/span 2;grid-row:2}.card__wrapper--9{grid-column:5/span 2;grid-row:2}.card__wrapper--10{grid-column:7/span 2;grid-row:2}.card__wrapper--11{grid-column:9/span 2;grid-row:2}.card__wrapper--12{grid-column:11/span 2;grid-row:2}.card__wrapper--13{grid-column:13/span 2;grid-row:2}.card__symbol-bottom-left,.card__symbol-bottom-right,.card__symbol-top-left,.card__symbol-top-right{font-size:1.125rem;color:hsl(220,20%,71%);font-weight:700}.card__symbol-top-left{position:absolute;top:16px;left:16px}.card__symbol-top-right{position:absolute;top:16px;right:16px}.card__symbol-bottom-left{left:16px}.card__symbol-bottom-left,.card__symbol-bottom-right{position:absolute;bottom:16px;transform:rotate(180deg)}.card__symbol-bottom-right{right:16px}.indicator{display:flex;align-items:center;gap:24px;padding:0 24px 24px 0;position:fixed;right:0;bottom:0}.indicator button{z-index:2}.indicator svg:first-of-type{position:relative;top:-83px;left:-11px}.indicator svg:first-of-type #curve{fill:rgba(0,0,0,0)}.indicator svg:first-of-type text{font-size:.75rem;text-transform:uppercase;fill:hsl(220,100%,97%);letter-spacing:1.4px;font-weight:700;transform-origin:50% 50%}.indicator svg:last-of-type{position:absolute;top:26px;left:26px;font-size:2rem}.indicator__spinner{position:relative;width:84px;height:84px;border-radius:50%;background-color:#388bff;animation:spin 6s linear infinite}.toast-message{position:fixed;top:-70px;right:24px;display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 35px 14px 14px;border-radius:4px;border-left:8px solid #ef5c48;background-color:hsl(220,22%,9%);color:#ef5c48;transition:top .2s;z-index:2}.toast-message svg{font-size:1.75rem}.toast-message p:first-of-type{color:hsl(220,100%,97%);font-weight:600}.toast-message p:last-of-type{color:hsl(220,100%,97%);font-size:.8125rem}.toast-message button{position:absolute;top:0;right:0;min-width:24px;padding:6px 8px;background-color:rgba(0,0,0,0)}.toast-message button svg{font-size:1rem;fill:hsl(220,100%,97%)}.toast-message--success{gap:8px}.toast-message--success p:first-of-type{color:#092957;font-weight:unset;font-size:1rem}.toast-message--success{border-left:8px solid #388bff;color:#388bff}.toast-message--success svg{font-size:1.125rem}.show-toast{top:24px}dialog::-webkit-backdrop{background:rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.6)}dialog{padding:0;border-radius:12px;overflow:visible;background-color:hsl(221,37%,5%);color:hsl(220,100%,97%);border:1px solid hsl(220,16%,30%)}.modal{display:flex;align-items:center;justify-content:center;max-width:500px;width:100%;min-height:295px;position:relative}.modal__inner-wrapper{padding:32px 32px 48px}.modal__inner-wrapper>button{position:absolute;top:18px;right:18px}