.km-form-section{--km-radius: var(--inputs-radius, 14px);--km-card-radius: 20px;--km-accent: rgb(var(--color-button));--km-soft: rgba(var(--color-foreground), .06);--km-soft-2: rgba(var(--color-foreground), .04);--km-border: rgba(var(--color-foreground), .1)}.km-form__container{max-width:620px;margin:0 auto}.km-form__header{text-align:center;margin-bottom:2rem}.km-form__heading{margin:0 0 1rem;font-size:28px;font-weight:700;line-height:1.2}@media screen and (min-width:750px){.km-form__heading{font-size:38px}}.km-form__subheading{color:rgba(var(--color-foreground),.7);font-size:16px;line-height:1.7;max-width:500px;margin:0 auto}@media screen and (min-width:750px){.km-form__subheading{font-size:17px}}.km-form__inner{display:flex;flex-direction:column;gap:1.25rem}.km-form__content{background:rgb(var(--color-background));padding:2rem 1.5rem;border-radius:var(--km-card-radius);box-shadow:0 1px 2px #0000000a,0 8px 32px #0000000f;border:1px solid var(--km-border)}@media screen and (min-width:750px){.km-form__content{padding:2.5rem 2.25rem}}.km-field{display:flex;flex-direction:column;gap:.5rem}.km-field__label{font-weight:600;font-size:15px;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.km-field__label{font-size:16px}}.km-field__label .required,.required{color:#c53030;margin-left:.25rem}.km-field__input{width:100%;padding:13px 16px;border:1px solid var(--km-border);border-radius:var(--km-radius);font-size:16px;font-family:inherit;color:rgb(var(--color-foreground));background:var(--km-soft-2);transition:border-color .2s,background .2s,box-shadow .2s}@media screen and (min-width:750px){.km-field__input{padding:16px 20px;font-size:17px}}.km-field__input:focus{outline:none;border-color:var(--km-accent);background:rgb(var(--color-background));box-shadow:0 0 0 4px rgba(var(--color-button),.12)}.km-field__input::placeholder{color:rgba(var(--color-foreground),.45)}.km-field__input-wrapper{position:relative;display:flex;align-items:center}.km-field__input--number{padding-right:3.5rem}.km-field__unit{position:absolute;right:18px;font-size:15px;font-weight:500;color:rgba(var(--color-foreground),.6);pointer-events:none}.km-field__input--date{cursor:pointer}.km-field__input--date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.km-field__input--date::-webkit-calendar-picker-indicator:hover{opacity:1}.km-field__select{width:100%;padding:13px 48px 13px 16px;border:1px solid var(--km-border);border-radius:var(--km-radius);font-size:16px;font-family:inherit;color:rgb(var(--color-foreground));background-color:var(--km-soft-2);transition:border-color .2s,background-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;cursor:pointer}@media screen and (min-width:750px){.km-field__select{padding:16px 50px 16px 20px;font-size:17px}}.km-field__select:focus{outline:none;border-color:var(--km-accent);background-color:rgb(var(--color-background));box-shadow:0 0 0 4px rgba(var(--color-button),.12)}.km-field__select.is-valid{border-color:rgb(var(--color-button))}.km-field__select.is-invalid{border-color:#c53030;background-color:#c5303008}.km-cal{border:1px solid var(--km-border);border-radius:16px;overflow:hidden;background:rgb(var(--color-background))}.km-cal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--km-soft-2);border-bottom:1px solid var(--km-border)}.km-cal__month{font-size:16px;font-weight:700;color:rgb(var(--color-foreground))}.km-cal__arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--km-border);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background .15s,border-color .15s}.km-cal__arrow:hover:not(:disabled){background:var(--km-soft)}.km-cal__arrow:disabled{opacity:.3;cursor:not-allowed}.km-cal__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:10px 12px 6px;gap:2px}.km-cal__weekdays span{text-align:center;font-size:12px;font-weight:600;color:rgba(var(--color-foreground),.45);text-transform:uppercase;letter-spacing:.04em}.km-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);padding:4px 12px 14px;gap:4px}.km-cal__day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;font-size:14px;font-weight:500;color:rgba(var(--color-foreground),.35);border:none;background:none;font-family:inherit}.km-cal__day--empty{visibility:hidden}.km-cal__day--past{color:rgba(var(--color-foreground),.18)}.km-cal__day--available{color:rgb(var(--color-foreground));font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.km-cal__day--available:hover{background:var(--km-soft);transform:scale(1.1)}.km-cal__day--selected{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.km-cal__day--selected:hover{background:rgb(var(--color-button));transform:scale(1.1)}.km-cal__dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:rgb(var(--color-button))}.km-cal__day--selected .km-cal__dot{background:rgb(var(--color-button-text))}.km-cal__times{border-top:1px solid var(--km-border);padding:16px;animation:km-cal-slide .2s ease}@keyframes km-cal-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.km-cal__times[hidden]{display:none}.km-cal__times-header{font-size:14px;font-weight:600;color:rgba(var(--color-foreground),.7);margin-bottom:10px;text-align:center}.km-cal__times-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media screen and (max-width:380px){.km-cal__times-grid{grid-template-columns:repeat(2,1fr)}}.km-cal__time-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:12px 8px;border:1.5px solid var(--km-border);border-radius:12px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}.km-cal__time-value{font-size:17px;font-weight:600;line-height:1.2}.km-cal__time-uhr{font-size:10px;font-weight:500;color:rgba(var(--color-foreground),.4);text-transform:uppercase;letter-spacing:.06em}.km-cal__time-btn:hover{border-color:rgba(var(--color-foreground),.3);background:var(--km-soft-2);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.km-cal__time-btn.is-selected{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.08);box-shadow:0 0 0 3px rgba(var(--color-button),.15)}.km-cal__time-btn.is-selected .km-cal__time-uhr{color:rgb(var(--color-button))}.km-cal__time-btn:active{transform:scale(.96);box-shadow:none}.km-slots__empty{display:flex;align-items:center;gap:.75rem;padding:16px 20px;background:#f57c0014;border-radius:var(--km-radius);color:rgba(var(--color-foreground),.8);font-size:14px}.km-slots__empty p{margin:0;line-height:1.5}.km-slots__empty svg{flex-shrink:0;opacity:.7}.km-field__help{font-size:14px;color:rgba(var(--color-foreground),.6);margin:0;line-height:1.5}.km-field__error{font-size:13px;color:#c53030;margin:0;line-height:1.5;padding:8px 12px;background:#c5303014;border-radius:8px}.km-field__error[hidden]{display:none}.km-field__input.is-valid{border-color:var(--km-accent)}.km-field__input.is-invalid{border-color:#c53030;background:#c530300a}.km-notice{padding:14px 18px;background:var(--km-soft);border-radius:var(--km-radius);font-size:14px;color:rgba(var(--color-foreground),.78)}.km-notice p{margin:0;line-height:1.6}.km-notice--warning{background:#f57c0014;color:rgba(var(--color-foreground),.9)}.km-form__actions{margin-top:.75rem}.km-submit{width:100%;padding:18px 32px;font-size:17px;font-weight:600;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:var(--km-radius);cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}@media screen and (min-width:750px){.km-submit{padding:20px 40px;font-size:18px}}.km-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-shadow),.25)}.km-submit:active:not(:disabled){transform:translateY(0)}.km-submit:disabled{opacity:.6;cursor:not-allowed}.km-submit__loading[hidden]{display:none}.km-form__info{display:flex;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:18px 22px;background:var(--km-soft);border-radius:var(--km-card-radius)}.km-form__info-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgb(var(--color-background));color:var(--km-accent);box-shadow:0 1px 2px #0000000f}.km-form__info-icon svg{display:block;width:22px;height:22px}.km-form__info-content{flex:1;padding-top:4px}.km-form__info-title{margin:0 0 4px;font-size:15px;font-weight:600;color:rgb(var(--color-foreground))}.km-form__info-text{margin:0;color:rgba(var(--color-foreground),.7);font-size:14px;line-height:1.6}@media screen and (max-width:500px){.km-form__info{flex-direction:column;gap:.75rem}}@media(prefers-reduced-motion:reduce){.km-submit,.km-field__input{transition:none}}.km-field__input:focus-visible,.km-submit:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-km-form.css.map */