@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap);
:root{--bli--global--color-background: #efefef;--bli--global--color-surface: #b6c5c8;--bli--global--color-trim: #b6c5c8;--bli--global--color-primary: #e9e2dc;--bli--global--color-primary-lightness: black -60%;--bli--global--color-secondary: #bfb0b1;--bli--global--color-secondary-lightness: black -60%;--bli--global--color-text: #000000;--bli--global--color-bg: var(--bli--global--color-background);--bli--global--color-bg-surface: var(--bli--global--color-surface);--bli--global--color-bg-primary: color-mix(in srgb, var(--bli--global--color-primary), var(--bli--global--color-bg-surface) 10%);--bli--global--color-bg-secondary: color-mix(in srgb, var(--bli--global--color-secondary), var(--bli--global--color-bg-surface) 10%);--bli--global--color-border: var(--bli--global--color-trim);--bli--global--color-border-primary: color-mix( in srgb, color-mix( in srgb, var(--bli--global--color-primary), var(--bli--global--color-trim) 30% ) 60%, color-mix( in srgb, var(--bli--global--color-primary-lightness), black 10% ) );--bli--global--color-border-secondary: color-mix( in srgb, color-mix( in srgb, var(--bli--global--color-secondary), var(--bli--global--color-trim) 30% ) 60%, color-mix( in srgb, var(--bli--global--color-secondary-lightness), black 10% ) );--bli--global--color-text-muted: color-mix(in srgb, var(--bli--global--color-text) 40%, white);--bli--global--color-text-disabled: color-mix(in srgb, var(--bli--global--color-text) 40%, var(--bli--global--color-bg));--bli--global--color-text-primary: color-mix( in srgb, color-mix( in srgb, var(--bli--global--color-primary) 20%, var(--bli--global--color-text) 80% ), var(--bli--global--color-primary-lightness) );--bli--global--color-text-secondary: color-mix( in srgb, color-mix( in srgb, var(--bli--global--color-secondary) 20%, var(--bli--global--color-text) 80% ), var(--bli--global--color-secondary-lightness) );--bli--global--color-success: #10b981;--bli--global--color-warning: #f59e0b;--bli--global--color-error: #ef4444;--bli--global--color-info: #3b82f6}body{line-height:1.5}.bli-app{background-color:var(--bli--global--color-bg);color:var(--bli--global--color-text)}.bli-app .bli-appointment-form-app p{margin-bottom:0}.bli-app *{font-family:"Raleway",sans-serif;font-weight:400}.bli-app p{font-size:15px}.bli-app .brida-subtitle{padding:5px;font-weight:bold;text-align:center;color:var(--bli--global--color-text-primary);background-color:var(--bli--global--color-bg-primary)}.bli-app .disabled{color:var(--bli--global--color-text-disabled)}.bli-app .error-message{color:var(--bli--global--color-error)}.bli-app .brida-error{color:var(--bli--global--color-error)}.bli-app .text-required{color:var(--bli--global--color-error)}.bli-app .error-input{display:block;font-size:12px;color:var(--bli--global--color-error)}.bli-app .brida-wizard p{font-size:12px}.bli-app .brida-wizard h4{font-size:23px}.bli-app .bli-appointment-details-form label,.bli-app .bli-appointment-payment-form label{font-weight:bolder}.bli-app .bli-form-fields .row>.bli-form-field{display:flex;flex-direction:column}.bli-app .bli-form-fields .row>.bli-form-field>label,.bli-app .bli-form-fields .row>.bli-form-field>strong{flex-grow:1}.bli-app .row>.bli-form-field{display:flex;flex-direction:column}.bli-app .row>.bli-form-field>label,.bli-app .row>.bli-form-field>strong{flex-grow:1}.bli-app .bli-appointment-details-form .row>.bli-form-field,.bli-app .bli-appointment-payment-form .bli-appointment-bl-pay .row>.bli-form-field{margin-bottom:1rem}.bli-app .bl-logo{display:block;width:100%;max-width:700px;max-height:350px;margin:auto}.bli-app .bl-featured-img{display:block;width:auto;max-width:100%;max-height:350px;margin:auto}@media(max-width: 767px){.bli-app .brida-wrapper h2{font-size:large}.bli-app .brida-wrapper h4{font-size:17px}.bli-app h5.brida-subtitle{font-size:15px}.bli-app .brida-wrapper img{max-width:100%}}@media(max-width: 575px){.bli-app img.bl-logo{display:none}.bli-app img.bl-featured-img{display:none}}.bli-app .brida-wrapper{padding:0}.bli-app div.pay-pristine,.bli-app .pay-invalid,.bli-app .pay-dirty{height:30px;padding:5px;border:1px solid #ced4da}.bli-app .pay-pristine input{padding:5px}.bli-app .bli-appointment-wizard{padding-bottom:1.5rem}.bli-app .btn-special{letter-spacing:4px;text-transform:uppercase;color:var(--bli--global--color-text-primary);background-color:var(--bli--global--color-bg-primary);border-color:var(--bli--global--color-border-primary)}.bli-app .btn-special:hover,.bli-app .btn-special:focus-visible{border:none;background-color:var(--bli--global--color-bg-primary);border-color:var(--bli--global--color-border-primary);opacity:.8}.bli-app .btn-back{letter-spacing:4px;text-transform:uppercase;color:var(--bli--global--color-text-secondary);background-color:var(--bli--global--color-bg-secondary);border-color:var(--bli--global--color-border-secondary)}.bli-app .btn-back:hover,.bli-app .btn-back:focus-visible{border:none;background-color:var(--bli--global--color-bg-secondary);border-color:var(--bli--global--color-border-secondary);opacity:.8}.bli-app .btn:disabled,.bli-app .btn-disabled,.bli-app .btn-disabled:hover{opacity:.25}.bli-app .bli-form-buttons-container{display:flex;flex-wrap:wrap;gap:6px 9px;margin-right:.75rem;margin-left:.75rem}.bli-app .bli-appointment-types .bli-form-buttons-container,.bli-app .bli-appointment-process .bli-form-buttons-container,.bli-app .bli-appointment-details-form .bli-form-buttons-container{margin-top:3.75rem}.bli-app .bli-appointment-payment-form .bli-appointment-bl-pay .bli-form-buttons-container{margin-top:1.875rem}@media(min-width: 576px){.bli-app .btn-special,.bli-app .btn-back{padding:15px}}.bli-app .brida-wrapper .brida-card{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin-bottom:8px;padding:20px;border:none;background-color:#fff}.bli-app .brida-card{margin-bottom:0}@media(max-width: 545px){.bli-app .brida-wrapper .brida-card{padding:0}}@media(max-width: 767px){.bli-app .brida-card{padding:2px}}.bli-app .bli-signature-pad-container{display:flex;align-items:center;justify-content:center}.bli-app .bli-signature-pad-container>div{display:flex;flex-direction:column;align-items:flex-end}.bli-app .signature-pad{display:block;position:relative;border:1px solid var(--bli--global--color-primary);border-radius:3px;cursor:crosshair;user-select:none}.bli-app button.btn.btn-clear-signature{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:baseline;width:fit-content;min-width:2rem;height:auto;margin-top:4px;padding:0px;padding-inline-start:.75rem;padding-inline-end:.75rem;font-size:.875rem;font-weight:600;line-height:normal;white-space:nowrap;color:var(--bli--global--color-text-secondary);border-radius:.375rem;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;transition-duration:200ms;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;appearance:none;user-select:none;-webkit-box-align:center;-webkit-box-pack:center}.bli-app button.btn.btn-clear-signature:hover{text-decoration:underline;background-color:unset;border-color:unset;border-style:none;text-shadow:0 0 9px color-mix(in srgb, var(--bli--global--color-text-secondary), transparent 60%)}.bli-app button.btn.btn-clear-signature:focus{background-color:unset;border-color:unset;border-style:none;outline:none}.bli-app .bli-appointment-wizard nav ol{margin:0;padding:0;list-style-type:none}.bli-app .bli-appointment-wizard nav ol li{margin-bottom:.125rem;padding:5px 30px 5px 1.5rem}.bli-app .bli-appointment-wizard nav ol li.active{background-color:var(--bli--global--color-primary)}.bli-app .bli-appointment-wizard nav ol li.active img{filter:invert(0)}.bli-app .bli-appointment-wizard nav ol li.active p{color:var(--bli--global--color-text-primary)}.bli-app .bli-appointment-wizard nav ol li:not(:has(.disabled)){cursor:pointer}.bli-app .bli-appointment-wizard nav ol li img{margin-left:-10px}.bli-app .bli-appointment-wizard nav ol li p{display:inline-block;margin-left:.1875rem;color:var(--bli--global--color-text)}@media(min-width: 768px){.bli-app .bli-appointment-wizard li{display:inline-block}}.bli-app .brida-appointment-type,.bli-app .brida-appointment-hour{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem;padding:.38rem .5rem .38rem 1rem;border:1px solid var(--bli--global--color-border-primary);transition:.3s;cursor:pointer}.bli-app .brida-appointment-type.form-check,.bli-app .brida-appointment-hour.form-check{padding-left:3rem}.bli-app .brida-appointment-type.form-check .form-check-label p,.bli-app .brida-appointment-hour.form-check .form-check-label p{color:var(--bli--global--color-text-primary)}.bli-app .brida-appointment-type.form-check .form-check-input,.bli-app .brida-appointment-hour.form-check .form-check-input{float:none;margin-top:0;margin-left:0}.bli-app .brida-appointment-type input[type=radio]:checked,.bli-app .brida-appointment-hour input[type=radio]:checked{background-color:color-mix(in srgb, var(--bli--global--color-bg-primary), black 20%);border-color:color-mix(in srgb, var(--bli--global--color-border-primary), black 20%)}@media(min-width: 992px){.bli-app .brida-appointment-type,.bli-app .brida-appointment-hour{padding-left:1.5rem}}.bli-app .brida-appointment-type:hover,.bli-app .brida-appointment-hour:hover{background-color:var(--bli--global--color-bg-primary)}.bli-app .brida-appointment-type:hover:has(input:checked),.bli-app .brida-appointment-hour:hover:has(input:checked){background-color:var(--bli--global--color-bg-primary)}.bli-app .brida-appointment-type:has(input:checked),.bli-app .brida-appointment-hour:has(input:checked){background-color:var(--bli--global--color-bg-primary)}.bli-app .brida-appointment-type p,.bli-app .brida-appointment-hour p{margin-bottom:0}.bli-app .brida-appointment-details{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:15px;border:1px solid var(--bli--global--color-border);text-align:left;color:#000;background-color:#fff;transition:.5s;cursor:pointer}.bli-app .brida-appointment-details:hover{background-color:var(--bli--global--color-bg-surface)}.bli-app .bli-appointment-details-card{margin-bottom:.5625rem;border-color:var(--bli--global--color-border);transition:.5s;cursor:pointer}.bli-app .bli-appointment-details-card:not(.no-linkeable):hover{background-color:var(--bli--global--color-bg-surface);border-color:color-mix(in srgb, var(--bli--global--color-border), black 30%)}.bli-app .bli-appointment-details-card div.row{--bli-gutter-x: 0.5625rem}.bli-app .bli-appointment-details-card .card-body .card-title{color:var(--bli--global--color-text)}.bli-app .bli-appointment-details-card .card-body .card-title:first-child img{margin-right:.25rem}.bli-app .bli-appointment-details-card .card-body .card-text{color:var(--bli--global--color-text)}@media(min-width: 768px){.bli-app .bli-appointment-details-card .card-body>.row>.col-6{flex-shrink:0;width:100%}}@media(min-width: 992px){.bli-app .bli-appointment-details-card .card-body>.row>.col-6{flex:0 0 auto;width:50%}}.bli-app .no-linkeable{cursor:default}.bli-app .no-linkeable:hover{background-color:#fff}.bli-app .hidden{display:none}@media(min-width: 481px){.bli-app .bli-show-only-on-desktop{display:block}.bli-app .bli-show-only-on-mobile{display:none}}@media(max-width: 480px){.bli-app .bli-show-only-on-desktop{display:none}.bli-app .bli-show-only-on-mobile{display:block}}.bli-app .brida-wait{display:block;min-height:100px;text-align:center;width:100%}.bli-app .brida-wait div{display:flex;justify-content:center;text-align:center}.bli-app .container.static-calendar{padding:0}.bli-app .static-calendar .Calendar.-noFocusOutline.-ltr{width:97%}.bli-app .Calendar .Calendar__header,.bli-app .Calendar .Calendar__weekDays,.bli-app .Calendar .Calendar__section{padding-right:0;padding-left:0}.bli-app .Calendar__section.-hiddenPrevious{transform:translateX(-100%)}.bli-app .Calendar__section.-hiddenNext{transform:translateX(100%)}.bli-app .Calendar__day.-selected{border-radius:5px}.bli-app .Calendar__day.-selected,.bli-app .Calendar__day.-selectedStart,.bli-app .Calendar__day.-selectedEnd{background:var(--bli--global--color-bg-primary);color:var(--bli--global--color-text-primary)}.bli-app .Calendar>:not(.Calendar__footer) button{background:rgba(0,0,0,0);color:#000}.bli-app .Calendar__header .Calendar__monthArrowWrapper.-right,.bli-app .Calendar__header .Calendar__monthArrowWrapper.-left{padding:0 5%}.bli-app .DatePicker{width:100%;text-align:left}.bli-app .DatePicker__input{display:block;clear:both;width:100%;padding:.375rem .75rem;border:1px solid #ced4da;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bli-app input.DatePicker__input.-ltr{text-align:left}@media(min-width: 576px){.bli-app .Calendar .Calendar__header,.bli-app .Calendar .Calendar__weekDays,.bli-app .Calendar .Calendar__section{padding-right:min(3%,9px);padding-left:min(3%,9px)}}@media(min-width: 768px){.bli-app .Calendar .Calendar__header,.bli-app .Calendar .Calendar__weekDays,.bli-app .Calendar .Calendar__section{padding-right:min(6%,18px);padding-left:min(6%,18px)}}@media(min-width: 992px){.bli-app .Calendar .Calendar__header,.bli-app .Calendar .Calendar__weekDays,.bli-app .Calendar .Calendar__section{padding-right:min(9%,27px);padding-left:min(9%,27px)}}@media(max-width: 767px){.bli-app .DatePicker__calendarContainer{width:75vw;box-shadow:0px 0px 30px #000}}

.DatePicker {
  position: relative;
  display: inline-block;
  z-index: 100;
}

.DatePicker__input {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0.4em 0.8em;
  font-family: inherit;
  text-align: center;
  font-size: 12px;
}

.DatePicker__input.-rtl {
  direction: rtl;
}

.DatePicker__input::placeholder {
  color: #979797;
}

.DatePicker__calendarContainer.-top + .DatePicker__calendarArrow {
  top: auto;
  bottom: calc(100% + 10px);
  transform: translateY(-2.5rem) rotate(180deg);
  animation: fadeArrowFlipped 0.3s forwards;
}

.DatePicker__calendarContainer {
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
}

.DatePicker__calendarContainer.-top {
  top: auto;
  bottom: calc(100% + 20px);
}

.Calendar,
.Calendar * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  direction: ltr;
}

