.rumi-quizapp.rumi-pdp{--rumi-s: clamp(.76px, calc(.76px + (100vw - 1440px)/2000) , 1px);color:var(--rumi-quiz-ink)}.template-suffix-quiz .shopify-section-group-header-group,.template-suffix-quiz .shopify-section-group-footer-group,.template-suffix-quiz .skip-to-content-link,.template-suffix-quiz .oke-reviewsTab{display:none!important}.template-suffix-quiz{grid-template-rows:1fr;overflow-x:hidden}.template-suffix-quiz .content-for-layout{display:flex;flex-direction:column}.rumi-quizapp{--rumi-quiz-gutter: 20px;--rumi-quiz-field-h: 48px;--rumi-quiz-radius: 12px;--rumi-quiz-track-h: 6px;--rumi-quiz-knob-size: 36px;--rumi-quiz-knob-icon: 20px;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:100%;overflow:hidden;background:var(--rumi-quiz-bg);color:var(--rumi-quiz-ink)}.rumi-quizapp__inner{display:flex;flex:1;flex-direction:column;min-height:0;padding:18px var(--rumi-quiz-gutter) 104px}.rumi-quizapp__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:var(--rumi-quiz-pattern, .05)}.rumi-quizapp__pattern img{position:absolute;left:45%;top:8vh;width:190vw;height:auto;transform:translate(-50%)}.rumi-quizapp__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:36px}.rumi-quizapp__back,.rumi-quizapp__close{display:inline-flex;align-items:center;gap:8px;padding:6px;margin:-6px;border:0;background:none;color:inherit;font-family:var(--rumi-font);font-size:14px;letter-spacing:.01em;text-decoration:none;cursor:pointer}.rumi-quizapp__back{grid-column:1;justify-self:start}.rumi-quizapp__back[hidden]{display:none}.rumi-quizapp__close{grid-column:3;justify-self:end}.rumi-quizapp__back-icon{transform:rotate(180deg);filter:brightness(0) invert(1)}.rumi-quizapp__back-icon,.rumi-quizapp__next img{flex:none}.rumi-quizapp__back-icon{width:15px;height:auto}.rumi-quizapp__next img{width:13px;height:auto}.rumi-quizapp__close img{width:20px;height:20px;transform:rotate(45deg)}.rumi-quizapp__logo{grid-column:2;justify-self:center;display:block;line-height:0}.rumi-quizapp__logo-img{display:block;width:92px;height:auto}.rumi-quizapp__back:focus-visible,.rumi-quizapp__close:focus-visible,.rumi-quizapp__logo:focus-visible{outline:2px solid var(--rumi-quiz-ink);outline-offset:3px;border-radius:4px}.rumi-quizapp__progress{display:flex;align-items:center;gap:12px;width:100%;margin:min(77px,9.2vh) auto 0}.rumi-quizapp__track{position:relative;flex:1;height:4px;border-radius:999px;background:color-mix(in srgb,var(--rumi-quiz-ink) 20%,transparent)}.rumi-quizapp__fill{position:absolute;left:0;top:50%;height:14px;min-width:14px;max-width:100%;border-radius:999px;background:var(--rumi-quiz-ink);transform:translateY(-50%);transition:width .32s ease}.rumi-quizapp__pct{flex:none;width:32px;margin:0;font-family:var(--rumi-font);font-size:14px;line-height:14px;letter-spacing:.04em;text-align:center;color:var(--rumi-quiz-ink)}.rumi-quizapp__stage{display:flex;flex:1;flex-direction:column;min-height:0;width:100%;margin-inline:auto;padding-top:0}.rumi-quizapp__step{display:none;width:100%;max-width:560px;margin:min(221px,27vh) auto auto;text-align:center}.rumi-quizapp__step--wide{max-width:345px;margin-top:42px}.rumi-quizapp__step.is-active{display:block}.rumi-quizapp__q{margin:0;font-family:var(--rumi-font);font-stretch:var(--rumi-wdth);font-weight:var(--rumi-wght-bold);font-size:27px;line-height:36px;letter-spacing:.05em;text-transform:uppercase;color:var(--rumi-quiz-ink)}.rumi-quizapp__q:focus{outline:none}.rumi-quizapp__q label{cursor:pointer}.rumi-quizapp__lead{margin:20px 0 0;font-family:var(--rumi-font);font-size:15px;line-height:22px;color:var(--rumi-quiz-ink)}.rumi-quizapp__error{margin:12px 0 0;font-family:var(--rumi-font);font-size:13px;line-height:1.4;color:var(--rumi-quiz-ink)}.rumi-quizapp__error[hidden]{display:none}.rumi-quizapp__input,.rumi-quizapp__select select,.rumi-quizapp__readout{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:var(--rumi-quiz-field-h);padding:0 16px;border:1px solid #eee;border-radius:var(--rumi-quiz-radius);background:var(--rumi-quiz-card);color:var(--rumi-quiz-card-ink);font-family:var(--rumi-font);font-size:14px;line-height:calc(var(--rumi-quiz-field-h) - 2px);letter-spacing:.04em;text-align:center;-webkit-appearance:none;appearance:none}.rumi-quizapp__input,.rumi-quizapp__readout{max-width:240px;margin:20px auto 0}.rumi-quizapp__lead+.rumi-quizapp__input{margin-top:36px}.rumi-quizapp__readout{font-weight:var(--rumi-wght-bold);font-stretch:var(--rumi-wdth)}.rumi-quizapp__input::placeholder{color:color-mix(in srgb,var(--rumi-quiz-card-ink) 70%,transparent);opacity:1}.rumi-quizapp__input:focus-visible,.rumi-quizapp__select select:focus-visible{outline:2px solid var(--rumi-quiz-ink);outline-offset:2px}.rumi-quizapp__dates{display:flex;flex-direction:column;gap:10px;max-width:240px;margin:20px auto 0}.rumi-quizapp__select{position:relative}.rumi-quizapp__select select{padding-inline:16px 40px;text-align:left;cursor:pointer}.rumi-quizapp__select img{position:absolute;right:20px;top:50%;width:5.2px;height:auto;transform:translateY(-50%) rotate(90deg);pointer-events:none}.rumi-quizapp__dogs{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin:24px 0 0;padding:0;list-style:none}.rumi-quizapp__dog img{display:block;width:auto;height:40px;opacity:.32;transition:opacity .2s ease,transform .2s ease}.rumi-quizapp__dog.is-active img{opacity:1;transform:translateY(-2px)}.rumi-quizapp__range{display:block;width:100%;max-width:320px;height:var(--rumi-quiz-knob-size);margin:24px auto 0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}.rumi-quizapp__range:focus-visible{outline:2px solid var(--rumi-quiz-ink);outline-offset:6px;border-radius:999px}.rumi-quizapp__range::-webkit-slider-runnable-track{height:var(--rumi-quiz-track-h);border-radius:999px;background:var(--rumi-quiz-ink)}.rumi-quizapp__range::-moz-range-track{height:var(--rumi-quiz-track-h);border-radius:999px;background:var(--rumi-quiz-ink)}.rumi-quizapp__range::-webkit-slider-thumb{width:var(--rumi-quiz-knob-size);height:var(--rumi-quiz-knob-size);margin-top:calc((var(--rumi-quiz-track-h) - var(--rumi-quiz-knob-size)) / 2);border:0;border-radius:50%;background:var(--rumi-quiz-card) var(--rumi-quiz-knob) center / var(--rumi-quiz-knob-icon) auto no-repeat;-webkit-appearance:none;appearance:none}.rumi-quizapp__range::-moz-range-thumb{width:var(--rumi-quiz-knob-size);height:var(--rumi-quiz-knob-size);border:0;border-radius:50%;background:var(--rumi-quiz-card) var(--rumi-quiz-knob) center / var(--rumi-quiz-knob-icon) auto no-repeat}.rumi-quizapp__chips{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;align-content:flex-start;justify-content:center;gap:11px;margin-top:36px}.rumi-quizapp__chip{max-width:100%;padding:21px 22px;border:0;border-radius:999px;background:var(--rumi-quiz-card);color:var(--rumi-quiz-card-ink);font-family:var(--rumi-font);font-stretch:var(--rumi-wdth);font-weight:var(--rumi-wght-bold);font-size:14px;line-height:1;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;cursor:pointer;transition:background-color .16s ease}.rumi-quizapp__chip[aria-pressed=true]{background:var(--rumi-quiz-accent);box-shadow:inset 0 0 0 1px var(--rumi-quiz-card-ink)}.rumi-quizapp__chip:focus-visible{outline:2px solid var(--rumi-quiz-ink);outline-offset:3px}.rumi-quizapp__actions{position:fixed;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;height:104px;margin:0;padding:28px var(--rumi-quiz-gutter) 0;background:linear-gradient(to top,var(--rumi-quiz-bg) 62%,transparent);pointer-events:none}.rumi-quizapp__next{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:13px 22px;border:0;border-radius:999px;background:var(--rumi-quiz-card);color:var(--rumi-quiz-card-ink);font-family:var(--rumi-font);font-stretch:var(--rumi-wdth);font-weight:var(--rumi-wght-bold);font-size:14px;line-height:1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;pointer-events:auto}.rumi-quizapp__next:disabled{opacity:.45;cursor:not-allowed}.rumi-quizapp__next:not(:disabled):hover{filter:brightness(.96)}.rumi-quizapp__next:focus-visible{outline:2px solid var(--rumi-quiz-ink);outline-offset:3px}@keyframes rumi-quiz-fade-in{0%{opacity:0}to{opacity:1}}.rumi-quizapp__step.is-active.is-forward,.rumi-quizapp__step.is-active.is-back{animation:rumi-quiz-fade-in .24s ease both}.rumi-quizapp[data-quiz-phase=leaving] .rumi-quizapp__step.is-active{opacity:0;transition:opacity .2s ease;animation:none}@media(prefers-reduced-motion:reduce){.rumi-quizapp__step.is-active.is-forward,.rumi-quizapp__step.is-active.is-back{animation:none}.rumi-quizapp[data-quiz-phase=leaving] .rumi-quizapp__step.is-active{opacity:1;transition:none}.rumi-quizapp__fill,.rumi-quizapp__dog img,.rumi-quizapp__chip{transition:none}}@media screen and (min-width:700px)and (max-width:989px){.rumi-quizapp__step--wide{max-width:660px}.rumi-quizapp__chips{flex-direction:row;flex-wrap:wrap;gap:14px 12px}.rumi-quizapp__chip{padding:18px 22px}}@media screen and (min-width:990px){.rumi-quizapp{--rumi-quiz-gutter: 40px;--rumi-quiz-field-h: calc(var(--rumi-s) * 72);--rumi-quiz-radius: calc(var(--rumi-s) * 20);--rumi-quiz-track-h: calc(var(--rumi-s) * 14);--rumi-quiz-knob-size: calc(var(--rumi-s) * 70);--rumi-quiz-knob-icon: calc(var(--rumi-s) * 32)}.rumi-quizapp__pattern img{left:23.56%;top:-25.7vw;width:105.7vw}.rumi-quizapp__inner{padding:calc(var(--rumi-s) * 31) var(--rumi-quiz-gutter) calc(var(--rumi-s) * 45)}.rumi-quizapp__top{min-height:calc(var(--rumi-s) * 36);padding-inline:calc(var(--rumi-s) * 191 - var(--rumi-quiz-gutter))}.rumi-quizapp__back,.rumi-quizapp__close{gap:calc(var(--rumi-s) * 19);font-size:max(15px,calc(var(--rumi-s) * 24))}.rumi-quizapp__back-icon,.rumi-quizapp__next img{width:calc(var(--rumi-s) * 19);height:auto}.rumi-quizapp__close img{width:calc(var(--rumi-s) * 20);height:calc(var(--rumi-s) * 20)}.rumi-quizapp__logo-img{width:calc(var(--rumi-s) * 92)}.rumi-quizapp__progress{max-width:calc(var(--rumi-s) * 993);gap:calc(var(--rumi-s) * 18);margin-top:min(calc(var(--rumi-s) * 224),20.7vh)}.rumi-quizapp__track{height:calc(var(--rumi-s) * 4)}.rumi-quizapp__fill{height:calc(var(--rumi-s) * 14);min-width:calc(var(--rumi-s) * 14)}.rumi-quizapp__pct{width:calc(var(--rumi-s) * 39);font-size:max(11px,calc(var(--rumi-s) * 14));line-height:calc(var(--rumi-s) * 14)}.rumi-quizapp__step{max-width:calc(var(--rumi-s) * 1015);margin-top:min(calc(var(--rumi-s) * 110),10.5vh);margin-bottom:auto}.rumi-quizapp__step--wide{max-width:calc(var(--rumi-s) * 1400);margin-top:min(calc(var(--rumi-s) * 110),10.5vh)}.rumi-quizapp__q{font-size:max(30px,calc(var(--rumi-s) * 52));line-height:calc(63 / 52);letter-spacing:.05em}.rumi-quizapp__lead,.rumi-quizapp__error{margin-top:calc(var(--rumi-s) * 18);font-size:max(15px,calc(var(--rumi-s) * 24));line-height:1.5}.rumi-quizapp__input,.rumi-quizapp__readout,.rumi-quizapp__select select{padding-inline:calc(var(--rumi-s) * 26);font-size:max(15px,calc(var(--rumi-s) * 24));line-height:calc(var(--rumi-quiz-field-h) - 2px)}.rumi-quizapp__input{max-width:calc(var(--rumi-s) * 466);margin-top:calc(var(--rumi-s) * 54)}.rumi-quizapp__lead+.rumi-quizapp__input{margin-top:calc(var(--rumi-s) * 53)}.rumi-quizapp__readout{max-width:calc(var(--rumi-s) * 323);margin-top:calc(var(--rumi-s) * 54)}.rumi-quizapp__dates{flex-direction:row;justify-content:center;gap:calc(var(--rumi-s) * 22);max-width:none;margin-top:calc(var(--rumi-s) * 54)}.rumi-quizapp__select{flex:0 1 calc(var(--rumi-s) * 290)}.rumi-quizapp__select select{padding-inline:calc(var(--rumi-s) * 26) calc(var(--rumi-s) * 50)}.rumi-quizapp__select img{right:calc(var(--rumi-s) * 31);width:calc(var(--rumi-s) * 9);height:auto}.rumi-quizapp__dogs{gap:calc(var(--rumi-s) * 119);margin-top:min(calc(var(--rumi-s) * 54),5.6vh)}.rumi-quizapp__dog img{height:calc(var(--rumi-s) * 56)}.rumi-quizapp__range{max-width:calc(var(--rumi-s) * 569);margin-top:min(calc(var(--rumi-s) * 55),5.6vh)}.rumi-quizapp__chips{flex-direction:row;flex-wrap:wrap;gap:calc(var(--rumi-s) * 24) calc(var(--rumi-s) * 22);margin-top:min(calc(var(--rumi-s) * 59),5.5vh)}.rumi-quizapp__chip{padding:calc(var(--rumi-s) * 28) calc(var(--rumi-s) * 30);font-size:max(11px,calc(var(--rumi-s) * 14))}.rumi-quizapp__actions{position:static;height:auto;margin-top:min(calc(var(--rumi-s) * 48),3.5vh);padding:0;background:none}.rumi-quizapp__next{min-height:0;gap:calc(var(--rumi-s) * 10);padding:calc(var(--rumi-s) * 28) calc(var(--rumi-s) * 48);font-size:max(11px,calc(var(--rumi-s) * 14))}}.rumi-quizapp.has-consent-banner{padding-bottom:var(--rumi-quiz-consent, 0px)}.rumi-quizapp.has-consent-banner .rumi-quizapp__shell{max-height:calc(100dvh - var(--rumi-quiz-consent, 0px));overflow-y:auto}.rumi-quizapp.has-consent-banner .rumi-quizapp__actions{bottom:var(--rumi-quiz-consent, 0px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/rumi-quiz.css.map */