:root{--event-color-0:#eb0c0c;--event-color-1:#16e3d5;--event-color-2:#02aad0;--event-color-3:#03d975;--event-color-4:#dcac0b;--event-color-5:#e34ce3;--event-color-6:#33c8a3;--event-color-7:#ecc93b;--event-color-8:#b13ee3;--event-color-9:#3381b5;--event-color-10:#e3b13e;--event-color-11:#b5e33a;--event-color-12:#e35b3e;--event-color-13:#3ee3b1;--event-color-14:#3e6be3;--event-color-15:#e33e6b;--event-color-16:#6be33e;--event-color-17:#e36b3e;--event-color-18:#3ee36b;--event-color-19:#6b3ee3;--event-color-20:#e33eb1;--event-color-21:#b13ee3;--event-color-22:#3eb1e3;--event-color-23:#e3b13e;--event-color-24:#7ea91b;--event-color-25:#078c8c;--event-color-26:#e33e3e;--event-color-27:#3ee33e;--event-color-28:#3e3ee3;--event-color-29:#e3e33e;--event-color-30:#3ee3b1}.upcoming-events{width:calc(100% - 32px);display:flex;flex-direction:column;align-items:center;background-color:var(--da-card-bg);border-radius:var(--da-card-corners);box-shadow:var(--da-card-shadow-x) var(--da-card-shadow-y) var(--da-card-blur-radius) var(--da-shadow-dark);padding:6px 16px 16px 16px}.upcoming-events>button{width:100%;font-family:Oswald,sans-serif;font-size:1em;background-color:var(--da-fresh-blood);color:var(--da-light);border:none;border-radius:4px;padding:8px;margin-top:4px;transition:background-color .3s ease;cursor:pointer}.upcoming-events>button:hover{background-color:var(--da-fresh-blood-hover)}.upcoming-events>div.card-holder-header{margin-bottom:0;z-index:1}.upcoming-events>div.card-holder-header h2{font-size:clamp(12px, 2.5vw, 32px)}.calendar{width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--da-card-bg);border-radius:var(--da-card-corners);box-shadow:var(--da-card-shadow-x) var(--da-card-shadow-y) var(--da-card-blur-radius) var(--da-shadow-dark);padding-bottom:16px;margin-top:16px}.calendar-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 0 3px 0;background-color:var(--da-blood-stain);flex-direction:column;border-radius:var(--da-card-corners) var(--da-card-corners) 0 0;margin-bottom:4px}.row-events{position:absolute;width:100%;height:60%;left:0;opacity:.6;background-color:var(--da-fresh-blood)}.start-cap{border-top-left-radius:12px;border-bottom-left-radius:12px}.end-cap{border-top-right-radius:12px;border-bottom-right-radius:12px}.event-cell{background-color:#0ff}.cell-events{position:absolute;width:100%;height:30%;left:0;bottom:0;z-index:0;display:flex;justify-content:center;align-items:center;gap:5px}.event{position:relative;width:4px;height:4px;border-radius:4px}.calendar-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:95%;position:relative;gap:1px}.calendar-cell{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% / 7);height:100%;padding:8px;aspect-ratio:1/1;z-index:1;position:relative;border-radius:4px}.calendar-cell>span{aspect-ratio:1/1;justify-content:center;text-align:center;font-size:clamp(12px, 2vw, 20px)}.calendar-header>div:first-child{display:flex;align-items:center;justify-content:space-between;width:95%}.calendar-month-year{font-size:clamp(16px, 1.8vw, 20px);color:var(--da-light);font-weight:700;position:relative;display:flex;flex-direction:column;width:100%}.calendar-month-year span{width:100%;color:var(--da-light);font-weight:700;text-align:center}.calendar-month-year input{position:fixed;opacity:0;z-index:-1}.calendar-grid{display:flex;flex-direction:column;width:100%;padding:0 16px;justify-content:space-between;align-items:center;gap:1px}.calendar-nav{border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.calendar-header div.calendar-row{color:var(--da-light)}.calendar-cell.other-month{color:var(--da-text);opacity:.4}.calendar-cell.today{background-color:var(--da-fresh-blood);color:var(--da-light)}.event-color-snippet{width:10px;height:10px;border-radius:4px;margin-right:5px}.event-list-item{display:flex;flex-direction:column;align-items:start;gap:2px;margin-bottom:6px;width:100%;padding-bottom:6px}.event-list-item-header{display:flex;align-items:center;gap:2px}.calendar-events{width:100%;margin-bottom:6px;margin-top:4px}