@font-face{src:url(/fonts/rounded.woff2)format("woff2-variations");font-family:rounded;font-style:normal;font-display:swap}:root{--systemFont:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font:"rounded", sans-serif;--font-style:normal;--main-color:#1a1a2e;--light-color:#5c5c6e;--placeholder-color:#8e8ea0;--placeholder-color-active:#c8c8d8;--input-border:#e8e8f0;--input-border-active:#ff3b6f;--input-bg:transparent;--input-bg-active:#fff;--cta-sub-bg:#f0eff5;--main-bg:#faf9fe;--card-bg:#fff;--card-border:#eae8f0;--green:#2dd178;--correct-answer-bg:#e2fce8;--red:#ff4466;--progress:0;--border-radius:24px;--border-radius-inputs:16px;--grey-btn-bg:#f0eff5}@media(prefers-color-scheme:dark){:root{--main-bg:#121218;--card-bg:#1c1c24;--card-border:#2a2a36;--main-color:#f0eff5;--light-color:#9b99ab;--input-border:#33333f;--input-border-active:#ff6b8a;--placeholder-color:#7a7a8e;--placeholder-color-active:#3d3d4a;--input-bg-active:#0d0d12;--cta-sub-bg:#1c1c24;--correct-answer-bg:var(--green)}}body{font-family:var(--font);color:var(--main-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;touch-action:manipulation;width:100vw;background:var(--main-bg);position:relative;font-style:var(--font-style);line-height:1.2;font-size:23px;text-wrap:pretty}.C,input,textarea{transition:.3s ease}.msg{transition:.3s ease;position:fixed;width:calc(100vw - 64px);padding:32px;background:var(--red);color:#fff;top:0;font-size:22px;font-variation-settings:"GRAD" 400,"wght" 800;text-align:center;opacity:0;z-index:100}.msg.success{background:var(--green)}.C{font-variation-settings:"GRAD" 400,"wght" 700;display:flex;justify-content:center;font-size:24px;align-items:center;height:64px;background:#ff3b6f;color:#fff;width:100%;border-radius:99px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:961px){.C:hover{box-shadow:0 0 0 3px #ff3b6f}}input,textarea{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0;font-family:var(--font);font-size:24px;border-radius:var(--border-radius-inputs);font-variation-settings:"GRAD" 400,"wght" 800;color:var(--main-color);line-height:1.2;font-style:var(--font-style);box-shadow:inset 0 0 0 3px var(--input-border);background:var(--input-bg)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--placeholder-color)}input::placeholder,textarea::placeholder{color:var(--placeholder-color)}@media(min-width:961px){input:hover,textarea:hover{box-shadow:inset 0 0 0 3px var(--input-border-active)}}input:active,input:focus,textarea:active,textarea:focus{background:var(--input-bg-active);box-shadow:inset 0 0 0 3px var(--input-border-active)}input:active::-moz-placeholder,input:focus::-moz-placeholder,textarea:active::-moz-placeholder,textarea:focus::-moz-placeholder{color:var(--placeholder-color-active)}input:active::placeholder,input:focus::placeholder,textarea:active::placeholder,textarea:focus::placeholder{color:var(--placeholder-color-active)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 300px white inset}textarea{resize:none}a{text-decoration:none}.L{padding:24px;display:flex;flex-direction:column;align-items:center;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:inset 0 0 0 3px var(--card-border)}.app,#app,.D,.G,.info,.results-ui,.share-ui{transition:.3s ease;padding:16px;width:calc(100% - 32px);max-width:728px;margin:0 auto}.D,.info{display:none;flex-direction:column}.D{content-visibility:auto;contain-intrinsic-size:auto 1e3px}.D h2,.D h3{margin-bottom:8px;line-height:1.2}.D h2{font-size:26px}.D h3{font-size:23px}.D .deco-line{margin:12px auto 24px}.D .C{margin:24px 0}.D .C b{font-style:normal;margin-right:8px}.D .C.sub{font-size:22px;margin-bottom:12px;background:var(--cta-sub-bg);color:var(--main-color);height:54px}.D .C.sub+.sub{margin-top:0}.D li,.D p{color:var(--light-color);font-family:var(--font);font-variation-settings:"GRAD" 400,"wght" 300;font-style:normal;font-size:19px}.D li strong,.D p strong{color:var(--main-color);font-family:var(--font);font-variation-settings:"GRAD" 400,"wght" 800;font-size:21px}.D ul,.D ol{padding-left:20px;margin-bottom:16px}.D ul li,.D ol li{margin-bottom:8px;line-height:1.5}.D p{margin-top:6px;line-height:1.6}.D .faq-section{margin:48px 0}.D .faq-section h2{margin-bottom:12px}.D .faq-section details{margin-bottom:4px}.D .faq-section details summary{cursor:pointer;font-family:var(--font);font-variation-settings:"GRAD" 400,"wght" 900;padding:8px 0;color:var(--main-color);font-size:1.2rem;list-style:none}.D .faq-section details summary::marker,.D .faq-section details summary::-webkit-details-marker{display:none}.D .faq-section details p{margin:0 0 8px;font-size:17px}.info{margin-bottom:-16px;align-items:center}.info .hero{background-image:url(https://bestfriendsquiz.app/cdn-cgi/image/width=800,fit=scale-down,format=auto/img/friends.png);background-repeat:no-repeat;background-size:120vw;background-position:50%;width:100vw;height:57vw;margin-bottom:-8vw}@media(max-height:620px){.info .hero{margin-bottom:-16vw}}@media(min-width:760px){.info .hero{background-size:900px;width:100vw;height:430px;margin-bottom:-56px}}.info .header{text-align:center;margin-bottom:12px}@media(min-width:500px){.info .header{margin-bottom:24px}}.info .header h1{margin:16px 0 10px;font-size:40px;line-height:1;font-variation-settings:"GRAD" 400,"wght" 900}.info .header p{margin:0;font-size:24px;line-height:1.2;color:var(--light-color)}.info .how-to{padding:24px;color:#e0dff0;background:#1c1c28;font-variation-settings:"GRAD" 400,"wght" 400;font-size:17px;list-style:none;counter-reset:numCounter;border-radius:32px;margin:0;width:calc(100% - 48px)}@media(prefers-color-scheme:dark){.info .how-to{box-shadow:inset 0 0 0 3px var(--placeholder-color-active)}}.info .how-to:after{bottom:-54px;right:10px;transform:rotate(18deg)}.info .how-to li{counter-increment:numCounter;display:flex;align-items:center;font-size:20px}.info .how-to li:nth-child(1):before{background:#ff3b6f}.info .how-to li:nth-child(2){margin:12px 0}.info .how-to li:nth-child(2):before{background:#ffb347}.info .how-to li:nth-child(3):before{background:#2dd178}.info .how-to li:before{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;border-radius:99px;width:28px;height:28px;font-size:16px;font-variation-settings:"GRAD" 400,"wght" 900;margin-right:12px;content:counter(numCounter);color:#fff}.app .start,#app .start{padding:0;box-shadow:none;background:0 0}.app .start .C,.app .start small,#app .start .C,#app .start small{text-align:center;font-variation-settings:"GRAD" 400,"wght" 800}.app .start .input-wrap,#app .start .input-wrap{width:100%;position:relative;margin:0;display:none}.app .start input,#app .start input{width:calc(100% - 48px);padding:18px 24px}.app .start input.valid:focus+small,.app .start input.valid:active+small,#app .start input.valid:focus+small,#app .start input.valid:active+small{opacity:1}.app .start small,#app .start small{font-size:16px;opacity:0;position:absolute;bottom:10px;right:16px;font-variation-settings:"GRAD" 400,"wght" 800;color:var(--placeholder-color)}.app .start .C,#app .start .C{background:#ff3b6f;font-size:24px}.app .start .C~.C,#app .start .C~.C{display:none;margin-top:16px}.app .start .C.active,#app .start .C.active{display:flex}.app .L.score,#app .L.score{background:#1c1c28;box-shadow:none;text-align:center;color:#fff;margin-bottom:24px}.app .L.score .deco-line,#app .L.score .deco-line{margin-bottom:16px}.app .L.score .headline,#app .L.score .headline{color:#ffb347}.app .L.score .score,#app .L.score .score{font-size:48px;font-variation-settings:"GRAD" 400,"wght" 900;margin:2px 0 6px}.G .C{margin-bottom:128px}.G .header{background:var(--card-bg);margin:0 0 24px;text-align:center}.G .header .headline{font-variation-settings:"GRAD" 400,"wght" 800;font-size:36px}.G .header .headline.your-quiz-headline{margin-top:12px}.G .header .info{display:flex;font-size:21px;line-height:1.1}.G .header .info-help{margin-top:8px;line-height:1.2}.G .header .deco-line{margin-top:18px}.G .entry{margin:0 0 32px;display:flex;flex-direction:column;align-items:center}.G .entry .label{color:#fff;font-variation-settings:"GRAD" 400,"wght" 800;padding:6px 16px 3px;display:inline-flex;border-radius:16px 16px 0 0;transition:.3s ease}.G .entry .L{width:100%;box-sizing:border-box;transition:.3s ease;position:relative}@media(max-width:374px){.G .entry .L{padding:16px}}.G .entry .L .refresh-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#414252 url(/svg/refresh.svg)no-repeat 50%/60%;box-shadow:0 0 0 4px var(--card-bg);cursor:pointer;transition:.2s ease;z-index:1}.G .entry .L .refresh-btn:hover{background-color:#333440}.G .entry .L .wrap{width:100%;position:relative}.G .entry .L .question{display:block;padding:12px 16px;width:calc(100% - 32px);margin-bottom:24px;min-height:80px;font-variation-settings:"GRAD" 400,"wght" 400;font-size:22px;line-height:1.3}@media(max-width:374px){.G .entry .L .question{margin-bottom:16px}}.G .entry .L .question:active+small,.G .entry .L .question:focus+small,.G .entry .L .question:hover+small{opacity:.2}.G .entry .L small{transition:.3s ease;opacity:0;font-size:16px;font-variation-settings:"GRAD" 400,"wght" 800;color:var(--placeholder-color);position:absolute;bottom:34px;right:16px}.G .entry .L .add{cursor:pointer;padding:12px 24px;text-align:center;background:#2a2a3a;color:#fff;border-radius:99px;font-variation-settings:"GRAD" 400,"wght" 800;font-size:20px;margin:8px 0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G .entry .L .color-options{display:grid;grid-template-columns:repeat(4,1fr);-moz-column-gap:8px;column-gap:8px;row-gap:8px}@media(min-width:410px){.G .entry .L .color-options{grid-template-columns:repeat(8,1fr)}}.G .entry .L .color-options .option{cursor:pointer}.G .entry .L .color-options .option .color{height:34px;width:34px;border-radius:99px}.G .entry .L .color-options .option.active-color .color{background-image:url(/svg/check.svg);background-size:cover}.G .entry .L .answer-wrap{width:calc(100% + 16px)}.G .entry .L .answer-wrap .wrap{width:100%;margin-bottom:8px;display:flex;align-items:center}.G .entry .L .answer-wrap .wrap .answer{display:block;flex-grow:1;padding:12px 16px;margin:0 8px;min-width:0;font-variation-settings:"GRAD" 400,"wght" 400;font-size:22px}.G .entry .L .answer-wrap .wrap .delete,.G .entry .L .answer-wrap .wrap .toggle{display:inline-flex;width:28px;height:28px;flex-shrink:0;cursor:pointer;border-radius:99px;transition:.3s ease;position:relative;justify-content:center;align-items:center}.G .entry .L .answer-wrap .wrap .delete:after,.G .entry .L .answer-wrap .wrap .toggle:after{content:"";width:44px;height:44px;display:block;position:absolute}@media(min-width:641px){.G .entry .L .answer-wrap .wrap .delete:hover,.G .entry .L .answer-wrap .wrap .toggle:hover{transform:scale(1.1)}}.G .entry .L .answer-wrap .wrap .toggle{background-color:var(--card-bg);background-size:cover;box-shadow:inset 0 0 0 3px var(--input-border)}.G .entry .L .answer-wrap .wrap .toggle.active{background-color:var(--green);background-image:url(/svg/check.svg);box-shadow:inset 0 0 0 0 var(--green)}.G .entry .L .answer-wrap .wrap .toggle.active+.answer{background-color:var(--correct-answer-bg);box-shadow:inset 0 0 0 3px var(--green)}.G .entry .L .answer-wrap .wrap .toggle.active+.answer::-moz-placeholder{color:rgba(255,255,255,.7)}.G .entry .L .answer-wrap .wrap .toggle.active+.answer::placeholder{color:rgba(255,255,255,.7)}.G .entry .L .answer-wrap .wrap .delete{background-image:url(/svg/close-white.svg);background-color:var(--red);background-size:cover}.share-ui{padding:0 16px 16px}.share-ui .L .deco-line{margin:12px 0 24px}.share-ui .L .headline{font-variation-settings:"GRAD" 400,"wght" 800;font-size:30px;text-align:center}.share-ui .L .info-text{text-align:center;padding-top:16px;line-height:1.3}.share-ui .L .share-link-cta-wrap{width:100%}.share-ui .L .share-link-cta-wrap:after{bottom:25px;right:2px;transform:rotate(312deg)scaleX(-1)}.share-ui .L .share-link{font-size:16px;transition:.3s ease;text-align:center;line-height:1.2;color:#fff;white-space:nowrap;cursor:pointer;font-style:normal;font-family:courier new,monospace;font-variation-settings:"GRAD" 400,"wght" 700;background:#141420;border-radius:var(--border-radius-inputs);padding:16px;margin:24px 0 12px;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.share-ui .L .share-link::-webkit-scrollbar{display:none}.share-ui .L .share-link.copied{box-shadow:inset 0 0 0 3px var(--green)}.share-ui .L .C{height:60px}.share-ui .L .C.copied{background:var(--green)}.share-ui .bot-info{text-align:center;padding:16px 0;font-size:20px;color:var(--light-color);cursor:pointer}.share-ui .bot-info b{font-style:normal;margin-right:4px}.start-quiz .headline{font-variation-settings:"GRAD" 400,"wght" 700;font-size:30px;background:#ff3b6f;color:#fff;line-height:1.14em;width:100%;padding:24px;margin:-24px 0 24px;text-align:center;border-radius:var(--border-radius)var(--border-radius)0 0}.start-quiz .start-box{display:flex;flex-direction:column;width:100%}.start-quiz .start-box .input-wrap{width:100%;margin:0}.start-quiz .start-box .input-wrap:after{bottom:28px;right:-4px;transform:rotate(27deg)}.start-quiz .start-box input{width:calc(100% - 48px);padding:18px 24px}.start-quiz .start-box input.valid:focus+small,.start-quiz .start-box input.valid:active+small{opacity:1}.start-quiz .start-box small{font-size:16px;opacity:0;position:absolute;bottom:10px;right:16px;font-variation-settings:"GRAD" 400,"wght" 800;color:var(--placeholder-color)}.start-quiz .start-box .C{background:#ff3b6f;font-size:28px;display:none;margin-top:16px}.start-quiz .start-box .C.active{display:flex}.quiz-taker-header-card{margin-bottom:24px}.quiz-taker-header-card .headline{font-variation-settings:"GRAD" 400,"wght" 700;font-size:30px;background:#202026;color:#fff;width:100%;text-align:center;padding:24px;margin:-24px 0 0;border-radius:var(--border-radius)var(--border-radius)0 0}.quiz-taker-header-card .subhead{display:flex;align-items:center;width:100%;background:var(--card-bg);padding:24px;margin:0 0 -24px;border-radius:0 0 var(--border-radius)var(--border-radius)}.quiz-taker-header-card .subhead .counter{margin-right:20px;display:flex;justify-content:center;font-variation-settings:"GRAD" 400,"wght" 700}.quiz-taker-header-card .subhead .bar{height:20px;background:var(--input-border);flex-grow:1;overflow:hidden;border-radius:10px}.quiz-taker-header-card .subhead .bar .progress{border-radius:10px;transition:.3s ease;height:20px;background:var(--green);width:calc(100%/10 * var(--progress))}.question-card{margin-bottom:24px;box-shadow:none}.quiz-card .headline{width:100%;padding:24px;margin:-24px 0 0;line-height:1.3;font-size:26px;color:#fff;font-variation-settings:"GRAD" 400,"wght" 800;border-radius:var(--border-radius)var(--border-radius)0 0}.quiz-card .wrap{width:100%;margin-top:24px}.quiz-card .wrap .answer{font-size:20px;padding:12px 16px;box-shadow:inset 0 0 0 3px var(--input-border);display:flex;margin:8px 0;border-radius:24px;cursor:pointer;transition:.3s ease;position:relative}.quiz-card .wrap .answer:after{content:"";width:26px;height:26px;border-radius:13px;display:block;position:absolute;right:9px;bottom:9px;opacity:0;transition:.3s ease}@media(min-width:961px){.quiz-card .wrap .answer:hover{box-shadow:inset 0 0 0 3px var(--input-border-active)}}.quiz-card .wrap.clicked{pointer-events:none}.quiz-card .wrap.clicked .answer:after{opacity:1}.quiz-card .wrap.clicked .answer.correct{box-shadow:inset 0 0 0 3px var(--green)}.quiz-card .wrap.clicked .answer.correct:after{background-image:url(/svg/check.svg);background-color:var(--green)}.quiz-card .wrap.clicked .answer.incorrect{box-shadow:inset 0 0 0 3px var(--red)}.quiz-card .wrap.clicked .answer.incorrect:after{background-image:url(/svg/close-white.svg);background-color:var(--red)}.quiz-card .wrap div:first-of-type{margin-top:0}.quiz-card .wrap div:last-of-type{margin-bottom:0}.results-ui .L{animation:pulseBorderResults 2s ease infinite}.results-ui .L .headline{font-variation-settings:"GRAD" 400,"wght" 700;font-size:26px;text-align:center;margin-bottom:12px}.results-ui .L .headline,.results-ui .L .table{width:100%}.results-ui .L .table .table-head{display:flex;font-variation-settings:"GRAD" 400,"wght" 700;padding:8px}.results-ui .L .table .table-head div:first-of-type{flex-grow:1}.results-ui .L .table .content .entry{display:flex;padding:8px;cursor:pointer;border-radius:12px;transition:.2s ease}.results-ui .L .table .content .entry:hover{background:var(--cta-sub-bg)}.results-ui .L .table .content .entry .name{flex-grow:1}@keyframes pulseBorderResults{50%{box-shadow:inset 0 0 0 3px var(--input-border-active)}}.results-ui .C.delete{margin:24px 0;background:var(--red)}.user-results-detail .question-result{margin-bottom:16px;padding:16px;border-radius:var(--border-radius-inputs);box-shadow:inset 0 0 0 3px var(--card-border)}.user-results-detail .question-result .question-text{font-variation-settings:"GRAD" 400,"wght" 800;font-size:20px;margin-bottom:12px}.user-results-detail .question-result .answer-row{display:flex;align-items:center;padding:8px 12px;border-radius:12px;margin-bottom:4px;font-size:18px}.user-results-detail .question-result .answer-row .label{font-size:14px;font-variation-settings:"GRAD" 400,"wght" 700;margin-right:8px;min-width:70px}.user-results-detail .question-result .answer-row.correct{background:var(--correct-answer-bg);box-shadow:inset 0 0 0 2px var(--green)}.user-results-detail .question-result .answer-row.wrong{background:rgba(255,45,85,.1);box-shadow:inset 0 0 0 2px var(--red)}.user-results-detail .C.go-back{margin-top:16px}.share-btns{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin:24px auto 16px;gap:8px}.share-btns a{display:flex;align-items:center;height:50px;border-radius:25px;color:#fff;font-size:17px;width:calc(50% - 4px);font-family:var(--font);font-variation-settings:"GRAD" 400,"wght" 700;font-style:normal}.share-btns a:before{content:"";display:flex;height:44px;width:44px;background-position:50%;background-repeat:no-repeat;flex-shrink:0;margin-left:4px}.share-btns a#twitter{background:#1d9bf0}.share-btns a#twitter:before{background-image:url(/svg/social/x.svg);background-size:24px}.share-btns a#facebook{background:#0866ff}.share-btns a#facebook:before{background-image:url(/svg/social/facebook.svg);background-size:48px}.share-btns a#messenger{background-image:linear-gradient(34deg,#0088FF -7%,#A033FF 26%,#FF5C87 60%)}.share-btns a#messenger:before{background-image:url(/svg/social/facebook-messenger.svg);background-size:40px}.share-btns a#whatsapp{background:#25d366}.share-btns a#whatsapp:before{background-image:url(/svg/social/whatsapp.svg);background-size:42px}.share-btns a#reddit{background:#ff4500}.share-btns a#reddit:before{background-image:url(/svg/social/reddit-2023.svg);background-size:36px}.share-btns a#email{background:#332f3b}.share-btns a#email:before{background-image:url(/svg/social/email-paper-plane.svg);background-size:40px}.copy-helper{position:absolute;left:-9999px}i.deco{background-size:contain;background-repeat:no-repeat;display:block}i.deco.star-small{width:60px;height:50px;background-image:url(https://bestfriendsquiz.app/cdn-cgi/image/width=120,height=100,fit=contain,format=auto/img/crown.png)}i.deco.heart{width:60px;height:52px;background-image:url(https://bestfriendsquiz.app/cdn-cgi/image/width=120,height=104,fit=contain,format=auto/img/heart.png)}i.deco.star{width:35px;height:60px;background-image:url(https://bestfriendsquiz.app/cdn-cgi/image/width=70,height=120,fit=contain,format=auto/img/blitz.png)}i.deco.heart-small{width:47px;height:60px;background-image:url(https://bestfriendsquiz.app/cdn-cgi/image/width=94,height=120,fit=contain,format=auto/img/flame.png)}.deco-line{display:flex;align-items:center;justify-content:space-around;max-width:430px;width:100%}@keyframes decoStars{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes decoHearts{0%{transform:rotate(0)}40%{transform:rotate(6deg)}100%{transform:rotate(-6deg)}}.arrow-bottom{position:relative}.arrow-bottom:after{content:"";display:block;position:absolute;background-image:url(/svg/arrow-bottom.svg);background-size:contain;background-position:50%;background-repeat:no-repeat;width:30px;height:104px;z-index:1;pointer-events:none;animation:arrowPoint 1.5s ease-in-out infinite;transform-origin:top center}@keyframes arrowPoint{0%,100%{transform:rotate(18deg)translateY(0)}50%{transform:rotate(18deg)translateY(6px)}}.loading-page{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:32px}.info.upsell{display:flex;margin-top:-16px}.info.upsell .header{display:flex;flex-direction:column;align-items:center}.info.upsell .C{margin:24px 0;padding:0 48px;width:unset}.info.upsell .hero{display:none}.site-footer{margin-top:48px;padding-bottom:32px;text-align:center}.site-footer .lang-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.site-footer .lang-switch a,.site-footer .lang-switch span{font-size:13px;padding:4px 10px;border-radius:99px;color:var(--light-color);transition:.2s ease}.site-footer .lang-switch a:hover{background:var(--cta-sub-bg);color:var(--main-color)}.site-footer .lang-switch .active{background:var(--cta-sub-bg);color:var(--main-color);font-variation-settings:"GRAD" 400,"wght" 700}.site-footer .footer-links{color:var(--light-color);font-size:13px}.super-bff-banner{font-family:var(--font);font-style:normal;position:fixed;width:calc(100vw - 16px);max-width:480px;left:8px;bottom:calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:5;background:#16151b;border-radius:20px;padding:10px;display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:10px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(30,27,40,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;text-decoration:none;animation:bannerBottomShow-mobile .5s ease 1s forwards,bannerPulsate-mobile 5s ease-in-out 3s infinite;transform:translateY(120px)}@supports(backdrop-filter:blur(1px)){.super-bff-banner{background:rgba(22,21,27,.7);backdrop-filter:blur(70px)saturate(2)}}@media(min-width:480px){.super-bff-banner{left:50%;transform:translateX(-50%);animation:bannerBottomShow-desktop .5s ease 1s forwards,bannerPulsate-desktop 5s ease-in-out 3s infinite}}.super-bff-banner .app-icon{width:62px;height:62px;border-radius:24%;flex-shrink:0;opacity:0;animation:reveal-image .6s ease 1.3s forwards,imagePulsate 5s ease-in-out 3s infinite}.super-bff-banner .details{flex-grow:1;margin:0 0 3px}.super-bff-banner .details .app-store-info-container{display:flex;align-items:center;gap:8px}.super-bff-banner .details .app-store-info-container .app-store{color:rgba(255,255,255,.5);display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.super-bff-banner .details .app-store-info-container .app-store:before{--bg:url('/svg/promo/app-store-logo.svg');content:'';display:block;width:14px;height:14px;background:var(--bg);background-repeat:no-repeat;background-size:contain;background-position:50%}.super-bff-banner .details .app-store-info-container .app-store.android:before{background-size:13px;--bg:url('/svg/promo/google-play.svg')}.super-bff-banner .details .app-store-info-container .rating{display:flex;align-items:center;gap:2px}.super-bff-banner .details .app-store-info-container .rating .star{width:11px;height:11px;opacity:0;background-image:url(/svg/promo/star.svg);background-size:contain;background-repeat:no-repeat}.super-bff-banner .details .app-store-info-container .rating .star:nth-child(1){animation:reveal-image .6s ease 1.3s forwards,star-pulsate 5s ease-in-out 3s infinite}.super-bff-banner .details .app-store-info-container .rating .star:nth-child(2){animation:reveal-image .6s ease 1.4s forwards,star-pulsate 5s ease-in-out 3.1s infinite}.super-bff-banner .details .app-store-info-container .rating .star:nth-child(3){animation:reveal-image .6s ease 1.5s forwards,star-pulsate 5s ease-in-out 3.2s infinite}.super-bff-banner .details .app-store-info-container .rating .star:nth-child(4){animation:reveal-image .6s ease 1.6s forwards,star-pulsate 5s ease-in-out 3.3s infinite}.super-bff-banner .details .app-store-info-container .rating .star:nth-child(5){animation:reveal-image .6s ease 1.7s forwards,star-pulsate 5s ease-in-out 3.4s infinite}.super-bff-banner .details .app-name{color:#fff;font-size:17px;margin:0;font-weight:600}.super-bff-banner .details .app-tagline{color:rgba(255,255,255,.5);font-size:13px;margin:2px 0 0;font-weight:500}.super-bff-banner .banner-button{height:30px;font-size:15px;background:#3478f6;background:color(display-p3 .204 .471 .965);border-radius:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;padding:0 10px;color:#fff}.super-bff-banner .banner-button.get{padding:0 18px}.super-bff-banner .banner-button.install{border-radius:6px;background:#01875f;background:color(display-p3 .004 .529 .373);padding:0 12px}@keyframes bannerBottomShow-mobile{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0)}}@keyframes bannerBottomShow-desktop{0%{opacity:0}100%{opacity:1}}@keyframes reveal-image{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}@keyframes star-pulsate{0%{transform:scale(1)}7.5%{transform:scale(1.3)}15%{transform:scale(1)}100%{transform:scale(1)}}@keyframes bannerPulsate-mobile{0%{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(30,27,40,.3);transform:scale(1)}85%{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(30,27,40,.3);transform:scale(1)}92.5%{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 20px 40px rgba(30,27,40,.5),0 0 20px rgba(52,120,246,.3);transform:scale(1.02)}100%{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(30,27,40,.3);transform:scale(1)}}@keyframes bannerPulsate-desktop{0%{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(30,27,40,.3);transform:translateX(-50%)scale(1)}85%{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(30,27,40,.3);transform:translateX(-50%)scale(1)}92.5%{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 20px 40px rgba(30,27,40,.5),0 0 20px rgba(52,120,246,.3);transform:translateX(-50%)scale(1.02)}100%{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(30,27,40,.3);transform:translateX(-50%)scale(1)}}@keyframes imagePulsate{0%{transform:scale(1)}85%{transform:scale(1)}92.5%{transform:scale(1.08)}100%{transform:scale(1)}}