.Calendar,
.Calendar.-rtl * {
  direction: rtl;
}

.DatePicker__calendarArrow {
  position: absolute;
  width: 0;
  height: 0;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-style: solid;
  z-index: 10;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}

.Calendar {
  --cl-color-black: #444444;
  --cl-color-disabled: #d4d4d4;
  --cl-color-error: #ff2929;
  font-size: 10px;
  background: #fff;
  box-shadow: 0 1em 4em rgba(0, 0, 0, 0.07);
  border-radius: 1em;
  position: relative;
  user-select: none;
  padding-top: 1.2em;
  display: flex;
  flex-direction: column;
  width: 33em;
  z-index: 10;
  max-width: 90vw;
  min-height: 36.7em;
}

.DatePicker .Calendar,
.DatePicker__calendarArrow {
  transform: translateY(2.5em);
  opacity: 0;
  animation: fadeCalendar 0.3s forwards;
}

.DatePicker__calendarContainer.-top .Calendar {
  transform: translateY(-2.5em);
}

.Calendar.-noFocusOutline *:focus {
  outline: none !important;
}

.Calendar > :not(.Calendar__footer) button {
  font-family: inherit;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.Calendar__header {
  display: flex;
  color: var(--cl-color-black);
  padding: 2em 2.9em;
  align-items: center;
  overflow: hidden;
}

.Calendar__monthArrowWrapper {
  line-height: 0;
  font-size: 1em;
  padding: 3px;
  position: relative;
  border: none;
  z-index: 1;
  opacity: 1;
  transition: 0.2s;
}

.Calendar__monthArrowWrapper:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.4);
  outline-offset: 2px;
}

