.header-title{margin-bottom:0}.container-calendar{width:100%;max-width:1800px}.calendar-buttons{justify-content:space-between;margin:30px auto}.calendar-buttons .btn{font-size:20px;padding:10px;border:0}.calendar-buttons #js-month-button.is-supported{position:relative;padding-right:30px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}.calendar-buttons #js-month-input{display:none}.calendar-buttons #js-month-button.is-supported #js-month-input{display:block;pointer-events:none;position:absolute;visibility:hidden;bottom:0;left:0;width:0;height:0;border:0}.calendar{display:grid;gap:25px;grid-template-columns:50px repeat(7,1fr);margin-bottom:20px}.calendar-week{text-align:center;align-self:center}.calendar-day{position:relative}.calendar-empty,.calendar-day .app{display:block;background:var(--muted-bg-color);background-position:center;background-repeat:no-repeat;background-size:contain;aspect-ratio:748 / 896}.calendar-day-app-hidden{z-index:-1;position:absolute;width:0;height:0;overflow:hidden}.calendar-day-app-fade-out{position:absolute;z-index:100;opacity:1;width:100%;bottom:0;left:0;animation:fade-out ease-in-out .3s}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.calendar-day .calendar-day-header{line-height:1;color:#fff;background:#000;padding:0 4px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px;.calendar-day-number{min-width:20px;color:currentColor}.calendar-day-circles-empty{display:flex;height:28px}.calendar-day-circles{display:flex;gap:5px;flex-grow:1;.calendar-day-circle{flex-grow:1;display:flex;padding-top:10px;padding-bottom:10px;>span{border-radius:6px;background-color:var(--border-color-2);height:8px;width:100%;transition:background-color .3s ease-in-out}&.calendar-day-circle-hot>span{background-color:#577c27}&.calendar-day-circle-active>span{background-color:var(--border-color)}&.calendar-day-circle-hot.calendar-day-circle-active>span{background-color:#88c23d}&.calendar-day-circle:hover>span{background-color:var(--link-color-hover)}}}}.calendar-day .app.followed .app-state-badge,.calendar-day .app.wished .app-state-badge,.calendar-day .app.watched .app-state-badge,.calendar-day .app.infamily .app-state-badge,.calendar-day .app.owned .app-state-badge{color:var(--state-text-color);background-size:16px;background-position:5px center;background-repeat:no-repeat;width:26px;height:26px}.calendar-today{box-shadow:0 0 0 1px #bfdef7;.calendar-day-header{background:#bfdef7;color:#000}}.calendar-day .app:hover{text-decoration:none;box-shadow:0 0 0 3px var(--link-color-hover)}.footer-filter-buttons{display:flex;gap:5px;justify-content:center;margin:50px auto}@media(min-width:980px){.calendar-month-title{margin-left:55px}}@media(max-width:979px){.calendar-week,.calendar-weekday,.calendar-filler{display:none}.calendar{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:10px}.calendar-buttons{padding-bottom:10px;margin-bottom:20px;overflow-x:scroll;mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}.calendar-day-circle{padding-top:18px;padding-bottom:20px}.footer-filter-buttons{text-align:left;flex-direction:column}.footer-filter-buttons .btn{justify-content:flex-start}.calendar-day:has(.calendar-empty){display:none}}@media(max-width:720px){.calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.calendar{grid-template-columns:repeat(1,minmax(0,1fr))}}
