:root {
  --calendar-auto-main-fon: #FFF;/*Фон календаря*/
    --calendar-auto-header-color:#a57b01;/*Цвет названия месяца*/
    --calendar-auto-color-date:#a57b01;/*Цвет даты календаря без событий*/
    
    --calendar-auto-background-today: #ededed; /* Цвет фона текущего дня без событий*/
    --calendar-auto-color-today:#a57b01;/* Цвет даты текущего дня без событий*/

    --calendar-auto-background-day: #d1ae4a;/* Цвет фона при наличии события */
    --calendar-auto-color-day: #fff; /* Цвет даты событий */
    --calendar-auto-background-icon:#d1ae4a; /* Цвет фона иконки событий*/
    --main-color: #181818; /* Цвет названия событий*/
    --cal-color-primary:#181818;
 
}

.calendar_auto_ru.calendar_wrap{
    background: var(--traning-zoloto-bg-fon)!important;
    padding: 20px 20px 10px!important;
    border-radius: var(--traning-zoloto-border-radius);
    max-width: 400px;
    margin: 0 auto 20px;
}

.calendar_auto_ru .calendar-wrapper {
  border-radius: var(--traning-zoloto-border-radius)!important;
  background: var(--calendar-auto-main-fon, #FFF)!important;
  box-shadow: var(--traning-zoloto-box-shadow)!important;
  padding:22px;
  height:min-content;
  margin-bottom: 25px;
}
.calendar_auto_ru .current-weekday {
  display:none;
}
.calendar_auto_ru .calendar__header {
  margin-bottom:23px;color: var(--calendar-auto-header-color)!important;
  font-family: var(--traning-zoloto-font-family-header)!important;
  font-size: 20px!important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.calendar_auto_ru .calendar__arrow {
& {
  width:15px;
  height:15px;
  cursor:pointer;
  position:relative;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3717 4.80704L6.74939 8.42935L10.3717 12.0517L9.25107 13.1644L4.51602 8.42935L9.25107 3.6943L10.3717 4.80704Z' fill='%23B5BEC6'/%3E%3C/svg%3E%0A");
}
  .calendar__arrow-inner {
    width: 100%;
    height: 100%;
  }
}
.calendar_auto_ru .calendar__arrow.calendar__arrow-next {
  transform:scale(-1,1);
}
.calendar_auto_ru .calendar__weekdays {
  display:grid;
  grid-template-columns:repeat(7,calc(100% / 7));
  margin-bottom:20px;
}
.calendar_auto_ru .pt-2rem {
  padding-top:2rem;
}
.calendar_auto_ru .calendar__weekday {
  display:flex;
  align-items:center;
  justify-content:center;
  color: #B5BEC6;
  font-family: var(--traning-zoloto-font-family-text)!important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
}
.calendar_auto_ru .calendar__days {
  display:grid;
  grid-template-columns:repeat(7,calc(100% / 7));

}
.calendar_auto_ru .calendar__day {
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--calendar-auto-color-date)!important;
  font-family: var(--traning-zoloto-font-family-text)!important;
  font-size: 15px!important;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.calendar_auto_ru .calendar__day.calendar__day-other {
  opacity:.2;
}
.calendar_auto_ru .color-calendar {
  position: relative;

}



.calendar_auto_ru .color-calendar .calendar__monthyear .calendar__month {
  cursor: pointer;
}
.calendar_auto_ru .color-calendar .calendar__monthyear .calendar__year {
  cursor: pointer;
}

.calendar_auto_ru .color-calendar .calendar__arrow-next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}



.calendar_auto_ru .color-calendar .calendar__days .calendar__day {
  position: relative;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar_auto_ru .color-calendar .calendar__days .calendar__day-text {
  cursor: pointer;
}
.calendar_auto_ru .color-calendar .calendar__days .calendar__day-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  cursor: pointer;
  transition: opacity 0.3s ease-out;
  will-change: opacity;
  border-radius:50%;

}
.calendar_auto_ru .color-calendar .calendar__days .calendar__day-event {
  /* Event Bullet */
}
.calendar_auto_ru .calendar__day.calendar__day-active.calendar__day-event {
    width: calc(100% - 4px);
    padding: 6px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--calendar-auto-color-day)!important;
    background: var(--calendar-auto-background-day)!important;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}
