:root {
    --calendar-font-size: 30px;
    --calendar-font-size-title: 20px;
    --calendar-font-size-text: 18px;
    --calendar-border-radius: 15px;
    --calendar-menu-day: 177px;
    --calendar-menu-date-desc-span: 27px;
    --datepicker-td-size: 48px;
    --basket-info-before-size: 41px;
}

.calendar {
    margin: 10px 0 60px;
}

.calendar-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 72px;
    font-weight: 400;
    font-size: var(--calendar-font-size);
    padding-left: 25px;
    background: rgba(238, 238, 238, 0.5);
    border-radius: var(--calendar-border-radius);
}

.calendar-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 390px;
    height: 100%;
    padding: 0 70px 0 25px;
    position: relative;
    background: #A9D992;
    border-radius: var(--calendar-border-radius);
    color: #fff;
    transition: background .3s;
    cursor: pointer;
}

.calendar-toggle:hover,
.calendar-toggle:focus {
    background: rgba(169, 217, 146, 0.8);
}

.calendar-toggle:before {
    content: "Открыть календарь";
    transition: .3s;
}

.calendar-toggle:after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMyAzMSIgZmlsbD0id2hpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNzk4OCAxOS4zNzg4TDMyLjAwNTIgNC41Mzk2MUMzMi43ODM0IDMuNjc1NzcgMzIuNzgzNCAyLjM1NDI1IDMyLjAwNTIgMS41NDEzM0MzMS4yMjY5IDAuNzI4NDExIDI5Ljk2MTggMC43Mjg0MTEgMjkuMTM0OCAxLjU0MTMzTDE2LjMzOTIgMTQuOTA2OUwzLjU0MzY5IDEuNTQxMzNDMi43NjQ4NiAwLjcyODQxIDEuNDU0NDMgMC43Mjg0MSAwLjY3MzI4MSAxLjU0MTMzQy0wLjEwNzg2OCAyLjM1NDI1IC0wLjEwNTU0OSAzLjY3NTc3IDAuNjczMjgxIDQuNTM5NjFMMTQuOTI4NCAxOS4zNzg4QzE1LjcwNjYgMjAuMTkyNCAxNi45NzE4IDIwLjE5MjQgMTcuNzk4OCAxOS4zNzg4WiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3Ljc5ODggMzAuMzg5OEwzMi4wMDUyIDE1LjU1MDZDMzIuNzgzNCAxNC42ODY4IDMyLjc4MzQgMTMuMzY1MiAzMi4wMDUyIDEyLjU1MjNDMzEuMjI2OSAxMS43Mzk0IDI5Ljk2MTggMTEuNzM5NCAyOS4xMzQ4IDEyLjU1MjNMMTYuMzM5MiAyNS45MTc5TDMuNTQzNjkgMTIuNTUyM0MyLjc2NDg2IDExLjczOTQgMS40NTQ0MyAxMS43Mzk0IDAuNjczMjgxIDEyLjU1MjNDLTAuMTA3ODY4IDEzLjM2NTIgLTAuMTA1NTQ5IDE0LjY4NjggMC42NzMyODEgMTUuNTUwNkwxNC45Mjg0IDMwLjM4OThDMTUuNzA2NiAzMS4yMDM0IDE2Ljk3MTggMzEuMjAzNCAxNy43OTg4IDMwLjM4OThaIi8+Cjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    transition: .3s;
}

.calendar.active .calendar-toggle:before {
    content: "Закрыть календарь";
}

.calendar.active .calendar-toggle:after {
    transform: rotate(180deg);
}

.calendar-menu-header {
    margin: 20px 25px 40px;
    font-weight: 400;
    font-size: var(--calendar-font-size);
    line-height: 31px;
}

.calendar-menu-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.05));
    border-radius: var(--calendar-border-radius);
}

