.eventlist{container-name:eventlist;container-type:inline-size;display:flex;gap:2rem;position:relative;z-index:1}.eventlist__content{align-items:center;display:flex;justify-content:center;opacity:1!important;position:relative;z-index:2}@container eventlist (width <= 470px){.eventlist__content{display:none}}.eventlist__title{color:var(--text-color,gray);margin:0;opacity:.2;rotate:180deg;text-align:center;writing-mode:vertical-lr}.eventlist__list{height:480px;overflow:hidden;position:relative;z-index:3}.eventlist__event{display:flex;transition:.5s}.eventlist__event:hover{scale:.95}.eventlist__event-link{align-items:center;background:linear-gradient(0deg,rgba(var(--light),80%),rgba(var(--light),40%));border-radius:2rem;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;width:100%}@container eventlist (width <= 350px){.eventlist__event-link{flex-wrap:wrap;gap:.5rem}}.eventlist__event-date{color:var(--primary-color);display:grid;flex:0;gap:.25rem .5rem;grid-template-areas:"day day" "month year";grid-template-columns:auto 1fr;place-content:center start;width:100%}@container eventlist (width <= 350px){.eventlist__event-date{align-items:start;flex:100%;grid-template-areas:"day month year"}}.eventlist__event-date-day{display:block;font-size:var(--text-h2,3rem);font-weight:700;grid-area:day;line-height:1}@container eventlist (width <= 350px){.eventlist__event-date-day{margin-top:-.75rem}}.eventlist__event-date-month{font-weight:400;grid-area:month;text-transform:uppercase}.eventlist__event-date-month,.eventlist__event-date-year{display:block;font-size:var(--text-h5,1.5rem);line-height:1}.eventlist__event-date-year{font-weight:300;grid-area:year;opacity:.5}.eventlist__event-title{color:var(--dark-color,#000);display:-webkit-box;flex:100%;font-size:1rem;font-weight:400;line-height:2;margin:0;max-height:100%;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}@container eventlist (width <= 350px){.eventlist__event-title{line-height:1.5;-webkit-line-clamp:2}}.eventlist__event-title a{color:inherit}.eventlist__event-title a:hover{color:var(--primary-color,#000)}.eventlist__event-text{margin:0}.eventlist__event-actions{display:flex;justify-content:end;margin-top:auto;width:100%}.eventlist__nav{display:flex;gap:.5rem;grid-column:3/4;grid-row:2/3;place-self:end;position:relative;z-index:4}@media (width <= 575px){.eventlist__nav{grid-row:3/4;padding-top:1.5rem;place-self:start}}.eventlist__nav .button.swiper-button-disabled{box-shadow:none;pointer-events:none}