.btn-large-option{--__media-background-color:var(--brand-color-5);background:none;border:0;cursor:pointer;display:grid;font-size:var(--step-2);line-height:1.375;text-align:center;width:100%}.btn-large-option--icon{font-size:var(--step-1)}.btn-large-option__media{align-items:center;aspect-ratio:5/3;background:var(--__media-background-color);border:2px solid var(--brand-color-5);border-radius:var(--ui-card-border-radius);box-shadow:inset 0 0 0 2px transparent;display:flex;justify-content:center;transition:border-color var(--ui-transition-duration) ease-in-out,box-shadow var(--ui-transition-duration) ease-in-out;width:100%}.btn-large-option__media svg{height:50%;-o-object-fit:contain;object-fit:contain;width:50%}.btn-large-option__media img{height:90%;-o-object-fit:contain;object-fit:contain;width:90%}.btn-large-option--square .btn-large-option__media{aspect-ratio:1/1}.btn-large-option--icon .btn-large-option__media img{height:50%;width:50%}.btn-large-option:focus .btn-large-option__media,.btn-large-option:hover .btn-large-option__media{border-color:var(--ui-color-0);box-shadow:inset 0 0 0 2px var(--ui-color-1)}.btn-large-option__heading{display:block;margin-top:1.125em}.btn-large-option__info{display:block;font-size:var(--step--1);line-height:1.5;margin-top:1em;padding:0 1em}.app-coffee-quiz{min-height:60vh;position:relative}.app-coffee-quiz__steps{align-items:center;display:flex;justify-content:center;min-height:60vh}.app-coffee-quiz__step{flex:1 0 100%;text-align:center;width:100%}.app-coffee-quiz__step-header{display:grid;gap:var(--space-s)}.app-coffee-quiz__controls{margin-top:var(--space-m)}.app-coffee-quiz__button-group{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:center}.app-coffee-quiz__button-group-item{flex:0 1 300px}.app-coffee-quiz__button-group-item--small{flex:0 1 150px}.app-coffee-quiz__loader{align-items:center;background:var(--ui-color-1);display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.app-coffee-quiz__loader-inner{align-items:center;display:flex;flex-direction:column;gap:var(--space-m);justify-content:center}.app-coffee-quiz__loader-text{font-size:var(--step-1);text-align:center}.app-coffee-quiz__loader-img{height:100px;width:100px;fill:var(--brand-color-0);animation:loaderSpin 2s ease-in-out infinite}.app-coffee-quiz__back{margin-top:var(--space-xl)}@keyframes loaderSpin{0%{transform:rotate(0deg);fill:var(--brand-color-1)}25%{transform:rotate(180deg);fill:var(--brand-color-0)}50%{transform:rotate(180deg);fill:var(--brand-color-0)}75%{transform:rotate(1turn);fill:var(--brand-color-1)}to{transform:rotate(1turn);fill:var(--brand-color-1)}}