.knowfit-modal{background:rgb(var(--color-background));border:0;border-radius:1.8rem;box-shadow:0 1rem 4rem #00000029;color:rgb(var(--color-foreground));margin:auto;max-height:calc(100dvh - 3.2rem);max-width:min(46rem,calc(100vw - var(--space-large)));overflow:hidden;padding:0;width:100%}.knowfit-modal::backdrop{background:rgba(0,0,0,var(--knowfit-overlay, .35));-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.knowfit-modal__shell{container-name:knowfit-modal-shell;container-type:inline-size;max-height:calc(100dvh - 3.2rem);overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto;padding:var(--space-large);position:relative}.knowfit-form__header[hidden],.knowfit-form__steps[hidden],.knowfit-evaluation[hidden],.knowfit-field-error[hidden]{display:none}.knowfit-modal__close{align-items:center;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.16);border-radius:50%;color:rgb(var(--color-foreground));cursor:pointer;display:flex;height:3.2rem;justify-content:center;padding:0;position:absolute;right:var(--space-medium);top:var(--space-medium);width:3.2rem;z-index:4}.knowfit-modal__close svg{height:1.4rem;width:1.4rem}.knowfit-form__header{align-items:center;display:flex;gap:var(--space-medium);justify-content:space-between;margin-bottom:var(--space-large);min-height:2rem;padding-right:var(--space-xlarge)}.knowfit-form__step-label{color:var(--knowfit-accent);font-size:var(--font-size-small);font-weight:700;white-space:nowrap}.knowfit-form__progress{align-items:center;display:flex;gap:calc(var(--space-small) + var(--space-xsmall))}.knowfit-form__progress-dot{background:color-mix(in srgb,var(--knowfit-accent) 42%,transparent);border-radius:99rem;display:block;height:.9rem;transition:width .18s ease,background-color .18s ease;width:.9rem}.knowfit-form__progress-dot.is-complete,.knowfit-form__progress-dot.is-current{background:var(--knowfit-accent)}.knowfit-form__progress-dot.is-current{width:1.8rem}.knowfit-form__error{background:#be1c1c14;border-radius:.8rem;color:#9b1c1c;font-size:var(--font-size-small);margin:calc(-1 * var(--space-medium)) 0 var(--space-medium);padding:var(--space-small) var(--space-medium)}.knowfit-step__title,.knowfit-options>legend.knowfit-step__title{color:rgb(var(--color-foreground));font-size:var(--font-size-large);font-weight:750;letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-medium);padding:0}.knowfit-step__intro,.knowfit-step__help{color:rgba(var(--color-foreground),.72);font-size:var(--font-size-small);line-height:1.35}.knowfit-step__intro{margin:var(--space-medium) 0 var(--space-large)}.knowfit-step__help{margin:var(--space-medium) 0 0}.knowfit-options,.knowfit-fieldset{border:0;margin:0;padding:0}.knowfit-options{display:grid;gap:var(--space-medium)}.knowfit-options--compact{gap:var(--space-medium)}.knowfit-option{cursor:pointer;display:block}.knowfit-option>input,.knowfit-segmented input{height:.1rem;opacity:0;pointer-events:none;position:absolute;width:.1rem}.knowfit-option__card{border:.1rem solid rgba(var(--color-foreground),.2);border-radius:1.1rem;display:flex;flex-direction:column;gap:var(--space-small);min-height:7.2rem;padding:var(--space-medium);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.knowfit-option__card strong{font-size:var(--font-size-medium);line-height:1.2}.knowfit-option__card>span,.knowfit-option__card small{color:rgba(var(--color-foreground),.72);font-size:var(--font-size-small);font-weight:400;line-height:1.25}.knowfit-option:hover .knowfit-option__card{border-color:rgba(var(--color-foreground),.42)}.knowfit-option>input:checked+.knowfit-option__card{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.knowfit-option>input:focus-visible+.knowfit-option__card,.knowfit-segmented input:focus-visible+span{outline:.2rem solid var(--knowfit-accent);outline-offset:.2rem}.knowfit-option__card--percentage{align-items:center;flex-direction:row;justify-content:space-between;min-height:6rem}.knowfit-option__card--percentage>span{display:flex;flex-direction:column;gap:var(--space-small)}.knowfit-option__card--percentage strong{color:rgb(var(--color-foreground))}.knowfit-option__card--percentage>b{color:rgb(var(--color-foreground));font-size:var(--font-size-large)}.knowfit-option>input:checked+.knowfit-option__card--percentage>b{color:var(--knowfit-accent)}.knowfit-fieldset>legend,.knowfit-measure>label,.knowfit-training__row>label{font-size:var(--font-size-small);font-weight:700;margin-bottom:var(--space-small)}.knowfit-segmented{display:grid;gap:var(--space-medium);grid-template-columns:repeat(2,minmax(0,1fr))}.knowfit-segmented label{cursor:pointer}.knowfit-segmented span{align-items:center;border:.1rem solid rgba(var(--color-foreground),.22);border-radius:1rem;display:flex;font-size:var(--font-size-medium);font-weight:700;justify-content:center;min-height:3.8rem;padding:var(--space-small) var(--space-medium)}.knowfit-segmented input:checked+span{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.knowfit-measures{display:grid;gap:var(--space-medium);margin-top:calc(var(--space-medium) + var(--space-xsmall))}.knowfit-measure{width:100%}.knowfit-measure>label,.knowfit-training__row>label{display:block}.knowfit-number-input{-webkit-appearance:textfield;appearance:textfield;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.24);border-radius:1rem;color:rgb(var(--color-foreground));font:inherit;font-size:var(--font-size-medium);height:4rem;margin:0;padding:var(--space-small) var(--space-medium);width:100%}.knowfit-number-input:hover{border-color:rgba(var(--color-foreground),.45)}.knowfit-number-input:focus{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground));outline:0}.knowfit-number-input::-webkit-inner-spin-button,.knowfit-number-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.knowfit-number-input[aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 .1rem #b42318;color:#b42318}.knowfit-stepper{border:.15rem solid rgb(var(--color-foreground));border-radius:99rem;display:grid;grid-template-columns:5rem 8.2rem 5rem;height:3.8rem;overflow:hidden;width:max-content}.knowfit-stepper button,.knowfit-stepper input{-webkit-appearance:none;appearance:none;background:transparent;border:0;color:rgb(var(--color-foreground));font-family:inherit;font-size:var(--font-size-large);font-weight:700;margin:0;min-width:0;padding:0;text-align:center}.knowfit-stepper button{cursor:pointer}.knowfit-stepper input{border-left:.1rem solid rgba(var(--color-foreground),.7);border-radius:0;border-right:.1rem solid rgba(var(--color-foreground),.7);font-size:var(--font-size-medium);width:8.2rem}.knowfit-stepper input::-webkit-inner-spin-button,.knowfit-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.knowfit-stepper:has(input[aria-invalid=true]){border-color:#b42318;box-shadow:0 0 0 .1rem #b42318}.knowfit-stepper input[aria-invalid=true]{color:#b42318}.knowfit-field-error{color:#b42318;font-size:var(--font-size-small);line-height:1.3;margin:var(--space-small) 0 0;width:min(30rem,calc(100vw - 5rem))}.knowfit-stepper--days{margin-bottom:var(--space-medium)}.knowfit-training{display:grid;gap:var(--space-medium)}.knowfit-training__row select{-webkit-appearance:auto;appearance:auto;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.22);border-radius:.9rem;color:rgb(var(--color-foreground));font-family:inherit;font-size:var(--font-size-medium);font-weight:700;min-height:3.8rem;padding:var(--space-small) var(--space-medium);width:min(23rem,100%)}.knowfit-training__row select:focus{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground));outline:none}.knowfit-step__actions{display:flex;gap:var(--space-medium);justify-content:space-between;margin-top:var(--space-xlarge)}.knowfit-step__actions--end{justify-content:flex-end}.knowfit-step__actions .button{border-radius:99rem;min-height:3.8rem;min-width:15.5rem;padding:var(--space-small) var(--space-large)}.knowfit-step__price{color:rgba(var(--color-foreground),.78);font-size:var(--font-size-medium);font-weight:700;margin:var(--space-medium) 0 0}.knowfit-evaluation{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:28rem;text-align:center}.knowfit-evaluation h2{font-size:var(--font-size-large);margin:0}.knowfit-evaluation p{color:rgba(var(--color-foreground),.68);font-size:var(--font-size-small);margin:calc(var(--space-medium) + var(--space-small)) 0 0}.knowfit-evaluation__dots{display:flex;gap:var(--space-small);margin-top:var(--space-medium)}.knowfit-evaluation__dots span{animation:knowfit-dot 1.2s infinite ease-in-out;background:var(--knowfit-accent);border-radius:99rem;height:.9rem;width:.9rem}.knowfit-evaluation__dots span:last-child{width:1.8rem}.knowfit-evaluation__dots span:nth-child(2){animation-delay:.1s}.knowfit-evaluation__dots span:nth-child(3){animation-delay:.2s}.knowfit-evaluation__dots span:nth-child(4){animation-delay:.3s}.knowfit-evaluation__dots span:nth-child(5){animation-delay:.4s}.knowfit-evaluation__dots span:nth-child(6){animation-delay:.5s}.knowfit-evaluation__prepare-food{display:block;height:auto;margin-top:var(--space-medium);max-width:100%;width:16rem}@keyframes knowfit-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(calc(-1 * var(--space-xsmall)))}}.knowfit-evaluation__message-window{min-height:5.5rem;overflow:hidden;width:100%}.knowfit-evaluation__message-window p{font-size:var(--font-size-medium)!important;opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.knowfit-evaluation__message-window p.is-leaving{opacity:0;transform:translateY(calc(-1 * var(--space-medium)))}.knowfit-evaluation__message-window p.is-entering{opacity:0;transform:translateY(var(--space-medium));transition:none}.knowfit-modal-editor{background:rgba(var(--color-foreground),.04);border:.1rem dashed rgba(var(--color-foreground),.3);border-radius:1rem;margin:var(--space-large) auto;max-width:80rem;padding:var(--space-large);text-align:center}.knowfit-modal-editor p{margin:0 0 var(--space-medium)}@media screen and (max-width:749px){.knowfit-modal{border-radius:1.4rem;max-height:calc(100dvh - (var(--space-medium) + var(--space-xsmall)));max-width:calc(100vw - (var(--space-medium) + var(--space-xsmall)))}.knowfit-modal__shell{max-height:calc(100dvh - (var(--space-medium) + var(--space-xsmall)));padding:var(--space-large) var(--space-medium) var(--space-medium)}.knowfit-form__header{margin-bottom:calc(var(--space-medium) + var(--space-small))}.knowfit-form__progress{gap:var(--space-small)}.knowfit-form__step-label,.knowfit-form__error,.knowfit-step__intro,.knowfit-step__help,.knowfit-option__card>span,.knowfit-option__card small,.knowfit-fieldset>legend,.knowfit-measure>label,.knowfit-training__row>label,.knowfit-field-error,.knowfit-evaluation p{font-size:var(--font-size-xsmall)}.knowfit-option__card strong,.knowfit-segmented span,.knowfit-number-input,.knowfit-stepper input,.knowfit-training__row select,.knowfit-step__price{font-size:var(--font-size-small)}.knowfit-step__actions .button{min-width:0;width:46%}.knowfit-step__actions--end .button{width:48%}}@container knowfit-modal-shell (max-width: 34rem){.knowfit-step__actions{flex-direction:column-reverse}.knowfit-step__actions .button,.knowfit-step__actions--end .button{min-width:100%;width:100%}}@media(prefers-reduced-motion:reduce){.knowfit-evaluation__dots span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/knowfit-form-modal.css.map */