.calendarContainer{background-color:var(--color-support-1);box-sizing:border-box;padding:12px 8px;width:100%}@media only screen and (min-width:800px){.calendarContainer{align-self:flex-start;background-color:transparent;padding:0;padding-inline-start:8px;width:auto}}.calendarCont{align-self:flex-start;margin-left:8px}@media only screen and (max-width:799px){.calendarCont{background-color:var(--color-support-1);box-sizing:border-box;margin-left:0;padding:0 8px;width:100%}}.calendar{align-self:flex-start;background-color:var(--color-support-5);border:1px solid var(--color-support-1);border-radius:8px;box-sizing:border-box;color:var(--color-support-4);display:grid;grid-template:" yesterday datepicker  tomorrow " 28px/30px max-content 30px;position:relative;user-select:none}.calendar__navigation{align-items:center;background-color:initial;border:initial;color:inherit;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.calendar__navigation svg{height:10px;width: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{height:16px;margin-right:8px;width:16px}.calendar__datepicker{align-items:center;background-color:initial;border:initial;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:700;grid-area:datepicker;height:100%;justify-content:center;letter-spacing:.4px;padding:0 12px;text-transform:uppercase}.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{background-color:var(--color-support-5);border-radius:8px;display:grid;grid-auto-flow:row;grid-auto-rows:24px;left:0;padding:12px;position:absolute;top:calc(100% + 2px);width:calc(100% + 2px);grid-row-gap:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,.25);box-sizing:border-box;margin:initial;z-index:var(--zIndex-dropDown)}.calendar__listItem{display:flex}.calendar__day{align-items:center;align-self:stretch;background-color:initial;border:initial;border-radius:4px;color:var(--color-combination-2);cursor:pointer;display:flex;flex-grow:1;font-family:inherit;font-size:12px;font-weight:400;justify-content:center;justify-self:stretch;letter-spacing:.4px;text-transform:uppercase}.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{background-color:var(--color-primary-2);color:var(--color-white);font-weight:700}.calendar__day--today{font-weight:700}@media only screen and (max-width:799px){.calendar{background-color:var(--color-support-1);border:none;border-radius:initial;column-gap:10px;grid-template-columns:30px 1fr 30px;padding:12px 8px;width:100%}.calendar__days{left:8px;top:calc(100% - 12px);width:calc(100% - 16px)}.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;height:100%;width:30px}.calendar__navigation:hover{border-radius:8px}}