.group-events{display:grid;grid-template-columns:repeat(auto-fill,minmax(314px,1fr));gap:12px;flex-wrap:wrap}.group-events-full-size{display:block;margin-bottom:20px}@media(min-width:767px){.group-events-full-size .group-event{display:flex}.group-events-full-size .group-event .group-event-thumbnail{flex-basis:50%;flex-shrink:0}.group-events-full-size .group-event .group-event-content{padding:var(--padding-xlarge);flex-grow:1}.group-events-full-size .group-event .group-event-content .group-event-follow-button{padding-top:20px;margin-top:auto}}@media(min-width:1199px){.group-events-full-size .group-event-description{-webkit-line-clamp:5}}.group-event{width:100%;overflow:hidden;background-color:var(--color-surface-100);border-radius:var(--radius-medium)}.group-event-thumbnail{display:flex;width:100%;overflow:hidden}.group-event-thumbnail-container{padding-top:0!important;width:100%}.group-event-thumbnail-container img{object-fit:cover;aspect-ratio:16/9}.group-event-follow-button{margin-top:20px;display:flex}.group-event-header{display:flex;justify-content:space-between}.group-event-header h2{height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-event-content{display:flex;flex-direction:column;padding:var(--padding-medium)}.group-event-join-button{width:100%;align-self:center}.light-theme .group-event-calendar-icon{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQzOC41Yy0uOTMyIDAtMS42ODguNzU2LTEuNjg4IDEuNjg4VjVINC41QTQuNSA0LjUgMCAwMDAgOS41VjMyYTQuNSA0LjUgMCAwMDQuNSA0LjVoMjdBNC41IDQuNSAwIDAwMzYgMzJWOS41QTQuNSA0LjUgMCAwMDMxLjUgNWgtMi4yNVYyLjE4N2ExLjY4NyAxLjY4NyAwIDEwLTMuMzc1IDBWNWgtMTUuNzVWMi4xODdDMTAuMTI1IDEuMjU2IDkuMzY5LjUgOC40MzcuNXpNMy4zNzUgMTEuNzVWMzJjMCAuNjIxLjUwNCAxLjEyNSAxLjEyNSAxLjEyNWgyN2MuNjIxIDAgMS4xMjUtLjUwNCAxLjEyNS0xLjEyNVYxMS43NUgzLjM3NXoiIGZpbGw9IiMzOTNiM2QiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%}.dark-theme .group-event-calendar-icon{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQzOC41Yy0uOTMyIDAtMS42ODguNzU2LTEuNjg4IDEuNjg4VjVINC41QTQuNSA0LjUgMCAwMDAgOS41VjMyYTQuNSA0LjUgMCAwMDQuNSA0LjVoMjdBNC41IDQuNSAwIDAwMzYgMzJWOS41QTQuNSA0LjUgMCAwMDMxLjUgNWgtMi4yNVYyLjE4N2ExLjY4NyAxLjY4NyAwIDEwLTMuMzc1IDBWNWgtMTUuNzVWMi4xODdDMTAuMTI1IDEuMjU2IDkuMzY5LjUgOC40MzcuNXpNMy4zNzUgMTEuNzVWMzJjMCAuNjIxLjUwNCAxLjEyNSAxLjEyNSAxLjEyNWgyN2MuNjIxIDAgMS4xMjUtLjUwNCAxLjEyNS0xLjEyNVYxMS43NUgzLjM3NXoiIGZpbGw9IiNiZGJlYmUiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%}.group-event-calendar-icon{display:block;width:40px;height:40px;margin-left:auto;margin-right:auto;margin-bottom:10px}.group-create-event-button{display:block;margin-top:14px;margin-left:auto;margin-right:auto}.group-event-date{font-weight:700}.group-event-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;margin-top:10px;max-height:150px}.group-event-feature-button{margin-left:12px}