body>main{display:flex;width:90vw;max-width:2000px}.calendar{flex:1;display:flex;flex-direction:column}.calendar-header{color:var(--font-color);display:grid;grid:1fr / 1fr auto 1fr;padding:1em;justify-content:space-between;align-items:center}.calendar-header-left,.calendar-header-center,.calendar-header-right{display:inline-flex;flex-direction:row;align-items:center}.calendar-header-left{justify-content:start}.calendar-header-center{justify-content:center}.calendar-header-right{justify-content:end}.calendar-button{color:var(--font-color);font-weight:600;border:1px solid var(--border-lighter-2);border-radius:.5em;height:3em;padding:1em;display:inline-table;align-items:center;justify-content:center;cursor:pointer;user-select:none;white-space:nowrap}.calendar-button:hover{background:var(--background-lighter-2)}.calendar-button.active{background-color:var(--background-lighter-2)}.buttons-group{white-space:nowrap}.buttons-group :first-child{border-radius:.5em 0 0 .5em;border-width:1px 0 1px 1px}.buttons-group :last-child{border-radius:0 .5em .5em 0}#today-button{margin:0 1em 0 0}.date-button{font-size:1.25em;width:2em;height:2em;border-radius:50%;border:0;padding:0;display:flex;justify-content:center;align-items:center}.date-button.disabled{color:var(--font-color-disabled)}.date-button.disabled:hover{background:initial}.current-month{font-size:1.5em;font-weight:700;width:14ch;margin:0;display:flex;justify-content:center;align-items:center}.calendar-main{width:100%;flex-grow:1;display:flex;flex-direction:column}#calendar-month-view{width:100%;flex-grow:1;display:flex;flex-direction:column;.weekdays,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-auto-flow:row;gap:0}.days{flex-grow:1}.weekday,.day{border-style:solid;border-color:var(--border-lighter-2);border-right-width:1px;border-bottom-width:1px;border-top-width:0;border-left-width:0}.weekday{border-top-width:1px}.weekday:first-child{border-left-width:1px;border-radius:.5em 0 0 0}.weekday:last-child{border-radius:0 .5em 0 0}.day:nth-child(7n+1){border-left-width:1px}.day:nth-last-child(7){border-radius:0 0 0 .5em}.day:last-child{border-radius:0 0 .5em 0}.weekday,.day{padding:2px;width:100%;height:100%;text-align:center;align-content:center;justify-content:center;align-items:center}.weekday{background-color:var(--background-lighter-15);padding:.5em 0 .5em 0;font-weight:600}.day{background-color:var(--background-lighter);display:flex;flex-direction:column;&.other-month{background-color:var(--background-darker)}&:hover{background:var(--background-lighter-2) !important}}.date{flex-grow:0;font-weight:600;aspect-ratio:1 / 1;padding:.5em;margin-bottom:.5em;border-radius:50%}.day.today .date{color:var(--font-yellow);background-color:var(--background-yellow);border:1px solid var(--border-yellow)}.events{width:100%;flex-grow:1;display:flex;flex-direction:column;gap:.2em}.event{width:100%;max-width:100%;height:2em;font-size:.8em;padding:.2em;color:var(--font-yellow);background-color:var(--background-yellow);border:1px solid var(--border-yellow);border-radius:.2em;display:flex;align-items:center;cursor:pointer;user-select:none}.event img{height:100%;margin-right:.3em}.event span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}#calendar-planning-view{width:100%;flex-grow:0;display:flex;flex-direction:column;article{background:var(--background-lighter);border-style:solid;border-color:var(--border-lighter-2);border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:0;&.active .date{color:var(--font-yellow);background-color:var(--background-yellow);border:1px solid var(--border-yellow)}&:first-child{border-radius:.5em .5em 0 0}&:last-child{border-bottom-width:1px;border-radius:0 0 .5em .5em}&:nth-child(2n){background:var(--background-lighter-15)}&:hover{background:var(--background-lighter-2) !important}}}.event-popover{inset:auto;max-width:50vw;position-area:top;margin:1rem;color:var(--font-color-light);background-color:var(--background-color-light);border:1px solid var(--border-color-light);border-radius:1em;overflow:visible}.event-popover:before{content:' ';position:absolute;width:0;height:0;left:calc(50% - 1rem);top:100%;border:1rem solid;border-color:var(--border-color-light) transparent transparent transparent}.event-popover:after{content:' ';position:absolute;width:0;height:0;left:calc(50% - 1rem + 1px);top:100%;border:calc(1rem - 1px) solid;border-color:var(--background-color-light) transparent transparent transparent}.event-details{display:grid;grid-template:'date content logo' 1fr / 8em 1fr 10em;gap:2em;margin:0;padding:.5em;.date{grid-area:date;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;font-weight:600;text-wrap:nowrap;padding:.5em;border-radius:.5em;.day{font-size:2em}}img{grid-area:logo;align-self:center;justify-self:center;width:80%;aspect-ratio:3 / 2;object-fit:contain}.content{grid-area:content;display:flex;flex-direction:column;.title{margin:.5em 0}.desc{font-size:.9em;margin:.5em 0}.filler{flex:1 0 0}i{width:2.5ch;text-align:center}.society{line-height:1.5;.society-infos{margin:.25em 0 0 3ch}}}}.loader{width:48px;height:48px;border-radius:50%;background-color:#ddd;position:relative;overflow:hidden;margin:0;padding:0}.loader::before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#222;width:50%;height:100%;animation:loader-moon-flip 2s 1s steps(2) infinite alternate}.loader::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;border-radius:50%;background-color:#222;animation:loader-moon-scale 1s infinite alternate linear,loader-moon-blink 2s 0s steps(1) infinite alternate}@keyframes loader-moon-flip{0%{left:0}100%{left:100%}}@keyframes loader-moon-scale{0%{transform:scaleX(100%)}100%{transform:scaleX(0)}}@keyframes loader-moon-blink{0%{background-color:#222}50%{background-color:#ddd}100%{background-color:#222}}.loader-container{position:relative}.loader-wrapper-center{width:100%;height:100%;position:absolute;top:0;left:0;background:var(--background-lighter);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-lighter-2);border-radius:.5em}.loader-wrapper-center>.loader{width:48px;height:48px;display:inline-block}.loader-wrapper-center>.loader-cross{width:48px;height:48px;display:none}.loader-wrapper-center>.loader-retry{background-color:white;padding:4px;margin-top:8px;border-radius:.25em;color:var(--blue);cursor:pointer;user-select:none;display:none}@media screen and (max-width:767px){.calendar-header{padding:.5em 0}#today-button{margin:0 .25em 0 0}.current-month{font-size:1.2em;font-weight:500;margin:0 0 0 .25em;text-align:center;inline-size:min-content;width:9ch}.event-popover{max-width:95vw}.mobile-hidden{display:none}.event-details{grid-template:'date content' 1fr 'logo content' 1fr / 6em 1fr;gap:1em;.date{font-size:.75em;padding:.25em}img{width:90%}}}