/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.NodeOpenagendaTeaser{.splide__slide &{height:100%;}border:0.1rem solid $color-black;background-color:$color-white;border-radius:0.7rem;display:flex;flex-wrap:wrap;flex-direction:column;position:relative;overflow:hidden;.NodeTeaser{&__link{flex-direction:column;}&__content{display:flex;flex-direction:column;flex-wrap:wrap;flex:1;padding:2rem;}&__date{position:relative;order:-1;background-color:$color-tertiary;font-family:$fontExtended;font-size:1.8rem;line-height:1;max-width:100%;font-weight:400;height:5.6rem;padding:.2rem 2rem;display:flex;align-items:center;time{width:max-content;display:block;}&.featured{padding-left:5.5rem;&:before{content:'';position:absolute;width:2.4rem;height:2.4rem;margin:auto 0;top:0;bottom:0;left:2rem;mask-image:url($urlShort + 'fill-heart.svg');mask-size:contain;mask-repeat:no-repeat;background-color:currentColor;transition:$duration;}}}&__name{display:block;width:100%;font-size:1.8rem;line-height:2.6rem;margin-bottom:1rem;}&__thematics{max-width:100%;gap:1rem;display:flex;align-items:center;flex-wrap:wrap;height:fit-content;.thematic{background-color:$color-white;font-family:$fontExtended;border:0.1rem solid $color-black;color:$color-black;font-size:1.3rem;font-weight:500;line-height:1.2;padding:.45rem 1rem .1rem 1rem;width:fit-content;border-radius:1.3rem;min-height:2.2rem;}}&__title{font-family:$fontExtended;font-weight:700;font-size:2.2rem;line-height:2.6rem;margin-bottom:2rem;flex:1;@include mobile{font-size:1.8rem;line-height:2rem;margin-bottom:2rem;}a{color:currentColor;&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}}}&__eventStatus{margin-bottom:2rem;display:inline-flex;padding:.1rem .8rem;justify-content:center;align-items:center;height:2.7rem;width:fit-content;border-radius:2px;border:0.2px solid;font-size:1.6rem;font-weight:600;&--complete{background:$color-schedule-status-bg--closed;border-color:$color-schedule-status-bg--closed;color:#DA2727;}&--canceled{background:#F3F3F3;color:#656565;border-color:#7D7D7D;}}}}