.calendar_auto_ru .color-calendar .calendar__days .calendar__day-selected:not(.calendar__day-today) .calendar__day-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  cursor: pointer;
  border-radius:50%;
}

.calendar_auto_ru .color-calendar .calendar__picker {
  position: absolute;
  z-index: 201;
  width: 100%;
  top: 75px;
  left: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  font-family: var(--traning-zoloto-font-family-text);
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-month {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  grid-gap: 1rem 6%;
  gap: 1rem 6%;
  margin: 8%;
  transition: none;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-month-option {
  position: relative;
  text-align: center;
  padding: 15px 0;
  font-weight: 700;
  color: #323232;
  border-radius: var(--traning-zoloto-border-radius);
  align-self: center;
  cursor: pointer;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-month-option::after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cal-color-primary)!important; 
  border-radius: var(--traning-zoloto-border-radius);
  opacity: 0.1;
  z-index: -1;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-month-option:hover:after {
  opacity: 0.08;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-month-selected {
  color: white;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-month-selected::after {
  opacity: 1;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-month-selected:hover:after {
  opacity: 0.9;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  grid-gap: 1rem 6%;
  gap: 1rem 6%;
  margin: 8%;
  transition: none;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-option {
  position: relative;
  text-align: center;
  padding: 15px 0;
  font-weight: 700;
  color: #323232;
  border-radius: var(--traning-zoloto-border-radius);
  align-self: center;
  cursor: pointer;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-option::after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cal-color-primary);
  border-radius: var(--traning-zoloto-border-radius);
  opacity: 0.1;
  z-index: -1;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-option:hover:after {
  opacity: 0.08;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-selected {
  color: white;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-selected::after {
  opacity: 1;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-selected:hover:after {
  opacity: 0.9;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-arrow {
  position: absolute;
  opacity: 0.4;
  border-radius: var(--traning-zoloto-border-radius);
  cursor: pointer;
  transition: all 0.3s ease;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-arrow-left {
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 4px;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-arrow-right {
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  padding-right: 10px;
}
.calendar_auto_ru .color-calendar .calendar__picker .calendar__picker-year-arrow:hover {
  opacity: 1;
  background-color: #f8f8f8;
}

.calendar_auto_ru .chevron-thin-left {
  display: inline-block;
  border-right: 2px solid var(--cal-color-primary);
  border-bottom: 2px solid var(--cal-color-primary);
  width: 10px;
  height: 10px;
  transform: rotate(-225deg);
}
.calendar_auto_ru .chevron-thin-right {
  display: inline-block;
  border-right: 2px solid var(--cal-color-primary);
  border-bottom: 2px solid var(--cal-color-primary);
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
}





.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-today {
  font-weight: 700;
  color: var(--cal-color-primary);
  color:white;
}

.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-today .calendar__day-box {
    background-color: transparent!important;
    opacity: 1;
}
.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-today {
    width: calc(100% - 4px);
    padding: 6px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--calendar-auto-color-today)!important;
    background: var(--calendar-auto-background-today)!important;
    border-radius: 50px;
    border: none;
  opacity: 1;
}

.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-bullet {
  background:  var(--calendar-auto-background-day)!important;
}

.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-box {

  background-color: var(--cal-color-primary);

}

.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-event {
  font-weight: 700;
}
.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-selected {
  color: white;
  font-weight: 700;
}
.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-selected .calendar__day-box {

  background: none!important;
  opacity: 1;

}
.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-selected .calendar__day-text:hover ~ .calendar__day-box {
  opacity: 1;
}
.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-selected .calendar__day-bullet {
  background-color: white;
}
.calendar_auto_ru .color-calendar.glass .calendar__days .calendar__day-selected .calendar__day-bullet:hover ~ .calendar__day-box {
  opacity: 1;
}

.calendar_auto_ru .color-calendar.glass .calendar__picker {
  background-color: white;
  border-radius: var(--traning-zoloto-border-radius);
}
.color-calendar.glass .calendar__picker-month-today {
  box-shadow: inset 0px 0px 0px 1px var(--cal-color-primary);
}
.calendar_auto_ru .color-calendar .tooltip {
  filter: drop-shadow(10px 10px 50px rgba(131, 150, 174, 0.25));
  opacity:1;
}
.calendar_auto_ru .color-calendar .tooltip-inner {
  background-color:white;
  color: var(--main-color, #647df4);
  font-family: var(--traning-zoloto-font-family-text);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;  filter: drop-shadow(10px 10px 50px rgba(131, 150, 174, 0.25));
  border-radius:15px;
  padding: 10px 15px;
}
.calendar_auto_ru .color-calendar .tooltip.top .tooltip-arrow {
  filter: drop-shadow(10px 10px 50px rgba(131, 150, 174, 0.25));
  border-top-color: white;
  margin-left: 0;
  border-width: 15px 15px 0;
  transform:translate(-50%,40%);
}
.calendar_auto_ru .color-calendar b {
  display:block;
  white-space: nowrap;
}
.calendar_auto_ru .events-display {
  margin-top:36px;
  transition: .3s;
  &.clicked {
    margin-top:10px;
  }
}
.calendar_auto_ru .events-title {
  color: var(--calendar-auto-header-color, #181818)!important;
  font-family: var(--traning-zoloto-font-family-header)!important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display:flex;
  align-items:center;
}
.calendar_auto_ru .events-title::before {
  content:'';
  width:1.0em;
  height:1.0em;
  display:inline-block;
  background:var(--calendar-auto-background-day, #181818)!important;
  mask-image:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0.573486H12.24C14.3617 0.573486 16.3966 1.41634 17.8969 2.91663C19.3971 4.41692 20.24 6.45175 20.24 8.57349V12.8135C20.24 17.2318 16.6583 20.8135 12.24 20.8135H8C3.58172 20.8135 0 17.2318 0 12.8135V8.57349C0 4.15521 3.58172 0.573486 8 0.573486ZM14.39 11.4435H16.12V11.4735C16.5342 11.4735 16.87 11.1377 16.87 10.7235C16.87 10.3093 16.5342 9.97349 16.12 9.97349H14.37C13.8524 9.97177 13.3555 10.177 12.99 10.5435L10.84 12.6935V7.69349C10.937 7.23114 10.6973 6.76397 10.2651 6.57322C9.8329 6.38248 9.32617 6.52021 9.05 6.90349L6.17 9.80349C6.08414 9.89384 5.96464 9.94454 5.84 9.94349H4.12C3.70579 9.94349 3.37 10.2793 3.37 10.6935C3.37 11.1077 3.70579 11.4435 4.12 11.4435H5.84C6.36121 11.4387 6.85995 11.2306 7.23 10.8635L9.33 8.71349V13.7135C9.30243 14.1537 9.56651 14.56 9.98 14.7135C10.1057 14.7697 10.2424 14.7971 10.38 14.7935C10.658 14.7922 10.9241 14.6807 11.12 14.4835L14.07 11.5735C14.1568 11.4919 14.2709 11.4456 14.39 11.4435Z' fill='%23323974'/%3E%3C/svg%3E%0A");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0.573486H12.24C14.3617 0.573486 16.3966 1.41634 17.8969 2.91663C19.3971 4.41692 20.24 6.45175 20.24 8.57349V12.8135C20.24 17.2318 16.6583 20.8135 12.24 20.8135H8C3.58172 20.8135 0 17.2318 0 12.8135V8.57349C0 4.15521 3.58172 0.573486 8 0.573486ZM14.39 11.4435H16.12V11.4735C16.5342 11.4735 16.87 11.1377 16.87 10.7235C16.87 10.3093 16.5342 9.97349 16.12 9.97349H14.37C13.8524 9.97177 13.3555 10.177 12.99 10.5435L10.84 12.6935V7.69349C10.937 7.23114 10.6973 6.76397 10.2651 6.57322C9.8329 6.38248 9.32617 6.52021 9.05 6.90349L6.17 9.80349C6.08414 9.89384 5.96464 9.94454 5.84 9.94349H4.12C3.70579 9.94349 3.37 10.2793 3.37 10.6935C3.37 11.1077 3.70579 11.4435 4.12 11.4435H5.84C6.36121 11.4387 6.85995 11.2306 7.23 10.8635L9.33 8.71349V13.7135C9.30243 14.1537 9.56651 14.56 9.98 14.7135C10.1057 14.7697 10.2424 14.7971 10.38 14.7935C10.658 14.7922 10.9241 14.6807 11.12 14.4835L14.07 11.5735C14.1568 11.4919 14.2709 11.4456 14.39 11.4435Z' fill='%23323974'/%3E%3C/svg%3E%0A"); color:transparent;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-repeat:no-repeat;
  background-size: contain;background-position:center;
  margin-right:.2em;
}
.calendar_auto_ru .event-url {
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 23px 35px 0px rgba(131, 150, 174, 0.14);
  padding: 14px 19px;
  display:block;
  text-decoration: none;
  transition:.3s;
  position: relative;
  z-index: 1;
}
.calendar_auto_ru .event-url:hover {
  transform: translateY(-2px);
}
.calendar_auto_ru .event {
  min-height:48px; position:relative;
  display:grid;
  grid-template-columns: 48px 1fr;
  gap:15px;
  align-items: center;
}
.calendar_auto_ru .event-icon:not(.grayscale-circle) circle {
  fill:var(--calendar-auto-background-icon)!important;
}
.calendar_auto_ru .event-left {
  grid-column: 2/3;
  display:flex;
  flex-direction:column-reverse;
  justify-content:space-between;
  padding-right: 1rem;
  gap:2px;
}
.calendar_auto_ru .add-event {
  display:none;
  z-index: 2;
}
.calendar_auto_ru .event-time,.event-title {
  color: var(--main-color, #181818) !important;
  font-family: var(--traning-zoloto-font-family-text)!important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none!important;
}
.calendar_auto_ru .event-title {
  font-size: 16px;
}
.calendar_auto_ru .event-url:not(:last-child) {
  margin-bottom:10px;
}
.calendar_auto_ru .reset-calendar {
  display: flex;
  gap:5px;
  align-items: center;
  color: var(--main-color, #181818);
  font-family: var(--traning-zoloto-font-family-text)!important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
  padding-bottom:10px;
  position: relative;
  width:max-content;
  &::before {
    content:'';
    position: absolute;
    right:0;
    bottom:8px;
    width:calc(100% - 15px);
    height:.5px;
    background:var(--main-color, #181818);
    opacity: 0.5;
  }
}

.calendar_auto_ru .events-display.clicked > div.reset-calendar > svg {
  fill: var(--main-color, #181818)!important; /* Apply the main color variable */
}

.calendar_auto_ru .page-ready {
  .event-url[data-description="closed"]
  {
    .calendar_auto_ru .event-icon circle {
      fill: url(#paint0_radial_1_277);
    }
  }
}
.calendar_auto_ru .isTrainingsPage .right-column {
  z-index: 2;
}

@media (max-width: 425px){
  .calendar_auto_ru.calendar_wrap{
        max-width: 100%;
        width: calc(100% - 10px);
        margin: 0 auto 20px;

    }
}