.container{width:100%;margin-right:auto;margin-left:auto}@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{--dci-quiz-background: #fff;--dci-quiz-tile-active: #ccc;--dci-quiz-heading-font: "HCo Decimal", "sans-serif";--dci-quiz-body-font: "Arial", "sans-serif"}.dci-quiz-modal{position:fixed;inset:0;z-index:50;height:100vh;width:100vw;background-color:var(--dci-quiz-background)}@supports (height:100dvh){.dci-quiz-modal{height:100dvh}}.dci-quiz-progress-bar{position:absolute;top:0;left:0;z-index:10;margin-top:-.25rem;height:.5rem;width:100%}.dci-quiz-progress-made{position:absolute;top:0;left:0;height:100%;background-color:var(--dci-quiz-tile-active);transition-duration:.5s}.dci-quiz-logo{position:absolute;left:.5rem;top:.5rem;z-index:10}.dci-quiz-logo img{width:100px}@media (min-width: 768px){.dci-quiz-logo img{width:9rem}}.dci-quiz-close-button{position:absolute;right:1.25rem;top:2rem;z-index:20;height:1rem;width:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dci-quiz-inner{position:relative;margin-left:auto;margin-right:auto;display:flex;height:100%;width:100%;flex-direction:column;overflow:hidden;overflow-y:scroll;padding-bottom:1rem}@media (min-width: 1024px){.dci-quiz-inner{max-width:80rem}}@media (min-width: 1280px){.dci-quiz-inner{overflow:visible}}.dci-quiz-loading{display:flex;height:100%;flex-direction:column;justify-content:center;align-self:center}.dci-quiz-loading svg{margin-bottom:.5rem;height:3rem;width:3rem;align-self:center}.dci-quiz-loading span{display:block;font-size:1rem;line-height:1.5rem}.dci-quiz-category-description{margin-left:auto;margin-right:auto;margin-bottom:2rem;width:91.666667%;text-align:center;font-family:var(--dci-quiz-heading-font);font-size:1.5rem;line-height:2rem;font-weight:800;text-transform:uppercase;line-height:1;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.dci-quiz-category-description{width:70%;font-size:46px;font-size:3rem;line-height:1}}.dci-quiz-category-tiles{margin-left:auto;margin-right:auto;display:flex;width:95%;flex-wrap:wrap}@media (min-width: 768px){.dci-quiz-category-tiles{width:66.666667%}}@media (min-width: 1024px){.dci-quiz-category-tiles{width:100%}}.dci-quiz-category-tiles li{width:50%}@media (min-width: 768px){.dci-quiz-category-tiles li{margin-top:.5rem;margin-bottom:.5rem}}@media (min-width: 1024px){.dci-quiz-category-tiles li{width:25%;padding-left:.5rem;padding-right:.5rem}.dci-quiz-category-tiles.dci-quiz-category-tiles-less-than-four{justify-content:center}}.dci-quiz-category-list-item{margin-bottom:.75rem;padding-left:.375rem;padding-right:.375rem}@media (min-width: 768px){.dci-quiz-category-list-item{margin-bottom:1rem;padding-left:.5rem;padding-right:.5rem}}.dci-quiz-category-label{position:relative;display:flex;aspect-ratio:8 / 3;height:100%;cursor:pointer;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;line-height:1.25}.peer:checked~.dci-quiz-category-label{background-color:var(--dci-quiz-tile-active);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.dci-quiz-category-label{aspect-ratio:11 / 5;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;line-height:1.25}}@media (min-width: 1024px){.dci-quiz-category-label{aspect-ratio:11 / 7;font-size:1.5rem;line-height:2rem}}.dci-quiz-buttons-outter-wrapper{position:relative;z-index:10;margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:.5rem;width:91.666667%}@media (min-width: 768px){.dci-quiz-buttons-outter-wrapper{margin-top:auto}}@media (min-width: 1024px){.dci-quiz-buttons-outter-wrapper{margin-bottom:0;width:100%;padding-left:1rem;padding-right:1rem}}.dci-quiz-buttons-inner-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:.5rem;padding-right:.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.dci-quiz-buttons-inner-wrapper{justify-content:flex-start;padding-left:1rem;padding-right:1rem}}@media (min-width: 1024px){.dci-quiz-buttons-inner-wrapper{padding-left:.5rem;padding-right:.5rem}}.dci-quiz-next-button{margin-left:auto;margin-right:auto;margin-bottom:1.25rem;width:100%;border-radius:9999px;border-width:2px}@media (min-width: 768px){.dci-quiz-next-button{order:9999;margin-right:0;margin-left:auto;margin-bottom:0;width:auto}}.dci-quiz-next-button button{display:flex;width:100%;align-items:center;justify-content:center;padding-top:1rem;padding-bottom:1rem;font-family:var(--dci-quiz-heading-font);font-weight:700;text-transform:uppercase}@media (min-width: 768px){.dci-quiz-next-button button{width:auto;padding-left:4rem;padding-right:4rem}}.dci-quiz-back-button+.dci-quiz-next-button{margin-left:auto}.dci-quiz-back-button{display:flex;justify-content:center}@media (min-width: 768px){.dci-quiz-back-button{order:-9999;margin-right:auto;width:auto;border-radius:9999px;border-width:2px}}.dci-quiz-back-button button{display:flex;align-items:center;justify-content:center;align-self:center;font-family:var(--dci-quiz-heading-font);font-weight:700;text-transform:uppercase}@media (min-width: 768px){.dci-quiz-back-button button{padding-left:4rem;padding-right:4rem}}.dci-quiz-skip-button{margin-left:auto;display:flex;justify-content:center;text-align:center}@media (min-width: 768px){.dci-quiz-skip-button{order:3;margin-left:0;width:auto}}.dci-quiz-skip-button button{align-self:center;font-family:var(--dci-quiz-heading-font);font-weight:700;text-transform:uppercase}.dci-quiz-results-button{order:-9999;margin-bottom:1.25rem;width:100%;border-radius:9999px;border-width:2px}@media (min-width: 768px){.dci-quiz-results-button{order:9999;margin-bottom:0;margin-left:auto;width:auto}}.dci-quiz-results-button button{width:100%;padding-top:1rem;padding-bottom:1rem;font-family:var(--dci-quiz-heading-font);font-weight:700;text-transform:uppercase}@media (min-width: 768px){.dci-quiz-results-button button{width:auto;padding-left:4rem;padding-right:4rem}}#dci-quiz-app :is(.relative){position:relative}#dci-quiz-app :is(.z-10){z-index:10}#dci-quiz-app :is(.z-50){z-index:50}#dci-quiz-app :is(.mt-20){margin-top:5rem}#dci-quiz-app :is(.flex){display:flex}#dci-quiz-app :is(.hidden){display:none}#dci-quiz-app :is(.h-full){height:100%}#dci-quiz-app :is(.w-full){width:100%}#dci-quiz-app :is(.transform){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#dci-quiz-app :is(.flex-col){flex-direction:column}#dci-quiz-app :is(.justify-center){justify-content:center}#dci-quiz-app :is(.text-center){text-align:center}@media (min-width: 1024px){#dci-quiz-app :is(.lg\:mt-0){margin-top:0}#dci-quiz-app :is(.lg\:px-4){padding-left:1rem;padding-right:1rem}}@media (min-width: 1280px){#dci-quiz-app :is(.xl\:mx-auto){margin-left:auto;margin-right:auto}#dci-quiz-app :is(.xl\:w-11\/12){width:91.666667%}#dci-quiz-app :is(.xl\:px-0){padding-left:0;padding-right:0}}