.Calendar__monthArrowWrapper:disabled,
.Calendar__monthArrowWrapper.-hidden {
  opacity: 0;
  pointer-events: none;
}

.Calendar__monthArrowWrapper.-left {
  transform: rotate(90deg);
}
.Calendar.-rtl .Calendar__monthArrowWrapper.-left {
  transform: rotate(-90deg);
}

.Calendar__monthArrowWrapper.-right {
  transform: rotate(-90deg);
}
.Calendar.-rtl .Calendar__monthArrowWrapper.-right {
  transform: rotate(90deg);
}

.Calendar__monthArrowWrapper:active .Calendar__monthArrow {
  transform: scale(0.7);
}

.Calendar__monthArrow {
  border-radius: 50%;
  transition: var(--animation-duration) transform;
  pointer-events: none;
  background-repeat: no-repeat;
  display: block;
  width: 1.7em;
  height: 1.7em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cg class=%27nc-icon-wrapper%27 fill=%27%23000000%27%3E%3Cdefs stroke=%27none%27%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M12 23.25V.75%27 fill=%27none%27 stroke=%27%23000000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5px%27%3E%3C/path%3E%3Cpath class=%27cls-2%27 d=%27M22.5 11.25L12 .75 1.5 11.25%27 fill=%27none%27 stroke=%27%23000000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5px%27 fill-rule=%27evenodd%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
}

