.kq{--kq-accent: linear-gradient(90deg, var(--kq-accent-from), var(--kq-accent-to));--kq-ease: cubic-bezier(.22, 1, .36, 1);--kq-radius: var(--rounded-lg, 24px);display:block;position:relative}.kq__stage{display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - var(--header-height, 0px))}.kq__visual{position:relative;padding:var(--spacing-3) var(--spacing-3) 0}.kq__visual-frame{position:relative;height:30svh;min-height:200px;overflow:hidden;border-radius:var(--kq-radius);background:var(--kq-panel);isolation:isolate;transition:height .6s var(--kq-ease)}.kq[data-step=color] .kq__visual-frame{height:24svh}.kq__visual-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s var(--kq-ease)}.kq__visual-image.is-active{opacity:1}.kq__visual-image img{width:100%;height:100%;object-fit:cover;object-position:var(--kq-pos, center)}.kq__visual-image--contain img{object-fit:contain}.kq__visual-meta{position:absolute;inset-inline-start:var(--spacing-5);inset-block-end:var(--spacing-4);z-index:2;display:flex;align-items:baseline;gap:var(--spacing-1);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.25);transition:opacity .4s ease}.kq[data-step=intro] .kq__visual-meta,.kq[data-step=loading] .kq__visual-meta,.kq[data-step=result] .kq__visual-meta,.kq[data-step=email] .kq__visual-meta,.kq[data-step=color] .kq__visual-meta{opacity:0}.kq__visual-count{margin:0;line-height:1}.kq__panel{position:relative;display:flex;flex-direction:column;padding:var(--spacing-4) var(--container-gutter, 20px) var(--spacing-12)}.kq__topbar{display:flex;align-items:center;gap:var(--spacing-4);min-height:32px;margin-block-end:var(--spacing-6)}.kq__back{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:0;background:none;cursor:pointer;opacity:.7;transition:opacity .2s ease}.kq__back:hover{opacity:1}.kq__progress{position:relative;flex:1;height:4px;overflow:hidden;border-radius:99px;background:rgb(var(--text-color) / .08)}.kq__progress-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--kq-accent);transition:width .7s var(--kq-ease)}.kq__steps{position:relative;flex:1;display:grid}.kq-step{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;min-width:0;visibility:hidden;pointer-events:none}.kq-step.is-active{visibility:visible;pointer-events:auto}.kq-step:not(.is-active):not(.is-leaving):not(.is-entering){display:none}.kq-step .kq-anim{opacity:0;transform:translateY(24px);transition:opacity .5s var(--kq-ease),transform .7s var(--kq-ease);transition-delay:calc(var(--kq-i, 0) * 30ms)}.kq-step.is-active .kq-anim{opacity:1;transform:none}.kq-step.is-leaving{visibility:visible}.kq-step.is-leaving .kq-anim{opacity:0;transform:translateY(-16px);transition-duration:.3s;transition-delay:0ms}.kq.is-back .kq-step:not(.is-active):not(.is-leaving) .kq-anim{transform:translateY(-24px)}.kq.is-back .kq-step.is-leaving .kq-anim{transform:translateY(16px)}.kq-step>.kq-anim:nth-child(1){--kq-i: 0}.kq-step>.kq-anim:nth-child(2){--kq-i: 1}.kq-step>.kq-anim:nth-child(3){--kq-i: 2}.kq-step>.kq-anim:nth-child(4){--kq-i: 3}.kq-step[data-kq-step=email] .kq-anim{--kq-i: 0 !important}.kq-step>.kq-anim:nth-child(5){--kq-i: 4}.kq-tiles .kq-anim,.kq-levels .kq-anim,.kq-groups .kq-anim,.kq-colors .kq-anim{transition-delay:calc(60ms + var(--kq-i, 0) * 25ms)}.kq-step__kicker{margin:0 0 var(--spacing-3);opacity:.6}.kq-step__title{margin:0;max-width:16ch;text-wrap:balance}.kq-step__text{margin:var(--spacing-4) 0 0;max-width:44ch}.kq-step__hint{margin:var(--spacing-2) 0 0}.kq-step__next{margin-block-start:var(--spacing-6)}.kq-step__next .kq-btn{min-width:200px}.kq-step__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4) var(--spacing-6);margin-block-start:var(--spacing-8)}.kq-tile,.kq-level,.kq-group,.kq-color{position:relative;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.kq-tile:after,.kq-level:after,.kq-group:after,.kq-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px rgb(var(--text-color));opacity:0;transition:opacity .2s ease;pointer-events:none}.kq-tile.is-selected:after,.kq-level.is-selected:after,.kq-group.is-selected:after,.kq-color.is-selected:after{opacity:1}.kq-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);margin-block-start:var(--spacing-6)}.kq-tile{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rounded, 12px);background:var(--kq-panel)}.kq-tile__media{display:block;aspect-ratio:16 / 10;overflow:hidden;background:rgb(var(--text-color) / .05)}.kq-tile__media img{width:100%;height:100%;object-fit:cover;object-position:var(--kq-pos, center)}.kq-tile__body{display:grid;gap:2px;padding:var(--spacing-3)}.kq-tile__title,.kq-level__title,.kq-group__title{margin:0}.kq-levels{display:grid;gap:var(--spacing-3);margin-block-start:var(--spacing-6)}.kq-level{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--spacing-5);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--rounded, 12px);background:var(--kq-panel)}.kq-level[hidden]{display:none}.kq-level__meter{display:flex;align-items:flex-end;gap:3px;height:34px}.kq-level__bar{width:4px;height:calc(var(--kq-b) * 8.3%);border-radius:2px;background:rgb(var(--text-color) / .12);transform-origin:bottom}.kq-level__bar.is-on{background:linear-gradient(to top,var(--kq-accent-from),var(--kq-accent-to))}.kq-step.is-active .kq-level__bar{animation:kq-meter 1.4s ease-in-out infinite;animation-delay:calc(var(--kq-b) * -90ms)}.kq-level:not(:hover):not(.is-selected) .kq-level__bar{animation-play-state:paused}.kq-level__body{display:grid;gap:2px}.kq-groups{display:grid;gap:var(--spacing-3);margin-block-start:var(--spacing-6)}.kq-group{display:grid;grid-template-columns:3.5rem minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--rounded, 12px);background:var(--kq-panel)}.kq-group__num{grid-row:span 2;margin:0;line-height:1}.kq-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-3);margin-block-start:var(--spacing-6)}.kq-color{display:grid;justify-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-2) var(--spacing-3);border-radius:var(--rounded, 12px);background:var(--kq-panel)}.kq-color__media{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--rounded-sm, 8px)}.kq-color img{width:100%;height:100%;object-fit:cover}.kq-color__name{text-align:center}.kq-color[disabled]{opacity:.35;cursor:not-allowed}.kq-email{margin-block-start:var(--spacing-6);max-width:520px}.kq-email__row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-2)}.kq-email__row .input,.kq-email__row .kq-btn{width:100%}.kq-email__consent{display:flex;align-items:center;gap:var(--spacing-2);margin-block-start:var(--spacing-3);cursor:pointer}.kq-email__consent input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:18px;height:18px;margin:0;border:1px solid rgb(var(--text-color) / .4);border-radius:4px;background:rgb(var(--background));cursor:pointer}.kq-email__consent input:checked{border-color:rgb(var(--text-color));background:rgb(var(--text-color))}.kq-email__consent input:checked:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:6px;width:4px;height:8px;border:solid rgb(var(--background));border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.kq-email__consent input:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.kq-email__error{margin:var(--spacing-2) 0 0}.kq-skip,.kq-restart{align-self:flex-start;margin-block-start:var(--spacing-5);padding:0;background:none;text-decoration:underline;text-underline-offset:3px;opacity:.7;cursor:pointer}.kq-skip:hover,.kq-restart:hover{opacity:1}.kq-step--loading{align-items:center;text-align:center}.kq-loader{display:flex;align-items:center;gap:6px;height:56px}.kq-loader span{width:6px;height:100%;border-radius:3px;background:linear-gradient(to top,var(--kq-accent-from),var(--kq-accent-to));animation:kq-meter 1s ease-in-out infinite}.kq-loader span:nth-child(2){animation-delay:-.2s}.kq-loader span:nth-child(3){animation-delay:-.4s}.kq-loader span:nth-child(4){animation-delay:-.6s}.kq-loader span:nth-child(5){animation-delay:-.8s}.kq-loading__text{margin:var(--spacing-5) 0 0;transition:opacity .25s ease}.kq-step--result{justify-content:flex-start}.kq-result{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-5);margin-block-start:var(--spacing-6)}.kq-result__visual{width:100%;max-width:360px;margin-inline:auto}.kq-result__media{position:relative;aspect-ratio:1;width:100%;border-radius:var(--kq-radius);overflow:hidden;isolation:isolate}.kq-result__pairs{display:grid;grid-auto-flow:column;grid-auto-columns:64px;justify-content:start;gap:var(--spacing-3);margin-block-start:var(--spacing-3)}.kq-result__pairs[hidden]{display:none}.kq-result__pair{display:block;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.kq-result__pair img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--rounded-sm, 8px);background:var(--kq-panel)}.kq-result__pair:after{content:"";display:block;width:100%;height:2px;margin-block-start:4px;background:#e89287;opacity:0;transition:opacity .15s}.kq-result__pair[aria-current=true]:after{opacity:1}.kq-result__ring{display:none}.kq-result__media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:var(--kq-panel)}.kq-result__badges{top:12px;left:12px}.kq-result__badges [hidden]{display:none}.kq-result__badges .gallery-badge{padding:2px 8px;font-size:12px;line-height:1.5}.kq[data-step=intro] .kq__topbar,.kq[data-step=loading] .kq__topbar,.kq[data-step=result] .kq__topbar{display:none}.kq-result__product,.kq-result__variant,.kq-result__price{margin:0}.kq-result__variant{margin-block-start:2px}.kq-result__price{display:flex;align-items:baseline;gap:var(--spacing-2);margin-block-start:var(--spacing-2)}.kq-result__price s{opacity:.55}.kq-result__price s:empty{display:none}.kq-result__reasons{display:grid;gap:var(--spacing-2);margin:var(--spacing-4) 0 0;padding:0;list-style:none}.kq-result__reasons li{position:relative;padding-inline-start:20px;opacity:0;transform:translate(-8px);transition:opacity .5s var(--kq-ease),transform .6s var(--kq-ease);transition-delay:calc(.12s + var(--kq-i, 0) * 40ms)}.kq-step--result.is-active .kq-result__reasons li{opacity:1;transform:none}.kq-result__reasons li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.75em;width:10px;height:1px;background:rgb(var(--text-color))}.kq-options{margin-block-start:var(--spacing-6)}.kq-options[hidden]{display:none}.kq-options__title{margin:0 0 var(--spacing-3)}.kq-options__list{display:grid;gap:var(--spacing-2)}.kq-option{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-2);border-radius:var(--rounded, 12px);background:var(--kq-panel);color:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(12px);transition:opacity .5s var(--kq-ease),transform .6s var(--kq-ease);transition-delay:calc(.14s + var(--kq-i, 0) * 40ms)}.kq-step--result.is-active .kq-option{opacity:1;transform:none}.kq-option:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px rgb(var(--text-color));opacity:0;transition:opacity .2s ease;pointer-events:none}.kq-option.is-selected:after{opacity:1}.kq-option img{width:56px;height:56px;border-radius:var(--rounded-sm, 8px);object-fit:contain;background:#fff}.kq-option__body{display:grid;gap:2px;min-width:0}.kq-option__label{opacity:.6}.kq-option__price{white-space:nowrap}.kq-option__price s{margin-inline-end:4px;opacity:.55}.kq-result__note{margin:0}.kq-result__summary{display:none;margin:0;white-space:pre}.kq-result__note[hidden]{display:none}.kq-extras{display:grid;gap:var(--spacing-3);margin-block-start:var(--spacing-6)}.kq-extras:empty{display:none}.kq-extra{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--rounded, 12px);background:var(--kq-panel);opacity:0;transform:translateY(12px);transition:opacity .5s var(--kq-ease),transform .6s var(--kq-ease);transition-delay:calc(.16s + var(--kq-i, 0) * 40ms)}.kq-step--result.is-active .kq-extra{opacity:1;transform:none}.kq-extra img{width:64px;height:64px;border-radius:var(--rounded-sm, 8px);object-fit:contain;background:#fff}.kq-extra__label{margin:0 0 2px;opacity:.6}.kq-extra__title,.kq-extra__price{margin:0}.kq-extra__toggle{padding:8px 16px;border:1px solid rgb(var(--text-color) / .2);border-radius:99px;background:#fff;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.kq-extra__toggle[aria-pressed=true]{border-color:rgb(var(--text-color));background:rgb(var(--text-color));color:rgb(var(--background))}.kq-extra__link{display:block;margin-block-start:2px;text-decoration:underline;text-underline-offset:3px}.kq-result__actions{display:grid;justify-items:center;gap:var(--spacing-3);margin-block-start:var(--spacing-6)}.kq-result__actions .button.is-done{pointer-events:none}.kq-result__error{margin:0}.kq-result__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-2) var(--spacing-6);margin-block-start:var(--spacing-4)}.kq-result__link,.kq-result__footer .kq-restart{margin:0;padding:0;background:none;color:inherit;font:inherit;opacity:1;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.kq-burst{position:absolute;z-index:3;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:kq-burst 1.1s var(--kq-ease) forwards}.kq .kq-btn:not(#_):not(#_):not(#_){padding:16px 40px!important;border:0;transform:none!important;transition:background-color .3s ease,color .3s ease,opacity .3s ease!important;background:rgb(var(--button-background-primary))!important;color:rgb(var(--button-text-primary))!important;box-shadow:none!important}.kq .kq-btn[disabled]:not(#_):not(#_):not(#_){background:rgb(var(--text-color) / .08)!important;color:rgb(var(--text-color) / .4)!important}@media(hover:hover){.kq .kq-btn:not([disabled]):hover:not(#_):not(#_):not(#_){background:rgb(var(--button-background-primary) / .85)!important;color:rgb(var(--button-text-primary))!important}}.kq .kq-btn.is-loading{opacity:.6}@media screen and (min-width:700px){.kq-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.kq-colors{grid-template-columns:repeat(4,minmax(0,1fr))}.kq-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.kq-group{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;row-gap:4px;padding:var(--spacing-6) var(--spacing-5)}.kq-group__num{grid-row:auto;margin-block-end:var(--spacing-4)}}@media screen and (min-width:1000px){.kq__stage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;min-height:0;max-width:var(--container-max-width, 1400px);margin-inline:auto;padding-inline:var(--container-gutter, 20px)}.kq__visual{align-self:start;position:sticky;inset-block-start:calc(var(--header-height, 0px) + var(--spacing-8));padding:var(--spacing-8) 0}.kq__visual-frame,.kq[data-step=result] .kq__visual-frame,.kq[data-step=color] .kq__visual-frame{height:auto;aspect-ratio:4 / 5;max-height:calc(100svh - var(--header-height, 0px) - var(--spacing-16));margin-inline:auto}.kq__visual-meta{inset-inline-start:var(--spacing-10);inset-block-end:var(--spacing-8)}.kq__panel{padding:var(--spacing-8) 0 var(--spacing-8) clamp(2rem,5vw,5rem)}.kq-step{justify-content:flex-start;padding-block-start:var(--spacing-10)}.kq-step--loading,.kq-step[data-kq-step=intro]{justify-content:center;min-height:0;padding-block:0}.kq-step--result{padding-block-start:0}.kq-step--loading{align-items:center}.kq-step{max-width:640px}.kq-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.kq-result{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:var(--spacing-8)}.kq-result__visual{max-width:none}.kq-result__actions{justify-items:start}.kq-result__footer{justify-content:flex-start}}@media screen and (min-width:1300px){.kq-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:999px){.kq__stage{min-height:0}.kq[data-step=intro] .kq__visual-frame{height:44svh}.kq[data-step=loud] .kq__visual-frame,.kq[data-step=group] .kq__visual-frame,.kq[data-step=loading] .kq__visual-frame{height:18svh;min-height:120px}.kq[data-step=use] .kq__visual,.kq[data-step=color] .kq__visual,.kq[data-step=email] .kq__visual,.kq[data-step=loading] .kq__visual,.kq[data-step=result] .kq__visual{display:none}.kq-step .kq-step__next{position:fixed;inset:auto 0 0 0;z-index:30;margin:0;padding:var(--spacing-3) var(--container-gutter, 20px) calc(var(--spacing-3) + env(safe-area-inset-bottom,0px));background:rgb(var(--background));transition:transform .45s var(--kq-ease),opacity .3s ease;transition-delay:0ms}.kq-step.is-active .kq-step__next:not(.is-ready),.kq-step:not(.is-active) .kq-step__next{opacity:0;transform:translateY(110%);pointer-events:none}.kq-step.is-active .kq-step__next.is-ready{opacity:1;transform:none}.kq-step__next .kq-btn{width:100%}.kq[data-step=use] .kq__panel,.kq[data-step=loud] .kq__panel{padding-block-end:104px}.kq-step--result .kq-result__summary{display:block;justify-self:stretch;overflow:hidden;text-overflow:ellipsis}.kq-step--result .kq-result__actions{gap:var(--spacing-2);position:sticky;inset-block-end:0;z-index:30;margin-inline:calc(-1 * var(--container-gutter, 20px));padding:var(--spacing-3) var(--container-gutter, 20px) calc(var(--spacing-3) + env(safe-area-inset-bottom,0px));background:rgb(var(--background))}html.kq-bar-open #gorgias-chat-container,html.kq-bar-open [id^=gorgias-chat],html.kq-bar-open .twini-base{display:none!important}.kq__panel{padding-block:var(--spacing-3) var(--spacing-10)}.kq__topbar{margin-block-end:var(--spacing-5)}.kq-step{justify-content:flex-start}.kq-step--loading{justify-content:center;min-height:50svh}.kq-step[data-kq-step=intro] .kq-step__actions{margin-block-start:var(--spacing-6)}.kq-step[data-kq-step=intro] .kq-btn{width:100%}.kq-result{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:var(--spacing-4)}.kq-result__visual{display:contents}.kq-result__media{max-width:none;margin:0;border-radius:var(--rounded, 12px)}.kq-result__pairs{grid-column:1 / -1;grid-row:5;grid-auto-columns:56px;gap:var(--spacing-2);margin-block-start:var(--spacing-3)}.kq-result__badges:not(.is-offer){display:none}.kq-result__badges{top:6px;left:6px}.kq-result__badges .gallery-badge{padding:2px 6px;border-radius:4px;font-size:11px}.kq-result__info{display:contents}.kq-result__product,.kq-result__variant,.kq-result__price{grid-column:2}.kq-result{row-gap:0}.kq-result__media{grid-row:1 / span 4;grid-column:1;align-self:start}.kq-result__product{grid-row:1}.kq-result__variant{grid-row:2}.kq-result__price{grid-row:3}.kq-result__reasons{grid-column:1 / -1;grid-row:6;margin:var(--spacing-5) 0 0}}@keyframes kq-meter{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}@keyframes kq-pop{0%{opacity:0}to{opacity:1}}@keyframes kq-spin{to{transform:rotate(360deg)}}@keyframes kq-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--kq-x),var(--kq-y)) scale(.3)}}@media(prefers-reduced-motion:reduce){.kq *,.kq *:before,.kq *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.kq .kq-loader span{animation:kq-meter 1s ease-in-out infinite!important}.kq .kq-loader span:nth-child(2){animation-delay:-.2s!important}.kq .kq-loader span:nth-child(3){animation-delay:-.4s!important}.kq .kq-loader span:nth-child(4){animation-delay:-.6s!important}.kq .kq-loader span:nth-child(5){animation-delay:-.8s!important}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/kopstorm-quiz.css.map */