.sagrada-quiz{--sq-text: #212524;--sq-muted: rgba(33, 37, 36, .72);--sq-accent: #2a7e6c;--sq-accent-soft: #f7fbfa;--sq-border: #dfe4e4;--sq-border-hover: #cfd7d7;--ui-form-input-bg: #ffffff;--ui-form-border: var(--sq-border);--ui-form-focus: var(--sq-accent);--ui-form-checkbox-size: 22px;--ui-form-checkbox-radius: 6px;--ui-form-checkbox-icon-size: 16px}.sagrada-quiz .sagrada-quiz__container{max-width:780px;max-height:min(820px,calc(100vh - 40px));max-height:min(820px,calc(100dvh - 40px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9da3a1 transparent}@media screen and (min-width:751px){.sagrada-quiz[data-screen=intro] .sagrada-quiz__container{max-width:520px}}.sagrada-quiz .sagrada-quiz__main{padding:22px 28px 28px}.sagrada-quiz__content{gap:20px}.sagrada-quiz__top{display:flex;flex-direction:column;gap:16px}.sagrada-quiz__top[hidden]{display:none}.sagrada-quiz .sagrada-quiz__heading{margin:0;font-size:24px;line-height:1.3;padding-inline-end:40px}.sagrada-quiz__progress{display:flex;align-items:center;gap:14px}.sagrada-quiz__progress-bar{position:relative;flex:1 1 auto;height:4px;border-radius:999px;background:#e8efed;overflow:hidden}.sagrada-quiz__progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--sq-accent);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.32,.72,0,1)}html[dir=rtl] .sagrada-quiz__progress-fill,body[data-rtl=true] .sagrada-quiz__progress-fill{transform-origin:right center}.sagrada-quiz__progress-label{flex:0 0 auto;margin:0;font-family:var(--font-body--family);font-size:15px;font-weight:300;line-height:20px;color:var(--sq-muted);font-variant-numeric:tabular-nums}.sagrada-quiz__screen{display:flex;flex-direction:column;gap:18px}.sagrada-quiz__screen[hidden]{display:none}.sagrada-quiz .sagrada-quiz__title{font-size:28px;line-height:1.25;padding-inline-end:40px}.sagrada-quiz__title:focus,.sagrada-quiz__question:focus,.sagrada-quiz__result-name:focus{outline:none}.sagrada-quiz .sagrada-quiz__lead{max-width:52ch;font-size:15.5px;line-height:1.5}.sagrada-quiz__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.sagrada-quiz__fact{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--sq-border);border-radius:8px;background:var(--sq-accent-soft)}.sagrada-quiz__fact-value{font-family:var(--am-popup-font-family);font-size:26px;font-weight:300;line-height:1.2;color:var(--sq-accent)}.sagrada-quiz__fact-label{font-family:var(--font-body--family);font-size:13.5px;font-weight:300;line-height:20px;color:var(--sq-muted)}.sagrada-quiz__actions{display:flex;flex-wrap:wrap;gap:12px}.sagrada-quiz .sagrada-quiz__start{width:100%}.sagrada-quiz__form{margin:0}.sagrada-quiz__step{margin:0;padding:0;border:0;min-width:0}.sagrada-quiz__step[hidden]{display:none}.sagrada-quiz .sagrada-quiz__question{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sagrada-quiz__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sagrada-quiz__answer{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 16px;border:1px solid var(--sq-border);border-radius:8px;background:#fff;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .14s ease}.sagrada-quiz__answer:hover{border-color:var(--sq-border-hover)}.sagrada-quiz__answer:active{transform:scale(.99)}.sagrada-quiz__answer:has(.sagrada-quiz__input:checked){border-color:var(--sq-accent);background:var(--sq-accent-soft);box-shadow:0 0 0 1px var(--sq-accent)}.sagrada-quiz__answer:has(.sagrada-quiz__input:focus-visible){outline:1px solid var(--sq-accent);outline-offset:3px}.sagrada-quiz .sagrada-quiz__input{position:absolute;inset-inline-start:16px;top:50%;width:var(--ui-form-checkbox-size);height:var(--ui-form-checkbox-size);margin:0;opacity:0;transform:translateY(-50%);cursor:pointer}.sagrada-quiz .sagrada-quiz__box{width:var(--ui-form-checkbox-size);height:var(--ui-form-checkbox-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ui-form-border);border-radius:var(--ui-form-checkbox-radius);background:var(--ui-form-input-bg);box-sizing:border-box;transition:background .18s ease,border-color .18s ease,transform .14s ease}.sagrada-quiz .sagrada-quiz__box .cart__checkbox-icon{display:none;width:var(--ui-form-checkbox-icon-size);height:var(--ui-form-checkbox-icon-size);align-items:center;justify-content:center}.sagrada-quiz .sagrada-quiz__box .cart__checkbox-icon svg{display:block;width:var(--ui-form-checkbox-icon-size);height:var(--ui-form-checkbox-icon-size);color:#fff}.sagrada-quiz .sagrada-quiz__input:checked+.sagrada-quiz__box{background:var(--sq-accent);border-color:var(--sq-accent)}.sagrada-quiz .sagrada-quiz__input:checked+.sagrada-quiz__box .cart__checkbox-icon{display:flex}.sagrada-quiz .sagrada-quiz__box.ui-form__checkbox-box--pulse{animation:sagrada-quiz-pulse .24s cubic-bezier(.33,1,.68,1)}@keyframes sagrada-quiz-pulse{0%{transform:scale(1)}45%{transform:scale(.9)}to{transform:scale(1)}}.sagrada-quiz__answer-text{min-width:0;font-family:var(--font-body--family);font-size:15px;font-weight:300;line-height:1.45;color:var(--sq-text);text-wrap:pretty}.sagrada-quiz__back{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:none;font-family:var(--font-body--family);font-size:15px;font-weight:300;line-height:20px;color:var(--sq-muted);cursor:pointer;transition:color .2s ease}.sagrada-quiz__back:hover{color:var(--sq-text)}.sagrada-quiz__back[hidden]{display:none}.sagrada-quiz__back-icon{transform:rotate(90deg)}html[dir=rtl] .sagrada-quiz__back-icon{transform:rotate(-90deg)}.sagrada-quiz[data-screen=result] .sagrada-quiz__main,.sagrada-quiz[data-screen=result] .sagrada-quiz__content{padding:0}.sagrada-quiz__result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:stretch;min-height:480px}.sagrada-quiz__result:not(:has(.sagrada-quiz__result-media:not([hidden]))){grid-template-columns:minmax(0,1fr);min-height:0}.sagrada-quiz__result-media{position:relative;order:2;min-height:100%;background:#f5f5f2;overflow:hidden}.sagrada-quiz__result-media[hidden]{display:none}.sagrada-quiz__result-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0;transition:opacity .35s ease}.sagrada-quiz__result-media.is-loaded .sagrada-quiz__result-image{opacity:1}.sagrada-quiz__result-body{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;padding:40px 36px 36px 32px}.sagrada-quiz__result-kicker{margin:0;font-family:var(--font-body--family);font-size:13.5px;font-weight:300;line-height:20px;color:var(--sq-muted)}.sagrada-quiz .sagrada-quiz__result-name{font-size:36px;line-height:1.15;padding-inline-end:0}.sagrada-quiz .sagrada-quiz__result-text{max-width:46ch;margin-top:4px;font-size:15.5px;line-height:1.5}.sagrada-quiz__actions--result{margin-top:16px}.sagrada-quiz .sagrada-quiz__cta,.sagrada-quiz .sagrada-quiz__retake{flex:1 1 200px;width:auto;text-decoration:none;box-sizing:border-box}@media(prefers-reduced-motion:no-preference){.sagrada-quiz__heading.is-entering{animation:sagrada-quiz-slide .38s cubic-bezier(.32,.72,0,1) both}.sagrada-quiz__heading.is-entering[data-direction=back]{animation-name:sagrada-quiz-slide-back}.sagrada-quiz__step.is-entering .sagrada-quiz__answer{animation:sagrada-quiz-slide .42s cubic-bezier(.32,.72,0,1) both;animation-delay:calc(var(--sq-i, 0) * 40ms + 60ms)}.sagrada-quiz__step.is-entering[data-direction=back] .sagrada-quiz__answer{animation-name:sagrada-quiz-slide-back}.sagrada-quiz__result.is-revealed .sagrada-quiz__result-image{animation:sagrada-quiz-zoom 1.4s cubic-bezier(.32,.72,0,1) both}.sagrada-quiz__result.is-revealed .sagrada-quiz__result-body>*{animation:sagrada-quiz-rise .5s cubic-bezier(.32,.72,0,1) both}.sagrada-quiz__result.is-revealed .sagrada-quiz__result-body>:nth-child(2){animation-delay:.12s}.sagrada-quiz__result.is-revealed .sagrada-quiz__result-body>:nth-child(3){animation-delay:.2s}.sagrada-quiz__result.is-revealed .sagrada-quiz__result-body>:nth-child(4){animation-delay:.28s}.sagrada-quiz__result.is-revealed .sagrada-quiz__result-body>:nth-child(5){animation-delay:.36s}.sagrada-quiz__result.is-revealed .sagrada-quiz__result-body>:nth-child(6){animation-delay:.44s}}@keyframes sagrada-quiz-slide{0%{opacity:0;transform:translate3d(16px,0,0)}to{opacity:1;transform:none}}@keyframes sagrada-quiz-slide-back{0%{opacity:0;transform:translate3d(-16px,0,0)}to{opacity:1;transform:none}}@keyframes sagrada-quiz-zoom{0%{transform:scale(1.08)}to{transform:none}}@keyframes sagrada-quiz-rise{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@media screen and (max-width:750px){.sagrada-quiz{--ui-form-checkbox-size: 20px;--ui-form-checkbox-radius: 5px;--ui-form-checkbox-icon-size: 14px}.sagrada-quiz .sagrada-quiz__container{max-width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px))}.sagrada-quiz .sagrada-quiz__main{padding:var(--am-popup-main-padding-top) 14px calc(20px + env(safe-area-inset-bottom,0px))}.sagrada-quiz__content{gap:18px}.sagrada-quiz .sagrada-quiz__title{font-size:24px}.sagrada-quiz__fact{padding:12px}.sagrada-quiz__fact-value{font-size:22px}.sagrada-quiz .sagrada-quiz__heading{font-size:21px}.sagrada-quiz__progress{gap:12px}.sagrada-quiz__progress-bar{flex:1 1 0;min-width:0}.sagrada-quiz__answers{grid-template-columns:1fr;gap:8px}.sagrada-quiz__answer{min-height:60px;padding:12px 14px}.sagrada-quiz .sagrada-quiz__input{inset-inline-start:14px}.sagrada-quiz__answer-text{font-size:15px}.sagrada-quiz__result{grid-template-columns:1fr;min-height:0}.sagrada-quiz__result-media{order:0;min-height:0;aspect-ratio:5 / 4}.sagrada-quiz__result-image{object-position:50% 42%}.sagrada-quiz__result-body{gap:10px;padding:22px 16px calc(36px + env(safe-area-inset-bottom,0px))}.sagrada-quiz .sagrada-quiz__result-name{font-size:30px}.sagrada-quiz .sagrada-quiz__result-text{max-width:none}.sagrada-quiz__actions--result{width:100%;flex-direction:column}.sagrada-quiz .sagrada-quiz__cta,.sagrada-quiz .sagrada-quiz__retake{flex:0 0 auto;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/sagrada-quiz.css.map */