.calendar{display:flex;flex-direction:column;align-items:center;background:var(--color-blue-2);border-radius:16px}.calendar-header{display:flex;align-items:center;gap:38.5px;padding:24px 0}.calendar-header>button{background:none;outline:none;border:none;padding:0;cursor:pointer}.calendar-header>button>.icon{width:24px;height:24px}.calendar-header>button:last-child{transform:rotateY(180deg)}@media (hover: hover){.calendar-header>button g{transition:opacity .15s ease-in-out}.calendar-header>button:hover g{opacity:1}}.calendar-markers{position:absolute;width:100%;height:4px;display:flex;align-items:center;justify-content:center;gap:4px;top:68%}.calendar-markers-item{width:4px;height:4px;background:var(--color-blue-3);border-radius:50%}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr);width:100%}.calendar-body>.text-xs{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}.calendar-body>button.text-xs{color:var(--color-light-1);background:none;border:none;outline:none;padding:0;cursor:default;border-radius:12px}.calendar-body__disabled{opacity:.3}.calendar-body__today{opacity:1;background:var(--color-blue-3)!important}.calendar-body__today .calendar-markers-item{background-color:#fff;opacity:.7}.calendar__selectable button.text-xs{cursor:pointer}