.kit-story{--kit-radius: 2rem;--kit-story-width: 62rem;position:relative}.kit-quiz-no-chat #tidio-chat,.kit-quiz-no-chat #tidio-chat-iframe,.kit-quiz-no-chat #chat-application,.kit-story [hidden]{display:none!important}.kit-story__container{position:relative;display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;max-width:var(--kit-story-width);margin-inline:auto}@media screen and (min-width:750px){.kit-story__container{padding-inline:0}}.kit-story__topbar{display:flex;align-items:center;gap:var(--spacing-3)}.kit-story__back{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:50%;background-color:rgb(var(--color-background));color:inherit;cursor:pointer;transition:background-color var(--animation-duration--fast) var(--animation-easing)}.kit-story__back:hover{background-color:rgb(var(--color-background-secondary))}.kit-story__progress-wrap{display:flex;flex:1;flex-direction:column;gap:.6rem;min-width:0}.kit-story__progress{display:flex;gap:.6rem}.kit-story__segment{position:relative;flex:1;height:.5rem;overflow:hidden;border-radius:99.9rem;background-color:rgb(var(--color-foreground) / 12%)}.kit-story__segment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:inherit;background-color:rgb(var(--color-primary-button-background));transition:width var(--animation-duration--medium) var(--animation-easing)}.kit-story__segment[data-kit-segment-state=done]:after,.kit-story__segment[data-kit-segment-state=active]:after{width:100%}.kit-story__segment[data-kit-segment-state=active]:after{animation:kit-story-fill var(--animation-duration--medium) var(--animation-easing--smooth)}.kit-story__counter{margin:0;color:rgb(var(--color-foreground) / 60%)}.kit-story__screen{display:flex;flex-direction:column;gap:var(--spacing-5);animation:kit-story-in var(--animation-duration--medium) var(--animation-easing--smooth)}.kit-story__head{display:flex;flex-direction:column;gap:var(--spacing-2)}.kit-story__heading,.kit-story__helper,.kit-story__eyebrow{margin:0}.kit-story__heading:focus-visible{outline:none}.kit-story__fieldset{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:0;margin:0;padding:0;border:0}.kit-story__error{display:block}.kit-story__screen--intro{align-items:center;text-align:center}.kit-story__intro-media{width:100%;overflow:hidden;border-radius:var(--kit-radius);background-color:rgb(var(--color-background-secondary))}.kit-story__intro-body{max-width:48rem}.kit-story__intro-note{display:inline-flex;align-items:center;gap:.6rem;margin:0}.kit-story__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2) var(--spacing-4);margin:0;padding:0;list-style:none}.kit-story__trust-item{display:inline-flex;align-items:center;gap:.6rem}.kit-story__trust-icon{color:rgb(var(--color-notification-success))}.kit-story__options{display:flex;flex-direction:column;gap:var(--spacing-3)}.kit-story__option{border:.15rem solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:var(--kit-radius);background-color:rgb(var(--color-background));transition:border-color var(--animation-duration--fast) var(--animation-easing),box-shadow var(--animation-duration--fast) var(--animation-easing)}.kit-story__option:hover{border-color:rgb(var(--color-foreground) / 45%)}.kit-story__option.is-selected{border-color:rgb(var(--color-primary-button-background));box-shadow:0 0 0 .3rem rgb(var(--color-primary-button-background) / 15%)}.kit-story__option-label{display:block;cursor:pointer}.kit-story__option-inner{display:flex;align-items:center;gap:var(--spacing-4);min-height:6.4rem;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--kit-radius)}.kit-story__option--simple .kit-story__option-inner{min-height:6rem;padding-block:var(--spacing-2)}.kit-story__option-media{position:relative;flex:0 0 auto;width:16rem;height:10.4rem;border-radius:min(1.4rem,var(--kit-radius));background-color:rgb(var(--color-background-secondary))}.kit-story__option-media img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.kit-story__option-media--contain img{padding:.5rem;object-fit:contain}.kit-story__option-icon{position:absolute;inset-block-end:-.5rem;inset-inline-end:-.5rem;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem .6rem rgb(var(--color-foreground) / 15%)}.kit-story__option-lead{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background-color:rgb(var(--color-background-secondary));color:rgb(var(--color-foreground))}.kit-story__option-title{flex:1;min-width:0;margin:0}.kit-story__option-check{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:.15rem solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:50%;color:rgb(var(--color-primary-button-text));transition:background-color var(--animation-duration--fast) var(--animation-easing),border-color var(--animation-duration--fast) var(--animation-easing)}.kit-story__option-check .icon{opacity:0;transition:opacity var(--animation-duration--fast) var(--animation-easing)}.is-selected .kit-story__option-check{border-color:rgb(var(--color-primary-button-background));background-color:rgb(var(--color-primary-button-background))}.is-selected .kit-story__option-check .icon{opacity:1}.kit-story__option--multi .kit-story__option-check{border-radius:.8rem}.kit-story__option-input:focus-visible~.kit-story__option-inner,.kit-story__option-input:focus-visible~.kit-story__kit-inner{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.6rem}.kit-story__option-details{border-block-start:.1rem solid rgb(var(--color-border) / var(--color-border-alpha))}.kit-story__option-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:1rem var(--spacing-4);color:rgb(var(--color-foreground) / 65%);font-size:var(--font-size--paragraph-small);list-style:none}.kit-story__option-summary::-webkit-details-marker{display:none}.kit-story__option-summary .icon{transition:transform var(--animation-duration--fast) var(--animation-easing)}.kit-story__option-details[open] .kit-story__option-summary .icon{transform:rotate(180deg)}.kit-story__option-details:not([open]) .kit-story__option-summary-label--close,.kit-story__option-details[open] .kit-story__option-summary-label--open{display:none}.kit-story__option-content{padding:0 var(--spacing-4) var(--spacing-4)}.kit-story__participants{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.kit-story__quantity{--quantity-selector-max-width: 24rem;--quantity-selector-height: 6.4rem;--quantity-selector-padding-inline: 2rem;width:100%}.kit-story__quantity .quantity-input{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:2.4rem}.kit-story__quick{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2)}.kit-story__quick-btn{min-height:4rem;padding:.6rem 1.6rem;border:.1rem solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:99.9rem;background-color:rgb(var(--color-background));color:inherit;font:inherit;cursor:pointer;transition:background-color var(--animation-duration--fast) var(--animation-easing),color var(--animation-duration--fast) var(--animation-easing),border-color var(--animation-duration--fast) var(--animation-easing)}.kit-story__quick-btn:hover{border-color:rgb(var(--color-foreground) / 45%)}.kit-story__quick-btn.is-active{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.kit-story__date{display:flex;flex-direction:column;gap:var(--spacing-3)}.kit-story__date-control{position:relative;min-width:0}.kit-story__date-input{--input-height: 6rem;display:block;min-width:0;max-width:100%;height:6rem;font-size:1.8rem;text-align:center;-webkit-appearance:none;appearance:none}.kit-story__date-input::-webkit-date-and-time-value{text-align:center}.kit-story__date-input::-webkit-datetime-edit{display:inline-flex;justify-content:center}.kit-story__date-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-size:1.8rem;pointer-events:none}.kit-story__date-field.is-empty .kit-story__date-control:not(:focus-within) .kit-story__date-placeholder{display:flex}.kit-story__date-field.is-empty .kit-story__date-control:not(:focus-within) .kit-story__date-input{color:transparent}.kit-story__date-field.is-disabled{opacity:.5}.kit-story__or{margin:0;text-align:center}.kit-story__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.kit-story__chip{display:inline-flex;align-items:center;gap:.5rem;min-height:3.4rem;padding:.4rem 1.2rem;border:.1rem solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:99.9rem;background-color:rgb(var(--color-background-secondary));color:inherit;font:inherit;font-size:var(--font-size--paragraph-small);cursor:pointer}.kit-story__chip .icon{opacity:.6}.kit-story__kits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.kit-story__kit{display:block;border-radius:var(--kit-radius);cursor:pointer}.kit-story__kit-inner{display:flex;flex-direction:column;gap:var(--spacing-2);height:100%;padding:var(--spacing-3);border:.15rem solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:var(--kit-radius);background-color:rgb(var(--color-background));transition:border-color var(--animation-duration--fast) var(--animation-easing),box-shadow var(--animation-duration--fast) var(--animation-easing)}.kit-story__kit:hover .kit-story__kit-inner{border-color:rgb(var(--color-foreground) / 45%)}.kit-story__kit.is-selected .kit-story__kit-inner{border-color:rgb(var(--color-primary-button-background));box-shadow:0 0 0 .3rem rgb(var(--color-primary-button-background) / 15%)}.kit-story__kit-media{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:min(1.4rem,var(--kit-radius));background-color:rgb(var(--color-background-secondary))}.kit-story__kit-media img{width:100%;height:100%;padding:var(--spacing-3);object-fit:contain}.kit-story__kit-badge{position:absolute;inset-block-start:var(--spacing-2);inset-inline-start:var(--spacing-2);padding:.3rem .9rem;border-radius:99.9rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--font-size--paragraph-small);box-shadow:0 .2rem .8rem rgb(var(--color-foreground) / 10%)}.kit-story__kit-badge--above{background-color:rgb(var(--color-notification-warning) / 18%)}.kit-story__kit-badge--below{color:rgb(var(--color-foreground) / 70%)}.kit-story__kit-check{position:absolute;inset-block-start:var(--spacing-2);inset-inline-end:var(--spacing-2);background-color:rgb(var(--color-background))}.kit-story__kit-body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.kit-story__kit-title,.kit-story__kit-price,.kit-story__kit-timing{margin:0}.kit-story__kit-price{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight)}.kit-story__kit-timing{color:rgb(var(--color-notification-warning))}.kit-story__kit-timing--unknown{color:rgb(var(--color-foreground) / 55%)}.kit-story__placeholder{aspect-ratio:4 / 5;border-radius:var(--kit-radius);background-color:rgb(var(--color-foreground) / 6%);animation:kit-story-pulse 1.2s var(--animation-easing) infinite}.kit-story__empty{margin:0;text-align:center}.kit-story__alert{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.kit-story__email{display:flex;flex-direction:column;gap:var(--spacing-4)}.kit-story__email-input{--input-height: 6rem;height:6rem;font-size:1.8rem;text-align:center}.kit-story__privacy{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0;text-align:center}.kit-story__privacy-link{color:inherit;text-underline-offset:.3rem}.kit-story__expert-link{align-self:center;padding:.4rem;border:0;background:none;color:inherit;font:inherit;font-size:var(--font-size--paragraph-small);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.kit-story__footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.kit-story__next,.kit-story__checkout{width:100%;min-height:5.6rem}.kit-story__screen--confirmation .kit-story__checkout{max-width:32rem}.kit-story__checkout-note{margin:0;text-align:center}.kit-story__fallback{display:flex;align-items:flex-start;gap:var(--spacing-2);margin:0;padding:var(--spacing-3);border-radius:min(1.4rem,var(--kit-radius));background-color:rgb(var(--color-foreground) / 6%)}.kit-story__fallback .icon{flex:0 0 auto;margin-block-start:.2rem}.kit-story__footer--finish .kit-story__checkout{order:-1}.kit-story__quote-link{position:relative;align-self:center;padding:.8rem .4rem;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.4rem;cursor:pointer;transition:color var(--animation-duration--fast) var(--animation-easing)}.kit-story__quote-link:hover{color:rgb(var(--color-foreground) / 70%)}.kit-story__quote-link:disabled{opacity:.5;cursor:not-allowed}.kit-story__quote-link .loading-spinner{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.kit-story__back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:0;background:none;color:rgb(var(--color-foreground) / 70%);font:inherit;font-size:var(--font-size--paragraph-small);cursor:pointer}.kit-story__back-link:hover{color:rgb(var(--color-foreground))}.kit-story__screen--confirmation{align-items:center;text-align:center}.kit-story__confirmation-icon{display:inline-flex;color:rgb(var(--color-notification-success))}.kit-story__confirmation-body{max-width:48rem}.kit-story__confirmation-email{margin:0}.kit-story__dev-note{margin:0;padding:.4rem 1.2rem;border-radius:99.9rem;background-color:rgb(var(--color-notification-warning) / 15%)}.kit-story__confirmation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}@keyframes kit-story-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}@keyframes kit-story-fill{0%{width:0}to{width:100%}}@keyframes kit-story-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.kit-story__screen,.kit-story__segment:after,.kit-story__placeholder{animation:none}}@media screen and (max-width:749px){.kit-story__container{gap:var(--spacing-5)}.kit-story__footer:not(.kit-story__footer--finish){position:sticky;inset-block-end:0;z-index:var(--layer-sticky, 8);margin-block-start:var(--spacing-2);padding-block:var(--spacing-3);padding-block-end:calc(var(--spacing-3) + env(safe-area-inset-bottom,0px));background-color:rgb(var(--color-background));box-shadow:0 -1.2rem 1.6rem -1rem rgb(var(--color-background))}.kit-story__option-inner{gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3)}.kit-story__option-media{width:14.6rem;height:10.6rem}.kit-story__kits{gap:var(--spacing-2)}.kit-story__kit-inner{padding:var(--spacing-2)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-kit-quiz-story.css.map */