:root{--bp-widget-radius:16px}.appointments{text-align:left;width:100%;color:var(--n-color-text);background-color:var(--n-color-surface);gap:var(--n-space-m);display:flex;position:relative}.appointments.loading-state{opacity:.7;cursor:wait}.appointments.loading-state>*{pointer-events:none}.appointments .therapist-profile-modal{position:relative}.appointments .therapist-profile-modal .close-button{--n-button-border-radius:var(--n-border-radius-pill);z-index:calc(var(--n-index-modal) + 1);position:absolute;top:12px;right:24px}.appointments .therapist-profile-modal .therapist-profile-page .therapist-profile-page-wrapper .profile-page{max-width:none}.appointments .filters-on-the-side{padding-top:var(--n-space-l);align-self:flex-start;gap:var(--n-space-m);z-index:100;flex-direction:column;max-width:300px;display:flex;position:sticky;top:0}.appointments .filters-on-the-side nord-calendar{--n-calendar-box-shadow:none;border:1px solid var(--n-color-border);--_n-calendar-border-radius:16px;border-radius:16px;margin-inline:auto}.appointments .filters-on-the-side .bp-filter-button{--_n-button-border-radius:var(--n-border-radius-pill);--_n-button-border-color:var(--n-color-border);--_n-button-background-color:transparent}.appointments .filters-on-the-side .bp-filter-button label{text-align:left}.appointments .filters-on-the-side .dropdown-search{border-bottom:1px solid var(--n-color-border);min-width:300px;padding:var(--n-space-s);margin-bottom:var(--n-space-s)}.appointments .filters-on-the-side .dropdown-filter-list{max-height:296px;margin:0;padding:0;list-style:none;overflow-y:auto}.appointments .filters-on-the-side .dropdown-filter-list .dropdown-filter-item{padding-block:var(--n-space-s);padding-inline:var(--n-space-m);border-radius:var(--n-border-radius);justify-content:space-between;align-items:center;gap:var(--n-space-s);display:flex}.appointments .filters-on-the-side .dropdown-filter-list .dropdown-filter-item:hover{background-color:var(--n-color-button-hover)}.appointments .filters-on-the-side .dropdown-filter-list .dropdown-filter-item:last-child{margin-bottom:var(--n-space-s)}.appointments .filters-on-the-side .dropdown-filter-list .dropdown-filter-item.active{background-color:var(--n-color-accent);color:var(--n-color-text-on-accent)}.appointments .filters-on-the-side .bp-filter-button.active{--_n-button-color:var(--n-color-accent);--_n-button-border-color:var(--n-color-accent);--_n-button-background-color:var(--n-color-status-info-weak)}.appointments .filters-on-the-side .clear-filters-button{--_n-button-border-radius:var(--n-border-radius-pill)}.appointments .filters-on-the-side .clinic-appointment-filters{margin-bottom:0}.appointments .filters-on-the-side .clinic-appointment-filters .clinic-filters{width:100%}.appointments .filters-on-the-side .clinic-appointment-filters .clinic-filters .filter-button.active{--_n-button-border-color:var(--n-color-accent);--_n-button-background-color:var(--n-color-status-info-weak)}.appointments .filters-on-the-side nord-button[aria-controls=clinic-service-popup]{--_n-button-border-color:var(--n-color-accent);--_n-button-color:var(--n-color-accent)}.appointments .filters-on-the-side nord-button[aria-controls=clinic-service-popup] div{text-align:left}.appointments .filters-on-the-side nord-button[aria-controls=clinic-service-popup] nord-icon[name=interface-star]{color:var(--n-color-accent)}.appointments .content{padding-inline:var(--n-space-m);width:100%;position:relative}.appointments .content .bp-widget-loading,.appointments .content .bp-no-results,.appointments .content .bp-timeslot-list,.appointments .content .bp-widget-list-header{padding:var(--n-space-l)}.appointments .content .bp-widget-loading{justify-content:center;align-items:center;height:80%;display:flex}.appointments .content .bp-no-results{flex-direction:column;justify-content:center;align-items:center;height:80%;display:flex}.appointments .content .bp-no-results h2{text-align:center;margin-bottom:var(--n-space-m);font-size:1.5em}.appointments .content .bp-no-results p{margin-bottom:var(--n-space-l)}.appointments .content .timeslots-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.appointments .appointment-filters{width:calc(300px + calc(var(--n-space-m)*2));gap:var(--n-space-m);border:1px solid var(--n-color-border);background-color:var(--n-color-surface);border-radius:var(--bp-widget-radius);border-bottom-left-radius:var(--bp-widget-radius);padding:var(--n-space-m);flex-direction:column;align-self:flex-start;display:flex;top:0}.appointments .bp-widget-content{background-color:var(--n-color-surface-raised);border-top-right-radius:var(--bp-widget-radius);border-bottom-right-radius:var(--bp-widget-radius);z-index:1;flex:1;height:748px;position:relative;overflow-y:auto}.appointments .bp-widget-content .bp-sidebar-overlay{z-index:10;display:block;position:absolute;inset:0}.appointments .bp-widget-content .bp-timeslot-list{gap:var(--n-space-s);flex-direction:column;margin-top:2px;padding-top:0;list-style:none;display:flex}.appointments .bp-widget-content .bp-widget-list-header{gap:var(--n-space-s);background-color:var(--n-color-background);z-index:5;padding-bottom:calc(var(--n-space-l) - 2px);justify-content:flex-start;align-items:center;display:flex;position:sticky;top:0}.appointments .bp-widget-content .bp-widget-list-header strong{font-size:var(--n-font-size-l);font-weight:var(--n-font-weight-heading);flex:1}.appointments .bp-widget-content .bp-widget-list-header nord-button{--_n-button-background-color:var(--n-color-background)}@media (hover){.appointments .bp-widget-content .bp-widget-list-header nord-button:hover{--n-color-button-hover:var(--n-color-surface-lowered)!important}}.appointments .bp-widget-content .bp-widget-list-header .bp-widget-list-results{font-size:var(--n-font-size-m);color:var(--n-color-text-weaker);text-align:right}.appointments h3{font-weight:var(--n-font-weight-heading);font-size:var(--n-font-size-l)}.appointments .bp-confirm-modal-footer{font-size:var(--n-font-size-m);text-align:center;align-items:center;gap:var(--n-space-m);color:var(--n-color-text-weak);flex-direction:column;display:flex}.appointments .bp-confirm-modal-footer p{width:100%;max-width:498px;margin:auto}.appointments .bp-confirm-modal-content{text-align:center;padding:18px;display:block}.appointments .bp-confirm-modal-content ul{gap:var(--n-space-l);flex-direction:column;list-style:none;display:flex}.appointments .bp-confirm-modal-content ul li{gap:var(--n-space-m);grid-template-columns:32px 1fr;align-items:baseline;display:grid}.appointments .bp-confirm-modal-content ul li:first-of-type{align-items:center}.appointments .bp-confirm-modal-content ul li>span{font-size:var(--n-font-size-m);color:var(--n-color-text-weaker)}.appointments .bp-confirm-modal-content ul li div,.appointments .bp-confirm-modal-content ul li p,.appointments .bp-confirm-modal-content ul li span,.appointments .bp-confirm-modal-content ul li strong{text-align:left}.appointments .bp-confirm-modal-content ul li p{color:var(--n-color-text-weak);margin-top:4px;font-size:.9rem}.appointments .bp-confirm-modal-content ul li strong{font-weight:var(--n-font-weight-active);font-size:1.15rem}.appointments .bp-widget-service-category{margin-bottom:var(--n-space-l)}.appointments .bp-widget-service-category .category-title{margin-bottom:var(--n-space-s);font-size:var(--n-font-size-l);display:block}.appointments .bp-widget-service-category:last-of-type{margin-bottom:0}.bp-widget-treatment-button{text-align:left;width:100%;padding-inline:var(--n-space-l);padding-block:var(--n-space-m);background-color:var(--n-color-surface);transition:var(--n-transition);justify-content:space-between;align-items:center;gap:var(--n-space-m);display:flex;position:relative}.bp-widget-treatment-button p{margin-top:var(--n-space-xs);margin-bottom:var(--n-space-s);font-size:var(--n-font-size-m);color:var(--n-color-text-weak);display:block}.bp-widget-treatment-button .treatment-title{font-weight:var(--n-font-weight-active);gap:var(--n-space-s);align-items:center;display:flex}.bp-widget-treatment-button .treatment-title strong{font-size:var(--n-font-size-l);font-weight:var(--n-font-weight-active);color:var(--n-color-text);pointer-events:none;display:block}.bp-widget-treatment-button .treatment-description{color:var(--n-color-text-weak);font-size:var(--n-font-size-s)}.bp-widget-treatment-button .treatment-meta{gap:var(--n-space-s);flex-wrap:wrap;display:flex}.bp-widget-treatment-button .treatment-meta:not(:empty){margin-top:6px}.bp-confirm-modal-content{padding:0}.bp-confirm-modal-content ul{gap:var(--n-space-m)}.bp-confirm-modal-content ul li{gap:var(--n-space-s)}.bp-confirm-modal-content ul li strong{font-size:var(--n-font-size-m)}.bp-confirm-modal-content ul li p{font-size:var(--n-font-size-s)}.bp-confirm-modal-content ul li>.bp-icon{transform:translateY(2px)}.timeslot-item{background-color:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-border-radius);width:100%;transition:var(--n-transition-slowly);grid-template-columns:116px 1fr;gap:0;display:grid;position:relative;text-decoration:none!important}.timeslot-item:focus-visible{border-color:var(--n-color-accent)}.timeslot-item:focus-visible .timeslot-arrow{opacity:1;transform:translate(-8px,-50%)}.timeslot-item .timeslot-info{justify-content:center;align-items:center;gap:var(--n-space-xs);padding:var(--n-space-l)var(--n-space-s);border-right:1px solid var(--n-color-border);flex-direction:column;height:100%;display:flex}.timeslot-item .timeslot-info strong{width:80px;height:30px;color:var(--n-color-accent);background-color:var(--n-color-status-info-weak);border-radius:999px;justify-content:center;align-items:center;font-size:18px;display:flex}.timeslot-item .timeslot-info span{font-size:var(--n-font-size-s);color:var(--n-color-text-weak);text-align:center;width:100%;display:block}.timeslot-therapist{justify-content:space-between;gap:var(--n-space-m);padding:var(--n-space-m);flex:1;align-items:center;display:flex}.timeslot-therapist .therapist-about{gap:var(--n-space-m);align-items:center;display:flex}.timeslot-therapist .therapist-pfp{border-radius:var(--n-border-radius-pill);background-color:var(--n-color-surface-lowered);width:60px;min-width:60px;height:60px;min-height:60px;position:relative;overflow:hidden}.timeslot-therapist .therapist-pfp.no-pfp{border:1px solid var(--n-color-border)}.timeslot-therapist .therapist-pfp .bp-icon{color:var(--n-color-text);position:absolute;top:50%;left:calc(50% + 1px);transform:translate(-50%,-50%)}.timeslot-therapist .therapist-pfp img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;inset:0}.timeslot-therapist .therapist-info{text-align:left}.timeslot-therapist .therapist-info .therapist-name{padding-top:var(--n-space-xs);display:block}.timeslot-therapist .therapist-info h3.therapist-name-button button{vertical-align:middle;margin-left:var(--n-space-xs);display:inline-flex}.timeslot-therapist .therapist-info nord-button{--_n-button-padding-block:0px;--_n-button-padding-inline:0px}.timeslot-therapist .therapist-info p{color:var(--n-color-text-weaker);font-size:var(--n-font-size-m);word-wrap:break-word}.timeslot-therapist .therapist-info div{align-items:center;gap:var(--n-space-xs);padding-top:var(--n-space-xs);display:flex}.timeslot-therapist .timeslot-action-buttons{gap:var(--n-space-m);flex-direction:row-reverse;display:flex}.date-switcher-wrapper{width:100%;padding-inline:var(--n-space-m);justify-content:space-between;align-items:center;display:flex}.date-switcher-wrapper .date-switcher{align-items:center;gap:var(--n-space-s);display:flex}.date-switcher-wrapper .date-switcher .date-switcher-button-desktop{display:block}.date-switcher-wrapper .date-switcher .date-switcher-button-mobile{display:none}.date-switcher-wrapper .date-switcher div{align-items:center;gap:var(--n-space-s);font-size:var(--n-font-size-l);display:flex}@media screen and (max-width:1023px){.filter-drawer-header{padding-left:var(--n-space-m);padding-right:var(--n-space-s);padding-top:var(--n-space-m);width:100%}.bp-filter-button.is-loading{opacity:.5;pointer-events:none}.dropdown-search{border-bottom:1px solid var(--n-color-border);padding-inline:var(--n-space-m);padding-block:var(--n-space-s);padding-bottom:var(--n-space-m)}.dropdown-filter-list{padding-top:var(--n-space-s);margin:0;list-style:none;overflow-y:auto}.dropdown-filter-list .dropdown-filter-item{padding-block:var(--n-space-s);padding-inline:var(--n-space-m);border-radius:var(--n-border-radius);justify-content:space-between;align-items:center;gap:var(--n-space-s);display:flex}.dropdown-filter-list .dropdown-filter-item:last-child{margin-bottom:var(--n-space-s)}.dropdown-filter-list .dropdown-filter-item.active{background-color:var(--n-color-accent);color:var(--n-color-text-on-accent)}.appointments{flex-direction:column}.appointments .content{padding-inline:0}.appointments .date-switcher-wrapper .date-switcher .date-switcher-button-desktop{display:none}.appointments .date-switcher-wrapper .date-switcher .date-switcher-button-mobile{display:block}.appointments .date-switcher-wrapper .date-switcher div{gap:var(--n-space-xs);font-size:var(--n-font-size-m);flex-direction:column}.appointments .filters-on-the-side{display:none}.appointments .dropdown-search{min-width:100%}.drawer-header{padding-block:var(--n-space-m);padding-inline:var(--n-space-l);border-bottom:1px solid var(--n-color-border);justify-content:space-between;align-items:center;width:100%;display:flex}.drawer-filters{gap:var(--n-space-m);max-width:1000px;padding-inline:var(--n-space-l);padding-bottom:var(--n-space-l);flex-direction:column;align-self:stretch;display:flex}.drawer-filters .bp-filter-button{--_n-button-border-radius:var(--n-border-radius-pill)}.drawer-filters .bp-filter-button label{text-align:left}.drawer-filters .bp-filter-button.active{--_n-button-color:var(--n-color-accent);--_n-button-border-color:var(--n-color-accent);--_n-button-background-color:var(--n-color-status-info-weak)}.drawer-filters .dropdown-search{border-bottom:1px solid var(--n-color-border);padding-bottom:var(--n-space-s);padding-inline:var(--n-space-s);margin-bottom:var(--n-space-s)}.drawer-filters .clear-filters-button{--_n-button-border-radius:var(--n-border-radius-pill)}.drawer-filters nord-button[aria-controls=clinic-service-popup]{--_n-button-border-color:var(--n-color-accent);--_n-button-color:var(--n-color-accent)}.drawer-filters nord-button[aria-controls=clinic-service-popup] nord-icon[name=interface-star]{color:var(--n-color-accent)}.timeslot-item{grid-template-columns:96px 1fr;padding-right:0}.timeslot-item .timeslot-info strong{width:78px;height:30px;font-size:16px}.timeslot-item .timeslot-info span{font-size:var(--n-font-size-xs)}.timeslot-therapist{gap:var(--n-space-s)}.timeslot-therapist .therapist-pfp{border-radius:var(--n-border-radius-pill);background-color:var(--n-color-surface-lowered);width:46px;min-width:46px;height:46px;min-height:46px;position:relative;overflow:hidden}.timeslot-therapist .therapist-info h3{font-size:var(--n-font-size-l)}.timeslot-therapist .therapist-info p,.timeslot-therapist .therapist-info div{font-size:var(--n-font-size-s)}.timeslot-therapist .timeslot-action-buttons{flex-direction:column;width:100%}}@media screen and (max-width:500px){.appointments .therapist-profile-modal .close-button{top:12px;right:12px}.appointments .date-switcher-wrapper .date-switcher{gap:var(--n-space-xs)}.appointments .date-switcher-wrapper .date-switcher div,.appointments .timeslot-therapist .therapist-info .therapist-name h3{font-size:var(--n-font-size-m)}.appointments .timeslot-therapist .therapist-info p{font-size:12px}}@media screen and (max-width:390px){.appointments .content .bp-no-results h2{font-size:var(--n-font-size-m)}.appointments .content .bp-no-results p{font-family:12px}.appointments .date-switcher-wrapper .date-switcher{gap:0}.appointments .date-switcher-wrapper .date-switcher div{font-size:12px}.appointments .date-switcher-wrapper .filter-overlay-button{--_n-button-font-size:11px}.appointments .timeslot-item{grid-template-columns:70px 1fr}.appointments .timeslot-item .timeslot-info strong{width:60px;height:22px;font-size:12px}.appointments .timeslot-item .timeslot-info span{font-size:10px}.appointments .timeslot-item .timeslot-therapist .therapist-about{gap:var(--n-space-s)}.appointments .timeslot-item .timeslot-therapist .therapist-about .therapist-pfp{width:34px;min-width:34px;height:34px;min-height:34px}.appointments .timeslot-item .timeslot-therapist .therapist-about .therapist-info .therapist-name h3{font-size:var(--n-font-size-m)}.appointments .timeslot-item .timeslot-therapist .therapist-about .therapist-info p{font-size:12px}.time-range-filter{justify-content:start;gap:var(--n-space-s);flex-wrap:wrap}.bp-widget-treatment-button .treatment-content{overflow-wrap:break-word;max-width:180px}}@media screen and (max-width:370px){.bp-widget-treatment-button .treatment-content{overflow-wrap:break-word;max-width:150px}}@media screen and (max-width:340px){.appointments .timeslot-item nord-icon[name=arrow-right]{display:none}.bp-widget-treatment-button .treatment-content{overflow-wrap:break-word;max-width:110px}}@media screen and (max-width:320px){.appointments .content .timeslot-item{grid-template-columns:64px 1fr}.appointments .content .timeslot-item .timeslot-info strong{width:60px;height:22px;font-size:12px}.appointments .content .timeslot-item .timeslot-info span{font-size:10px}.appointments .content .timeslot-item .timeslot-therapist .therapist-about .therapist-pfp{width:32px;min-width:32px;height:32px;min-height:32px}}@keyframes bounce{0%,to{transform:translate(0)}30%{transform:translateY(-10px)}50%{transform:translate(0)}70%{transform:translateY(-5px)}}
