.vbb-product-quiz{position:relative}.vbb-product-quiz.full-width{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}@media screen and (min-width: 1024px){.vbb-product-quiz.full-width{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.vbb-product-quiz__picker__wrapper{min-height:calc(100vh - 7.5rem);justify-content:center;align-items:center;width:100%;display:none}.vbb-product-quiz__picker__wrapper--active{display:flex}@media screen and (min-width: 1024px){.vbb-product-quiz__picker__wrapper{min-height:calc(100vh - 109.5px)}}@media screen and (min-width: 1086px){.vbb-product-quiz__picker__wrapper{min-height:calc(100vh - 95px)}}@media screen and (min-width: 1227px){.vbb-product-quiz__picker__wrapper{min-height:calc(100vh - 80.5px)}}.vbb-product-quiz__picker{margin:0 auto;display:grid;gap:var(--spacing-lg);width:100%}.vbb-product-quiz__picker h2{text-align:center}.vbb-product-quiz__picker.vbb-product-quiz__picker--deitalicize-title h2{font-style:normal;font-family:var(--font-gotham);text-align:left;font-weight:400}.vbb-product-quiz__picker ul{list-style-type:none}.vbb-product-quiz__picker li button{all:unset;text-align:center;font-size:18px;font-style:italic;font-weight:200;cursor:pointer;border-bottom:1px solid transparent;transition:border-color .3s;box-sizing:border-box}@media (prefers-reduced-motion: reduce){.vbb-product-quiz__picker li button{transition:none}}.vbb-product-quiz__word-picker{margin:unset;width:100%;display:flex;flex-direction:column;gap:4rem;align-items:center}@media screen and (min-width: 768px){.vbb-product-quiz__word-picker{display:grid;grid-template-columns:1fr 50%;gap:15%}.vbb-product-quiz__picker--switch-layout{grid-template-columns:50% 1fr}.vbb-product-quiz__picker--switch-layout ul{order:1}.vbb-product-quiz__picker--switch-layout h2{order:2}}.vbb-product-quiz__word-picker ul{display:flex;flex-wrap:wrap;margin:0 auto;gap:2rem}.vbb-product-quiz__word-picker ul.stack li{width:100%;min-width:100%}.vbb-product-quiz__word-picker li{min-width:100%;flex-grow:1;padding:0;border:solid .1rem var(--color-fg)}@media screen and (min-width: 768px){.vbb-product-quiz__word-picker li{min-width:calc(50% - 1rem)}}.vbb-product-quiz__word-picker li.active{background-color:var(--color-fg);color:var(--color-bg)}.vbb-product-quiz__word-picker li button{display:block;padding:var(--spacing-sm);width:100%}.vbb-product-quiz__image-picker h2{text-align:center}.vbb-product-quiz__image-picker ul{display:flex;justify-content:flex-start;gap:var(--spacing-sm);overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--spacing-sm))}@media screen and (min-width: 768px){.vbb-product-quiz__image-picker ul{flex-wrap:wrap;justify-content:center;width:100%;scroll-snap-type:none;gap:2rem;margin:0 auto;padding:2rem 0;border-top:solid .1rem var(--color-fg);border-bottom:solid .1rem var(--color-fg);grid-template-columns:repeat(4,auto)}}@media screen and (max-width: 767px){.vbb-product-quiz__image-picker li:first-of-type{margin-left:var(--spacing-sm);scroll-margin-inline-start:var(--spacing-sm)}.vbb-product-quiz__image-picker li:last-of-type{margin-right:var(--spacing-sm);scroll-margin-inline-end:var(--spacing-sm)}}.vbb-product-quiz__image-picker li{scroll-snap-align:center;scroll-behavior:smooth;max-width:480px;min-width:50%}.vbb-product-quiz__image-picker li button{border:none;display:block;width:100%}.vbb-product-quiz__image-picker li button img{width:100%;height:100%;display:block}@media screen and (min-width: 768px){.vbb-product-quiz__image-picker li{flex:1;min-width:calc(25% - 2rem);max-width:calc(25% - 1rem)}}.vbb-product-quiz__phrase-picker ul{display:grid;gap:var(--spacing-lg)}@media screen and (min-width: 768px){.vbb-product-quiz__phrase-picker ul{justify-content:space-around;width:auto;grid-template-columns:repeat(3,1fr);margin:0 auto}}.vbb-product-quiz__phrase-picker li{display:flex;justify-content:center;max-width:max-content}.vbb-product-quiz__phrase-picker li button{background-color:transparent;color:var(--color-fg);border:1px solid var(--color-fg);transition:background-color .3s,color .3s;padding:var(--spacing-sm) var(--spacing-lg);white-space:nowrap}@media (prefers-reduced-motion: reduce){.vbb-product-quiz__phrase-picker li button{transition:none}}.vbb-product-quiz__phrase-picker li.active button{background-color:var(--color-fg);color:var(--color-bg)}
/*# sourceMappingURL=/cdn/shop/t/797/assets/vbb-product-quiz.css.map */