.appointments-container{display:flex;justify-content:space-around;gap:4px}.appointments-container.in-profile{justify-content:space-between}.profile-page-appointments{align-self:flex-start;position:sticky;top:var(--n-space-xxl)}.profile-page-appointments.is-loading{display:flex;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)}.profile-page-appointments.is-loading span{font-size:var(--n-font-size-m);color:var(--n-color-text-weak)}.appointment-slot-container{padding-top:8px;display:flex;flex-direction:column;gap:8px;align-items:center}.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);max-width:280px;min-height:44px;width:100%;padding:var(--n-space-s) var(--n-space-m);display:flex;align-items:center;gap:var(--n-space-m);justify-content:flex-start;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);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{display:flex;flex-direction:column;gap:2px;align-items:center;width:65px}.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);min-height:56px;border-radius:var(--n-border-radius-s);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);width:65px;height:32px;border-radius:var(--n-border-radius-s);font-size:var(--n-font-size-m)}.timeslot-button.selected,.timeslot-button:hover{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}