.calendar-menu-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 0 1 100%;
    padding: 30px 45px 35px;
    box-shadow: inset -55px 0px 13px -55px rgba(0, 0, 0, 0.05);
}

.calendar-menu-title {
    font-weight: 800;
    font-size: var(--calendar-font-size-title);
    text-transform: uppercase;
}

.calendar-menu-day {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--calendar-menu-day);
    height: var(--calendar-menu-day);
    margin: 20px 0;
    background: #A9D992;
    border-radius: 50%;
    font-weight: 800;
    font-size: 91.4286px;
    color: #fff;
}

.calendar-menu-calendar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    flex: 0 0 400px;
    padding: 30px 0 35px;
    border-radius: 0 var(--calendar-border-radius) var(--calendar-border-radius) 0;
}

.calendar-menu-calendar.hasError {
    border: 1px solid #FF3A44;
}

/* INPUT */
.basket-data__input {
    position: relative;
    margin-top: 30px;
}

.basket-data__input:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42MDc4MSA4LjU1MTY4TDEuODc5MTMgMS4xNzYwOEMxLjQyOTIyIDAuNzcyMDM1IDAuNzQwOTMyIDAuNzcyMDM1IDAuMzE3NTQyIDEuMTc2MDhDLTAuMTA1ODQ3IDEuNTgwMTMgLTAuMTA1ODQ3IDIuMjM2OTcgMC4zMTc1NDIgMi42NjYzM0w3LjI3ODY5IDkuMzA5NDZMMC4zMTc1NDIgMTUuOTUyNkMtMC4xMDU4NDcgMTYuMzU2OSAtMC4xMDU4NDcgMTcuMDM3MyAwLjMxNzU0MiAxNy40NDI4QzAuNzQwOTMyIDE3Ljg0ODQgMS40MjkyMiAxNy44NDcyIDEuODc5MTMgMTcuNDQyOEw5LjYwNzgxIDEwLjA0MTlDMTAuMDMxNSA5LjYzNzg4IDEwLjAzMTUgOC45ODEwNCA5LjYwNzgxIDguNTUxNjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=);
    width: 10px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
}

.basket-data__input input {
    width: 100%;
    line-height: 50px;
    padding: 0 35px 0 15px;
    border: 1px solid #c4c4c4;
    border-radius: var(--calendar-border-radius);
    box-sizing: border-box;
    font-size: var(--calendar-font-size-text);
}

.basket-data__input input.hasError {
    border-color: #FF3A44;
}

/* ADDRESS LIST */
.address-list {
    width: 100%;
    padding: 9px 16px;
    border-radius: var(--calendar-border-radius);
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 10;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;
}

.address-list ul {
    height: 100%;
    overflow: auto;
}

.address-list ul::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(0, 0, 0, 0.05);
}

.address-list ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.326);
    width: 6px;
}

.address-list ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.05);
}

.address-list b {
    display: block;
}

.address-list li {
    font-size: 16px;
    line-height: 17px;
    margin-right: 4px;
    color: #000000;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding: 13px 9px 14px;
    cursor: pointer;
}

.address-list li:first-child {
    border-top: none;
}

#map {
    width: 80%;
    height: 180px;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* BASKET INFO */
.basket__info {
    border: 1px solid #A9D992;
    border-radius: var(--calendar-border-radius);
    padding: 30px 30px 30px 80px;
    font-size: var(--calendar-font-size-text);
    position: relative;
}

