.calendar{text-transform:capitalize;background-color:var(--color-background-primary);border-radius:.3125rem;width:16.25rem}.calendar__header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.625rem .3125rem;display:flex}.calendar__header__arrow__container{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.calendar__header__title{text-align:center;flex:1;font-size:.875rem;font-weight:600}.calendar__header__arrow__left{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .25s;display:flex}@media (hover:hover){.calendar__header__arrow__left:hover{opacity:.7}}.calendar__header__arrow__left path{fill:var(--color-foreground-primary)}.calendar__header__arrow__right{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .25s;display:flex;transform:rotate(180deg)}@media (hover:hover){.calendar__header__arrow__right:hover{opacity:.7}}.calendar__header__arrow__right path{fill:var(--color-foreground-primary)}.calendar__body{border-radius:0 0 .3125rem .3125rem;padding:.3125rem}.calendar__week__names{height:1.25rem;color:var(--color-foreground-tertiary);text-align:center;grid-gap:.0625rem .0625rem;grid-template-columns:repeat(7,1fr);align-items:center;gap:.0625rem;font-size:.5rem;font-weight:600;display:grid}.calendar__days{color:var(--color-foreground-primary);text-align:center;grid-gap:.0625rem .0625rem;grid-template-rows:1fr;grid-template-columns:repeat(7,1fr);align-items:center;gap:.0625rem;font-size:.625rem;font-weight:400;display:grid}.calendar__day{cursor:pointer;border-radius:.3125rem;justify-content:center;align-items:center;height:2.1875rem;padding:.34375rem 0;display:flex}@media (hover:hover){.calendar__day:hover{background-color:var(--color-background-interactive-tertiary-default)}}.calendar__empty__day{cursor:default;height:2.1875rem;padding:.34375rem}@media (hover:hover){.calendar__empty__day:hover{background-color:#0000}}.calendar__pick__item{cursor:pointer;border-radius:.3125rem;justify-content:center;align-items:center;padding:.5625rem 0;display:flex}@media (hover:hover){.calendar__pick__item:hover{background-color:var(--color-background-interactive-tertiary-default)}}.calendar__selected__item{color:var(--color-foreground-interactive-primary);background-color:var(--color-background-interactive-primary-default)}@media (hover:hover){.calendar__selected__item:hover{background-color:var(--color-background-interactive-primary-default)}}.calendar__today__item{color:var(--color-foreground-interactive-secondary-default)}.calendar__range__item{background-color:var(--color-background-interactive-tertiary-active);color:var(--color-foreground-primary);border-radius:0;margin:-.5px}@media (hover:hover){.calendar__range__item:hover{background-color:var(--color-background-interactive-tertiary-default)}}.calendar__range__start,.calendar__range__end{margin:0}.calendar__range__start{background-color:var(--color-background-interactive-primary-default);color:var(--color-foreground-interactive-primary);border-radius:.3125rem 0 0 .3125rem;margin:-.5px}.calendar__range__end{background-color:var(--color-background-interactive-primary-default);color:var(--color-foreground-interactive-primary);border-radius:0 .3125rem .3125rem 0;margin:-.5px}@media (hover:hover){.calendar__range__start:hover,.calendar__range__end:hover{background-color:var(--color-background-interactive-primary-default)}}.calendar__range__middle{background-color:var(--color-background-interactive-tertiary-active);color:var(--color-foreground-primary);border-radius:0;margin:-.5px}@media (hover:hover){.calendar__range__middle:hover{background-color:var(--color-background-interactive-tertiary-default)}}.calendar__pick__items__container{color:var(--color-foreground-primary);text-align:center;grid-gap:.0625rem .0625rem;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:.0625rem;font-size:.75rem;font-weight:400;display:grid}.calendar__unchoosable__year{color:var(--color-foreground-tertiary);padding:.5625rem 1rem;font-weight:300}.calendar__disabled__item{color:var(--color-foreground-tertiary);cursor:not-allowed;pointer-events:none}@media (hover:hover){.calendar__disabled__item:hover{background-color:#0000}}