.Calendar__monthYearContainer {
  flex: 1;
  position: relative;
}

.Calendar__monthYear {
  font-size: 1.6em;
  font-weight: 500;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: var(--animation-duration);
  line-height: 1;
}

.Calendar__monthYear.-hiddenNext {
  opacity: 0;
  transform: translateX(50%);
}

.Calendar.-rtl .Calendar__monthYear.-hiddenNext {
  transform: translateX(-150%);
}

.Calendar__monthYear.-hiddenPrevious {
  opacity: 0;
  transform: translateX(-150%);
}

.Calendar.-rtl .Calendar__monthYear.-hiddenPrevious {
  transform: translateX(50%);
}

.Calendar__monthYear.-shown {
  opacity: 1;
  margin-top: auto;
  margin-bottom: auto;
  transform: translateX(-50%);
}

.Calendar__monthYear.-shownAnimated {
  animation: var(--animation-duration) fadeTextToCenter forwards;
}

.Calendar__monthYear > * {
  padding: 0.2em 0.5em;
  border: 1px solid transparent;
  transition: var(--animation-duration);
  font-size: 1.05em;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0) scale(0.95);
  will-change: transform;
  border-radius: 5px;
}

.Calendar__monthYear:not(.-shown) > *,
.Calendar__monthYear > *.-hidden {
  cursor: default;
  pointer-events: none;
}

