/*! Fame10 Web Story
Version: 1.11
Author: DES */@import url(../css/swiper-bundle.min.css);:root{--gutter: 1.5rem;--grid-row-last: 1.8rem;--question-height: 7rem;--row-gap: 1.1rem;--primary: #f51d50;--accent: #0D874A;--black: #222;--light-gray: #FAFAFA;--heading-font: 'Oswald', sans-serif;--body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--donut-score: 0;--donut-color: var(--accent)}@media (min-height: 812px) and (max-width: 500px){:root{--question-height: 9rem}}@media (min-width: 768px){:root{--grid-row-last: 3.4rem;--question-height: 9rem;--row-gap: 1.6rem}}*,*::before,*::after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;font-family:sans-serif;line-height:1.15;scroll-behavior:smooth}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}.swiper-slide{width:100%}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.1875rem}.swiper-pagination-bullet{background-color:#ACABAA;border-radius:1rem;height:0.375rem;opacity:1;width:4.25vw}.swiper-pagination-bullet-active{background-color:#FFF}@media (min-width: 768px){.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.5rem}.swiper-pagination-bullet{height:0.46875rem;width:3.5vw}}@media (min-width: 1230px){.swiper-pagination-bullet{width:4.08rem}}@keyframes timerAnimation{to{width:100%}}@keyframes popin{30%{opacity:1;transform:scale(1)}80%,100%{opacity:1;transform:scale(0.9)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.story{background-color:#000;color:var(--black);font:400 1rem/1.5 var(--heading-font);margin:0;overflow-x:hidden}.story img{display:block}.story--confetti:before,.story--confetti:after{animation:popin 0.5s ease forwards;content:"";opacity:0;pointer-events:none;position:fixed;transform:scale(0.5);z-index:5}.story--confetti:before{background:url(../img/falling-confetti.png) no-repeat center/contain;height:25rem;left:0;top:0;width:100%}.story--confetti:after{background:url(../img/confetti.gif) no-repeat center/18.75rem auto;height:18.75rem;left:0;margin:0 auto;right:0;top:9rem;width:18.75rem}.story__article{display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.story__carousel{margin:0}.story__slide{display:grid;grid-row-gap:var(--row-gap);grid-template-columns:minmax(var(--gutter), 1fr) minmax(0, 75rem) minmax(var(--gutter), 1fr);height:100vh;overflow:hidden;width:100%}.story__slide--question{grid-template-areas:". foreground-image ." ". question ." ". button-group ." ". . .";grid-template-rows:1fr var(--question-height) auto var(--grid-row-last)}.story__slide--landing{grid-template-areas:". . ." ". landing-content ." ". . .";grid-template-rows:1fr auto var(--grid-row-last)}.story__slide--landing:after{animation:fadeUp 0.5s ease-in-out 0.5s forwards;background-color:rgba(255,255,255,0.9);content:"";grid-column:3/4;grid-row:2;opacity:0;transform:translateY(10%);z-index:1}.story__slide--ad{grid-template-areas:". ad ." ". . ." ". continue ." ". . .";grid-template-rows:1fr var(--question-height) auto var(--grid-row-last)}.story__slide--results{grid-template-areas:". . ." ". results ." ". more ." ". . .";grid-template-rows:5rem max-content auto var(--grid-row-last)}@media (min-width: 768px){.story__slide--landing:after{display:none}.story--confetti:before{height:40rem;top:-3rem}.story--confetti:after{top:12rem}}.story__button{align-items:center;justify-self:center;background-color:#FFF;border-radius:0.25rem;border:0 transparent;color:var(--primary);cursor:pointer;font:600 1.125rem/1.5 var(--heading-font);min-width:12.1875rem;padding:0.7rem 2rem;text-align:center;text-decoration:none;transition:background-color 0.25s ease-in-out,transform 0.35s cubic-bezier(0.47, 2.02, 0.31, -0.36)}.story__button:focus{outline:none}.story__button:hover{transform:scale(1.1)}.story__button--start{animation:popin 0.25s ease-in-out 1.25s forwards;background-color:var(--primary);bottom:-1.5rem;color:#FFF;left:0.9rem;min-width:0;opacity:0;position:absolute;text-transform:uppercase}.story__button--correct{position:relative;overflow:hidden}.story__button--correct:before{content:"";height:34px;left:0.65rem;position:absolute;top:50%;transform:translateY(-50%) translateX(-5rem);transition:transform 0.25s ease-in-out;width:35px;background:url(../img/tada.svg) no-repeat center/2.1875rem auto}.story__button--correct-focused,.story__button--incorrect-focused{color:#FFF}.story__button--correct-focused:before,.story__button--incorrect-focused:before{transform:translateY(-50%) translateX(0)}.story__button--correct-focused{background-color:var(--accent);transform:scale(1.1) !important}.story__button--incorrect-focused{background-color:#d6093a;color:#FFF}.story__button--disabled{pointer-events:none}.story__button--more{align-self:end;background-color:var(--primary);color:#FFF;grid-area:more}@media (min-width: 768px){.story__button{font-size:1.375rem}}.story__header{display:grid;align-items:center;grid-template-columns:minmax(var(--gutter), 1fr) minmax(0, 37.5rem) minmax(0, 37.5rem) minmax(var(--gutter), 1fr);justify-content:space-between;left:0;position:fixed;top:0;padding-top:2.2rem;width:100%;z-index:2}.story__header::before{background:transparent linear-gradient(180deg, rgba(0,0,0,0.611765) 0%, rgba(128,128,128,0) 100%) 0% 0% no-repeat padding-box;content:"";height:82px;left:0;position:absolute;top:0;width:100%;z-index:-1}.story__logo{width:1.8125rem;grid-column:2}.story__close{-webkit-appearance:none;background-color:transparent;border:none;cursor:pointer;grid-column:3;height:1.25rem;justify-self:end;padding:0;position:relative;width:1.25rem}.story__close:before,.story__close:after{background-color:#D2D2D1;border-radius:0.0625rem;content:"";height:0.125rem;left:-0.2rem;position:absolute;top:0.5rem;transition:0.25s ease-in-out;width:1.65rem}.story__close:before{transform:rotate(45deg)}.story__close:after{transform:rotate(-45deg)}.story__close:focus{outline:none}.story__close:hover:before,.story__close:hover:after{background-color:#FFF}@media (min-width: 768px){.story__header{padding-top:3rem}.story__logo{width:2.1875rem}.story__close{height:1.5rem;width:1.5rem}.story__close:before,.story__close:after{top:0.7rem;width:2rem}}.story__timer{position:absolute;left:0;top:0;width:100%;z-index:2}.story__time{background-color:var(--primary);height:0.3rem;width:0}.story__time--active{animation:timerAnimation 15s linear}.story__time--paused{animation-play-state:paused}.story__time--reset{width:0}.story__pagination{position:fixed;top:0.1875rem;bottom:auto !important}@media (min-width: 768px){.story__pagination{top:0.6rem}}.story__landing-content{animation:fadeUp 0.5s ease-in-out 0.5s forwards;backdrop-filter:blur(2px);background-color:rgba(255,255,255,0.925);grid-area:landing-content;opacity:0;padding:1.25rem 0 2.75rem 1.25rem;position:relative;transform:translateY(10%)}.story__heading,.story__subheading{color:var(--dark-gray);margin:0}.story__heading{font:700 1.75rem/1.37 var(--heading-font)}.story__subheading{font:300 1rem/1.2 var(--heading-font);position:relative}.story__subheading:before{background-color:var(--primary);content:"";height:0.4375rem;position:absolute;top:-1.2rem;width:4.8125rem}.story__heading+.story__subheading{margin-top:1.85rem}@media (min-width: 768px){.story__landing-content{justify-self:center;max-width:29.8125rem;padding-bottom:3.5rem}.story__heading{font-size:2rem}.story__subheading{font-size:1.2rem}.story__subheading:before{top:-1.75rem}.story__heading+.story__subheading{margin-top:3rem}}.story__video,.story__image{grid-column:1/-1;grid-row:1/-1;z-index:0}.story__video{height:100%;object-fit:cover;pointer-events:none;width:100%}.story__image img{height:100%;object-fit:cover;pointer-events:none;width:100%;filter:blur(5px) brightness(0.65)}.story__image--landing img{filter:none}.story__foreground-image{align-self:end;grid-area:foreground-image;height:15rem;justify-self:center;opacity:0;position:relative;transform:translateY(10%);width:15rem;z-index:1}.swiper-slide-active .story__foreground-image{animation:fadeUp 0.5s ease-in-out forwards}.story__foreground-image img{height:100%;object-fit:cover;pointer-events:none;width:100%}.story__foreground-image:before{background-color:#F51D504F;content:"";height:100%;left:6%;opacity:0;position:absolute;top:6%;width:100%;z-index:-1}.swiper-slide-active .story__foreground-image:before{animation:fadeUp 0.5s ease-in-out 0.25s forwards}.story__question{align-self:end;color:#FFF;font-size:1.1875rem;font-weight:600;grid-area:question;margin:0 0 0.9rem 0;opacity:0;text-align:center;transform:translateY(10%);z-index:1}.swiper-slide-active .story__question{animation:fadeUp 0.5s ease-in-out 0.75s forwards}.story__button-group{display:grid;grid-template-rows:repeat(2, 1fr);grid-row-gap:var(--row-gap);grid-area:button-group;opacity:0;transform:translateY(10%)}.swiper-slide-active .story__button-group{animation:fadeUp 0.5s ease-in-out 1s forwards}@media (min-width: 768px){.story__foreground-image{height:20.6875rem;width:22.9375rem}.story__content{grid-row-gap:1.5rem}.story__question{font-size:1.5rem;margin-bottom:1.1rem}}.story__ad{align-self:end;display:flex;grid-area:ad;height:15.625rem;justify-self:center;width:18.75rem}.story__button--continue{grid-area:continue}.story__results{background-color:#FFF;border-radius:0.3125rem;display:grid;grid-area:results;grid-row-gap:1rem;justify-self:center;max-width:32.8125rem;overflow:hidden;padding-top:1rem;text-align:center;width:100%}.story__results-heading{margin:0;opacity:0;font-size:1.5rem;transform:translateY(10%)}.swiper-slide-active .story__results-heading{animation:fadeUp 0.5s ease-in-out forwards}.story__results-subheading{background:url(../img/clapping.svg) no-repeat center left/2.1875rem auto;font-size:1.75rem;font-weight:700;justify-self:center;margin:0;padding-left:3rem;opacity:0;transform:translateY(10%)}.swiper-slide-active .story__results-subheading{animation:fadeUp 0.5s ease-in-out 1.25s forwards}.story__results-subheading--fail{background-image:url(../img/poop.svg)}.story__score{display:flex;justify-content:center}.story__donut{align-items:center;background:radial-gradient(white 50%, transparent 51%),conic-gradient(var(--donut-color) 0% var(--donut-score), #EEE var(--donut-score) 100%);border-radius:50%;display:flex;flex-direction:column;height:10rem;justify-content:center;opacity:0;transform:translateY(10%);width:10rem}.swiper-slide-active .story__donut{animation:fadeUp 0.5s ease-in-out 1s forwards}.story__final-score{font-size:4.5rem;font-weight:700;line-height:1.1}.story__social{background-color:#F5F5F5;display:grid;grid-row-gap:1.2rem;grid-template-columns:repeat(3, 1fr);padding:1.5rem 1rem;text-align:center}.story__social-p{font-size:1.1875rem;font-weight:300;grid-column:1/4;margin:0}.story__clipboard{align-items:center;background-color:#355DE2;border-radius:0.25rem;border:0 transparent;color:#FFF;cursor:pointer;display:flex;font:600 0.8rem/1.5 Helvetica, Arial, sans-serif;justify-self:start;padding:0.25rem 0.5rem;text-align:center;text-decoration:none}.story__clipboard:focus{outline:none}.story__clipboard svg{width:0.875rem;height:0.875rem;fill:#FFF;margin-right:0.25rem}#twitter-widget-0{justify-self:end}@media (min-width: 768px){.story__results-heading{font-size:1.6875rem}.story__results-subheading{background-size:4.125rem auto;font-size:2.3125rem;padding:1rem 0 1rem 6rem}.story__donut{height:12rem;width:12rem}.story__final-score{font-size:5rem}.story__social-p{font-size:1.625rem}}
