.demo-form{--demo-form-accent:#f6d21c;--demo-form-action:#16181d;--demo-form-danger:#d93636;--demo-form-day:#f1f3f6;--demo-form-faint:#9aa1ad;--demo-form-hover:#f4f6f9;--demo-form-ink:#16181d;--demo-form-line:#e2e6ec;--demo-form-link:#2f6bff;--demo-form-muted:#6b7280;--demo-form-on-action:#fff;--demo-form-surface:#fff;--demo-form-tint:#eef3ff;--demo-form-tint-line:#d3e0ff;padding:4rem 1rem}.demo-form .demo-form__inner{margin:0 auto;max-width:600px}.demo-form--split .demo-form__inner{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);max-width:1000px}.demo-form *,.demo-form :after,.demo-form :before{box-sizing:border-box}.demo-form [hidden]{display:none!important}.demo-form button,.demo-form input,.demo-form select{color:inherit;font-family:inherit;font-size:inherit;font-style:normal;font-weight:inherit;letter-spacing:normal;line-height:inherit;margin:0;text-transform:none;transition:none}.demo-form button{cursor:pointer}.demo-form dd,.demo-form dl,.demo-form dt,.demo-form h1,.demo-form h2,.demo-form h3,.demo-form li,.demo-form ol,.demo-form p,.demo-form ul{font-family:inherit;margin:0;padding:0}.demo-form :focus-visible{outline:2px solid var(--demo-form-link);outline-offset:2px}.demo-form .demo-form__panel{background-color:#4a84ff;background-image:linear-gradient(160deg,#4a84ff,#1c55e6);border-radius:22px;color:#fff;display:flex;flex-direction:column;font-family:var(--mybos-font-body);gap:18px;min-width:0;overflow:hidden;padding:30px;position:relative}.demo-form .demo-form__panel:after{background:radial-gradient(circle,hsla(0,0%,100%,.12),hsla(0,0%,100%,0) 70%);border-radius:50%;bottom:-140px;content:"";height:360px;pointer-events:none;position:absolute;right:-120px;width:360px}.demo-form .demo-form__panel>*{position:relative;z-index:1}.demo-form .demo-form__panel-eyebrow{color:#fff;font-size:12px;font-weight:500;margin:0}.demo-form .demo-form__panel-heading{color:#fff;font-family:var(--mybos-font-body);font-size:clamp(32px,2rem + 1.2vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.04;margin:0;text-transform:none;text-wrap:balance}.demo-form .demo-form__panel-heading-light{display:block;font-weight:300}.demo-form .demo-form__panel-intro{color:#fff;font-size:15px;line-height:1.5;margin:0;max-width:34ch;white-space:pre-line}.demo-form .demo-form__points{display:grid;gap:10px;list-style:none;margin:4px 0 0;padding:0}.demo-form .demo-form__point{align-items:flex-start;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;line-height:1.4;margin:0}.demo-form .demo-form__tick{background-color:var(--demo-form-accent);border-radius:50%;color:var(--demo-form-ink);display:grid;flex:none;height:18px;margin-top:1px;place-items:center;width:18px}.demo-form .demo-form__tick svg{height:10px;width:10px}.demo-form .demo-form__quote{background-color:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;color:#fff;font-size:15px;margin:8px 0 0;padding:18px 20px}.demo-form .demo-form__quote-text{display:block;line-height:1.45;white-space:pre-line}.demo-form .demo-form__quote-credit{display:block;font-size:12px;margin-top:10px}.demo-form .demo-form__quote-name{font-weight:700}.demo-form .demo-form__quote-company{font-weight:400;margin-left:4px;opacity:.7}.demo-form .demo-form__card{-webkit-font-smoothing:antialiased;background-color:var(--demo-form-surface);border-radius:22px;box-shadow:0 1px 2px rgba(22,24,29,.04),0 12px 32px rgba(22,24,29,.06);color:var(--demo-form-ink);font-family:var(--mybos-font-body);font-size:14px;font-weight:400;line-height:1.5;min-width:0;padding:28px 30px 30px;scroll-margin-top:96px}.demo-form .demo-form__step{animation:demo-form-in .32s ease both;background:none;border:0;border-radius:0;font:inherit;margin:0;padding:0}@keyframes demo-form-in{0%{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-form .demo-form__progress{align-items:center;display:flex;gap:10px;list-style:none;margin:0 0 26px}.demo-form .demo-form__progress-item{align-items:center;color:var(--demo-form-muted);display:flex;font-size:12.5px;font-weight:500;gap:8px;white-space:nowrap}.demo-form .demo-form__progress-line{background-color:var(--demo-form-line);flex:1;height:1px;min-width:14px}.demo-form .demo-form__progress-line--done{background-color:var(--demo-form-ink)}.demo-form .demo-form__progress-dot{background-color:var(--demo-form-surface);border:1px solid var(--demo-form-line);border-radius:50%;color:var(--demo-form-muted);display:grid;flex:none;font-size:12px;font-weight:600;height:24px;place-items:center;width:24px}.demo-form .demo-form__progress-dot svg{height:11px;width:11px}.demo-form .demo-form__progress-item--current,.demo-form .demo-form__progress-item--done{color:var(--demo-form-ink)}.demo-form .demo-form__progress-item--current .demo-form__progress-dot{background-color:var(--demo-form-action);border-color:var(--demo-form-action);color:var(--demo-form-on-action)}.demo-form .demo-form__progress-item--done .demo-form__progress-dot{background-color:var(--demo-form-accent);border-color:var(--demo-form-accent);color:var(--demo-form-ink)}.demo-form .demo-form__heading{color:var(--demo-form-ink);font-family:var(--mybos-font-body);font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0 0 18px;text-transform:none}.demo-form .demo-form__step-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.demo-form .demo-form__step-head .demo-form__heading{margin:0}.demo-form .demo-form__timezone{color:var(--demo-form-muted);font-size:12px}.demo-form .demo-form__grid{display:grid;gap:16px 18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo-form .demo-form__stack{display:flex;flex-direction:column;gap:18px}.demo-form .demo-form__field{display:flex;flex-direction:column;gap:7px;min-width:0}.demo-form .demo-form__label{color:var(--demo-form-ink);display:block;font-size:12.5px;font-weight:600;margin:0}.demo-form .demo-form__hint{color:var(--demo-form-faint);font-style:normal;font-weight:400}.demo-form .demo-form__input{-webkit-appearance:none;appearance:none;background-color:var(--demo-form-surface);border:1px solid var(--demo-form-line);border-radius:999px;box-shadow:none;color:var(--demo-form-ink);display:block;font-size:13.5px;height:46px;max-width:none;outline:none;padding:0 18px;transition:background-color .15s,border-color .15s,box-shadow .15s;width:100%}.demo-form .demo-form__input:hover{border-color:#cdd3dc}.demo-form .demo-form__input:focus{border-color:var(--demo-form-link);box-shadow:0 0 0 4px color-mix(in srgb,var(--demo-form-link) 15%,transparent)}.demo-form .demo-form__input:focus-visible{outline:none}.demo-form .demo-form__input--filled{background-color:var(--demo-form-tint);border-color:var(--demo-form-tint-line)}.demo-form .demo-form__input--filled:focus{background-color:var(--demo-form-surface);border-color:var(--demo-form-link)}.demo-form .demo-form__input[aria-invalid=true]{background-color:var(--demo-form-surface);border-color:var(--demo-form-danger)}.demo-form select.demo-form__input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2316181d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.demo-form select.demo-form__input--placeholder{color:var(--demo-form-muted)}.demo-form .demo-form__error{color:var(--demo-form-danger);font-size:12px}.demo-form .demo-form__error:empty{display:none}.demo-form .demo-form__error--block{display:block;margin-top:10px}.demo-form .demo-form__chips{display:flex;flex-wrap:wrap;gap:8px}.demo-form .demo-form__chip{background-color:var(--demo-form-surface);border:1px solid var(--demo-form-line);border-radius:999px;color:#3b4250;font-size:12.5px;font-weight:500;line-height:1.4;padding:7px 14px;text-align:center;transition:background-color .15s,border-color .15s,color .15s}.demo-form .demo-form__chip:focus,.demo-form .demo-form__chip:hover{background-color:var(--demo-form-hover);border-color:#cfd5de;color:#3b4250}.demo-form .demo-form__chip[aria-pressed=true]{background-color:var(--demo-form-action);border-color:var(--demo-form-action);color:var(--demo-form-on-action)}.demo-form .demo-form__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:26px}.demo-form .demo-form__actions--end{justify-content:flex-end}.demo-form .demo-form__back{background:none;border:0;border-radius:0;color:var(--demo-form-link);font-size:13px;font-weight:600;padding:8px 2px}.demo-form .demo-form__back:focus,.demo-form .demo-form__back:hover{background:none;color:var(--demo-form-link);text-decoration:underline}.demo-form .demo-form__cta{align-items:center;background-color:var(--demo-form-action);border:0;border-radius:100px;color:var(--demo-form-on-action);display:inline-flex;font-size:14px;font-weight:600;gap:14px;height:48px;line-height:1;padding:0 7px 0 24px;transition:background-color .15s,box-shadow .2s,opacity .15s,transform .15s}.demo-form .demo-form__cta:focus,.demo-form .demo-form__cta:hover{background-color:var(--demo-form-action);box-shadow:0 10px 22px rgba(22,24,29,.22);color:var(--demo-form-on-action);transform:translateY(-1px)}.demo-form .demo-form__cta:active{background-color:var(--demo-form-action);transform:none}.demo-form .demo-form__cta[aria-busy=true]{cursor:progress;opacity:.7}.demo-form .demo-form__arrow{background-color:var(--demo-form-accent);border-radius:50%;color:var(--demo-form-ink);display:grid;height:34px;place-items:center;transition:transform .2s;width:34px}.demo-form .demo-form__cta:hover .demo-form__arrow{transform:translateX(2px)}.demo-form .demo-form__arrow svg{height:14px;width:14px}.demo-form .demo-form__select{position:relative}.demo-form .demo-form__native{height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;width:100%}.demo-form .demo-form__select-button{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding-right:16px;text-align:left}.demo-form .demo-form__select-button:focus,.demo-form .demo-form__select-button:hover{background-color:var(--demo-form-surface);color:var(--demo-form-ink)}.demo-form .demo-form__select-button.demo-form__input--filled:hover{background-color:var(--demo-form-tint)}.demo-form .demo-form__select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-form .demo-form__input--placeholder .demo-form__select-value{color:var(--demo-form-muted)}.demo-form .demo-form__chevron{display:grid;flex:none;height:14px;place-items:center;transition:transform .2s;width:14px}.demo-form .demo-form__chevron svg{height:12px;width:12px}.demo-form .demo-form__select--open .demo-form__select-button{background-color:var(--demo-form-surface);border-color:var(--demo-form-link);box-shadow:0 0 0 4px color-mix(in srgb,var(--demo-form-link) 15%,transparent)}.demo-form .demo-form__select--open .demo-form__chevron{transform:rotate(180deg)}.demo-form .demo-form__menu{animation:demo-form-pop .14s ease-out;background-color:var(--demo-form-surface);border:1px solid var(--demo-form-line);border-radius:16px;box-shadow:0 14px 34px rgba(22,24,29,.12),0 2px 6px rgba(22,24,29,.06);left:0;list-style:none;margin:0;max-height:330px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.demo-form .demo-form__select--up .demo-form__menu{bottom:calc(100% + 6px);top:auto}.demo-form .demo-form__option{align-items:center;border-radius:10px;color:var(--demo-form-ink);cursor:pointer;display:flex;font-size:13.5px;gap:10px;justify-content:space-between;line-height:1.3;padding:10px 12px}.demo-form .demo-form__menu-group{color:var(--demo-form-muted);cursor:default;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:12px 12px 4px;text-transform:uppercase}.demo-form .demo-form__menu-group:first-child{padding-top:6px}.demo-form .demo-form__option--active{background-color:var(--demo-form-hover)}.demo-form .demo-form__option[aria-selected=true]{font-weight:600}.demo-form .demo-form__option-tick{display:grid;flex:none;height:14px;place-items:center;visibility:hidden;width:14px}.demo-form .demo-form__option-tick svg{height:12px;width:12px}.demo-form .demo-form__option[aria-selected=true] .demo-form__option-tick{visibility:visible}@keyframes demo-form-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.demo-form .demo-form__meetings{min-height:420px}.demo-form .demo-form__meetings-frame{border:0;display:block;height:680px;width:100%}.demo-form .demo-form__picker{display:grid;gap:22px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.demo-form .demo-form__calendar-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.demo-form .demo-form__month{font-size:14px;font-weight:700}.demo-form .demo-form__navs{display:flex;gap:6px}.demo-form .demo-form__nav{background-color:var(--demo-form-surface);border:1px solid var(--demo-form-line);border-radius:50%;color:var(--demo-form-ink);display:grid;height:28px;padding:0;place-items:center;width:28px}.demo-form .demo-form__nav:focus,.demo-form .demo-form__nav:hover{background-color:var(--demo-form-hover);border-color:var(--demo-form-line);color:var(--demo-form-ink)}.demo-form .demo-form__nav--next,.demo-form .demo-form__nav--next:focus,.demo-form .demo-form__nav--next:hover{background-color:var(--demo-form-action);border-color:var(--demo-form-action);color:var(--demo-form-on-action)}.demo-form .demo-form__nav:disabled,.demo-form .demo-form__nav:disabled:hover{background-color:var(--demo-form-surface);border-color:var(--demo-form-line);color:var(--demo-form-faint);cursor:default;opacity:.45}.demo-form .demo-form__nav svg{height:12px;width:12px}.demo-form .demo-form__calendar{display:grid;font-variant-numeric:tabular-nums;gap:4px;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.demo-form .demo-form__weekday{color:var(--demo-form-muted);font-size:11px;font-weight:500;padding:4px 0 6px}.demo-form .demo-form__day{aspect-ratio:1;background:none;border:0;border-radius:9px;color:#b6bcc6;display:grid;font-size:12.5px;padding:0;place-items:center;width:100%}.demo-form .demo-form__day:disabled{background:none;color:#b6bcc6;cursor:default}.demo-form .demo-form__day--available{background-color:var(--demo-form-day);color:var(--demo-form-ink);font-weight:700}.demo-form .demo-form__day--available:focus,.demo-form .demo-form__day--available:hover{background-color:#e5e8ee;color:var(--demo-form-ink)}.demo-form .demo-form__day--selected,.demo-form .demo-form__day--selected:focus,.demo-form .demo-form__day--selected:hover{background-color:var(--demo-form-action);color:var(--demo-form-on-action)}.demo-form .demo-form__slots-title{font-size:13.5px;font-weight:700;margin:4px 0 8px}.demo-form .demo-form__slots-hint{color:var(--demo-form-muted);font-size:12.5px;max-width:24ch}.demo-form .demo-form__slots{display:grid;gap:8px}.demo-form .demo-form__slot{background-color:var(--demo-form-surface);border:1px solid var(--demo-form-line);border-radius:999px;color:var(--demo-form-ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;height:38px;padding:0 12px;transition:background-color .15s,border-color .15s}.demo-form .demo-form__slot:focus,.demo-form .demo-form__slot:hover{background-color:var(--demo-form-hover);border-color:#c9d0da;color:var(--demo-form-ink)}.demo-form .demo-form__slot[aria-pressed=true]{background-color:var(--demo-form-action);border-color:var(--demo-form-action);color:var(--demo-form-on-action)}.demo-form .demo-form__done-icon{background-color:var(--demo-form-accent);border-radius:50%;color:var(--demo-form-ink);display:grid;height:46px;margin-bottom:18px;place-items:center;width:46px}.demo-form .demo-form__done-icon svg{height:20px;width:20px}.demo-form .demo-form__done-heading{color:var(--demo-form-ink);font-family:var(--mybos-font-body);font-size:24px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:0 0 10px;text-transform:none}.demo-form .demo-form__message{color:var(--demo-form-muted);font-size:13.5px;max-width:60ch}.demo-form .demo-form__message:empty{display:none}.demo-form .demo-form__message b{color:var(--demo-form-ink);font-weight:700}.demo-form .demo-form__summary{border-top:1px solid var(--demo-form-line);margin:18px 0 20px;padding:0 12px}.demo-form .demo-form__summary-row{border-bottom:1px solid var(--demo-form-line);display:flex;font-size:13px;gap:16px;justify-content:space-between;padding:12px 0}.demo-form .demo-form__summary-term{color:var(--demo-form-faint);font-weight:400}.demo-form .demo-form__summary-value{font-weight:600;text-align:right}.demo-form .demo-form__buttons{display:flex;flex-wrap:wrap;gap:10px}.demo-form .demo-form__button{align-items:center;border:1px solid var(--demo-form-action);border-radius:100px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;height:40px;line-height:1;padding:0 18px;transition:background-color .15s,box-shadow .2s,transform .15s}.demo-form .demo-form__button svg{height:15px;width:15px}.demo-form .demo-form__button--dark{background-color:var(--demo-form-action);color:var(--demo-form-on-action)}.demo-form .demo-form__button--dark:focus,.demo-form .demo-form__button--dark:hover{background-color:var(--demo-form-action);box-shadow:0 8px 18px rgba(22,24,29,.2);color:var(--demo-form-on-action);transform:translateY(-1px)}.demo-form .demo-form__button--ghost{background-color:var(--demo-form-surface);border-color:#cfd5de;color:var(--demo-form-ink)}.demo-form .demo-form__button--ghost:focus,.demo-form .demo-form__button--ghost:hover{background-color:var(--demo-form-hover);border-color:#cfd5de;color:var(--demo-form-ink)}.demo-form .demo-form__links{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);list-style:none;margin-top:22px}.demo-form .demo-form__link{border:1px solid var(--demo-form-line);border-radius:14px;color:var(--demo-form-ink);display:block;height:100%;padding:14px 16px;text-decoration:none;transition:background-color .15s,border-color .15s}.demo-form .demo-form__link:focus,.demo-form .demo-form__link:hover{background-color:var(--demo-form-hover);border-color:#cfd5de;color:var(--demo-form-ink);text-decoration:none}.demo-form .demo-form__link-eyebrow{color:var(--demo-form-link);display:block;font-size:11.5px;font-weight:500}.demo-form .demo-form__link-title{font-size:13.5px;font-weight:700}@media (max-width:767px){.demo-form .demo-form__panel--hide-mobile{display:none}}@media (max-width:560px){.demo-form .demo-form__card{padding:22px 18px 24px}.demo-form .demo-form__panel{padding:26px 24px 28px}.demo-form .demo-form__grid,.demo-form .demo-form__links,.demo-form .demo-form__picker{grid-template-columns:minmax(0,1fr)}.demo-form .demo-form__progress{gap:6px}.demo-form .demo-form__progress-text{display:none}.demo-form .demo-form__progress-item--current .demo-form__progress-text{display:inline}}@media (min-width:768px){.demo-form{padding:5rem 1rem}}@media (prefers-reduced-motion:reduce){.demo-form .demo-form__menu,.demo-form .demo-form__step{animation:none}.demo-form .demo-form__arrow,.demo-form .demo-form__button,.demo-form .demo-form__chevron,.demo-form .demo-form__chip,.demo-form .demo-form__cta,.demo-form .demo-form__input,.demo-form .demo-form__link,.demo-form .demo-form__slot{transition:none}}