.Calendar__monthText {
  margin-left: -0.3em;
}
.Calendar__yearText:last-child {
  margin-right: -0.3em;
}

.Calendar__monthYear.-shown > *:hover,
.Calendar:not(.-noFocusOutline) .Calendar__monthYear.-shown > *:focus,
.Calendar__monthYear > *.-activeBackground {
  background: #f5f5f5;
}

.Calendar__monthText:hover {
  transform: translateX(-0.2em) scale(0.95);
}
.Calendar.-rtl .Calendar__monthText:hover {
  transform: translateX(0.2em) scale(0.95);
}

.Calendar__yearText:hover {
  transform: translateX(0.2em) scale(0.95);
}
.Calendar.-rtl .Calendar__yearText:hover {
  transform: translateX(-0.2em) scale(0.95);
}

.Calendar__monthYear .Calendar__yearText.-hidden {
  transform: translateX(50%);
  opacity: 0;
}

.Calendar.-rtl .Calendar__monthYear .Calendar__yearText.-hidden {
  transform: translateX(-50%);
}

.Calendar__monthYear .Calendar__monthText.-hidden {
  transform: translateX(-50%);
  opacity: 0;
}

.Calendar.-rtl .Calendar__monthYear .Calendar__monthText.-hidden {
  transform: translateX(50%);
}

