.quiz-modal::part(header){display:none}.quiz-modal::part(content){width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}@supports (height: 100dvh){.quiz-modal::part(content){height:100dvh}}.quiz-modal::part(body){padding:0;height:100%}.quiz{display:flex;flex-direction:column;height:100%;background-color:#ede8db;color:#141413}.quiz__header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;height:81px;padding-inline:40px;background-color:#fff;border-bottom:1px solid #d6d6d6}.quiz__header-leading{display:flex;align-items:center;align-self:stretch;gap:32px;width:160px}.quiz__header-trailing{display:flex;justify-content:flex-end}.quiz__logo{display:block;width:136px;height:auto}.quiz__close{display:flex;padding:5px;margin-block:-5px}.quiz__close img{display:block}.quiz__scroll{flex:1 1 auto;overflow-y:auto}.quiz__step-panel{display:flex;flex-direction:column;align-items:center;gap:48px;max-width:84rem;margin-inline:auto;padding:100px 40px 48px;text-align:center}.quiz__step-counter{font-size:15px;color:#666}.quiz__step-counter--top{display:none;align-self:flex-start;margin-bottom:-8px}.quiz__step-intro{display:flex;flex-direction:column;gap:6px;max-width:40rem}.quiz__title{font-size:32px;font-weight:400;letter-spacing:1.6px;text-transform:uppercase;color:#141413;line-height:normal}.quiz__title:focus{outline:none}.quiz__subtitle{font-size:13px;color:#666;line-height:normal}@media screen and (min-width:700px){.quiz__step-panel[data-step-key=material] .quiz__step-intro{max-width:none}.quiz__step-panel[data-step-key=material] .quiz__title{white-space:nowrap}}.quiz__options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.quiz__option{display:flex;border:none;border-radius:6px;background-color:#fff;cursor:pointer;transition:box-shadow .15s ease}.quiz__option.is-selected{box-shadow:0 0 0 2px #141413}.quiz__option:focus-visible,.quiz__close:focus-visible,.quiz__back:focus-visible,.quiz__continue:focus-visible,.quiz__input:focus-visible,.quiz__checkbox-input:focus-visible,.quiz__checkbox label a:focus-visible{outline:2px solid #141413;outline-offset:2px}.quiz__option-label{font-size:15px;line-height:normal;color:#141413}.quiz__option--column{flex-direction:column;align-items:center;gap:12px;padding:20px}.quiz__options--column .quiz__option--column{width:280px}.quiz__option-image{width:240px;height:180px;background-size:cover;background-position:center;border-radius:2px}@media screen and (min-width:700px){.quiz__options--material .quiz__option-image{height:105px}}.quiz__options--face_shape{gap:32px}.quiz__options--face_shape .quiz__option--column{width:150px}.quiz__options--face_shape .quiz__option-image{width:110px;height:155px;background-size:contain;background-repeat:no-repeat;background-position:center}.quiz__options--gender{gap:32px}.quiz__option--gender{flex-direction:column;align-items:center;gap:12px;padding:20px}.quiz__option--gender .quiz__option-image{width:240px;height:180px}.quiz__option--text{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:40px}.quiz__option-description{color:#000;text-align:center;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;line-height:normal}@media screen and (min-width:700px){.quiz__options--style .quiz__option--text,.quiz__options--jewelry .quiz__option--text{width:410px}.quiz__options--face_width .quiz__option--text,.quiz__options--type .quiz__option--text{width:240px}}.quiz__contact{display:flex;flex-direction:column;gap:24px;width:100%;max-width:40rem;text-align:start}.quiz__field{display:flex;flex-direction:column;gap:6px}.quiz__field-label{font-size:13px;color:#141413}.quiz__input{height:48px;border:1px solid #767676;background:#fff;padding-inline:12px;font-size:15px}.quiz__checkbox{display:flex;align-items:flex-start;gap:12px}.quiz__checkbox label{font-size:13px;line-height:normal;color:#141413}.quiz__checkbox label a{color:#141413;text-decoration:underline}.quiz__checkbox-input{flex:0 0 auto;width:20px;height:20px;margin:0;border:1px solid #141413;border-radius:0;-webkit-appearance:none;appearance:none;background:#fff}.quiz__checkbox-input:checked{background-color:#141413;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.5 3.5L15 7' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:100%}.quiz__input[aria-invalid=true],.quiz__checkbox-input[aria-invalid=true]{border-color:#b3261e}.quiz__error{margin-top:-12px;font-size:13px;color:#b3261e}.quiz__checkbox--highlight{background-color:#ccad8b;padding:12px}.quiz__note{font-size:11px;letter-spacing:.05em;color:#141413}.quiz__back{flex:0 0 auto;display:flex}.quiz__back.is-disabled{visibility:hidden;pointer-events:none}.quiz__divider{display:block;align-self:stretch;width:1px;background-color:#d6d6d6}.quiz__step-counter--header{white-space:nowrap}.quiz__actions{display:flex;justify-content:center;padding:0 40px 64px}.quiz__continue{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:10px;height:48px;border:1px solid #141413;border-radius:0;background:transparent;padding:0 20px;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:normal;text-align:center;color:#141413;cursor:pointer;white-space:nowrap}.quiz__continue.is-ready{background:var(--Black, #141413);color:var(--white, #fff)}.quiz__continue.is-submit{text-transform:uppercase}@media screen and (max-width:699px){.quiz__header{height:57px;padding-inline:20px}.quiz__header-leading{width:auto}.quiz__divider,.quiz__step-counter--header{display:none}.quiz__step-panel{align-items:stretch;text-align:start;gap:24px;padding:20px 20px 32px}.quiz__step-counter--top{display:block;margin-bottom:-15px;font-size:13px;line-height:normal}.quiz__step-intro{max-width:none}.quiz__title{font-size:24px;letter-spacing:1.2px}.quiz__options{justify-content:flex-start;width:100%}.quiz__options--gender{flex-direction:column;gap:12px}.quiz__option--gender{flex-direction:row;align-items:center;width:100%;padding:12px}.quiz__option--gender .quiz__option-image{width:120px;height:90px}.quiz__options--face_shape{flex-direction:column;gap:12px}.quiz__options--face_shape .quiz__option--column{flex-direction:row;align-items:center;gap:16px;width:100%;padding:12px}.quiz__options--face_shape .quiz__option-image{flex:0 0 auto;width:64px;height:auto;aspect-ratio:110 / 155}.quiz__options--grid2{display:grid;grid-template-columns:1fr 1fr}.quiz__options--grid2>.quiz__option{min-width:0}.quiz__options--column .quiz__option--column{width:100%}.quiz__option--column{padding:12px}.quiz__option-image{width:100%;height:auto;aspect-ratio:240 / 180}.quiz__options--material .quiz__option-image{aspect-ratio:240 / 100}.quiz__options--style,.quiz__options--jewelry,.quiz__options--face_width{flex-direction:column;width:100%}.quiz__option--text{align-items:flex-start;text-align:start;width:100%;padding:24px}.quiz__scroll{display:flex;flex-direction:column}.quiz__body{flex:1 0 auto;min-height:0}.quiz__actions{position:sticky;bottom:0;padding:12px 20px 20px;background-color:#ede8db}.quiz__continue{flex:1 1 auto;font-size:13px}.quiz__step-panel{padding-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/quiz.css.map */