.NotificationBase_container__NfADt{width:100%;display:grid;grid-template-areas:"image caption _ dots" "image content action date";background-color:var(--grey-100);padding:var(--spacingXS);border-radius:var(--borderRadiusS);grid-column-gap:var(--spacingXS);column-gap:var(--spacingXS);transition:var(--baseTransition);grid-template-columns:68px 1fr max-content max-content}.NotificationBase_container__NfADt:hover{box-shadow:var(--boxShadow);background-color:var(--white);transition:var(--baseTransition)}.NotificationBase_popup__x3sbz{grid-template-areas:"image caption dots" "image content action";grid-template-columns:68px 1fr max-content;border-radius:var(--borderRadiusS)!important}.NotificationBase_image__CrmHP{grid-area:image;width:68px;height:68px;object-fit:cover;border-radius:var(--borderRadiusXS)}.NotificationBase_dots__md2yJ{grid-area:dots;margin-left:auto;font-size:var(--fontSizeS);width:18px;height:18px}.NotificationBase_dateBox__9k260{grid-area:date;transform:translateY(4px)}.NotificationBase_deliveredIcon__0S2DA{display:flex}.NotificationBase_highlighted__ZK0K_{font-weight:var(--fontWeightBold);color:var(--tiffany-500)}.NotificationBase_closeButton__qGx6r{cursor:pointer;z-index:10;background-color:transparent;transition:var(--baseTransition)}.NotificationBase_closeButton__qGx6r:hover{transform:scale(1.3)}.NotificationBase_closeButton__qGx6r:active{transform:scale(1.1)}@media(max-width:1268px){.NotificationBase_container__NfADt{grid-template-areas:"image caption dots" "image content content" "action action action" "_ _ date";grid-template-columns:68px 1fr max-content;column-gap:8px}.NotificationBase_caption__1ug_P{padding-left:8px}.NotificationBase_content__baIvX{padding-left:8px;padding-bottom:8px}.NotificationBase_title__xbPFM{font-size:var(--fontSizeM)}.NotificationBase_dots__md2yJ{rotate:90deg}.NotificationBase_dateBox__9k260{transform:none}}.AppointmentNotification_container__80yST{width:100%;display:grid;grid-template-areas:"image caption _ dots" "image content action date";background-color:var(--grey-100);padding:var(--spacingXS);border-radius:var(--borderRadiusS);grid-column-gap:var(--spacingXS);column-gap:var(--spacingXS);transition:var(--baseTransition);grid-template-columns:68px 1fr max-content max-content}.AppointmentNotification_container__80yST:hover{background-color:var(--white);box-shadow:var(--boxShadow);transition:var(--baseTransition)}.AppointmentNotification_popup__EXbI4{grid-template-areas:"image caption dots" "image content action";grid-template-columns:68px 1fr max-content}.AppointmentNotification_image__ulIqq{grid-area:image;width:68px;height:68px;object-fit:cover;border-radius:var(--borderRadiusXS)}.AppointmentNotification_dots__6G669{grid-area:dots;margin-left:auto;font-size:var(--fontSizeS);width:18px;height:18px}.AppointmentNotification_popup__EXbI4{border-radius:var(--borderRadiusS)!important}.AppointmentNotification_caption__xjlzo{grid-area:caption;padding-bottom:6px;padding-right:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;grid-column:2/4}.AppointmentNotification_text__fMDxc{padding-right:8px}.AppointmentNotification_content__zeQiQ{grid-area:content;overflow:hidden}.AppointmentNotification_dateBox__hXqmf{grid-area:date;transform:translateY(4px)}.AppointmentNotification_deliveredIcon__UE67w{display:flex}.AppointmentNotification_highlighted__gavag{font-weight:var(--fontWeightBold);color:var(--tiffany-500)}.AppointmentNotification_description__7VeSx{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.AppointmentNotification_closeButton__llBfU{cursor:pointer;z-index:10;background-color:transparent;transition:var(--baseTransition)}.AppointmentNotification_closeButton__llBfU:hover{transform:scale(1.3)}.AppointmentNotification_closeButton__llBfU:active{transform:scale(1.1)}.AppointmentNotification_action__L_mwD{grid-area:action}.AppointmentNotification_actionButton__cOnbR{align-self:flex-end;color:var(--black-100);padding:7px 16px!important;font-size:14px;border-radius:var(--borderRadiusS)!important;font-weight:700}@media(max-width:1268px){.AppointmentNotification_container__80yST{grid-template-areas:"image caption dots" "image content content" "action action action" "_ _ date";grid-template-columns:68px 1fr max-content;column-gap:8px}.AppointmentNotification_description__7VeSx{display:block;padding-block:6px}.AppointmentNotification_caption__xjlzo{padding-left:8px}.AppointmentNotification_content__zeQiQ{padding-left:8px;padding-bottom:8px}.AppointmentNotification_title__3btXq{font-size:var(--fontSizeM)}.AppointmentNotification_dots__6G669{rotate:90deg}.AppointmentNotification_dateBox__hXqmf{transform:none}.AppointmentNotification_action__L_mwD{margin-block:16px 12px}}.AppointmentCancellationModal_container__J4Pjw{overflow:hidden}.AppointmentCancellationModal_container__J4Pjw:before{content:"";position:absolute;width:462px;height:462px;border-radius:50%;top:8%;left:-16%;background-color:var(--grey-100)}.AppointmentCancellationModal_wrapper__YeW9m{overflow:hidden;position:relative;max-width:566px;padding:32px}.AppointmentCancellationModal_image__kGXOD{margin:30px 0 0}.AppointmentCancellationModal_description__iFYlJ{font-size:var(--fontSizeM2);color:var(--dark-grey-500);text-align:center;line-height:26px}.AppointmentCancellationModal_button__mG7qq{padding-inline:32px!important;font-weight:var(--fontWeightBold)}@media(max-width:768px){.AppointmentCancellationModal_container__J4Pjw:before{width:330px;height:330px}.AppointmentCancellationModal_wrapper__YeW9m{padding:24px 4px 4px;gap:24px}.AppointmentCancellationModal_title__CJ6sz{font-size:var(--fontSizeL)}.AppointmentCancellationModal_bold__TAJz6,.AppointmentCancellationModal_description__iFYlJ{font-size:var(--fontSizeM)}.AppointmentCancellationModal_button__mG7qq{height:40px!important;padding-inline:24px!important}.AppointmentCancellationModal_button__mG7qq span{display:none}}