.simple-calendar{background:rgb(var(--background));font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;flex:1;max-width:350px;max-height:400px;overflow:hidden;border-radius:8px}.simple-calendar .simple-calendar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.simple-calendar .simple-calendar__header .simple-calendar__title{font-size:18px;font-weight:600;margin:0;color:var(--text-color)}.simple-calendar .simple-calendar__header .simple-calendar__navigation{display:flex;gap:8px}.simple-calendar .simple-calendar__header .simple-calendar__navigation .simple-calendar__nav-button{background:0 0;border:none;font-size:20px;cursor:pointer;color:var(--text-color);padding:4px 8px}.simple-calendar .simple-calendar__days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.simple-calendar .simple-calendar__days-header .simple-calendar__day-name{text-align:center;font-weight:600;font-size:12px;opacity:.5;padding:8px 4px}.simple-calendar .simple-calendar__days-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:var(--spacing-4);max-height:240px;overflow:hidden}.simple-calendar .simple-calendar__days-grid .simple-calendar__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border-radius:50%;transition:all .2s;position:relative;min-height:32px;max-height:40px;align-self:center;justify-self:center}.simple-calendar .simple-calendar__days-grid .simple-calendar__day--empty{cursor:default}.simple-calendar .simple-calendar__days-grid .simple-calendar__day--disabled{color:#ccc;cursor:not-allowed}.simple-calendar .simple-calendar__days-grid .simple-calendar__day--selectable{color:#333;border:1px solid #e0e0e0}.simple-calendar .simple-calendar__days-grid .simple-calendar__day--selectable:hover{background-color:#f8f8f8;border-color:#d0d0d0}.simple-calendar .simple-calendar__days-grid .simple-calendar__day--selected{background-color:#ffb1d6;color:#fff;border:1px solid #ffb1d6;font-weight:600}@media screen and (max-width:1000px){.simple-calendar{max-width:100%;max-height:100%}}@media screen and (max-width:25em){.simple-calendar{gap:var(--spacing-2)}}