.calendar{overflow:hidden;max-width:300px;border-radius:12px;padding:12px;box-sizing:border-box;box-shadow:0 2px 16px 0 #d6e9f9;background:#fff;width:100%}.calendar__head{text-align:center}.calendar__nav{display:flex;align-items:center;justify-content:space-between;max-width:300px;margin-left:auto;margin-right:auto}.calendar__nav__next,.calendar__nav__pre{font-size:24px;background:linear-gradient(180deg,#5caee6,#2785c3);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#2785c3}.calendar__nav__now{font-size:16px;color:#2e2d31;font-weight:500}.calendar__table{width:100%;border-spacing:4px}.calendar__table th{font-size:14px;line-height:17px;letter-spacing:.03em;font-weight:400;color:#757883;height:36px}.calendar__table th:last-child,.calendar__table th:nth-last-child(2){color:#d92b4b}.calendar__table__week .disabled,.calendar__table__week .notslot{background:#f5f6fa!important;color:#adb0bb!important}.calendar__table__week td{text-align:center;background:#f5f6fa;border-radius:6px;cursor:pointer;box-sizing:border-box;width:36px;height:36px;font-size:14px;font-weight:500}.calendar__table__week td.select{background:#3ba1ff!important;color:#fff!important}.calendar__table__week td:not(.active):not(.disabled):last-child,.calendar__table__week td:not(.active):not(.disabled):nth-last-child(2){color:#d92b4b}.calendar__table__week td.active{border-color:#fff;border-radius:6px 6px 0 0;position:relative;background:#ebf4fc}.calendar__table__week td.active:after{content:"";position:absolute;width:100%;height:100%;top:100%;left:0;background:#ebf4fc}.calendar__table__head{max-width:300px}.calendar__table__slots__inner{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:var(--s)}.calendar__table__slots__item{background:#fff;border:1px solid #e8e9ef;box-sizing:border-box;border-radius:6px;cursor:pointer;font-size:17px;line-height:24px;text-align:center;color:#2e2d31;padding:3px 0}.calendar__table__slots__item:hover{background:linear-gradient(180deg,#5caee6,#2785c3);color:#fff;border:none}.calendar__table__slots__item.active{color:#fff;background:linear-gradient(180deg,#f27997,#c04d73);border:0}.calendar__table__slots__item:before{content:"";display:inline-block;vertical-align:middle}.calendar__table__slots td{position:relative;background:#ebf4fc;padding:var(--xs) 0}.calendar__table__slots td.disabled{background:#f5f6fa;color:#adb0bb}.calendar__table__slots td:after{right:-100%}.calendar__table__slots td:after,.calendar__table__slots td:before{content:"";position:absolute;height:100%;width:100%;top:0;background:#ebf4fc}.calendar__table__slots td:before{left:-100%}.calendar{box-shadow:none;margin:auto;border-radius:12px 12px 0 0}@media(max-width:720px){.calendar{box-shadow:none;margin:auto;border-radius:12px 12px 0 0}}.upsell{padding:8px 16px;border-radius:8px;background:rgba(235,244,252,.5);width:320px;display:inline-flex;align-items:flex-start;box-sizing:border-box;flex-shrink:0;cursor:pointer;border:1px solid transparent}@media(max-width:990px){.upsell{width:auto}}.upsell__wrapper{display:flex;gap:8px;overflow:auto;scrollbar-width:none;flex-wrap:wrap}@media(max-width:990px){.upsell__wrapper{flex-direction:column}}.upsell--active,.upsell:hover{border:1px solid var(--new-blue,#3ba1ff)}.upsell div{max-width:100%}