{"version":3,"sources":["webpack://frontendplaceholder/./Src/Scripts/components/vue/subcomponents/vue-picture-source.vue","webpack://frontendplaceholder/./Src/Scripts/components/vue/subcomponents/vue-responsive-img.vue","webpack://frontendplaceholder/./Src/Scripts/components/vue/vue-event-card.vue","webpack://frontendplaceholder/./Src/Scripts/components/vue/subcomponents/vue-responsive-img.vue?4bb7","webpack://frontendplaceholder/./Src/Scripts/components/vue/vue-event-card.vue?e4fa","webpack://frontendplaceholder/./Src/Scripts/components/vue/subcomponents/vue-picture-source.vue?4775","webpack://frontendplaceholder/./Src/Scripts/components/vue/subcomponents/vue-responsive-img.vue?2930","webpack://frontendplaceholder/./Src/Scripts/components/vue/vue-event-card.vue?b24c","webpack://frontendplaceholder/./Src/Scripts/components/vue/subcomponents/vue-responsive-img.vue?8741","webpack://frontendplaceholder/./Src/Scripts/components/vue/vue-event-card.vue?72ae"],"names":["props","source","type","Object","required","quality","Number","default","lazy","Boolean","computed","srcset","srcsetstring","this","srcSetSources","forEach","srcSetSource","src","width","srcsetWebp","defaultUrl","String","responsiveImg","Array","alt","cover","mounted","$refs","lazyPictureTag","window","lazyImageObserver","observe","components","VuePictureSource","computedWithQuality","qualityQueryDelimiter","indexOf","loadingProperty","state","addEventListener","isOpen","toggleInfo","data","animateLeft","methods","zIndex","infoWindowOpened","Event","dispatchEvent","slide","eventCardElem","closest","slidewrapper","slideBR","getBoundingClientRect","right","style","setTimeout","ensembleIconUrl","ensembleIcon","buttonState","color","themeColor","eventId","eventimId","listView","VueResponsiveImg","media","mediaQuery","sizes","class","loading","ref","inSearch","imageAspectRatio","hideYearMonthAreaTag","yearMonth","eventBackground","eventBackgroundAnimate","badge","isInProgress","image","onlyShowImageOnHighlighted","isHighlighted","hideImages","href","url","venue","ensembleLabel","secondaryEnsembleLabel","title","subTitle","info","role","showMultipleDatesLabel","allDatesOnSameDay","dateTime","ctaLabel","label","headline","description","xmlns","height","viewBox","d","___CSS_LOADER_EXPORT___","push","module","id","content","__esModule","locals","exports","add"],"mappings":"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","file":"2220.d5a5ca544f9d42b86bfb.js","sourcesContent":["<script>\n    export default {\n        props: {\n            source: {\n                type: Object,\n                required: true\n            },\n            quality: {\n                type: Number,\n                required: false,\n                default() {\n                    return 80;\n                }\n            },\n            lazy: Boolean,\n        },\n        computed: {\n            srcset() {\n                let srcsetstring = \"\";\n                this.source.srcSetSources.forEach(srcSetSource => {\n                    srcsetstring += srcSetSource.src + \"&quality=\" + this.quality + \" \" + srcSetSource.width + \", \"\n                });\n                return srcsetstring;\n            },\n            srcsetWebp() {\n                let srcsetstring = \"\";\n                this.source.srcSetSources.forEach(srcSetSource => {\n                    srcsetstring += srcSetSource.src + \"&quality=\" + this.quality + \"&format=webp \" + srcSetSource.width + \", \"\n                });\n                return srcsetstring;\n            }\n        }\n    }\n</script>\n\n<template>\n    <source v-if=\"lazy\" :media=\"source.mediaQuery\" :sizes=\"source.sizes\" :data-srcset=\"srcsetWebp\" type=\"image/webp\">\n    <source v-if=\"lazy\" :media=\"source.mediaQuery\" :sizes=\"source.sizes\" :data-srcset=\"srcset\" type=\"image/jpg\">\n    <source v-if=\"!lazy\" :media=\"source.mediaQuery\" :sizes=\"source.sizes\" :srcset=\"srcsetWebp\" type=\"image/webp\">\n    <source v-if=\"!lazy\" :media=\"source.mediaQuery\" :sizes=\"source.sizes\" :srcset=\"srcset\" type=\"image/jpg\">\n</template>\n","<script>\n    import VuePictureSource from './vue-picture-source.vue';\n\n    export default {\n        props: {\n            defaultUrl: {\n                type: String,\n                required: true\n            },\n            responsiveImg: Array,\n            alt: String,\n            cover: Boolean,\n            quality: {\n                type: Number,\n                required: false,\n                default() {\n                    return 80;\n                }\n            },\n            lazy: {\n                type: Boolean,\n                required: false,\n                default() {\n                    return true;\n                }\n            }\n        },\n        mounted() {\n            if (this.$refs.lazyPictureTag) {\n                if (window.lazyImageObserver) {\n                    window.lazyImageObserver.observe(this.$refs.lazyPictureTag);\n                }\n            }\n        },\n        components: {\n            VuePictureSource\n        },\n        computed: {\n            computedWithQuality() {\n                const qualityQueryDelimiter = this.defaultUrl?.indexOf('?') <= 0 ? '?' : '&';\n                return this.defaultUrl + qualityQueryDelimiter + \"quality=\" + this.quality;\n            },\n            loadingProperty() {\n                return this.lazy ? 'lazy' : 'eager';\n            }\n        }\n    }\n</script>\n\n<template>\n    <picture :class=\"this.lazy\" v-if=\"!this.lazy\">\n        <VuePictureSource v-for=\"source in responsiveImg\" :source=\"source\" :quality=\"quality\" :lazy=\"false\"></VuePictureSource>\n        <source :srcset=\"computedWithQuality\" type=\"image/webp\">\n        <img :src=\"computedWithQuality\" loading=\"eager\" :alt=\"alt\" :class=\"{'cover': cover}\" />\n    </picture>\n    <picture class=\"lazy\" v-if=\"this.lazy\" ref=\"lazyPictureTag\">\n        <VuePictureSource v-for=\"source in responsiveImg\" :source=\"source\" :quality=\"quality\" :lazy=\"true\"></VuePictureSource>\n        <source :data-srcset=\"computedWithQuality\" type=\"image/webp\">\n        <img :data-src=\"computedWithQuality\" loading=\"lazy\" :alt=\"alt\" :class=\"{'cover': cover}\" />\n    </picture>\n</template>\n\n<style scoped lang=\"scss\">\n    .cover {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    img {\n        background: grey;\n    }\n</style>\n","<script>\n    import VueResponsiveImg from './subcomponents/vue-responsive-img.vue';\n\n    export default {\n        props: {\n            state: {\n                type: Object,\n                required: true\n            },\n        },\n        mounted() {\n            window.addEventListener('info-window-opened', () => {\n                if (this.isOpen) {\n                    this.toggleInfo();\n                }\n            })\n        },\n        data() {\n            return {\n                isOpen: false,\n                animateLeft: false\n            }\n        },\n        methods: {\n            toggleInfo() {\n                window.zIndex = window.zIndex || 9025;\n                window.zIndex += 1;\n                if (!this.isOpen) {\n                    let infoWindowOpened = new Event('info-window-opened');\n                    window.dispatchEvent(infoWindowOpened);\n                }\n                this.isOpen = !this.isOpen;\n\n                // hack the z-index of any parent .swiper-slide\n                const slide = this.$refs.eventCardElem.closest('.swiper-slide, .calendar-event-container');\n                if (slide) {\n                    if (this.isOpen) {\n\n                        // determine of info should open right or left depending on the space between right side of slide and slidewrapper.\n                        const slidewrapper = slide.closest('.swiper-wrapper, .masonry-container');\n                        if (slidewrapper) {\n                            let slideBR = slide.getBoundingClientRect();\n                            this.animateLeft = slidewrapper.getBoundingClientRect().right - slideBR.right < slideBR.width;\n                        }\n\n                        slide.style.zIndex = window.zIndex;\n                    } else {\n                        setTimeout(function () {\n                            slide.style.zIndex = null;\n                        }, 300);\n                    }\n                }\n            }\n        },\n        computed: {\n            ensembleIconUrl() {\n                return '/frontend/assets/spritesheet.svg#' + this.state.ensembleIcon;\n            },\n            buttonState() {\n                return {\n                    color: this.state.themeColor, eventId: this.state.eventId, eventimId: this.state.eventimId, listView: this.state.listView\n                }\n            }\n        },\n        components: {\n            VueResponsiveImg\n        }\n    }\n</script>\n\n<template>\n    <div class=\"event-card\" :data-aspect-ratio=\"state.imageAspectRatio\" :data-year-month-area=\"state.hideYearMonthAreaTag ? '' : state.yearMonth\" :data-theme-color=\"state.eventBackground\" :data-theme-color-animate=\"state.eventBackgroundAnimate\" :class=\"{'event-card--info-open': isOpen, 'event-card--animate-left': animateLeft, 'event-card--list-view': state.listView, 'event-card--in-search': state.inSearch}\" :style=\"{'--color': state.themeColor}\" ref=\"eventCardElem\">\n        <div class=\"event-card__main\">\n            <div class=\"event-card__badge text--small\" v-if=\"((state.badge || state.isInProgress) && (state.image && (!state.onlyShowImageOnHighlighted || state.isHighlighted) && !state.hideImages))\">\n                <div class=\"event-card__badge__in-progress\" v-if=\"state.isInProgress\">\n                    <svg class=\"event-card__badge__in-progress__svg\" xmlns=\"http://www.w3.org/2000/svg\" width=\"43\" height=\"32\" viewBox=\"0 0 43 32\">\n                        <title>Live</title>\n                        <path class=\"LiveIconAnimation0\" d=\"M21.5 10.2c-3.3 0-5.9 2.6-5.9 5.8 0 3.2 2.6 5.8 5.9 5.8 3.3 0 5.9-2.6 5.9-5.8-.1-3.2-2.7-5.8-5.9-5.8zm0 8.9c-1.7 0-3.2-1.4-3.2-3.1 0-1.7 1.4-3.1 3.2-3.1 1.7 0 3.2 1.4 3.2 3.1-.1 1.7-1.5 3.1-3.2 3.1z\"></path>\n                        <path class=\"LiveIconAnimation1\" d=\"M14.4 7.1c-.5-.5-1.4-.5-1.9 0-5 4.9-5 12.8 0 17.7.3.3.6.4 1 .4s.7-.1 1-.4c.5-.5.5-1.3 0-1.9-3.9-3.8-3.9-10.1 0-13.9.4-.4.4-1.3-.1-1.9zm16 0c-.5-.5-1.4-.5-1.9 0s-.5 1.3 0 1.9c1.9 1.9 2.9 4.3 2.9 7 0 2.6-1 5.1-2.9 7-.5.5-.5 1.3 0 1.9.3.3.6.4 1 .4s.7-.1 1-.4c2.4-2.3 3.7-5.5 3.7-8.8-.1-3.4-1.4-6.6-3.8-9z\"></path>\n                        <path class=\"LiveIconAnimation2\" d=\"M4.7 16c0-4.4 1.7-8.6 4.9-11.7.5-.4.5-1.3 0-1.9-.5-.5-1.4-.5-1.9 0C4 6.1 2 10.9 2 16s2 9.9 5.7 13.6c.3.3.6.4 1 .4s.7-.1 1-.4c.5-.5.5-1.3 0-1.9-3.3-3.1-5-7.3-5-11.7zM35.2 2.4c-.5-.5-1.4-.5-1.9 0s-.5 1.4 0 2c3.2 3.1 4.9 7.2 4.9 11.7 0 4.4-1.7 8.6-4.9 11.7-.5.5-.5 1.3 0 1.9.3.2.6.3 1 .3s.7-.1 1-.4C39 25.9 41 21.1 41 16c-.1-5.1-2.1-9.9-5.8-13.6z\"></path>\n                    </svg>\n                    KONCERTEN ER I GANG\n                </div>\n                <div v-if=\"(state.badge && state.isInProgress)\">\n                    |\n                </div>\n                {{state.badge}}\n            </div>\n            <a :href=\"state.url\" class=\"event-card__media\" v-if=\"state.image && (!state.onlyShowImageOnHighlighted || state.isHighlighted) && !state.hideImages\">\n                <VueResponsiveImg v-bind=\"state.image\" v-bind:cover=\"true\"></VueResponsiveImg>\n            </a>\n            <div class=\"event-card__content\">\n                <div class=\"event-card__content-top\">\n                    <a :href=\"state.url\" class=\"event-card__title-container\">\n                        <p class=\"text--small event-card__title-container__venue upper\">{{state.venue}}</p>\n                        <p class=\"text--small event-card__title-container__ensemble\">\n                            {{ state.ensembleLabel }}<span v-if=\"state.secondaryEnsembleLabel\"> & {{ state.secondaryEnsembleLabel }}</span>\n                        </p>\n                        <h3 class=\"event-card__title-container__title headline--xxsmall\">{{state.title}}</h3>\n                        <p v-if=\"state.subTitle\" class=\"headline--xxsmall event-card__title-container__subtitle\">{{state.subTitle}}</p>\n                    </a>\n                    <div class=\"event-card__controls\" v-if=\"!state.inSearch\">\n                        <button class=\"event-card__info-btn\" v-if=\"state.info\" @click=\"toggleInfo\" role=\"button\" aria-label=\"Vis info\">\n                            <div class=\"event-card__info-btn__open\">\n                                i\n                            </div>\n                            <svg class=\"svg-icon svg-icon--close\">\n                                <use xlink:href=\"/frontend/assets/spritesheet.svg#x-close\">\n                                </use>\n                            </svg>\n                        </button>\n                    </div>\n                </div>\n                <a :href=\"state.url\">\n                    <p class=\"text--small upper event-card__ensemble-label\">{{state.ensembleLabel}}<span v-if=\"state.secondaryEnsembleLabel\"> & {{ state.secondaryEnsembleLabel }}</span></p>\n                    <p class=\"text--small upper event-card__date-venue\">\n                        {{ state.showMultipleDatesLabel ? state.allDatesOnSameDay ? 'flere tidspunkter' : 'flere datoer' : state.dateTime }}\n                        <span class=\"event-card__venue-label\">\n                            / {{state.venue}}\n                        </span>\n                    </p>\n                </a>\n            </div>\n            <a :href=\"state.url\" class=\"btn btn--full\" :class=\"{'btn--inactive': !state.url}\">  {{state.ctaLabel}}</a>\n        </div>\n        <div class=\"event-card__info\" v-if=\"(state.info)\">\n            <div>\n                <p class=\"event-card__info-label upper\">{{state.info.label}}</p>\n                <h4 class=\"event-card__info-headline upper\">{{state.info.headline}}</h4>\n            </div>\n            <div class=\"text rte\">{{state.info.description}}</div>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\" scoped>\n    $event-card__side-padding: 20px;\n\n    .event-card {\n        .text--small {\n            @media (max-width: 1400px) {\n                font-size: 0.875rem;\n            }\n        }\n\n        position: relative;\n        --color: #333;\n        --list-view-background: transparent;\n        --infoTransform: translateX(calc(100% - 30px));\n        --cardTransform: translateX(-30px);\n        height: 100%;\n\n        @media (max-width: 576px) {\n            width: 290px;\n\n            &--list-view {\n                width: 100%;\n            }\n\n            .calendar-page & {\n                width: auto;\n            }\n        }\n\n        &__ensemble-label {\n            display: inline-flex;\n            flex-wrap: wrap;\n            align-items: baseline;\n            column-gap: 0.25em;\n            white-space: nowrap;\n        }\n\n        a:not(.btn) {\n            display: block;\n            text-decoration: none;\n            color: inherit;\n\n            &:hover, &:visited {\n                color: inherit;\n            }\n        }\n\n        &--in-search {\n            --list-view-background: black;\n        }\n\n        &--animate-left {\n            --infoTransform: translateX(calc(-100% + 30px));\n            --cardTransform: translateX(30px);\n        }\n\n        &__venue-label {\n            display: none;\n        }\n\n        &__main {\n            background: white !important;\n            color: black;\n            position: relative;\n            z-index: 1;\n            transition: transform 0.35s ease-in-out;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n\n            .event-card--list-view & {\n                display: flex;\n                align-items: center;\n                flex-direction: row;\n                justify-content: space-between;\n                background-color: var(--list-view-background) !important;\n                color: white;\n                padding: 20px 0;\n                border-top: 1px solid rgba(255, 255, 255, 0.2);\n\n                @media (max-width: 768px) {\n                    flex-direction: column;\n                    align-items: flex-start;\n                    justify-content: flex-start;\n                }\n            }\n\n            .event-card--info-open & {\n                transform: var(--cardTransform);\n            }\n\n            .event-card--list-view.event-card--info-open & {\n                transform: none;\n            }\n\n            .btn {\n                @media (min-width: 1400px) {\n                    font-size: 1rem;\n                }\n            }\n        }\n\n        &__badge {\n            position: absolute;\n            z-index: 1;\n            top: 5px;\n            left: -10px;\n            padding: 3px 10px;\n            text-transform: uppercase;\n            background: #4F6FFF;\n            color: white;\n            font-weight: bold;\n            letter-spacing: 1px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            white-space: nowrap;\n            font-size: 0.875rem !important;\n            transition: opacity 0.5s ease-in-out;\n\n            @media (max-width: 768px) {\n                font-size: 0.75rem !important;\n            }\n\n            &__in-progress {\n                display: flex;\n                align-items: center;\n\n                &__svg {\n                    fill: white;\n                    margin-right: 5px;\n                    height: 1.1rem;\n                    width: 1.4rem;\n\n                    @media (max-width: 768px) {\n                        height: 1rem;\n                        width: 1.2rem;\n                    }\n                }\n            }\n\n            .event-card--list-view &, .event-card--in-search & {\n                display: none;\n            }\n\n            .calendar-page &, .sidebar-page & {\n                background: black;\n            }\n        }\n\n        &__info {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: calc(100% - 52px);\n            background: var(--color);\n            color: white;\n            transition: transform 0.35s ease-in-out, max-height 0.5s ease-in-out;\n            display: none;\n            overflow-y: auto;\n\n            .rte {\n                margin-bottom: 0;\n            }\n            /* Custom Scroll Bar CSS */\n            &::-webkit-scrollbar {\n                width: 5px;\n            }\n\n            &::-webkit-scrollbar-track {\n                background: var(--color);\n            }\n\n            &::-webkit-scrollbar-thumb {\n                background: rgba(255, 255, 255, 0.75);\n                transition: all 0.3s ease;\n                border-radius: 0px;\n            }\n            /*\n            &::-webkit-scrollbar-thumb:hover {\n                background: lighten(#0E05A0, 5%);\n            }*/\n\n            @media (min-width: 768px) {\n                display: block;\n            }\n\n            .event-card--info-open & {\n                transform: var(--infoTransform);\n            }\n\n            .event-card--list-view & {\n                overflow-y: visible;\n                transform: translateY(-50%) translateX(25px);\n                height: auto;\n                max-width: 350px;\n                padding: 30px;\n                min-height: 400px;\n                top: 50%;\n                z-index: 22;\n                right: 360px;\n                left: initial;\n                opacity: 0;\n                pointer-events: none;\n                transition: all 0.35s ease-in-out;\n                background: white !important;\n                color: black;\n                border-radius: 1px;\n\n                &:after {\n                    left: 100%;\n                    top: 50%;\n                    border: solid transparent;\n                    content: \"\";\n                    height: 0;\n                    width: 0;\n                    position: absolute;\n                    pointer-events: none;\n                    border-color: rgba(213, 9, 9, 0);\n                    border-left-color: #fff;\n                    border-width: 13px;\n                    margin-top: -13px;\n                }\n            }\n\n            .event-card--list-view.event-card--info-open & {\n                transform: translateY(-50%) translateX(10px);\n                opacity: 1;\n                pointer-events: all;\n                transition: all 0.35s ease-in-out;\n            }\n        }\n\n        &__media {\n            height: 0;\n            width: 100%;\n            padding-bottom: 50%;\n            background: darkgray !important;\n            position: relative;\n            will-change: top, left, width, max-height;\n\n            .event-card--list-view & {\n                display: none !important;\n            }\n        }\n\n        &__controls {\n            width: 25px;\n            margin-left: 15px;\n            flex-grow: 0;\n            flex-shrink: 0;\n\n            .event-card--list-view & {\n                display: flex;\n                width: auto;\n                position: absolute;\n                right: 20px;\n                top: 50%;\n                transform: translateY(-50%);\n\n                @media (max-width: 768px) {\n                    display: none;\n                }\n            }\n\n            > * {\n                display: block;\n                height: 25px;\n                width: 25px;\n\n                &:not(:last-child) {\n                    margin-bottom: 10px;\n                }\n\n                .event-card--list-view & {\n                    margin-bottom: 0;\n                }\n\n                &:first-child {\n                    .event-card--list-view & {\n                        margin-right: 10px;\n                        margin-bottom: 0;\n                    }\n                }\n            }\n        }\n\n        &__content {\n            min-height: 250px;\n            padding: $event-card__side-padding;\n            display: flex;\n            justify-content: space-between;\n            flex-direction: column;\n            position: relative;\n            flex-grow: 1;\n            width: 100%;\n\n            @media (max-width: 768px) {\n                min-height: 225px;\n            }\n\n            .event-card--list-view & {\n                padding: 0;\n                min-height: calc(166px - 40px);\n                flex: 1;\n            }\n        }\n\n        &__content-top {\n            display: flex;\n            justify-content: space-between;\n\n            .event-card--list-view & {\n                align-items: center;\n            }\n        }\n\n        &__title-container {\n            flex-grow: 1;\n            flex-shrink: 1;\n            max-width: calc(100% - 35px);\n            margin-bottom: 20px;\n            /*            &__subtitle {\n                @media (min-width: 768px) {\n                    font-size: 1.0125rem;\n                }\n\n                @media (min-width: 1200px) {\n                    font-size: 1.3125rem;\n                }\n            }*/\n\n            &__title {\n                line-height: 1.15;\n                /*                @media (max-width: 768px) {\n                    &.headline--xsmall {\n                        font-size: 1.75rem;\n                    }\n\n                    &.headline--small-med {\n                        font-size: 2.375rem;\n                    }\n                }\n\n                @media (min-width: 1200px) {\n                    &.headline--xsmall {\n                        font-size: 1.875rem;\n                    }\n                }*/\n            }\n\n            &__subtitle {\n                line-height: 1.15;\n                font-weight: 400;\n            }\n\n            &__ensemble {\n                display: none;\n            }\n\n            &__venue {\n                margin-bottom: 5px;\n            }\n\n            > * {\n                max-width: 100%;\n                overflow-wrap: anywhere;\n            }\n        }\n\n        &__info-btn {\n            border: none;\n            background: none;\n            padding: 0;\n            position: relative;\n            display: none;\n            width: 23px;\n            height: 23px;\n\n            @media (min-width: 768px) {\n                display: block;\n            }\n\n\n            &__open {\n                position: absolute;\n                top: 0;\n                left: 0;\n                border-radius: 50%;\n                width: 23px;\n                height: 23px;\n                text-align: center;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                border: 1px solid currentColor;\n                font-family: DR Publik Stencil, sans-serif;\n                transition: all 0.3s ease-in-out;\n                font-size: 14px;\n                font-weight: 700;\n            }\n\n            .svg-icon--close {\n                opacity: 0;\n                transition: all 0.3s ease-in-out;\n                color: white;\n                background: black;\n                padding: 5px;\n                height: 23px;\n                width: 23px;\n\n                .event-card--info-open & {\n                    opacity: 1;\n                }\n            }\n\n            &:hover {\n                .event-card__info-btn__open:first-child {\n                    color: white;\n                    background: black;\n                }\n                /*\n\n                .svg-icon--close {\n                    color: black;\n                    background: white;\n                }*/\n            }\n\n            .svg-icon {\n                position: absolute;\n                top: 0;\n                left: 0;\n                border-radius: 50%;\n            }\n\n            .svg-icon--close {\n                opacity: 0;\n                transition: opacity 0.3s ease-in-out;\n                color: white;\n                background: black;\n                padding: 5px;\n\n                .event-card--list-view & {\n                    background: white;\n                    color: black;\n                }\n\n                .event-card--info-open & {\n                    opacity: 1;\n                }\n            }\n        }\n\n        &__info {\n            padding: 40px;\n\n            > * {\n                &:not(:last-child) {\n                    margin-bottom: 15px;\n                    padding-bottom: 15px;\n                    border-bottom: 1px solid rgba(255,255,255, 0.5);\n\n                    .event-card--list-view & {\n                        border-bottom: 1px solid rgba(219,219,219, 0.5);\n                    }\n                }\n            }\n        }\n\n        &__info-label {\n            font-family: 'DR Publik Stencil', sans-serif; //Stencil font\n            font-weight: bold;\n            font-size: 1rem;\n        }\n\n        &__info-headline {\n            font-family: 'DR Publik Stencil', sans-serif; //Stencil font\n            font-weight: bold;\n            font-size: 1.25rem;\n        }\n\n        &--list-view {\n            background-color: transparent;\n\n            .btn--full {\n                width: auto;\n                background-color: white;\n                color: black;\n                min-width: 230px;\n\n                @media (max-width: 768px) {\n                    font-size: 0.75rem !important;\n                    padding: 11px 20px !important;\n                    min-width: 0px;\n                }\n            }\n\n            .event-card {\n                &__controls {\n                    flex-direction: row-reverse;\n                }\n\n                &__venue-label {\n                    display: inline;\n                }\n\n                &__content {\n                    min-height: 92px;\n\n                    @media (max-width: 768px) {\n                        min-height: 0px;\n                    }\n                }\n\n                &__date-venue {\n                    @media (max-width: 768px) {\n                        font-size: 0.75rem;\n                        margin-bottom: 9px;\n                    }\n                }\n\n                &__info-btn {\n                    margin-right: 20px;\n                    width: 23px;\n                    height: 23px;\n                }\n\n                &__ensemble-label {\n                    display: none;\n                }\n\n                &__title-container {\n                    @media (max-width: 768px) {\n                        margin-bottom: 3px;\n                    }\n\n                    &__venue {\n                        display: none;\n                    }\n\n                    &__ensemble {\n                        display: block;\n                        margin-bottom: 7px;\n\n                        @media (max-width: 768px) {\n                            font-size: 0.75rem;\n                        }\n                    }\n\n                    &__title {\n                        font-size: 1.875rem !important;\n                        max-width: 87%;\n\n                        &.headline--xxxsmall {\n                            font-size: 1.3125rem !important;\n                        }\n\n                        @media (max-width: 768px) {\n                            max-width: 100%;\n                            margin-bottom: 1px;\n                            font-size: 1.25rem !important;\n                        }\n                    }\n\n                    &__subtitle {\n                        font-size: 1.25rem !important;\n\n                        @media (max-width: 768px) {\n                            font-size: 1rem !important;\n                        }\n                    }\n                }\n            }\n        }\n    }\n</style>\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".cover[data-v-246fc22d]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}img[data-v-246fc22d]{background:gray}\", \"\",{\"version\":3,\"sources\":[\"webpack://./Src/Scripts/components/vue/subcomponents/vue-responsive-img.vue\"],\"names\":[],\"mappings\":\"AACI,wBACI,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CAGJ,qBACI,eAAA\",\"sourcesContent\":[\"\\n    .cover {\\n        position: absolute;\\n        top: 0;\\n        left: 0;\\n        width: 100%;\\n        height: 100%;\\n        object-fit: cover;\\n    }\\n\\n    img {\\n        background: grey;\\n    }\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".event-card[data-v-4c3fa5cc]{position:relative;--color: #333;--list-view-background: transparent;--infoTransform: translateX(calc(100% - 30px));--cardTransform: translateX(-30px);height:100%}@media(max-width: 1400px){.event-card .text--small[data-v-4c3fa5cc]{font-size:.875rem}}@media(max-width: 576px){.event-card[data-v-4c3fa5cc]{width:290px}.event-card--list-view[data-v-4c3fa5cc]{width:100%}.calendar-page .event-card[data-v-4c3fa5cc]{width:auto}}.event-card__ensemble-label[data-v-4c3fa5cc]{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:.25em;white-space:nowrap}.event-card a[data-v-4c3fa5cc]:not(.btn){display:block;text-decoration:none;color:inherit}.event-card a[data-v-4c3fa5cc]:not(.btn):hover,.event-card a[data-v-4c3fa5cc]:not(.btn):visited{color:inherit}.event-card--in-search[data-v-4c3fa5cc]{--list-view-background: black}.event-card--animate-left[data-v-4c3fa5cc]{--infoTransform: translateX(calc(-100% + 30px));--cardTransform: translateX(30px)}.event-card__venue-label[data-v-4c3fa5cc]{display:none}.event-card__main[data-v-4c3fa5cc]{background:#fff !important;color:#000;position:relative;z-index:1;transition:transform .35s ease-in-out;height:100%;display:flex;flex-direction:column}.event-card--list-view .event-card__main[data-v-4c3fa5cc]{display:flex;align-items:center;flex-direction:row;justify-content:space-between;background-color:var(--list-view-background) !important;color:#fff;padding:20px 0;border-top:1px solid rgba(255,255,255,.2)}@media(max-width: 768px){.event-card--list-view .event-card__main[data-v-4c3fa5cc]{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.event-card--info-open .event-card__main[data-v-4c3fa5cc]{transform:var(--cardTransform)}.event-card--list-view.event-card--info-open .event-card__main[data-v-4c3fa5cc]{transform:none}@media(min-width: 1400px){.event-card__main .btn[data-v-4c3fa5cc]{font-size:1rem}}.event-card__badge[data-v-4c3fa5cc]{position:absolute;z-index:1;top:5px;left:-10px;padding:3px 10px;text-transform:uppercase;background:#4f6fff;color:#fff;font-weight:bold;letter-spacing:1px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.875rem !important;transition:opacity .5s ease-in-out}@media(max-width: 768px){.event-card__badge[data-v-4c3fa5cc]{font-size:.75rem !important}}.event-card__badge__in-progress[data-v-4c3fa5cc]{display:flex;align-items:center}.event-card__badge__in-progress__svg[data-v-4c3fa5cc]{fill:#fff;margin-right:5px;height:1.1rem;width:1.4rem}@media(max-width: 768px){.event-card__badge__in-progress__svg[data-v-4c3fa5cc]{height:1rem;width:1.2rem}}.event-card--list-view .event-card__badge[data-v-4c3fa5cc],.event-card--in-search .event-card__badge[data-v-4c3fa5cc]{display:none}.calendar-page .event-card__badge[data-v-4c3fa5cc],.sidebar-page .event-card__badge[data-v-4c3fa5cc]{background:#000}.event-card__info[data-v-4c3fa5cc]{position:absolute;top:0;left:0;width:100%;height:calc(100% - 52px);background:var(--color);color:#fff;transition:transform .35s ease-in-out,max-height .5s ease-in-out;display:none;overflow-y:auto}.event-card__info .rte[data-v-4c3fa5cc]{margin-bottom:0}.event-card__info[data-v-4c3fa5cc]::-webkit-scrollbar{width:5px}.event-card__info[data-v-4c3fa5cc]::-webkit-scrollbar-track{background:var(--color)}.event-card__info[data-v-4c3fa5cc]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.75);transition:all .3s ease;border-radius:0px}@media(min-width: 768px){.event-card__info[data-v-4c3fa5cc]{display:block}}.event-card--info-open .event-card__info[data-v-4c3fa5cc]{transform:var(--infoTransform)}.event-card--list-view .event-card__info[data-v-4c3fa5cc]{overflow-y:visible;transform:translateY(-50%) translateX(25px);height:auto;max-width:350px;padding:30px;min-height:400px;top:50%;z-index:22;right:360px;left:initial;opacity:0;pointer-events:none;transition:all .35s ease-in-out;background:#fff !important;color:#000;border-radius:1px}.event-card--list-view .event-card__info[data-v-4c3fa5cc]:after{left:100%;top:50%;border:solid rgba(0,0,0,0);content:\\\"\\\";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(213,9,9,0);border-left-color:#fff;border-width:13px;margin-top:-13px}.event-card--list-view.event-card--info-open .event-card__info[data-v-4c3fa5cc]{transform:translateY(-50%) translateX(10px);opacity:1;pointer-events:all;transition:all .35s ease-in-out}.event-card__media[data-v-4c3fa5cc]{height:0;width:100%;padding-bottom:50%;background:#a9a9a9 !important;position:relative;will-change:top,left,width,max-height}.event-card--list-view .event-card__media[data-v-4c3fa5cc]{display:none !important}.event-card__controls[data-v-4c3fa5cc]{width:25px;margin-left:15px;flex-grow:0;flex-shrink:0}.event-card--list-view .event-card__controls[data-v-4c3fa5cc]{display:flex;width:auto;position:absolute;right:20px;top:50%;transform:translateY(-50%)}@media(max-width: 768px){.event-card--list-view .event-card__controls[data-v-4c3fa5cc]{display:none}}.event-card__controls>*[data-v-4c3fa5cc]{display:block;height:25px;width:25px}.event-card__controls>*[data-v-4c3fa5cc]:not(:last-child){margin-bottom:10px}.event-card--list-view .event-card__controls>*[data-v-4c3fa5cc]{margin-bottom:0}.event-card--list-view .event-card__controls>*[data-v-4c3fa5cc]:first-child{margin-right:10px;margin-bottom:0}.event-card__content[data-v-4c3fa5cc]{min-height:250px;padding:20px;display:flex;justify-content:space-between;flex-direction:column;position:relative;flex-grow:1;width:100%}@media(max-width: 768px){.event-card__content[data-v-4c3fa5cc]{min-height:225px}}.event-card--list-view .event-card__content[data-v-4c3fa5cc]{padding:0;min-height:126px;flex:1}.event-card__content-top[data-v-4c3fa5cc]{display:flex;justify-content:space-between}.event-card--list-view .event-card__content-top[data-v-4c3fa5cc]{align-items:center}.event-card__title-container[data-v-4c3fa5cc]{flex-grow:1;flex-shrink:1;max-width:calc(100% - 35px);margin-bottom:20px}.event-card__title-container__title[data-v-4c3fa5cc]{line-height:1.15}.event-card__title-container__subtitle[data-v-4c3fa5cc]{line-height:1.15;font-weight:400}.event-card__title-container__ensemble[data-v-4c3fa5cc]{display:none}.event-card__title-container__venue[data-v-4c3fa5cc]{margin-bottom:5px}.event-card__title-container>*[data-v-4c3fa5cc]{max-width:100%;overflow-wrap:anywhere}.event-card__info-btn[data-v-4c3fa5cc]{border:none;background:none;padding:0;position:relative;display:none;width:23px;height:23px}@media(min-width: 768px){.event-card__info-btn[data-v-4c3fa5cc]{display:block}}.event-card__info-btn__open[data-v-4c3fa5cc]{position:absolute;top:0;left:0;border-radius:50%;width:23px;height:23px;text-align:center;display:flex;justify-content:center;align-items:center;border:1px solid currentColor;font-family:DR Publik Stencil,sans-serif;transition:all .3s ease-in-out;font-size:14px;font-weight:700}.event-card__info-btn .svg-icon--close[data-v-4c3fa5cc]{opacity:0;transition:all .3s ease-in-out;color:#fff;background:#000;padding:5px;height:23px;width:23px}.event-card--info-open .event-card__info-btn .svg-icon--close[data-v-4c3fa5cc]{opacity:1}.event-card__info-btn:hover .event-card__info-btn__open[data-v-4c3fa5cc]:first-child{color:#fff;background:#000}.event-card__info-btn .svg-icon[data-v-4c3fa5cc]{position:absolute;top:0;left:0;border-radius:50%}.event-card__info-btn .svg-icon--close[data-v-4c3fa5cc]{opacity:0;transition:opacity .3s ease-in-out;color:#fff;background:#000;padding:5px}.event-card--list-view .event-card__info-btn .svg-icon--close[data-v-4c3fa5cc]{background:#fff;color:#000}.event-card--info-open .event-card__info-btn .svg-icon--close[data-v-4c3fa5cc]{opacity:1}.event-card__info[data-v-4c3fa5cc]{padding:40px}.event-card__info>*[data-v-4c3fa5cc]:not(:last-child){margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.5)}.event-card--list-view .event-card__info>*[data-v-4c3fa5cc]:not(:last-child){border-bottom:1px solid rgba(219,219,219,.5)}.event-card__info-label[data-v-4c3fa5cc]{font-family:\\\"DR Publik Stencil\\\",sans-serif;font-weight:bold;font-size:1rem}.event-card__info-headline[data-v-4c3fa5cc]{font-family:\\\"DR Publik Stencil\\\",sans-serif;font-weight:bold;font-size:1.25rem}.event-card--list-view[data-v-4c3fa5cc]{background-color:rgba(0,0,0,0)}.event-card--list-view .btn--full[data-v-4c3fa5cc]{width:auto;background-color:#fff;color:#000;min-width:230px}@media(max-width: 768px){.event-card--list-view .btn--full[data-v-4c3fa5cc]{font-size:.75rem !important;padding:11px 20px !important;min-width:0px}}.event-card--list-view .event-card__controls[data-v-4c3fa5cc]{flex-direction:row-reverse}.event-card--list-view .event-card__venue-label[data-v-4c3fa5cc]{display:inline}.event-card--list-view .event-card__content[data-v-4c3fa5cc]{min-height:92px}@media(max-width: 768px){.event-card--list-view .event-card__content[data-v-4c3fa5cc]{min-height:0px}}@media(max-width: 768px){.event-card--list-view .event-card__date-venue[data-v-4c3fa5cc]{font-size:.75rem;margin-bottom:9px}}.event-card--list-view .event-card__info-btn[data-v-4c3fa5cc]{margin-right:20px;width:23px;height:23px}.event-card--list-view .event-card__ensemble-label[data-v-4c3fa5cc]{display:none}@media(max-width: 768px){.event-card--list-view .event-card__title-container[data-v-4c3fa5cc]{margin-bottom:3px}}.event-card--list-view .event-card__title-container__venue[data-v-4c3fa5cc]{display:none}.event-card--list-view .event-card__title-container__ensemble[data-v-4c3fa5cc]{display:block;margin-bottom:7px}@media(max-width: 768px){.event-card--list-view .event-card__title-container__ensemble[data-v-4c3fa5cc]{font-size:.75rem}}.event-card--list-view .event-card__title-container__title[data-v-4c3fa5cc]{font-size:1.875rem !important;max-width:87%}.event-card--list-view .event-card__title-container__title.headline--xxxsmall[data-v-4c3fa5cc]{font-size:1.3125rem !important}@media(max-width: 768px){.event-card--list-view .event-card__title-container__title[data-v-4c3fa5cc]{max-width:100%;margin-bottom:1px;font-size:1.25rem !important}}.event-card--list-view .event-card__title-container__subtitle[data-v-4c3fa5cc]{font-size:1.25rem !important}@media(max-width: 768px){.event-card--list-view .event-card__title-container__subtitle[data-v-4c3fa5cc]{font-size:1rem !important}}\", \"\",{\"version\":3,\"sources\":[\"webpack://./Src/Scripts/components/vue/vue-event-card.vue\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"\\n    $event-card__side-padding: 20px;\\n\\n    .event-card {\\n        .text--small {\\n            @media (max-width: 1400px) {\\n                font-size: 0.875rem;\\n            }\\n        }\\n\\n        position: relative;\\n        --color: #333;\\n        --list-view-background: transparent;\\n        --infoTransform: translateX(calc(100% - 30px));\\n        --cardTransform: translateX(-30px);\\n        height: 100%;\\n\\n        @media (max-width: 576px) {\\n            width: 290px;\\n\\n            &--list-view {\\n                width: 100%;\\n            }\\n\\n            .calendar-page & {\\n                width: auto;\\n            }\\n        }\\n\\n        &__ensemble-label {\\n            display: inline-flex;\\n            flex-wrap: wrap;\\n            align-items: baseline;\\n            column-gap: 0.25em;\\n            white-space: nowrap;\\n        }\\n\\n        a:not(.btn) {\\n            display: block;\\n            text-decoration: none;\\n            color: inherit;\\n\\n            &:hover, &:visited {\\n                color: inherit;\\n            }\\n        }\\n\\n        &--in-search {\\n            --list-view-background: black;\\n        }\\n\\n        &--animate-left {\\n            --infoTransform: translateX(calc(-100% + 30px));\\n            --cardTransform: translateX(30px);\\n        }\\n\\n        &__venue-label {\\n            display: none;\\n        }\\n\\n        &__main {\\n            background: white !important;\\n            color: black;\\n            position: relative;\\n            z-index: 1;\\n            transition: transform 0.35s ease-in-out;\\n            height: 100%;\\n            display: flex;\\n            flex-direction: column;\\n\\n            .event-card--list-view & {\\n                display: flex;\\n                align-items: center;\\n                flex-direction: row;\\n                justify-content: space-between;\\n                background-color: var(--list-view-background) !important;\\n                color: white;\\n                padding: 20px 0;\\n                border-top: 1px solid rgba(255, 255, 255, 0.2);\\n\\n                @media (max-width: 768px) {\\n                    flex-direction: column;\\n                    align-items: flex-start;\\n                    justify-content: flex-start;\\n                }\\n            }\\n\\n            .event-card--info-open & {\\n                transform: var(--cardTransform);\\n            }\\n\\n            .event-card--list-view.event-card--info-open & {\\n                transform: none;\\n            }\\n\\n            .btn {\\n                @media (min-width: 1400px) {\\n                    font-size: 1rem;\\n                }\\n            }\\n        }\\n\\n        &__badge {\\n            position: absolute;\\n            z-index: 1;\\n            top: 5px;\\n            left: -10px;\\n            padding: 3px 10px;\\n            text-transform: uppercase;\\n            background: #4F6FFF;\\n            color: white;\\n            font-weight: bold;\\n            letter-spacing: 1px;\\n            display: flex;\\n            align-items: center;\\n            gap: 8px;\\n            white-space: nowrap;\\n            font-size: 0.875rem !important;\\n            transition: opacity 0.5s ease-in-out;\\n\\n            @media (max-width: 768px) {\\n                font-size: 0.75rem !important;\\n            }\\n\\n            &__in-progress {\\n                display: flex;\\n                align-items: center;\\n\\n                &__svg {\\n                    fill: white;\\n                    margin-right: 5px;\\n                    height: 1.1rem;\\n                    width: 1.4rem;\\n\\n                    @media (max-width: 768px) {\\n                        height: 1rem;\\n                        width: 1.2rem;\\n                    }\\n                }\\n            }\\n\\n            .event-card--list-view &, .event-card--in-search & {\\n                display: none;\\n            }\\n\\n            .calendar-page &, .sidebar-page & {\\n                background: black;\\n            }\\n        }\\n\\n        &__info {\\n            position: absolute;\\n            top: 0;\\n            left: 0;\\n            width: 100%;\\n            height: calc(100% - 52px);\\n            background: var(--color);\\n            color: white;\\n            transition: transform 0.35s ease-in-out, max-height 0.5s ease-in-out;\\n            display: none;\\n            overflow-y: auto;\\n\\n            .rte {\\n                margin-bottom: 0;\\n            }\\n            /* Custom Scroll Bar CSS */\\n            &::-webkit-scrollbar {\\n                width: 5px;\\n            }\\n\\n            &::-webkit-scrollbar-track {\\n                background: var(--color);\\n            }\\n\\n            &::-webkit-scrollbar-thumb {\\n                background: rgba(255, 255, 255, 0.75);\\n                transition: all 0.3s ease;\\n                border-radius: 0px;\\n            }\\n            /*\\n            &::-webkit-scrollbar-thumb:hover {\\n                background: lighten(#0E05A0, 5%);\\n            }*/\\n\\n            @media (min-width: 768px) {\\n                display: block;\\n            }\\n\\n            .event-card--info-open & {\\n                transform: var(--infoTransform);\\n            }\\n\\n            .event-card--list-view & {\\n                overflow-y: visible;\\n                transform: translateY(-50%) translateX(25px);\\n                height: auto;\\n                max-width: 350px;\\n                padding: 30px;\\n                min-height: 400px;\\n                top: 50%;\\n                z-index: 22;\\n                right: 360px;\\n                left: initial;\\n                opacity: 0;\\n                pointer-events: none;\\n                transition: all 0.35s ease-in-out;\\n                background: white !important;\\n                color: black;\\n                border-radius: 1px;\\n\\n                &:after {\\n                    left: 100%;\\n                    top: 50%;\\n                    border: solid transparent;\\n                    content: \\\"\\\";\\n                    height: 0;\\n                    width: 0;\\n                    position: absolute;\\n                    pointer-events: none;\\n                    border-color: rgba(213, 9, 9, 0);\\n                    border-left-color: #fff;\\n                    border-width: 13px;\\n                    margin-top: -13px;\\n                }\\n            }\\n\\n            .event-card--list-view.event-card--info-open & {\\n                transform: translateY(-50%) translateX(10px);\\n                opacity: 1;\\n                pointer-events: all;\\n                transition: all 0.35s ease-in-out;\\n            }\\n        }\\n\\n        &__media {\\n            height: 0;\\n            width: 100%;\\n            padding-bottom: 50%;\\n            background: darkgray !important;\\n            position: relative;\\n            will-change: top, left, width, max-height;\\n\\n            .event-card--list-view & {\\n                display: none !important;\\n            }\\n        }\\n\\n        &__controls {\\n            width: 25px;\\n            margin-left: 15px;\\n            flex-grow: 0;\\n            flex-shrink: 0;\\n\\n            .event-card--list-view & {\\n                display: flex;\\n                width: auto;\\n                position: absolute;\\n                right: 20px;\\n                top: 50%;\\n                transform: translateY(-50%);\\n\\n                @media (max-width: 768px) {\\n                    display: none;\\n                }\\n            }\\n\\n            > * {\\n                display: block;\\n                height: 25px;\\n                width: 25px;\\n\\n                &:not(:last-child) {\\n                    margin-bottom: 10px;\\n                }\\n\\n                .event-card--list-view & {\\n                    margin-bottom: 0;\\n                }\\n\\n                &:first-child {\\n                    .event-card--list-view & {\\n                        margin-right: 10px;\\n                        margin-bottom: 0;\\n                    }\\n                }\\n            }\\n        }\\n\\n        &__content {\\n            min-height: 250px;\\n            padding: $event-card__side-padding;\\n            display: flex;\\n            justify-content: space-between;\\n            flex-direction: column;\\n            position: relative;\\n            flex-grow: 1;\\n            width: 100%;\\n\\n            @media (max-width: 768px) {\\n                min-height: 225px;\\n            }\\n\\n            .event-card--list-view & {\\n                padding: 0;\\n                min-height: calc(166px - 40px);\\n                flex: 1;\\n            }\\n        }\\n\\n        &__content-top {\\n            display: flex;\\n            justify-content: space-between;\\n\\n            .event-card--list-view & {\\n                align-items: center;\\n            }\\n        }\\n\\n        &__title-container {\\n            flex-grow: 1;\\n            flex-shrink: 1;\\n            max-width: calc(100% - 35px);\\n            margin-bottom: 20px;\\n            /*            &__subtitle {\\n                @media (min-width: 768px) {\\n                    font-size: 1.0125rem;\\n                }\\n\\n                @media (min-width: 1200px) {\\n                    font-size: 1.3125rem;\\n                }\\n            }*/\\n\\n            &__title {\\n                line-height: 1.15;\\n                /*                @media (max-width: 768px) {\\n                    &.headline--xsmall {\\n                        font-size: 1.75rem;\\n                    }\\n\\n                    &.headline--small-med {\\n                        font-size: 2.375rem;\\n                    }\\n                }\\n\\n                @media (min-width: 1200px) {\\n                    &.headline--xsmall {\\n                        font-size: 1.875rem;\\n                    }\\n                }*/\\n            }\\n\\n            &__subtitle {\\n                line-height: 1.15;\\n                font-weight: 400;\\n            }\\n\\n            &__ensemble {\\n                display: none;\\n            }\\n\\n            &__venue {\\n                margin-bottom: 5px;\\n            }\\n\\n            > * {\\n                max-width: 100%;\\n                overflow-wrap: anywhere;\\n            }\\n        }\\n\\n        &__info-btn {\\n            border: none;\\n            background: none;\\n            padding: 0;\\n            position: relative;\\n            display: none;\\n            width: 23px;\\n            height: 23px;\\n\\n            @media (min-width: 768px) {\\n                display: block;\\n            }\\n\\n\\n            &__open {\\n                position: absolute;\\n                top: 0;\\n                left: 0;\\n                border-radius: 50%;\\n                width: 23px;\\n                height: 23px;\\n                text-align: center;\\n                display: flex;\\n                justify-content: center;\\n                align-items: center;\\n                border: 1px solid currentColor;\\n                font-family: DR Publik Stencil, sans-serif;\\n                transition: all 0.3s ease-in-out;\\n                font-size: 14px;\\n                font-weight: 700;\\n            }\\n\\n            .svg-icon--close {\\n                opacity: 0;\\n                transition: all 0.3s ease-in-out;\\n                color: white;\\n                background: black;\\n                padding: 5px;\\n                height: 23px;\\n                width: 23px;\\n\\n                .event-card--info-open & {\\n                    opacity: 1;\\n                }\\n            }\\n\\n            &:hover {\\n                .event-card__info-btn__open:first-child {\\n                    color: white;\\n                    background: black;\\n                }\\n                /*\\n\\n                .svg-icon--close {\\n                    color: black;\\n                    background: white;\\n                }*/\\n            }\\n\\n            .svg-icon {\\n                position: absolute;\\n                top: 0;\\n                left: 0;\\n                border-radius: 50%;\\n            }\\n\\n            .svg-icon--close {\\n                opacity: 0;\\n                transition: opacity 0.3s ease-in-out;\\n                color: white;\\n                background: black;\\n                padding: 5px;\\n\\n                .event-card--list-view & {\\n                    background: white;\\n                    color: black;\\n                }\\n\\n                .event-card--info-open & {\\n                    opacity: 1;\\n                }\\n            }\\n        }\\n\\n        &__info {\\n            padding: 40px;\\n\\n            > * {\\n                &:not(:last-child) {\\n                    margin-bottom: 15px;\\n                    padding-bottom: 15px;\\n                    border-bottom: 1px solid rgba(255,255,255, 0.5);\\n\\n                    .event-card--list-view & {\\n                        border-bottom: 1px solid rgba(219,219,219, 0.5);\\n                    }\\n                }\\n            }\\n        }\\n\\n        &__info-label {\\n            font-family: 'DR Publik Stencil', sans-serif; //Stencil font\\n            font-weight: bold;\\n            font-size: 1rem;\\n        }\\n\\n        &__info-headline {\\n            font-family: 'DR Publik Stencil', sans-serif; //Stencil font\\n            font-weight: bold;\\n            font-size: 1.25rem;\\n        }\\n\\n        &--list-view {\\n            background-color: transparent;\\n\\n            .btn--full {\\n                width: auto;\\n                background-color: white;\\n                color: black;\\n                min-width: 230px;\\n\\n                @media (max-width: 768px) {\\n                    font-size: 0.75rem !important;\\n                    padding: 11px 20px !important;\\n                    min-width: 0px;\\n                }\\n            }\\n\\n            .event-card {\\n                &__controls {\\n                    flex-direction: row-reverse;\\n                }\\n\\n                &__venue-label {\\n                    display: inline;\\n                }\\n\\n                &__content {\\n                    min-height: 92px;\\n\\n                    @media (max-width: 768px) {\\n                        min-height: 0px;\\n                    }\\n                }\\n\\n                &__date-venue {\\n                    @media (max-width: 768px) {\\n                        font-size: 0.75rem;\\n                        margin-bottom: 9px;\\n                    }\\n                }\\n\\n                &__info-btn {\\n                    margin-right: 20px;\\n                    width: 23px;\\n                    height: 23px;\\n                }\\n\\n                &__ensemble-label {\\n                    display: none;\\n                }\\n\\n                &__title-container {\\n                    @media (max-width: 768px) {\\n                        margin-bottom: 3px;\\n                    }\\n\\n                    &__venue {\\n                        display: none;\\n                    }\\n\\n                    &__ensemble {\\n                        display: block;\\n                        margin-bottom: 7px;\\n\\n                        @media (max-width: 768px) {\\n                            font-size: 0.75rem;\\n                        }\\n                    }\\n\\n                    &__title {\\n                        font-size: 1.875rem !important;\\n                        max-width: 87%;\\n\\n                        &.headline--xxxsmall {\\n                            font-size: 1.3125rem !important;\\n                        }\\n\\n                        @media (max-width: 768px) {\\n                            max-width: 100%;\\n                            margin-bottom: 1px;\\n                            font-size: 1.25rem !important;\\n                        }\\n                    }\\n\\n                    &__subtitle {\\n                        font-size: 1.25rem !important;\\n\\n                        @media (max-width: 768px) {\\n                            font-size: 1rem !important;\\n                        }\\n                    }\\n                }\\n            }\\n        }\\n    }\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { render } from \"./vue-picture-source.vue?vue&type=template&id=136c6608\"\nimport script from \"./vue-picture-source.vue?vue&type=script&lang=js\"\nexport * from \"./vue-picture-source.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/src/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./vue-responsive-img.vue?vue&type=template&id=246fc22d&scoped=true\"\nimport script from \"./vue-responsive-img.vue?vue&type=script&lang=js\"\nexport * from \"./vue-responsive-img.vue?vue&type=script&lang=js\"\n\nimport \"./vue-responsive-img.vue?vue&type=style&index=0&id=246fc22d&scoped=true&lang=scss\"\n\nimport exportComponent from \"/src/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-246fc22d\"]])\n\nexport default __exports__","import { render } from \"./vue-event-card.vue?vue&type=template&id=4c3fa5cc&scoped=true\"\nimport script from \"./vue-event-card.vue?vue&type=script&lang=js\"\nexport * from \"./vue-event-card.vue?vue&type=script&lang=js\"\n\nimport \"./vue-event-card.vue?vue&type=style&index=0&id=4c3fa5cc&lang=scss&scoped=true\"\n\nimport exportComponent from \"/src/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4c3fa5cc\"]])\n\nexport default __exports__","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/vue-loader/dist/index.js??ruleSet[1].rules[6].use[0]!./vue-responsive-img.vue?vue&type=style&index=0&id=246fc22d&scoped=true&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"50c58a4a\", content, true, {});","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/vue-loader/dist/index.js??ruleSet[1].rules[6].use[0]!./vue-event-card.vue?vue&type=style&index=0&id=4c3fa5cc&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"4994f259\", content, true, {});"],"sourceRoot":""}