.basket__info:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDEgNDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuMTU4OSAzMi42OTI3QzIwLjQ2NjIgMzIuNjkyNyAyMC43NjEgMzIuNTcwNiAyMC45NzgzIDMyLjM1MzNDMjEuMTk1NiAzMi4xMzYgMjEuMzE3NyAzMS44NDEyIDIxLjMxNzcgMzEuNTMzOUMyMS4zMTc3IDMxLjIyNjUgMjEuMTk1NiAzMC45MzE3IDIwLjk3ODMgMzAuNzE0NEMyMC43NjEgMzAuNDk3MSAyMC40NjYyIDMwLjM3NSAyMC4xNTg5IDMwLjM3NUMxOS44NTE1IDMwLjM3NSAxOS41NTY3IDMwLjQ5NzEgMTkuMzM5NCAzMC43MTQ0QzE5LjEyMjEgMzAuOTMxNyAxOSAzMS4yMjY1IDE5IDMxLjUzMzlDMTkgMzEuODQxMiAxOS4xMjIxIDMyLjEzNiAxOS4zMzk0IDMyLjM1MzNDMTkuNTU2NyAzMi41NzA2IDE5Ljg1MTUgMzIuNjkyNyAyMC4xNTg5IDMyLjY5MjdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjE1ODkgOEMyMC43OTg5IDggMjEuMzE3NyA4LjUxODg0IDIxLjMxNzcgOS4xNTg4NVYyNi41MTQ3QzIxLjMxNzcgMjcuMTU0NyAyMC43OTg5IDI3LjY3MzUgMjAuMTU4OSAyNy42NzM1QzE5LjUxODggMjcuNjczNSAxOSAyNy4xNTQ3IDE5IDI2LjUxNDdWOS4xNTg4NUMxOSA4LjUxODg0IDE5LjUxODggOCAyMC4xNTg5IDhaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMjU1NiAzOS4xODExQzIyLjcxNDUgMzkuMTg0MyAyNS4xNDk5IDM4LjcwMTUgMjcuNDIxNiAzNy43NjA1QzI5LjY5MzQgMzYuODE5NSAzMS43NTY3IDM1LjQzODggMzMuNDkzMiAzMy42OTc4QzM1LjIzNDIgMzEuOTYxMyAzNi42MTQ5IDI5Ljg5OCAzNy41NTU5IDI3LjYyNjJDMzguNDk2OSAyNS4zNTQ1IDM4Ljk3OTcgMjIuOTE5MSAzOC45NzY1IDIwLjQ2MDJDMzguOTc5NyAxOC4wMDEzIDM4LjQ5NjkgMTUuNTY2IDM3LjU1NTggMTMuMjk0MkMzNi42MTQ4IDExLjAyMjUgMzUuMjM0MiA4Ljk1OTEgMzMuNDkzMiA3LjIyMjYzQzMxLjc1NjcgNS40ODE2MSAyOS42OTM0IDQuMTAwOTIgMjcuNDIxNiAzLjE1OTlDMjUuMTQ5OSAyLjIxODg4IDIyLjcxNDUgMS43MzYwOSAyMC4yNTU2IDEuNzM5MjdDMTcuNzk2NyAxLjczNjE0IDE1LjM2MTQgMi4yMTg5NSAxMy4wODk2IDMuMTU5OTdDMTAuODE3OSA0LjEwMDk5IDguNzU0NTEgNS40ODE2NSA3LjAxODA0IDcuMjIyNjNDNS4yNzcwNiA4Ljk1OTEgMy44OTY0IDExLjAyMjUgMi45NTUzOCAxMy4yOTQyQzIuMDE0MzYgMTUuNTY2IDEuNTMxNTUgMTguMDAxMyAxLjUzNDY4IDIwLjQ2MDJDMS41MzE1IDIyLjkxOTEgMi4wMTQyOSAyNS4zNTQ1IDIuOTU1MzEgMjcuNjI2MkMzLjg5NjMzIDI5Ljg5OCA1LjI3NzAyIDMxLjk2MTMgNy4wMTgwNCAzMy42OTc4QzguNzU0NTEgMzUuNDM4NyAxMC44MTc5IDM2LjgxOTQgMTMuMDg5NiAzNy43NjA0QzE1LjM2MTQgMzguNzAxNSAxNy43OTY3IDM5LjE4NDMgMjAuMjU1NiAzOS4xODExVjM5LjE4MTFaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIuMzIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);
    position: absolute;
    top: 30px;
    left: 20px;
    width: var(--basket-info-before-size);
    height: var(--basket-info-before-size);
}

