.calendarCont{align-self:flex-start;margin-left:8px}@media screen and (max-width:799px){.calendarCont{width:100%;background-color:var(--color-support-1);padding:0 8px;margin-left:0;box-sizing:border-box}}.calendar{display:grid;align-self:flex-start;background-color:var(--color-support-5);border:solid 1px var(--color-support-1);color:var(--color-support-4);border-radius:8px;position:relative;box-sizing:border-box;-webkit-user-select:none;user-select:none;grid-template:" yesterday datepicker  tomorrow " 28px / 30px max-content 30px}.calendar__navigation{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%;border:initial;background-color:initial;color:inherit}.calendar__navigation svg{width:10px;height:10px}.calendar__navigation--yesterday{grid-area:yesterday}@media(hover:hover){.calendar__navigation--yesterday:hover{background-color:rgba(var(--color-support-2-rgb),.3);border-radius:8px 0 0 8px;color:var(--color-combination-1);transition:all .4s ease}}.calendar__navigation--tomorrow{grid-area:tomorrow;transform:rotate(180deg)}@media(hover:hover){.calendar__navigation--tomorrow:hover{background-color:rgba(var(--color-support-2-rgb),.3);border-radius:8px 0 0 8px;color:var(--color-combination-1);transition:all .4s ease}}.calendar__icon{width:16px;height:16px;margin-right:8px}.calendar__datepicker{grid-area:datepicker;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;height:100%;border:initial;background-color:initial;font-family:inherit;color:inherit}.calendar__datepicker--active{background-color:rgba(var(--color-support-2-rgb),.3);color:var(--color-combination-1)}@media(hover:hover){.calendar__datepicker:hover{background-color:rgba(var(--color-support-2-rgb),.3);color:var(--color-combination-1);transition:all .4s ease}}.calendar__days{position:absolute;left:0;top:calc(100% + 2px);background-color:var(--color-support-5);width:calc(100% + 2px);padding:12px;border-radius:8px;display:grid;grid-auto-flow:row;grid-auto-rows:24px;grid-row-gap:4px;box-shadow:0 2px 10px #00000040;box-sizing:border-box;z-index:var(--zIndex-dropDown);margin:initial}.calendar__listItem{display:flex}.calendar__day{display:flex;flex-grow:1;border-radius:4px;color:var(--color-combination-2);align-self:stretch;justify-self:stretch;align-items:center;justify-content:center;cursor:pointer;letter-spacing:.4px;font-size:12px;font-weight:400;text-transform:uppercase;border:initial;background-color:initial;font-family:inherit}.calendar__day:not(.calendar__day--active):hover{background-color:rgba(var(--color-support-2-rgb),.3);color:var(--color-combination-2);transition:all .1s ease}.calendar__day--active{color:var(--color-white);background-color:var(--color-primary-2);font-weight:700}.calendar__day--today{font-weight:700}@media screen and (max-width:799px){.calendar{width:100%;padding:12px 8px;border:none;border-radius:initial;grid-template-columns:30px 1fr 30px;background-color:var(--color-support-1);column-gap:10px}.calendar__days{top:calc(100% - 12px);width:calc(100% - 16px);left:8px}.calendar__datepicker{background-color:var(--color-support-5);border-radius:8px}.calendar__datepicker--active{background-color:rgba(var(--color-support-2-rgb),.3)}.calendar__navigation{background-color:var(--color-support-5);border-radius:8px;width:30px;height:100%}.calendar__navigation:hover{border-radius:8px}}