.Calendar__monthYear:not(.-shown) > * {
  pointer-events: none;
}

.Calendar__monthSelectorAnimationWrapper,
.Calendar__yearSelectorAnimationWrapper {
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.Calendar__monthSelectorWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Calendar__monthSelector {
  padding: 0 2.5em;
  align-content: center;
  padding-bottom: 2em;
}

.Calendar__monthSelector,
.Calendar__yearSelector {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  background-color: #fff;
  transform: translateY(-150%);
  will-change: transform;
  transition: 0.6s;
  height: 100%;
}

.Calendar__yearSelectorWrapper {
  width: 100%;
  height: 100%;
}

.Calendar__yearSelectorWrapper::after,
.Calendar__yearSelectorWrapper::before {
  content: '';
  width: 100%;
  height: 5em;
  position: absolute;
  left: 0;
  opacity: 0;
  transition: 0.4s;
  transition-delay: 0.2s;
}

.Calendar__yearSelectorWrapper::after {
  background-image: linear-gradient(to bottom, #fff, #fff 10%, rgba(245, 245, 245, 0));
  top: -0.1em;
}

.Calendar__yearSelectorWrapper::before {
  background-image: linear-gradient(to top, #fff, #fff 10%, rgba(245, 245, 245, 0));
  bottom: 0;
}

.Calendar__yearSelectorWrapper.-faded::after,
.Calendar__yearSelectorWrapper.-faded::before {
  opacity: 1;
  z-index: 3;
}

.Calendar__yearSelector {
  align-content: flex-start;
  scrollbar-width: 0;
  overflow: scroll;
  position: relative;
  width: 100%;
  padding: 5em 2em;
  -ms-overflow-style: none;
}

.Calendar__yearSelector::-webkit-scrollbar {
  display: none;
}

.Calendar__yearSelectorItem {
  width: 25%;
  display: flex;
  justify-content: center;
}

.Calendar__yearSelectorItem:not(:nth-child(-n + 4)) {
  margin-top: 1.5em;
}

.Calendar__yearSelectorText {
  border: none;
  font-size: 1.4em;
  min-width: 85%;
  padding: 0.2em 0.5em;
  border-radius: 8.5px;
}

.Calendar__monthSelector.-open,
.Calendar__yearSelector.-open {
  transform: translateY(0);
}

.Calendar__yearSelectorText:focus,
.Calendar__monthSelectorItemText:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.4);
  outline-offset: 2px;
}

.Calendar__monthSelectorItem {
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
}

.Calendar__monthSelectorItem:not(:nth-child(-n + 3)) {
  margin-top: 2em;
}

.Calendar__monthSelectorItemText {
  border: none;
  padding: 0.4em 0.4em;
  border-radius: 8.5px;
  font-size: 1.3em;
  min-width: 70%;
  transition: 0.3s;
}

.Calendar__monthSelectorItem:not(.-active) .Calendar__monthSelectorItemText:not(:disabled):hover,
.Calendar__yearSelectorItem:not(.-active) .Calendar__yearSelectorText:not(:disabled):hover {
  background: #f5f5f5;
}

.Calendar__monthSelectorItemText:disabled,
.Calendar__yearSelectorText:disabled {
  opacity: 0.5;
  cursor: default;
}

.Calendar__monthSelectorItem.-active .Calendar__monthSelectorItemText,
.Calendar__yearSelectorItem.-active .Calendar__yearSelectorText {
  background-color: var(--cl-color-primary);
  color: #fff;
}

.Calendar__weekDays {
  display: flex;
  justify-content: space-between;
  color: var(--cl-color-disabled);
  font-size: 1.2em;
  margin-bottom: 0.7em;
  padding: 0 2.6em;
  position: relative;
}

.Calendar__weekDay {
  display: block;
  width: calc(100% / 7);
  text-align: center;
  text-decoration: none;
}

.Calendar__sectionWrapper {
  position: relative;
  min-height: 25.8em;
  overflow: hidden;
}

.Calendar__section {
  display: flex;
  flex-direction: column;
  padding: 0 3.2em;
  position: absolute;
  color: var(--cl-color-black);
  top: 0;
  padding-top: 0.5em;
  left: 0;
  width: 100%;
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: var(--animation-duration);
}

.Calendar__section.-hiddenPrevious {
  opacity: 0.5;
  transform: translateX(-90%);
}

.Calendar.-rtl .Calendar__section.-hiddenPrevious {
  transform: translateX(90%);
}

.Calendar__section.-hiddenNext {
  opacity: 0.5;
  transform: translateX(90%);
}

.Calendar.-rtl .Calendar__section.-hiddenNext {
  transform: translateX(-90%);
}

.Calendar__section.-shown {
  opacity: 1;
  transform: translateX(0);
}

.Calendar__section.-shownAnimated {
  animation: var(--animation-duration) FadeContentToCenter forwards;
}

.Calendar__weekRow {
  display: flex;
  width: 100%;
}

.Calendar__day {
  display: block;
  width: calc(100% / 7);
  text-align: center;
  padding: calc(0.25em - 1px) 0;
  font-size: 1.6em;
  border-radius: 50%;
  transition: 0.2s;
  border: 1px solid transparent;
  margin-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.Calendar__day:focus {
  outline: 1px dashed rgba(0, 0, 0, 0.4);
  outline-offset: 2px;
}

.Calendar__day.-ltr {
  min-height: 2.6em;
  font-size: 1.45em;
}

.Calendar__day.-rtl {
  font-size: 1.55em;
  height: 2.45em;
}

.Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover {
  background: #eaeaea;
  border-radius: 50%;
  color: var(--cl-color-black);
  border-color: transparent;
}

.Calendar__day.-selected,
.Calendar__day.-selectedStart,
.Calendar__day.-selectedEnd {
  background: var(--cl-color-primary);
  color: #fff;
}

.Calendar__day.-ltr.-selectedStart {
  border-radius: 0;
  border-top-left-radius: 100em;
  border-bottom-left-radius: 100em;
}

.Calendar__day.-rtl.-selectedStart {
  border-radius: 0;
  border-top-right-radius: 100em;
  border-bottom-right-radius: 100em;
}

.Calendar__day.-selectedBetween {
  background: var(--cl-color-primary-light);
  color: var(--cl-color-primary);
  border-radius: 0;
}

.Calendar__day.-ltr.-selectedEnd {
  border-top-right-radius: 100em;
  border-bottom-right-radius: 100em;
}

.Calendar__day.-rtl.-selectedEnd {
  border-top-left-radius: 100em;
  border-bottom-left-radius: 100em;
}

.Calendar__day.-weekend:not(.-selected):not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {
  color: var(--cl-color-error);
}

.Calendar__day.-weekend.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after {
  background: var(--cl-color-error);
}

.Calendar__day.-disabled {
  color: var(--cl-color-disabled) !important;
  background: transparent !important;
  cursor: default !important;
}
.Calendar__day.-selected {
  border-radius: 50%;
}
.Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) {
  font-weight: 600;
  color: var(--cl-color-black);
  color: #000;
  position: relative;
}

.Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after {
  content: '';
  position: absolute;
  bottom: 0.2em;
  display: block;
  width: 0.6em;
  height: 1px;
  background: #000;
  left: 50%;
  opacity: 0.5;
  transform: translateX(-50%);
  transition: 0.2s;
}

.Calendar__day.-today:hover:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after {
  opacity: 0;
}

.Calendar__day.-blank {
  color: transparent;
  cursor: default;
  pointer-events: none;
}

.Calendar__footer {
  position: relative;
  z-index: 1;
}

@keyframes fadeCalendar {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeArrowFlipped {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: translateY(0) rotate(180deg);
  }
}

@keyframes fadeTextToCenter {
  to {
    opacity: 1;
    transform: translateX(-50%);
  }
}

@keyframes FadeContentToCenter {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}