.basket__info ul {
    margin: 10px 0 20px;
}

.basket__info ul li {
    list-style-type: "\00B7";
    margin-left: 20px;
    padding-left: 15px;
    line-height: 1.1em;
}

.basket-data {
    min-height: 40px;
    padding: 10px 0;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.basket-data__price {
    color: #a2a2a2;
}

.basket-data__error {
    color: #ff3a44;
}

/* UI DATEPICKER */
.ui-datepicker,
.ui-datepicker .ui-datepicker-header {
    padding: 0;
    width: 100%;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 11px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4zNTIxNzkgOS4xMDE0MUw4LjkxNzQ2IDAuMzU5MTg1QzkuNDE2MDcgLTAuMTE5NzI4IDEwLjE3ODkgLTAuMTE5NzI4IDEwLjY0ODEgMC4zNTkxODVDMTEuMTE3MyAwLjgzODA5OSAxMS4xMTczIDEuNjE2NjUgMTAuNjQ4MSAyLjEyNTU2TDIuOTMzNDIgOS45OTk2TDEwLjY0ODEgMTcuODczNkMxMS4xMTczIDE4LjM1MjkgMTEuMTE3MyAxOS4xNTkzIDEwLjY0ODEgMTkuNjRDMTAuMTc4OSAyMC4xMjA3IDkuNDE2MDcgMjAuMTE5MyA4LjkxNzQ2IDE5LjY0TDAuMzUyMTc5IDEwLjg2NzhDLTAuMTE3MzkyIDEwLjM4ODkgLTAuMTE3MzkyIDkuNjEwMzIgMC4zNTIxNzkgOS4xMDE0MVoiLz4KPC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
}

.ui-datepicker .ui-datepicker-next {
    transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1;
    font-weight: 800;
    font-size: var(--calendar-font-size-title);
}

.ui-datepicker .ui-datepicker-week-end {
    color: #FF3B30;
}

.ui-datepicker .ui-datepicker-current-day,
.ui-datepicker .ui-datepicker-today {
    background: #EDEDED;
    border-radius: 50%;
}

.ui-datepicker .ui-datepicker-current-day {
    background: #A9D992;
}

.ui-datepicker .ui-state-disabled {
    opacity: 0.35;
    background: transparent !important;
}

.ui-datepicker table {
    font-size: var(--calendar-font-size-text);
}

.ui-datepicker table thead tr {
    border-bottom: 1px solid #F5F5F5;
}

.ui-datepicker th {
    width: var(--datepicker-td-size);
    padding: 25px 0 15px;
}

.ui-datepicker td {
    padding: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    height: var(--datepicker-td-size);
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1280px) {
    :root {
        --calendar-font-size: 16px;
        --calendar-font-size-title: 12px;
        --calendar-font-size-text: 14px;
        --calendar-border-radius: 10px;
        --calendar-menu-day: 110px;
        --calendar-menu-date-desc-span: 16px;
        --datepicker-td-size: 35px;
    }
    
    .calendar {
        margin-bottom: 20px;
    }
    
    .calendar-title {
        height: 45px;
        padding-left: 18px;
    }
    
    .calendar-toggle {
        width: 250px;
        padding: 0 75px 0 15px;
    }
    
    .calendar-toggle:after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        right: 15px;
    }
    
    .calendar-menu-header {
        margin: 10px 15px 20px;
        line-height: 1;
    }
    
    .calendar-menu-calendar {
        flex: 0 0 280px;
        padding: 30px 0 20px;
    }
    
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        width: 8px;
        height: 12px;
    }
    
    .ui-datepicker th {
        padding: 25px 0 15px;
    }
}

