:host{--calendar-day-width:40px;--calendar-inline-padding:clamp(2rem, 4vw, 4rem);position:relative;display:block;inline-size:100vw;margin:1rem 0 3rem;padding-inline:var(--calendar-inline-padding);background-color:#fff;border-top:1px solid var(--color-neutral-100)}:host([order="1"]){margin:0}:host([order="1"]) .month{padding-block:1rem}:host([order="1"]) hr.month-separator{block-size:6.5rem!important}*,::after,::before{box-sizing:border-box}.next,.prev{position:absolute;inset-block:2px;inline-size:calc(var(--calendar-inline-padding) - .5rem);background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;z-index:9;border:0;border-radius:.25rem;cursor:pointer}:is(.prev,.next):hover{background-color:var(--color-neutral-025)}:is(.prev,.next):focus{background-color:var(--color-neutral-100)}.prev{left:2px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjQxIDcuNDFMMTQgNkw4IDEyTDE0IDE4TDE1LjQxIDE2LjU5TDEwLjgzIDEyTDE1LjQxIDcuNDFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K)}.next{right:2px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMl80NjQpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQgNkw4IDcuNEwxMi42IDEyTDggMTYuNkw5LjQgMThMMTUuNCAxMkw5LjQgNloiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAyXzQ2NCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)}.calendar{position:relative}.calendar::after{content:"";position:absolute;width:100px;height:100%;top:0;right:0;background-image:linear-gradient(-90deg,#fff,#ffffff00);pointer-events:none}.month-list{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.month-list::-webkit-scrollbar{display:none}hr.month-separator{display:block;flex-grow:0;flex-shrink:0;align-self:center;inline-size:1px!important;block-size:8rem!important;margin-inline:calc(var(--calendar-day-width)/2 - 1px) calc(var(--calendar-day-width)/2);background-color:var(--color-neutral-200)}.month{flex-grow:1;flex-shrink:0;display:inline-flex;flex-flow:column;align-items:start;gap:.5rem;padding-block:1.5rem 2rem}.month-name{position:sticky;display:flex;justify-content:center;align-items:center;inset-block-start:0;inset-inline:0;block-size:2em;padding-inline:.75rem;font-family:var(--font-family-secondary);font-size:var(--fs-body2);white-space:nowrap;color:var(--color-text-primary);background-color:#fff;border:1px solid var(--color-neutral-050);border-radius:5px}.month-name:hover{background-color:var(--color-neutral-025)}.month-name:focus{color:#fff;background-color:var(--color-neutral-900)}.month-name .skeleton-text{inline-size:8rem!important}.day-list{flex-basis:100%;display:flex;flex-grow:1}.day{flex-basis:var(--calendar-day-width);flex-shrink:0;flex-grow:0;scroll-snap-align:start;display:flex;flex-flow:column;align-items:center;gap:.5rem;padding-block:.1rem;padding-inline:.1rem}.day-count,.day-name{font-family:var(--font-family-secondary)}.day-name{font-size:var(--fs-caption);line-height:1.5em}.day-name.skeleton{inline-size:3rem;background-color:#efefef;border-radius:.75em}.day-count{display:flex;justify-content:center;align-items:center;inline-size:calc(var(--calendar-day-width) - .2rem);aspect-ratio:1/1;padding-block-end:.1rem;font-weight:700;font-size:var(--fs-body2);text-decoration:none;color:var(--color-text-primary);background-color:transparent;border:0;border-radius:50%;outline:0}.day-count.skeleton{background-color:var(--color-neutral-050)}.day.is-today .day-count{color:#fff;background-color:var(--color-neutral-500)}.day.is-weekend .day-name{font-weight:700;color:var(--color-primary-500)}.day.has-event .day-count{color:#fff;background-color:var(--color-primary-500);cursor:pointer}.day.is-today.has-event .day-count{border:2px solid #fff;box-shadow:0 0 0 2px var(--color-neutral-900)}.day.has-event .day-count:hover{color:var(--color-primary-500);background-color:#fff;border:2px solid var(--color-primary-500);box-shadow:var(--box-shadow-soft)}.day.has-event .day-count:focus{background-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-neutral-900)}.calendar-modal{position:absolute;width:100%;max-width:252px;inset-block-start:140px;padding-bottom:15px;font-size:.8em;line-height:120%;color:#fff;z-index:999999}.calendar-modal-arrow{position:absolute;inset-block-start:125px;left:100px;width:0;height:0;border-block-end:15px solid var(--color-text-primary);border-inline:15px solid transparent;pointer-events:none}.calendar-modal[hidden]~.calendar-modal-arrow{display:none}.calendar-modal-list{list-style-type:none;display:flex;flex-flow:column;margin:0;padding-block:.2rem 0;padding-inline:0;background-color:var(--color-text-primary);border-radius:.25rem;box-shadow:0 5px 10px rgba(0,0,0,.2);overflow:hidden}.calendar-modal-event{display:block;padding-block:.75rem;padding-inline:1.2rem;text-decoration:none;color:#fff}.calendar-modal-list li+li{border-block-start:1px solid rgba(255,255,255,.2)}.calendar-modal-event-author{display:block;margin-block-end:.15rem;font-style:italic}.calendar-modal-event-title{display:block;font-weight:700;text-transform:uppercase}.calendar-modal-event-date{display:block;font-size:smaller}.calendar-modal-event:where(:hover,:focus){background-color:var(--color-primary-500)}.calendar-modal-event-location{--ui-icon-fill:white;display:flex;align-items:center;gap:.25rem;font-family:var(--font-family-secondary);font-size:smaller;line-height:1.2em;background-repeat:no-repeat;background-position:0 1px;background-size:14px}.calendar-modal-event-location .icon{inline-size:1rem;block-size:1rem}