.appt{width:min(100%,76rem);max-width:none;height:min(100dvh,52rem);max-height:100dvh;padding:0;border:0;background-color:var(--hs-white);color:var(--hs-ink);overflow:hidden}.appt[open]{display:flex;flex-direction:column}@media screen and (max-width:63.99rem){.appt{width:100%;height:100dvh;margin:0}}.appt::backdrop,.appt-quit::backdrop{background-color:var(--hs-overlay-strong)}@media(prefers-reduced-motion:no-preference){.appt[open]{animation:appt-in var(--dur-panel) var(--ease)}@keyframes appt-in{0%{opacity:0;transform:translateY(1rem)}}}.appt__bar{display:grid;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:var(--space-xs);flex:none;padding:var(--space-xs) var(--space-sm);background-color:var(--hs-forest);color:var(--hs-white)}.appt__bar .button-icon{color:inherit}.appt__back[hidden]{display:block;visibility:hidden}.appt__heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--space-3xs) var(--space-sm);margin:0;text-align:center}.appt__brand{font-family:var(--font-display);font-size:var(--text-h4)}.appt__count{color:inherit;opacity:.78}.appt__form{display:flex;flex:1;flex-direction:column;min-height:0;margin:0}.appt__viewport{position:relative;flex:1;min-height:0;overflow:clip}.appt__track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform var(--dur-panel) var(--ease)}.appt__panel{flex:none;width:100%;height:100%;transition:opacity var(--dur-mid) var(--ease-soft)}@media screen and (min-width:64rem){.appt__panel{width:50%}.appt__panel+.appt__panel{border-inline-start:var(--hairline) solid var(--hs-hairline)}}.appt__panel[data-state=previous]{opacity:.5}.appt__panel[data-state=away]{opacity:0}.appt__panel--intro{background-color:var(--hs-mist)}.appt__panel--intro[data-state=previous]{opacity:1}.appt__inner{height:100%;padding:var(--space-xl) var(--gutter);overflow-y:auto;overscroll-behavior:contain}@media screen and (min-width:64rem){.appt__inner{padding:var(--space-2xl) clamp(2rem,4vw,4rem)}}.appt__inner>*+*{margin-block-start:var(--space-md)}.appt__title{margin:var(--space-xs) 0 0}.appt__step-title{margin:0;font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-display);line-height:var(--leading-heading)}.appt__step-title:focus{outline:none}.appt__small{margin-block-start:var(--space-2xs);font-size:var(--text-sm);color:var(--hs-text-muted)}.appt__lead{font-size:var(--text-body-lg);color:var(--hs-text-muted)}.appt__how{display:grid;gap:var(--space-sm);margin-block-start:var(--space-lg);padding:0;list-style:none;font-size:var(--text-body-lg)}.appt__how li{display:flex;gap:var(--space-sm);align-items:baseline}.appt__how .numeric{flex:none;width:1.5rem;font-family:var(--font-display);color:var(--hs-text-muted)}.appt__choices,.appt__group{margin-inline:0;padding:0;border:0}.appt__choices{display:grid;gap:var(--space-2xs)}.appt__choice-body{display:grid;gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);box-shadow:inset 0 0 0 var(--hairline) var(--hs-hairline);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft)}.appt__choice-title{font-size:var(--text-body-lg)}.appt__choice-text{font-size:var(--text-sm);color:var(--hs-text-muted)}.appt__choice:hover .appt__choice-body{box-shadow:inset 0 0 0 var(--hairline) var(--hs-ink)}.appt__choice input:checked+.appt__choice-body{background-color:var(--hs-mist);box-shadow:inset 0 0 0 2px var(--hs-ink)}.appt__choice input:focus-visible+.appt__choice-body,.appt__pill input:focus-visible+span{outline:2px solid var(--hs-emerald);outline-offset:2px}.appt__checks{display:grid;gap:0;margin-block-start:var(--space-2xs)}@media screen and (min-width:30rem){.appt__checks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-md)}}.appt__check{display:flex;align-items:flex-start;gap:var(--space-xs);min-height:2.75rem;padding-block:var(--space-2xs);font-size:var(--text-body);cursor:pointer}.appt__check input{flex:none;width:1.125rem;height:1.125rem;margin:.2rem 0 0;accent-color:var(--hs-forest)}.appt__check--boxed{padding:var(--space-sm);box-shadow:inset 0 0 0 var(--hairline) var(--hs-hairline);font-size:var(--text-sm)}.appt__pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block-start:var(--space-2xs)}.appt__pill span{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:2.75rem;padding-inline:var(--space-md);box-shadow:inset 0 0 0 var(--hairline) var(--hs-hairline);font-size:var(--text-sm);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.appt__pill strong{font-weight:var(--weight-medium)}.appt__pill:hover span{box-shadow:inset 0 0 0 var(--hairline) var(--hs-ink)}.appt__pill input:checked+span{background-color:var(--hs-ink);box-shadow:none;color:var(--hs-white)}.appt__textarea{min-height:5.5rem;padding-block:var(--space-xs);resize:vertical}.appt__two{display:grid;gap:var(--space-md)}@media screen and (min-width:30rem){.appt__two{grid-template-columns:repeat(2,minmax(0,1fr))}}.appt__cal-head{display:flex;align-items:center;justify-content:space-between}.appt__cal-month{margin:0;font-size:var(--text-body-lg)}.appt__cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-3xs);margin-block-start:var(--space-2xs)}.appt__cal-dow{padding-block:var(--space-2xs);font-size:var(--text-xs);text-align:center;color:var(--hs-text-muted)}.appt__cal-day{height:2.75rem;padding:0;border:0;background:none;box-shadow:inset 0 0 0 var(--hairline) var(--hs-hairline);color:var(--hs-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.appt__cal-day:hover:not(:disabled){box-shadow:inset 0 0 0 var(--hairline) var(--hs-ink)}.appt__cal-day:disabled{background-color:var(--hs-mist);box-shadow:none;color:var(--hs-sage-400);cursor:not-allowed}.appt__cal-day[aria-pressed=true]{background-color:var(--hs-ink);box-shadow:none;color:var(--hs-white)}.appt__cal-head .button-icon:disabled{opacity:.3;cursor:not-allowed}.appt__review{display:grid;grid-template-columns:minmax(6rem,auto) minmax(0,1fr);margin-block:var(--space-md);border-block-start:var(--hairline) solid var(--hs-hairline)}.appt__review dt,.appt__review dd{margin:0;padding-block:var(--space-xs);border-block-end:var(--hairline) solid var(--hs-hairline)}.appt__review dt{padding-inline-end:var(--space-md);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--hs-text-muted);line-height:1.9}.appt__review dd{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);overflow-wrap:anywhere}.appt__edit{flex:none;padding:0;border:0;background:none;color:var(--hs-text-muted);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}.appt__edit:hover{color:var(--hs-ink)}.appt__foot{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-xs) var(--space-md);padding:var(--space-sm) var(--gutter);padding-block-end:max(var(--space-sm),env(safe-area-inset-bottom));border-block-start:var(--hairline) solid var(--hs-hairline);background-color:var(--hs-white)}.appt__error{flex:1 1 14rem;margin:0}.appt__error[hidden]{display:none}.appt__next{flex:1 1 100%}@media screen and (min-width:64rem){.appt__foot{padding-inline:clamp(2rem,4vw,4rem)}.appt__next{flex:0 0 calc(50% - clamp(2rem,4vw,4rem))}}.appt[data-done] .appt__track{transform:none!important}.appt[data-done] .appt__panel:not(.appt__panel--done){display:none}.appt__panel--done{width:100%;text-align:center}.appt__panel--done .appt__inner{display:grid;align-content:center;justify-items:center;gap:var(--space-sm)}.appt__panel--done[hidden]{display:none}.appt-quit{width:min(calc(100% - 2rem),30rem);padding:var(--space-xl) var(--space-lg);border:0;background-color:var(--hs-white);color:var(--hs-ink);text-align:center}.appt-quit p{margin-block:var(--space-sm) var(--space-lg);color:var(--hs-text-muted)}.appt-quit__actions{display:grid;gap:var(--space-2xs)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hs-appointment.css.map */