.loading-skeleton{background:linear-gradient(-90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:400% 400%;animation:pulse 1.2s ease-in-out infinite;min-height:454px}@keyframes pulse{0%{background-position:100% 50%}to{background-position:0 50%}}[data-loading=true] .products-wrapper{display:none}[data-loading=true] .loading-skeleton,[data-loading=false] .products-wrapper{display:flex}[data-loading=false] .loading-skeleton{display:none}.collection-quiz-banner__heading{color:var(--color-tertiary-darkest);font-weight:600;font-size:22px;margin-bottom:1rem;margin-top:2rem}@media only screen and (min-width: 750px){.collection-quiz-banner__heading{font-size:28px;line-height:46px}}.collection-quiz-banner__heading span{color:#6e6e73;font-size:inherit;font-weight:600}.collection-quiz-form{padding:3.4rem 0 3rem;display:flex;gap:2rem}.collection-quiz-form__heading{font-size:18px;line-height:28px;padding-bottom:1rem;border-bottom:1px solid #F3F3F3}.collection-quiz-form__heading svg{margin-left:1rem}.collection-quiz-form__brand-form{border:1px solid #F3F3F3}.collection-quiz-form__brand-device{width:70%;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;flex:1;align-items:flex-start}.collection-quiz-form__inputs,.collection-quiz-form__heading,.collection-quiz-form__blank-text{padding:1rem 1.5rem}.collection-quiz-form__inputs{display:grid;grid-template-columns:repeat(2,1fr);max-height:300px;overflow:auto}.radio-label{display:flex;align-items:center;cursor:pointer;padding:.5rem;transition:all .2s ease}.radio-label:hover{background-color:rgba(var(--color-tertiary-rgb),.05)}.radio-label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-label span{position:relative;padding-left:3rem;font-size:16px}.radio-label span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:1px solid #9F9F9F;border-radius:4px;transition:all .2s ease}.radio-label input[type=radio]:checked+span:before{background-color:var(--color-tertiary);border-color:var(--color-tertiary)}.radio-label input[type=radio]:checked+span:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:14px;height:10px;background-image:url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3891 0.194568C13.2505 0.198696 13.119 0.256605 13.0224 0.356026L4.86619 8.51228L1.50994 5.15603C1.4608 5.10484 1.40193 5.06397 1.3368 5.03582C1.27166 5.00767 1.20157 4.9928 1.13061 4.99208C1.05966 4.99135 0.989269 5.0048 0.923575 5.03162C0.85788 5.05844 0.798198 5.0981 0.748022 5.14827C0.697847 5.19845 0.658187 5.25813 0.631367 5.32383C0.604546 5.38952 0.591103 5.45991 0.591824 5.53086C0.592546 5.60182 0.607419 5.67191 0.635571 5.73705C0.663723 5.80219 0.704588 5.86105 0.755774 5.91019L4.48911 9.64353C4.58913 9.74351 4.72477 9.79967 4.86619 9.79967C5.00762 9.79967 5.14325 9.74351 5.24327 9.64353L13.7766 1.11019C13.8537 1.03528 13.9063 0.938831 13.9276 0.833487C13.9489 0.728143 13.9379 0.618818 13.896 0.519839C13.8542 0.42086 13.7833 0.336845 13.6929 0.278802C13.6024 0.22076 13.4965 0.1914 13.3891 0.194568Z' fill='black'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;z-index:1}@media screen and (max-width: 749px){.collection-quiz-form__brand-device{width:100%;grid-template-columns:1fr;gap:1rem}.collection-quiz-form__inputs{grid-template-columns:1fr}.collection-quiz-form__brand-form{position:relative}.collection-quiz-form__brand-form[data-accordion-open=true]{border:1px solid #F3F3F3}.collection-quiz-form__flavour{width:100%}.collection-quiz-form__heading{cursor:pointer;position:relative;padding-right:3rem}.collection-quiz-form__heading svg{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%) rotate(180deg);transition:transform .3s ease}.collection-quiz-form__brand-form[data-accordion-open=true] .collection-quiz-form__heading svg{transform:translateY(-50%) rotate(0)}.collection-quiz-form__inputs{display:none;opacity:0;transition:opacity .3s ease}.collection-quiz-form__brand-form[data-accordion-open=true] .collection-quiz-form__inputs{display:block;opacity:1}}@media screen and (min-width: 749px){.collection-quiz-form__device .collection-quiz-form__brand-form{border-top:0;border-left:0;border-right:0}}.collection-quiz-form__device-selected,.collection-quiz-form__brand-selected{padding:1.5rem}.collection-quiz-form__device-selected-item,.collection-quiz-form__brand-selected-item{background-color:#1b94a0;color:#fff;padding:1.5rem;font-size:14px;font-weight:500;display:flex;align-items:center;max-width:fit-content}.collection-quiz-form__device-selected-item span,.collection-quiz-form__brand-selected-item span{color:#fff}.collection-quiz-form__device-selected-item svg,.collection-quiz-form__brand-selected-item svg{margin-left:2rem}@media screen and (max-width: 749px){.collection-quiz-form{flex-wrap:wrap;gap:1rem;padding:2rem 0 0rem}.collection-quiz-banner__heading{font-size:22px;line-height:1.1;margin-bottom:1.5rem}.collection-quiz-form__heading{font-size:13px}.collection-quiz-form__blank-text{font-size:11px}.radio-label span{font-size:14px}.collection-quiz-form__device-selected-item,.collection-quiz-form__brand-selected-item{font-size:13px}}.collection-quiz-jump-to{padding:2rem 0;margin-top:3rem;position:relative;overflow:hidden}.collection-quiz-jump-to__inner{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.collection-quiz-jump-to__heading{font-size:30px;font-weight:600;margin:0}.collection-quiz-jump-to__buttons{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch;margin-right:calc(-50vw + 50%);padding-right:calc(50vw - 50%);scrollbar-width:none;-ms-overflow-style:none}.collection-quiz-jump-to__buttons::-webkit-scrollbar{display:none}.collection-quiz-jump-to__button{display:inline-block;padding:1.5rem 2rem;background-color:#f2f2f2;border-radius:13px;color:#333;text-decoration:none;font-size:18px;font-weight:500;white-space:nowrap;transition:all .2s ease}@media screen and (max-width: 749px){.collection-quiz-jump-to{padding:1.5rem 0;padding-top:0}.collection-quiz-jump-to__inner{gap:1rem}.collection-quiz-jump-to__buttons{flex-direction:row;flex-wrap:wrap;overflow-x:visible;margin-right:0;padding-right:0;align-items:flex-start}.collection-quiz-jump-to__button{width:auto;text-align:left;font-size:14px}.collection-quiz-jump-to__heading{font-size:22px;margin-bottom:1rem}}.filtered-category{margin-bottom:8rem}.filtered-category h3{font-size:30px;font-weight:600;margin:10px 0 30px}.filtered-category h3 span{font-size:30px;font-weight:600;margin:10px 0 30px 10px}.collection-quiz-results__inner .card-product__flavours:nth-of-type(2){display:block}.collection-hero p{color:var(--color-tertiary-darkest);margin-top:20px;font-size:1.5rem;line-height:2rem}.collection-hero a{color:#08535a;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/627/assets/component-collection-quiz-banner.css.map */