.sf-demo-booking.sf-ds-surface{max-width:1048px;box-shadow:inset 0 1px 0 hsl(var(--sf-white)), 0 24px 70px -45px #48562e55, 0 0 0 1px #d8ddcd88;border-radius:28px;margin:0 auto;padding:0;position:relative;overflow:hidden}.sf-demo-booking fieldset{border:0;min-width:0;margin:0;padding:0}.sf-demo-booking legend{padding:0}.sf-demo-booking h2:focus{outline:none}.sf-demo-card-head{background:linear-gradient(100deg,#ffffff82,#edf2e263);border-bottom:1px solid #dfe2d7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding:16px 28px;display:flex}.sf-demo-session{align-items:center;gap:12px;min-width:0;display:flex}.sf-demo-session-icon{background:var(--sf-surface-selected);width:42px;height:42px;box-shadow:inset 0 1px 0 hsl(var(--sf-white)), 0 3px 7px #3345210d;color:hsl(var(--sf-ink));border:1px solid #c7d995;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.sf-demo-session strong{font:650 15px/1.3 var(--sf-font-heading);display:block}.sf-demo-session div>span{color:var(--sf-text-on-pearl);margin-top:3px;font-size:12px;display:block}.sf-demo-interest legend{color:var(--sf-text-on-pearl);margin-bottom:6px;font-size:12px;font-weight:550}.sf-demo-interest-pills{gap:7px;display:flex}.sf-demo-interest .sf-demo-choice span{white-space:nowrap;padding:0 16px}.sf-demo-choice{cursor:pointer;display:block;position:relative}.sf-demo-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sf-demo-choice span{min-height:44px;box-shadow:inset 0 1px 0 hsl(var(--sf-white)), 0 2px 2px #31451e03;color:hsl(var(--sf-ink));transition:background var(--sf-motion-fast), border-color var(--sf-motion-fast), box-shadow var(--sf-motion-fast);background:linear-gradient(145deg,#fff,#f8f9f4);border:1px solid #dce1d2;border-radius:24px;justify-content:center;align-items:center;font-size:13px;display:flex}.sf-demo-choice:hover span{border-color:#a6b18e}.sf-demo-choice input:checked+span{background:var(--sf-surface-selected);color:#26361b;border-color:#b9cc8e;font-weight:600;box-shadow:inset 0 1px #f9ffe8,0 3px 7px #536a2420}.sf-demo-choice input:focus-visible+span{outline:2px solid var(--sf-focus-light);outline-offset:3px}fieldset:disabled .sf-demo-choice,fieldset:disabled .sf-demo-choice input{cursor:not-allowed}fieldset:disabled .sf-demo-choice span{opacity:.6}.sf-demo-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.sf-demo-schedule,.sf-demo-details{min-width:0;padding:22px 28px 24px}.sf-demo-details{background:#fff5;border-left:1px solid #e0e4d7}.sf-demo-panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.sf-demo-panel-head h2{font:500 22px/1.2 var(--sf-font-heading);letter-spacing:-.03em}.sf-demo-panel-head span{color:var(--sf-text-on-pearl);font-size:12px}.sf-demo-dates legend,.sf-demo-times legend{justify-content:space-between;align-items:baseline;gap:12px;width:100%;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.sf-demo-times legend span{color:var(--sf-text-on-pearl);font-size:12px;font-weight:400}.sf-demo-date-grid{grid-template-columns:repeat(var(--sf-demo-days-wide,6), minmax(0, 1fr));max-width:calc(var(--sf-demo-days-wide,6) * 112px);gap:7px;display:grid}.sf-demo-date span{border-radius:16px;flex-direction:column;gap:3px;height:62px}.sf-demo-date small{color:var(--sf-text-on-pearl);font-size:11px}.sf-demo-date input:checked+span small{color:#33461f}.sf-demo-date b{font:550 18px/1 var(--sf-font-heading)}.sf-demo-booking .sf-demo-times{margin-top:18px}.sf-demo-time-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.sf-demo-slot-note{min-height:18px;color:var(--sf-text-on-pearl);margin-top:12px;font-size:12px}.sf-demo-slot-note.is-selected{color:hsl(var(--sf-green));font-weight:600}.sf-demo-more{background:0 0;border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:4px;font-size:13px;font-weight:550}.sf-demo-loading>p{color:var(--sf-text-on-pearl);margin-bottom:12px;font-size:13px}.sf-demo-skeleton{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.sf-demo-skeleton span{background:linear-gradient(100deg,#eef1e6 40%,#f8f9f3 50%,#eef1e6 60%) 0 0/200% 100%;border-radius:16px;height:62px;animation:1.4s linear infinite sf-demo-shimmer}.sf-demo-skeleton.is-times{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.sf-demo-skeleton.is-times span{border-radius:24px;height:44px}@keyframes sf-demo-shimmer{to{background-position:-200% 0}}.sf-demo-notice{background:#ffffffa6;border:1px solid #dce1d2;border-radius:16px;gap:8px;padding:14px 16px;font-size:14px;line-height:1.5;display:grid}.sf-demo-notice.is-error{background:hsl(var(--sf-peach));border-color:#ecd3bd;margin-top:14px}.sf-demo-notice>div{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.sf-demo-notice a{text-underline-offset:3px;align-items:center;gap:6px;min-height:44px;font-size:13px;font-weight:550;text-decoration:underline;display:inline-flex}.sf-demo-inline-action{background:var(--sf-surface-pill);min-height:44px;box-shadow:var(--sf-shadow-pill);border:1px solid #c9d3b6;border-radius:22px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:550;display:inline-flex}.sf-demo-summary{background:#eef4e2;border:1px solid #dce7c8;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding:10px 8px 10px 14px}.sf-demo-summary span{letter-spacing:1px;color:#56683f;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.sf-demo-summary strong{font:600 14px var(--sf-font-heading)}.sf-demo-summary button{text-underline-offset:3px;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 8px;font-size:13px;font-weight:550;text-decoration:underline}.sf-demo-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.sf-demo-field{min-width:0}.sf-demo-field label{color:hsl(var(--sf-ink));font-size:13px;font-weight:550;display:block}.sf-demo-field label>span{color:hsl(var(--sf-green))}.sf-demo-field label small{color:var(--sf-text-on-pearl);margin-left:5px;font-size:11px;font-weight:450}.sf-demo-field input{width:100%;height:46px;color:hsl(var(--sf-ink));font:400 16px var(--sf-font-body);transition:border-color var(--sf-motion-fast);background:#ffffffb3;border:1px solid #dbe0d1;border-radius:11px;margin-top:6px;padding:0 12px;display:block;box-shadow:inset 0 1px 2px #3f531005}.sf-demo-field input::placeholder{color:#72776a;font-size:13px}.sf-demo-field input:hover{border-color:#c4ccb4}.sf-demo-field input:focus-visible{outline:2px solid var(--sf-focus-light);outline-offset:2px;border-color:hsl(var(--sf-green))}.sf-demo-field input[aria-invalid=true]{border-color:#b5533c}.sf-demo-field-error{color:#8a2c1b;margin-top:5px;font-size:12px;line-height:1.4}.sf-demo-form-error{background:hsl(var(--sf-peach));color:hsl(var(--sf-ink));border-radius:12px;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:500}.sf-demo-submit{margin-top:18px}.sf-demo-submit .sf-ds-action,.sf-demo-booking .sf-demo-continue{border-radius:25px;justify-content:space-between;width:100%;min-height:50px;padding:0 20px;font-size:14px;font-weight:600}.sf-demo-booking .sf-ds-action-lime:disabled{opacity:1;box-shadow:inset 0 1px 0 hsl(var(--sf-white));color:#656d59;background:linear-gradient(145deg,#eff3e5,#e6ecd8);border-color:#d8dfca}.sf-demo-note{text-align:center;color:var(--sf-text-on-pearl);margin-top:10px;font-size:12px}.sf-demo-note.is-small{margin-top:4px}.sf-demo-note a{color:hsl(var(--sf-ink));text-underline-offset:3px;text-decoration:underline}.sf-demo-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sf-demo-done{text-align:center;justify-items:center;gap:12px;padding:52px 28px;display:grid}.sf-demo-done-mark{background:var(--sf-surface-selected);width:58px;height:58px;color:hsl(var(--sf-green));border-radius:50%;place-items:center;display:grid}.sf-demo-done h2{font:500 32px/1.15 var(--sf-font-heading);letter-spacing:-.04em}.sf-demo-done p{max-width:480px;font-size:15px;line-height:1.6}.sf-demo-done .sf-demo-done-small{color:var(--sf-text-on-pearl);font-size:13px}.sf-demo-stepper,.sf-demo-continue,.sf-demo-summary,.sf-demo-more{display:none}@media (min-width:901px) and (max-height:820px){.sf-demo-card-head{padding-top:11px;padding-bottom:11px}.sf-demo-schedule,.sf-demo-details{padding-top:16px;padding-bottom:16px}.sf-demo-panel-head{margin-bottom:12px}.sf-demo-date span{height:56px}.sf-demo-booking .sf-demo-times{margin-top:14px}.sf-demo-time-grid{gap:6px}.sf-demo-fields{gap:10px 12px}.sf-demo-submit{margin-top:16px}.sf-demo-note{margin-top:8px}}@media (min-width:901px) and (max-width:1100px){.sf-demo-card-head,.sf-demo-schedule,.sf-demo-details{padding-left:22px;padding-right:22px}.sf-demo-interest .sf-demo-choice span{padding:0 12px;font-size:12px}.sf-demo-time-grid{gap:6px}}@media (max-width:900px){.sf-demo-booking.sf-ds-surface{max-width:650px}.sf-demo-card-head{flex-direction:column;align-items:stretch;padding:16px 24px}.sf-demo-interest-pills{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);display:grid}.sf-demo-interest .sf-demo-choice span{white-space:normal;text-align:center;min-height:46px;padding:4px 8px;font-size:12px;line-height:1.25}.sf-demo-stepper{color:#656d59;justify-content:center;align-items:center;gap:10px;margin:0;padding:18px 24px 0;font-size:13px;list-style:none;display:flex}.sf-demo-stepper li{white-space:nowrap;align-items:center;gap:7px;display:flex}.sf-demo-stepper li+li:before{content:"";background:#d4dbc8;width:28px;height:1px;margin-right:5px}.sf-demo-stepper li>span{border:1px solid #d8dfcd;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:grid}.sf-demo-stepper li[aria-current=step]{color:hsl(var(--sf-ink));font-weight:550}.sf-demo-stepper li[aria-current=step]>span{background:var(--sf-surface-selected);border-color:#c0d398}.sf-demo-body{display:block}.sf-demo-schedule,.sf-demo-details{padding:20px 24px 24px}.sf-demo-details{background:0 0;border-left:0}.sf-demo-booking:not(.is-details) .sf-demo-details,.sf-demo-booking.is-details .sf-demo-schedule{display:none}.sf-demo-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sf-demo-time-grid:not(.is-expanded) .sf-demo-time:nth-child(n+10):not(.is-selected){display:none}.sf-demo-more{display:flex}.sf-demo-slot-note{text-align:center}.sf-demo-continue{margin-top:12px;display:flex}.sf-demo-summary{display:flex}}@media (min-width:601px) and (max-width:900px){.sf-demo-more:not(.is-over-nine){display:none}}@media (max-width:600px){.sf-demo-booking.sf-ds-surface{border-radius:23px}.sf-demo-card-head{gap:10px;padding:12px 18px}.sf-demo-interest legend{margin-bottom:5px}.sf-demo-session-icon{border-radius:12px;width:36px;height:36px}.sf-demo-session strong{font-size:14px}.sf-demo-interest-pills{gap:5px}.sf-demo-interest .sf-demo-choice span{padding:4px 5px;font-size:11.5px}.sf-demo-booking.is-details .sf-demo-card-head{display:none}.sf-demo-stepper{padding:12px 18px 0;font-size:12px}.sf-demo-stepper li+li:before{width:20px}.sf-demo-schedule,.sf-demo-details{padding:14px 18px 18px}.sf-demo-panel-head{margin-bottom:12px}.sf-demo-panel-head h2{font-size:20px}.sf-demo-dates legend,.sf-demo-times legend{margin-bottom:8px}.sf-demo-date-grid{grid-template-columns:repeat(var(--sf-demo-days-narrow,6), minmax(0, 1fr));max-width:calc(var(--sf-demo-days-narrow,6) * 80px);gap:5px}.sf-demo-date span{border-radius:12px;height:52px}.sf-demo-date b{font-size:16px}.sf-demo-booking .sf-demo-times{margin-top:12px}.sf-demo-more{margin-top:0}.sf-demo-slot-note{margin-top:2px}.sf-demo-booking .sf-demo-continue{margin-top:10px}.sf-demo-time-grid{gap:7px}.sf-demo-time span{font-size:12px}.sf-demo-time-grid:not(.is-expanded) .sf-demo-time:nth-child(n+7):not(.is-selected){display:none}.sf-demo-fields{gap:12px 10px}.sf-demo-field:nth-child(-n+2){grid-column:1/-1}.sf-demo-field label small{margin-left:3px}.sf-demo-summary{margin-bottom:16px;padding:8px 6px 8px 12px}.sf-demo-done{padding:40px 20px}.sf-demo-done h2{font-size:28px}}@media (max-width:360px){.sf-demo-interest .sf-demo-choice span{font-size:11px}.sf-demo-stepper{gap:6px;font-size:11.5px}.sf-demo-stepper li+li:before{width:12px;margin-right:2px}.sf-demo-field label small{margin:2px 0 0;display:block}}@media (prefers-reduced-motion:reduce){.sf-demo-choice span,.sf-demo-field input{transition:none}.sf-demo-skeleton span{animation:none}}@media (prefers-reduced-transparency:reduce){.sf-demo-booking.sf-ds-surface{background:hsl(var(--sf-paper));-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sf-demo-booking.sf-ds-surface{background:hsl(var(--sf-paper))}}