@media (max-width: 1100px) {
    
    :root {
        --calendar-font-size-text: 12px;
        --datepicker-td-size: 30px;
        --basket-info-before-size: 25px;
    }
    
    .basket__info {
        padding: 15px 15px 15px 50px;
    }
    
    .basket__info:before {
        top: 18px;
        left: 12px;
    }
    
    .basket-data__input {
        margin-top: 10px;
    }
    
    .basket-data__input:before {
        width: 6px;
        margin-top: -11px;
    }
    
    .basket-data__input input {
        line-height: 35px;
    }
    
    .basket-data__price {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    
    .calendar-menu-calendar {
        flex: 0 0 250px;
    }
    
}

@media (max-width: 960px) {
    
    .calendar-menu-title {
        text-transform: unset;
    }
    
    .calendar-menu-title span {
        display: none;
    }
    
    .basket__info {
        max-width: 532px;
        padding: 15px 10px 15px 60px;
    }
    
    .basket__info:before {
        left: 15px;
    }
    
    .basket__info ul {
        margin: 5px 0;
    }

}

@media (min-width: 768px) {
    
    .visible-sm {
        display: none !important;
    }
    
}

@media (max-width: 767px) {
    
    :root {
        --calendar-font-size: 11px;
        --calendar-font-size-title: 10px;
        --calendar-font-size-text: 10px;
        --calendar-menu-day: 70px;
        --calendar-menu-date-desc-span: 10px;
        --datepicker-td-size: 25px;
    }
    
    .hidden-sm {
        display: none !important;
    }
    
    .calendar {
        margin-top: 0;
    }
    
    .calendar-title {
        height: 23px;
height: 34px;
        padding-left: 8px;
font-size: 12px;
    }
    
    .calendar-toggle {
        width: 150px;
width: 154px;
        padding: 0 30px 0 8px;
padding: 0 29px 0 8px;
    }
    
    .calendar-toggle:after {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        right: 8px;
width: 12px;
height: 12px;
    }
    
    .calendar-menu-header {
        margin: 10px 8px 15px;
font-size:14px;
line-height: 1.1;
    }
    
.basket-data__input input {font-size:14px;}
.basket__info {font-size:14px;}

    .calendar-menu-desc {
        align-items: center;
        padding: 20px 0;
    }
    
    .calendar-menu-day {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: var(--calendar-menu-day);
        height: var(--calendar-menu-day);
        margin: 20px 0 10px;
        font-size: 36px;
        background: #A9D992;
        border-radius: 50%;
        font-weight: 800;
        color: #fff;
    }

    .calendar-menu-date {
        font-weight: 800;
        font-size: var(--calendar-font-size-title);
        text-transform: capitalize;
    }

    .calendar-menu-date-desc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid #C2C2C2;
        font-weight: 400;
        gap: 8px;
        margin-top: 35px;
        padding: 8px 8px 0 8px;
        font-size: 8px;
    }

    .calendar-menu-date-desc span {
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .calendar-menu-date-desc span:before {
        content: "";
        width: var(--calendar-menu-date-desc-span);
        height: var(--calendar-menu-date-desc-span);
        background: #EDEDED;
        border-radius: 50%;
    }

    .calendar-menu-date-desc span:last-child:before {
        background: #A9D992;
    }
    
    .address-list li {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 5px;
    }
    
    .calendar-menu-calendar {
        flex: 0 0 200px;
        padding: 20px 0;
    }
    
    .basket__info {
        max-width: unset;
    }
    
    .basket-data__price {
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        width: 5px;
        height: 8px;
    }
    
    .ui-datepicker th {
        padding: 15px 0 10px;
    }
}


@media (max-width: 424px) {
    
    :root {
        --datepicker-td-size: 20px;
    }
    
    .calendar-menu-calendar {
        flex: 0 0 160px;
    }
    
}
.ui-datepicker-calendar .ui-datepicker-other-month span {display:none;}
.ui-datepicker .ui-datepicker-current-day.ui-datepicker-other-month {background: none;}