.appointments-container{justify-content:space-around;gap:4px;display:flex}.appointments-container.in-profile{justify-content:space-between}.profile-page-appointments{top:var(--n-space-xxl);align-self:flex-start;position:sticky}.profile-page-appointments.is-loading{justify-content:center;gap:var(--n-space-m);padding:var(--n-space-xl)var(--n-space-m);border-radius:var(--n-border-radius);box-shadow:var(--n-box-shadow-card);display:flex}.profile-page-appointments.is-loading span{font-size:var(--n-font-size-m);color:var(--n-color-text-weak)}.appointment-slot-container{flex-direction:column;align-items:center;gap:8px;padding-top:8px;display:flex}.appointment-next-date-button{--n-button-min-block-size:48px;--n-button-padding-inline:var(--n-space-m);--n-button-border-color:var(--n-color-border);width:100%;max-width:280px;min-height:44px;padding:var(--n-space-s)var(--n-space-m);align-items:center;gap:var(--n-space-m);background-color:var(--n-color-surface);border-radius:var(--n-border-radius);box-shadow:var(--n-box-shadow-card);text-align:left;font-size:var(--n-font-size-m);justify-content:flex-start;display:flex;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%,-50%)}.appointment-next-date-button:hover{background-color:var(--n-color-surface-raised)}.appointment-date-heading{flex-direction:column;align-items:center;gap:2px;width:65px;display:flex}.appointment-date-heading-title{font-weight:var(--n-font-weight-heading);font-size:var(--n-font-size-m);text-transform:capitalize}.appointment-date-heading-subtitle{color:var(--n-color-text-weak);font-size:var(--n-font-size-m)}.service-button{border:1px solid var(--n-color-surface-raised);border-radius:var(--n-border-radius-s);min-height:56px;box-shadow:var(--_n-card-box-shadow)}.service-button:hover{background-color:var(--n-color-nav-hover)}.timeslot-button{color:var(--n-color-accent);border:1px solid var(--n-color-border-info);border-radius:var(--n-border-radius-s);width:65px;height:32px;font-size:var(--n-font-size-m)}.timeslot-button:hover,.timeslot-button.selected{background-color:var(--n-color-accent);border-color:var(--n-color-accent);color:var(--n-color-text-on-accent)}.timeslot-button.disabled{border-color:var(--n-button-border-color,var(--_n-button-background-color));background-color:var(--n-button-background-color,var(--n-color-border));box-shadow:var(--n-button-box-shadow,none);color:var(--n-button-color,var(--n-color-text-weaker));opacity:.5;pointer-events:none}