@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@layer theme{:root{--color-primary:#2d2d2d;--color-primary-hover:#333;--color-primary-light:#efefef;--color-secondary:#555;--color-accent:#888;--color-bg:#fff;--color-surface:var(--color-primary-light);--color-surface-2:#fff;--color-surface-3:#ebebeb;--color-text:var(--color-primary);--color-text-muted:#6b6b6b;--color-text-light:#a0a0a0;--color-border:#e5e5e5;--color-mfd-bg:transparent;--mfd-padding-y:0rem;--color-fl-bg:transparent;--fl-padding-y:0rem;--color-header-bg:#1c1c1c;--color-header-text:#fff;--color-header-shadow:none;--color-nav-bg:#1c1c1c;--color-nav-text:#fff;--color-footer-bg:#2d2d2d;--color-footer-text:#fff;--color-footer-muted:transparent;--color-fact-bg:var(--color-primary-light);--color-fact-text:var(--color-primary);--color-fact-accent:#fff;--color-correct:#22c55e;--color-correct-bg:#d9f5e3;--color-correct-border:#22c55e;--color-wrong:#fff;--color-wrong-bg:#ef4444;--color-wrong-border:#ef4444;--color-progress-bg:#ebebeb;--color-progress-fill:#646464;--color-btn-primary-text:#fff;--color-btn-primary-bg:#1c1c1c;--color-btn-primary-border:#1c1c1c;--color-btn-primary-hover:#333;--color-btn-primary-hover-border:#333;--color-btn-primary-focus:#333;--color-btn-primary-focus-border:#333;--font-heading:"Inter",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-btn:9999px;--radius-card:0.75rem;--header-height:64px;--header-height-mob:45px;--content-max-width:1040px;--vertical-padding:0.5rem;--vertical-padding-md:1rem;--side-padding:1rem;--side-padding-md:1.5rem}}:root{--fade-in-duration:0.5s}.delayed{animation:fadeIn var(--fade-in-duration,1s) ease-in-out forwards;animation-delay:calc(var(--i, 1)*var(--fade-in-duration, 1s));opacity:0}.page-wrapper{background-color:var(--color-bg);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-top:var(--header-height)}@media (max-width:639px){.page-wrapper{padding-top:var(--header-height-mob)}}.page-content{flex:1 1 0%;margin-left:auto;margin-right:auto;max-width:var(--content-max-width);padding:var(--vertical-padding) var(--side-padding);width:100%}@media (min-width:640px){.page-content{padding:var(--vertical-padding-md) var(--side-padding-md)}}.site-header{background-color:var(--color-header-bg);box-shadow:var(--color-header-shadow);color:var(--color-header-text);height:var(--header-height);left:0;overflow:visible;position:fixed;right:0;top:0;z-index:40}@media (max-width:640px){.site-header{height:var(--header-height-mob)}}.nav-toggle-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.header-inner{align-items:center;display:flex;height:100%;justify-content:flex-end;padding:0 var(--side-padding);position:relative}@media (min-width:640px){.header-inner{padding:0 var(--side-padding-md)}}.header-logo-wrap{display:flex;left:50%;position:absolute;--tw-translate-x:-50%;align-items:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.header-logo{max-height:2rem;width:auto}@media (max-width:639px){.header-logo{max-height:1.75rem}}.header-logo-placeholder{color:var(--color-header-text);font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.75rem}.nav-toggle-btn{align-items:center;border-radius:.25rem;color:var(--color-header-text);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:.375rem;height:2.5rem;justify-content:center;position:relative;transition:background-color .15s ease;width:2.5rem;z-index:50}.nav-toggle-btn:hover{background-color:color-mix(in srgb,var(--color-header-text) 10%,transparent)}.hamburger-line{background-color:currentColor;border-radius:9999px;display:block;height:2px;transform-origin:center;transition:transform .3s ease,opacity .3s ease;width:1.5rem}.nav-toggle-input:checked~.header-inner .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle-input:checked~.header-inner .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle-input:checked~.header-inner .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-overlay{background-color:rgba(0,0,0,.5);cursor:pointer;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:30}.nav-toggle-input:checked~.nav-overlay{opacity:1;pointer-events:auto}.site-nav{background-color:var(--color-nav-bg);box-shadow:-4px 0 24px rgba(0,0,0,.18);color:var(--color-nav-text);display:flex;flex-direction:column;height:100%;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:100%;z-index:40}@media (min-width:768px){.site-nav{width:50%}}.nav-toggle-input:checked~.site-nav{transform:translateX(0)}.nav-list{display:flex;flex-direction:column;gap:0;padding:5rem 1.5rem 2rem}.nav-item{border-bottom-width:1px;border-color:color-mix(in srgb,var(--color-nav-text) 15%,transparent)}.nav-link{align-items:center;color:var(--color-nav-text);display:flex;font-size:1.125rem;font-weight:500;line-height:1.75rem;padding-bottom:1rem;padding-top:1rem;transition:color .15s ease}.nav-link:hover{text-decoration-line:underline}.site-footer{background-color:var(--color-footer-bg);color:var(--color-footer-text);margin-top:auto;width:100%}.footer-inner{margin-left:auto;margin-right:auto;max-width:var(--content-max-width);padding-bottom:2rem;padding-left:var(--side-padding);padding-right:var(--side-padding);padding-top:2rem}@media (min-width:640px){.footer-inner{padding-left:var(--side-padding-md);padding-right:var(--side-padding-md)}}.footer-logo{display:block;margin:.5rem auto 1.5rem;max-height:2rem;width:auto}@media (max-width:639px){.footer-logo{max-height:1.75rem}}.footer-links{align-items:center;-moz-column-gap:0;column-gap:0;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem;row-gap:.5rem}.footer-link{color:var(--color-footer-text);font-size:.875rem;line-height:1.25rem;padding:.25rem .5rem;text-transform:uppercase;transition:color .15s ease}.footer-link:hover{text-decoration-line:underline}.footer-disclaimer{line-height:1rem;line-height:1.625;margin-bottom:1rem;margin-top:1rem}.footer-copyright,.footer-disclaimer{color:var(--color-footer-text);font-size:.75rem;text-align:center}.footer-copyright{font-weight:700;line-height:1rem}.quiz-btn{align-items:center;border-radius:var(--radius-btn);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-weight:600;justify-content:center;padding:.5rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}.quiz-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quiz-btn--primary{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:var(--color-btn-primary-bg);border:2px solid var(--color-btn-primary-border);color:var(--color-btn-primary-text)}.quiz-btn--primary,.quiz-btn--primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.quiz-btn--primary:hover{text-decoration-line:none;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-color:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover-border);transform:translateY(-1px)}.quiz-btn--primary:focus{background-color:var(--color-btn-primary-focus);border-color:var(--color-btn-primary-focus-border);transform:translateY(0)}.quiz-btn--primary:active{transform:translateY(0)}.quiz-btn--transparent{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border:2px solid var(--color-btn-primary-border);color:var(--color-btn-primary-border)}.quiz-btn--transparent,.quiz-btn--transparent:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.quiz-btn--transparent:hover{text-decoration-line:none;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-color:var(--color-btn-primary-hover-border);transform:translateY(-1px)}.quiz-btn--transparent:focus{border-color:var(--color-btn-primary-focus-border);transform:translateY(0)}.quiz-btn--transparent:active{transform:translateY(0)}.quiz-btn--normal{font-weight:400}.quiz-btn--lg{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}@media (max-width:639px){.quiz-btn--lg{font-size:.875rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}}.quiz-btn--capital{text-transform:capitalize}.quiz-btn--upper{text-transform:uppercase}.quiz-btn--wide{padding-left:3rem;padding-right:3rem}@media (max-width:639px){.quiz-btn--wide{padding-left:1.5rem;padding-right:1.5rem}}.quiz-btn--wider{padding-left:6rem;padding-right:6rem}.quiz-btn--full-width{width:100%}@media (max-width:639px){.quiz-btn--wider{padding-left:4rem;padding-right:4rem}}.btn-wrapper-center{display:flex;justify-content:center;margin:1rem 0;&.with-space-below{margin-bottom:2rem}}.btn-wrapper-center.btn-wrapper-center--top{margin:0 0 .5rem}.btn-wrapper-center.btn-wrapper-center--bottom{margin:.5rem 0 0}.quiz-btn-with-delay{animation:fadeIn var(--fade-in-duration) ease-in-out forwards;animation-delay:calc(var(--i)*var(--fade-in-duration));opacity:0}.progress-bar{background-color:var(--color-progress-bg);height:8px;order:1;overflow:hidden;width:100%}@media (max-width:639px){.progress-bar{order:2}}.progress-fill{background-color:var(--color-progress-fill);height:100%;transition:width .5s ease-out;width:var(--progress,0)}.interesting-fact{background:url(/build-classics/images/interesting-fact.7ab4d371.svg) top right no-repeat var(--color-fact-bg);border-radius:var(--radius-xl) var(--radius-xl);margin-bottom:1.5rem;margin-top:1.5rem;padding:1.5rem 8rem 2rem 2.5rem;width:100%}@media (max-width:639px){.interesting-fact{margin-bottom:.75rem;margin-top:.75rem;padding:1rem}}.interesting-fact__label{color:var(--color-fact-text);font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;line-height:150%;margin-bottom:.5rem;margin-left:.5rem;padding-left:5rem;text-align:center;text-transform:capitalize}@media (max-width:639px){.interesting-fact__label{font-size:1.125rem;line-height:1.75rem;margin-left:0;padding-left:0;text-align:left}}.interesting-fact__text{color:var(--color-fact-text);font-size:.875rem;line-height:1.25rem;line-height:1.625}@media (max-width:639px){.interesting-fact__text{font-size:.75rem;line-height:1rem;line-height:1.625}}.fact-lab{margin-bottom:var(--fl-padding-y,0);margin-top:var(--fl-padding-y,0);padding-bottom:var(--fl-padding-y,2rem);padding-top:var(--fl-padding-y,2rem);position:relative;width:100%;z-index:0}.fact-lab,.fact-lab:after,.fact-lab:before{background-color:var(--color-fl-bg,transparent)}.fact-lab:after,.fact-lab:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:100vw;z-index:-1}.fact-lab:before{right:100%}.fact-lab:after{left:100%}.fact-lab__title{color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;line-height:150%;margin-bottom:.5rem;text-align:center;text-transform:capitalize}.fact-lab__track{display:flex;flex-wrap:wrap;gap:1rem}.fact-lab__item{flex:0 0 calc(33.33333% - 0.66667rem);min-width:0}@media (max-width:639px){.fact-lab__track{flex-wrap:nowrap;gap:.75rem;margin-left:calc(var(--side-padding)*-1);margin-right:calc(var(--side-padding)*-1);overflow-x:auto;padding-bottom:.75rem;padding-left:var(--side-padding);padding-right:var(--side-padding);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fact-lab__track::-webkit-scrollbar{display:none}.fact-lab__item{flex:0 0 82%;scroll-snap-align:center}}.fact-lab__item{background-color:var(--color-surface);border-radius:var(--radius-card);overflow:hidden;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border:1px solid var(--color-border);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.fact-lab__image-wrap{aspect-ratio:16/9;background-color:var(--color-surface-2);overflow:hidden}.fact-lab__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.fact-lab__image-placeholder{align-items:center;background-color:var(--color-surface-2);display:flex;font-size:2.25rem;height:100%;justify-content:center;line-height:2.5rem;width:100%}.fact-lab__text{color:var(--color-text);font-size:.75rem;line-height:1rem;line-height:1.625;padding:1rem}.more-from-domain{background-color:var(--color-mfd-bg,transparent);margin-bottom:var(--mfd-padding-y,0);margin-top:var(--mfd-padding-y,0);padding-bottom:var(--mfd-padding-y,2rem);padding-top:var(--mfd-padding-y,2rem);position:relative;width:100%;z-index:0}.more-from-domain:after,.more-from-domain:before{background-color:var(--color-mfd-bg,transparent);bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:100vw;z-index:-1}.more-from-domain:before{right:100%}.more-from-domain:after{left:100%}.more-from-domain__title{color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin-bottom:1rem;padding-left:0;padding-right:0;text-align:center}.more-from-domain__track{display:flex;flex-wrap:wrap;gap:1rem}.more-from-domain__item{border:none;box-shadow:none;flex:0 0 calc(33.33333% - 0.66667rem);min-width:0}@media (max-width:639px){.more-from-domain__track{flex-wrap:nowrap;gap:.75rem;margin-left:calc(var(--side-padding)*-1);margin-right:calc(var(--side-padding)*-1);overflow-x:auto;padding-bottom:.75rem;padding-left:var(--side-padding);padding-right:var(--side-padding);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.more-from-domain__track::-webkit-scrollbar{display:none}.more-from-domain__item{flex:0 0 82%;scroll-snap-align:center}}.more-from-domain__item{background-color:var(--color-surface-2);border-radius:var(--radius-card);color:var(--color-text);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease}.more-from-domain__item:hover{text-decoration-line:none;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-color:var(--color-primary);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.more-from-domain__item-title{color:var(--color-text);font-size:1.25rem;font-weight:600;line-height:1.75rem;line-height:1.375;padding-bottom:.5rem;padding-top:.5rem}.more-from-domain__item:hover .more-from-domain__item-title{padding-left:.5rem;padding-right:.5rem;transition:padding-left .2s ease-in-out,padding-right .2s ease-in-out}.more-from-domain__image-wrap{aspect-ratio:16/9;background-color:var(--color-surface-2);border-radius:var(--radius-card);overflow:hidden}.more-from-domain__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.more-from-domain__image-placeholder{align-items:center;background-color:var(--color-surface-2);display:flex;font-size:1.875rem;height:100%;justify-content:center;line-height:2.25rem;width:100%}.more-from-domain__text{color:var(--color-text);font-size:.75rem;line-height:1rem;line-height:1.625;padding-bottom:.75rem;padding-left:0;padding-right:0}.more-from-domain__item:hover .more-from-domain__text{padding-left:.5rem;padding-right:.5rem;transition:padding-left .2s ease-in-out,padding-right .2s ease-in-out}.cross-promo{margin-bottom:2rem;margin-top:2rem;overflow:hidden;width:100%;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cross-promo__title{color:var(--color-text);font-family:var(--font-heading);font-size:1rem;font-weight:700;line-height:1.5rem;padding:1rem 1rem 0;text-align:left}.cross-promo__image-wrap{aspect-ratio:16/9;background-color:var(--color-surface-2);margin-top:.75rem;overflow:hidden;width:100%}.cross-promo__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cross-promo__image-placeholder{align-items:center;background-color:var(--color-surface-2);display:flex;font-size:3rem;height:100%;justify-content:center;line-height:1;width:100%}.cross-promo__body{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.cross-promo__text{color:var(--color-text-muted);font-size:.875rem;line-height:1.25rem;text-align:center}.ad-label{color:var(--color-accent);display:block;font-size:.75rem;line-height:1rem;text-align:center;text-transform:lowercase}.ad-label:after,.ad-label:before{display:inline-block;--tw-content:"-";content:var(--tw-content)}.ad-block{margin-bottom:1rem;margin-top:1rem;min-height:18rem}@media (max-width:639px){.ad-block{min-height:20rem;&.ad-height-600{min-height:600px}}}.ad-block>section{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.ad-block-fixed{bottom:0;left:0;position:fixed;right:0;text-align:center;z-index:10}.ad-mobile{display:none}@media (max-width:639px){.ad-mobile{display:block}}.ad-desktop{display:none}@media (min-width:640px){.ad-desktop{display:block}}.ad-content-network-header{margin-bottom:.5rem;margin-top:1rem}.ad-content-network-title{font-size:1.125rem;font-weight:700;line-height:1.5rem}@media (max-width:639px){.ad-content-network-title{font-size:1rem;line-height:1.5rem}}.ad-content-network-subtitle{color:var(--color-accent)}.ad-content-network-block{margin-bottom:.625rem;margin-top:.625rem;min-height:18rem}.explain-title{color:var(--color-text);font-family:var(--font-heading);font-size:1.875rem;font-weight:700;line-height:2.25rem;margin-bottom:1rem;margin-top:1rem;text-align:center}@media (max-width:639px){.explain-title{font-size:1.5rem;line-height:2rem;margin-bottom:.5rem;margin-top:.5rem;text-align:left}}.explain-description{font-size:.875rem;line-height:1.25rem;line-height:1.625}.explain-section{align-items:start;display:flex;flex-direction:row-reverse;gap:1.5rem;margin:1.5rem 0}@media (max-width:639px){.explain-section{display:block;margin:.5rem 0;overflow:hidden}}.explain-description,.explain-image-wrap{flex:1;min-width:0}.explain-image-wrap .quiz-hero-image{border-radius:var(--radius-card)}@media (max-width:639px){.explain-image-wrap{float:left;margin-right:.5rem;width:40%}.explain-description{width:auto}}.intro-description{color:var(--color-text);display:none;font-size:.875rem;line-height:1.25rem;line-height:1.625;margin-bottom:.5rem;margin-top:.5rem;text-align:center;width:100%}@media (min-width:680px){.intro-description{display:block}}.intro-section{align-items:center;display:flex;gap:1.5rem;margin:1.5rem 4rem}@media (max-width:800px){.intro-section{flex-flow:column;margin:1rem 0}}.intro-image-with-text-wrap{display:flex;flex:3;gap:1rem}.intro-icon{flex:1;width:150px}.intro-section-text-wrap{flex:3}.intro-section-text--top{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);font-size:.875rem;line-height:1.25rem;margin-bottom:1rem;margin-top:.5rem;padding:.5rem;width:100%}.intro-section-text--bottom{font-size:.875rem;line-height:1.25rem;text-align:center}.intro-buttons-wrap{flex:2}.text-separate{font-size:1rem;line-height:1.5rem;text-align:center;text-transform:uppercase}.start .btn-wrapper-center .quiz-btn-with-delay{--fade-in-duration:2s}.quiz-start-header{display:flex;flex-wrap:wrap;justify-content:center}.quiz-start-header-combined{display:flex;flex-direction:column;justify-content:center;>.quiz-hero-image-wrap{display:grid;justify-content:end;>*{grid-area:1/1}}.quiz-title-wrapped{background-color:rgba(0,0,0,.4);color:#fff;filter:blur(20);font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-top:auto;padding:.5rem;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1)}img{aspect-ratio:16/9}}.quiz-title{color:var(--color-text);font-family:var(--font-heading);font-size:1.875rem;font-weight:700;line-height:2.25rem;margin-bottom:1rem;margin-top:1rem;text-align:center}@media (max-width:639px){.quiz-title{font-size:1.5rem;line-height:2rem;margin-bottom:.5rem;margin-top:1rem;order:1}}.quiz-description{color:var(--color-text);font-size:.875rem;line-height:1.25rem;line-height:1.625;margin-bottom:.5rem;margin-top:.5rem;width:100%}.quiz-description--mobile{display:none}@media (max-width:639px){.quiz-description{order:3}.quiz-description--mobile{display:block}}.quiz-description h2{font-size:1.125rem;font-weight:600;line-height:1.75rem;margin-top:1rem}.quiz-hero-image-wrap{border-radius:var(--radius-card);margin:1rem auto;overflow:hidden}@media (max-width:639px){.quiz-hero-image-wrap{margin-bottom:.5rem;margin-top:.5rem;order:2}}.quiz-hero-image{height:auto;width:100%}.quiz-hero-image-placeholder{align-items:center;background-color:var(--color-surface-2);display:flex;font-size:6rem;justify-content:center;line-height:1;padding-bottom:3rem;padding-top:3rem;width:100%}@media (max-width:639px){.btn-wrapper-start{margin-bottom:0;margin-top:0}}.quiz-start-header .ad-block{width:100%}@media (max-width:639px){.quiz-start-header .ad-block{display:none}}.about-domain,.general-description{color:var(--color-text);font-size:.875rem;line-height:1.25rem;line-height:1.625;margin-bottom:1rem;margin-top:1rem;width:100%}.about-domain__title{color:var(--color-text);font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;line-height:150%;margin-bottom:.5rem;text-align:center}.question-header{display:flex;flex-direction:column;flex-wrap:wrap;gap:0}.question-text{background-color:var(--color-primary);color:var(--color-primary-light);font-family:var(--font-heading);font-size:1rem;font-weight:600;line-height:1.5rem;line-height:1.4;margin-bottom:.75rem;order:2;padding:2rem 3rem;text-align:center}.question-text.question-text--top{border-radius:var(--radius-card) var(--radius-card) 0 0;margin-bottom:0;order:1}.question-image-wrap{background-color:var(--color-surface-2);border-radius:var(--radius-card);margin-bottom:.5rem;margin-top:.5rem;order:4;overflow:hidden;width:100%}@media (max-width:639px){.question-image-wrap{margin-bottom:.5rem;margin-top:.5rem}}.question-header-wrap{display:flex;gap:1rem}.question-header-wrap .question-header{flex:2}.question-header-wrap .question-header--side{flex:1}.question-header-wrap .question-header .question-image-wrap{border-radius:0 0 var(--radius-card) var(--radius-card);margin-top:0}.question-header-wrap .question-header .answer-input,.question-header-wrap .question-header .answers-grid,.question-header-wrap .question-header .answers-single{order:5}.question-header-wrap .question-header .fifty-fifty-btn-wrap{order:6}@media (max-width:639px){.question-header-wrap{flex-direction:column}}.question-header .ad-block{min-height:8rem;order:3}@media (max-width:639px){.question-header .ad-block{margin-left:-1rem;margin-right:-1rem;min-height:20rem}.question-text{border-radius:var(--radius-card) var(--radius-card) 0 0;margin-bottom:0;order:1;padding:1rem}.question-image-wrap{border-radius:0 0 var(--radius-card) var(--radius-card);margin-top:0}.question-header .ad-block{order:4}}.question-image{height:auto;max-height:480px;-o-object-fit:cover;object-fit:cover;width:100%}.question-image-placeholder{align-items:center;background-color:var(--color-surface-2);display:flex;font-size:6rem;justify-content:center;line-height:1;padding-bottom:3rem;padding-top:3rem;width:100%}@media (max-width:639px){.ad-block{margin-bottom:.5rem;margin-top:.5rem}}.answers-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}@media (max-width:639px){.answers-grid{margin-bottom:.5rem;margin-top:.5rem}}.answers-single{display:block;margin:1rem auto;width:50%}@media (max-width:639px){.answers-single{width:100%}}.answers-grid--images{justify-content:space-evenly}.answer-image{cursor:pointer;overflow:hidden;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);border:2px solid var(--color-accent);border-radius:var(--radius-card);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:22%}.answer-image:hover{border-color:var(--color-secondary);transform:translateY(-1px)}.answer-btn{align-items:center;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;flex:0 0 calc(50% - 0.375rem);font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;line-height:1.375;min-height:40px;min-width:0;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .15s ease}@media (max-width:479px){.answer-btn{flex:0 0 100%}}.answer-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.answer-btn:hover{background-color:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover-border);color:var(--color-btn-primary-text);text-decoration-line:none;transform:translateY(-1px)}.answer-btn:focus{background-color:var(--color-btn-primary-focus);border-color:var(--color-btn-primary-focus-border);color:var(--color-btn-primary-text)}.answer-btn:active,.answer-btn:focus{transform:translateY(0)}.answer-input{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0}.answer-input--field{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);min-height:40px;padding-left:.5rem;padding-right:.5rem;width:100%}.answer-input--field:focus-visible{outline-color:var(--color-secondary)}.answer-btn[type=submit]{background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);border-radius:var(--radius-btn);color:var(--color-btn-primary-text);font-size:1.125rem;font-weight:600;line-height:1.75rem;min-width:20%}.answer-btn[type=submit]:hover{text-decoration-line:none;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (max-width:639px){.answer-btn[type=submit]{min-width:50%}}.answer-with-delay{animation:fadeIn var(--fade-in-duration) ease-in-out forwards;animation-delay:calc(var(--i)*var(--fade-in-duration));opacity:0}@keyframes fadeIn{to{opacity:1}}.user-answer-text{color:var(--color-text);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;line-height:1.75rem;margin-bottom:1.5rem;margin-top:1.5rem;text-align:center}@media (max-width:639px){.user-answer-text{font-size:1rem;line-height:1.5rem;margin-bottom:.5rem;margin-top:.5rem}}.user-answer-message-icon{display:inline-block;height:1rem;margin-right:.5rem;width:1rem}.result-text{font-family:var(--font-heading);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:1.5rem;margin-top:1.5rem}.result-heading,.result-text{color:var(--color-text);text-align:center}.result-heading{font-size:1.125rem}.result-text--base{font-size:1.5rem;line-height:2rem}.result-section{align-items:start;display:flex;gap:1.5rem;margin:1.5rem 0}.result-content,.result-image-wrap{flex:1;min-width:0}@media (max-width:639px){.result-section{flex-direction:column}}.result-image-wrap{background-color:var(--color-surface-2);border-radius:var(--radius-card);overflow:hidden}.result-image{height:auto;width:100%}.result-image-placeholder{align-items:center;background-color:var(--color-surface-2);display:flex;font-size:6rem;justify-content:center;line-height:1;padding-bottom:3rem;padding-top:3rem;width:100%}.result-content{display:flex;flex-direction:column;gap:1rem}.result-content__text,.result-description{color:var(--color-text);font-size:.875rem;line-height:1.25rem;line-height:1.625}.result-description{margin-bottom:1rem;margin-top:1rem;text-align:center;width:100%}.result-description--left{text-align:left}.result-description--center{text-align:center}.result-description--transparent{background:transparent}.result-description--bg{background-color:var(--color-surface-2)}.result-description--border{border-radius:var(--radius-lg);padding:1rem}.result-description--text-base{font-size:1rem;line-height:1.5rem}@media (max-width:639px){.result-description{text-align:left}.because-you-played.because-you-played--on-complete{display:none}}.chance-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:1.5rem;margin-top:1.5rem}.chance-description,.chance-text{color:var(--color-text);text-align:center}.chance-description{font-size:.875rem;line-height:1.25rem;line-height:1.625;margin-bottom:1rem;margin-top:1rem;width:100%}.user-answers-heading{color:var(--color-text);font-family:var(--font-heading);font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:1.5rem;margin-top:1.5rem;text-align:center}.answered-question{border:2px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);margin-bottom:1.5rem;margin-top:1.5rem;overflow:hidden;padding:1rem;width:100%}@media (max-width:639px){.answered-question{margin-bottom:1rem;margin-top:1rem}}.answered-question__header{background-color:var(--color-surface-3);color:var(--color-text);font-size:.875rem;font-weight:600;line-height:1.25rem;line-height:1.375;padding:1rem 1.25rem;width:100%}.answered-question__image-wrap{border-radius:var(--radius-md);margin:1rem auto;overflow:hidden;width:70%}.answered-question__image-wrap-with-ad{align-items:center;display:flex;justify-content:space-evenly;width:100%}@media (max-width:639px){.answered-question__image-wrap{border-radius:0;width:100%}}.answered-question__image{border-radius:var(--radius-card);height:auto;margin-left:auto;margin-right:auto;width:66.666667%}@media (max-width:639px){.answered-question__image{width:100%}}.answered-question__image-with-ad{border-radius:var(--radius-md);height:-moz-fit-content;height:fit-content;width:50%}.ad-block-with-image{width:50%}.answered-question__answers{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.answered-question__answers-with-images{justify-content:space-evenly}.answered-question__answer{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:0 0 calc(50% - 0.25rem);font-size:.875rem;font-weight:500;line-height:1.25rem;min-width:0;padding:.5rem 1rem;text-align:left}@media (max-width:639px){.answered-question__answer{flex:0 0 100%;min-height:40px}}.answered-question__answer-with-image{border:4px solid var(--color-border);border-radius:var(--radius-card);flex:0 0 20%;padding:0}.answered-question__answer-image{border-radius:var(--radius-card);display:inline-block;width:-moz-fit-content;width:fit-content}.answered-question__answer--correct{background-color:var(--color-correct-bg);border-color:var(--color-correct-border);color:var(--color-correct);font-weight:700}.answered-question__answer--correct-highlight{background-color:var(--color-correct);border-color:var(--color-correct);color:#fff;font-weight:700}.answered-question__answer--wrong{background-color:var(--color-wrong-bg);border-color:var(--color-wrong-border);color:var(--color-wrong);font-weight:700}.back-btn-wrap{display:flex;justify-content:center;margin-bottom:1.5rem;margin-top:1.5rem}.because-you-played{margin-bottom:2rem;margin-top:2rem;width:100%}.because-you-played__title{color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:1rem;text-align:center}.because-you-played__track{display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;padding-bottom:.75rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-color:var(--color-border) transparent;scrollbar-width:thin}.because-you-played__track::-webkit-scrollbar{height:4px}.because-you-played__track::-webkit-scrollbar-track{background:transparent}.because-you-played__track::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}.because-you-played__item{border:none;box-shadow:none;flex:0 0 calc(33.33333% - 1.25rem);min-width:0;scroll-snap-align:start}@media (max-width:639px){.because-you-played__track{margin-left:calc(var(--side-padding)*-1);margin-right:calc(var(--side-padding)*-1);padding-left:var(--side-padding);padding-right:var(--side-padding);scrollbar-width:none}.because-you-played__track::-webkit-scrollbar{display:none}.because-you-played__item{flex:0 0 82%;scroll-snap-align:center}}.because-you-played__item{border-radius:var(--radius-card);color:var(--color-text);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease}.because-you-played__item:hover{text-decoration-line:none;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-color:var(--color-primary);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.because-you-played__item-title{color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.75rem;line-height:1.375;padding:.5rem 0}.because-you-played__item:hover .because-you-played__item-title{padding-left:.5rem;padding-right:.5rem;transition:padding-left .2s ease-in-out,padding-right .2s ease-in-out}.because-you-played__image-wrap{aspect-ratio:16/9;background-color:var(--color-surface-2);border-radius:var(--radius-card);overflow:hidden}.because-you-played__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.because-you-played__image-placeholder{align-items:center;background-color:var(--color-surface-2);display:flex;font-size:1.5rem;height:100%;justify-content:center;line-height:2rem;width:100%}.because-you-played__item-description{color:var(--color-text);font-size:.75rem;line-height:1rem;line-height:1.625;padding-left:0;padding-right:0}.because-you-played__item:hover .because-you-played__item-description{padding-left:.5rem;padding-right:.5rem;transition:padding-left .2s ease-in-out,padding-right .2s ease-in-out}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:root{--opinion-agree-border:#378add;--opinion-agree-fg:#0c447c;--opinion-agree-bg:#e6f0fb;--opinion-disagree-border:#ef9f27;--opinion-disagree-fg:#633806;--opinion-disagree-bg:#faeeda;--color-text-lighter:#ced0d2}.font-bold{font-weight:600}.answer-btn.answer-opinion{background-color:var(--btn-bg,#eee);box-shadow:none!important;color:var(--btn-fg,--color-text-muted);font-weight:600;outline:2px solid var(--btn-border,--color-text-muted);outline-offset:-2px;&.answer-agree{--btn-bg:var(--opinion-agree-bg);--btn-fg:var(--opinion-agree-fg);--btn-border:var(--opinion-agree-border)}&.answer-disagree{--btn-bg:var(--opinion-disagree-bg);--btn-fg:var(--opinion-disagree-fg);--btn-border:var(--opinion-disagree-border)}}[data-flow="5"]{&[data-page=start]{h1.quiz-title{font-size:1.25rem;line-height:1.25}.quiz-hero-image-wrap img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}}&[data-page=complete]{.result-heading{font-size:1.25rem;text-align:center}}}.distribution-results{background-color:var(--color-surface-2);border:1px solid var(--color-text-lighter);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;margin:.125rem;padding:.5rem;h4.distribution-header{color:var(--color-text-lighter);font-size:1.125rem;font-weight:600;text-align:center}.distribution-result{--color-agree:var(--opinion-agree-border);--color-disagree:var(--opinion-disagree-border);&:not(:last-child){border-bottom:1px solid var(--color-text-lighter)}h4.question-text{font-size:.825rem;padding:.25rem;text-align:justify}.distribution-bar{align-items:center;background-color:var(--color-surface-3);border-radius:.5rem;display:flex;margin:.5rem 0;overflow:hidden;>div{background-color:var(--bar-color);color:#fff;font-size:1.25rem;font-weight:600;&.agree{--bar-color:var(--color-agree)}&.disagree{--bar-color:var(--color-disagree)}&:first-child{padding-left:.5rem;text-align:left}&:last-child{padding-right:.5rem;text-align:right}}}.distribution-bar-legend{align-content:space-between;display:flex;font-size:.75rem;margin-bottom:.5rem;>div{&:first-child:before{content:"●";margin-right:.5rem}&:last-child{text-align:right;&:after{content:"●";margin-left:.5rem}}>span.given-answer{color:var(--color-text);font-weight:400}}.agree{color:var(--color-agree);flex:1}.disagree{color:var(--color-disagree)}}}}.sp-question.desktop{display:grid;gap:1rem;grid-template-columns:1fr 20rem}@media (hover:hover) and (pointer:fine){.answer-btn.answer-opinion{&:active,&:hover{background-color:var(--btn-border);color:#fff}&.is-resetting{&:active,&:hover{background-color:initial;color:initial;transform:none}}}}@layer base, components, utilities, theme;
/*# sourceMappingURL=6993.c7bc96cca1bcba593495.css.map*/