@charset "UTF-8";

.close-dialog-button {
flex-shrink: 0;
}
.site-head.site-head {
--site-head--background: #3a2c41;
--site-head--color: #ecdfc7;
}
.hero__component {
--hero--min-width: 300px;
--hero--text-width: 500px;
--hero--image-width: 700px;
display: flex;
flex-wrap: wrap;
gap: var(--size-12) var(--size-16);
align-items: center;
justify-content: center;
font-size: var(--size-11);
background: #3a2c41;
color: #ecdfc7;
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px calc(100% - min(7vw, 140px)));
padding: var(--size-15);
padding-bottom: calc(var(--size-15) + min(7vw, 140px));
margin-top: -1px;
z-index: 1;
position: relative;
}
.hero__component > * {
flex: 1;
min-width: min(100%, var(--hero--min-width));
}
.hero__component .text {
max-width: var(--hero--text-width);
}
.hero__component .image {
max-width: var(--hero--image-width);
}
.hero__component hgroup > * {
margin-top: 0;
margin-bottom: 0;
}
.hero__component hgroup > * + * {
margin-top: var(--stack--space, var(--size-10));
}
h1, h2 {
color: #d64224;
}
.map-container {
display: flex;
flex-wrap: wrap;
gap: var(--size-15);
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 0;
padding: var(--size-15);
margin-top: calc(-1 * min(7vw, 140px));
padding-top: calc(var(--size-15) + min(7vw, 140px));
padding-bottom: calc(var(--size-15) + min(7vw, 140px));
color: #3a2c41;
background: #cf8d83;
}
.map-container > * {
flex: 1;
min-width: min(100%, 300px);
}
.map-container h2 {
color: #ecdfc7;
}
.map-container--map {
--map--stroke--width: 5px;
--map--stroke-color: #cf8d83;
--map--hover--color: #7b4144;
--map--hover--stroke--color: #cf8d83;
max-width: 550px;
position: relative;
}
.map-container--map > img {
position: absolute;
top: -42.6%;
left: -96.5%;
width: 400%;
z-index: -1;
max-width: none;
}
.map-container--text {
max-width: 500px;
}
.map-container--text > * {
margin-top: 0;
margin-bottom: 0;
}
.map-container--text > * + * {
margin-top: var(--stack--space, var(--size-10));
}
.other-events-container {
background: #EBDBC7;
color: #523442;
clip-path: polygon(0px calc(0px + min(7vw, 140px)), 100% 0px, 100% 100%, 0px 100%);
padding-top: min(7vw, 140px);
padding-bottom: min(7vw, 140px);
margin-top: calc(-1 * min(7vw, 140px));
position: relative;
overflow: hidden;
}
@media (min-width: 700px) {
.other-events-container {
display: grid;
grid-template-columns: 1fr 1.5fr;
}
}
.other-events-container--text {
max-width: 600px;
margin-left: auto;
padding: var(--size-15);
display: flex;
flex-direction: column;
}
.other-events-container--text > * {
margin-top: 0;
margin-bottom: 0;
}
.other-events-container--text > * + * {
margin-top: var(--stack--space, var(--size-10));
}
.other-events-container--text .button {
align-self: flex-end;
}
.other-events-container--image {
position: relative;
}
.other-events-container--image svg {
transform: translateX(10%);
color: #DAAEA0;
z-index: -1;
}
@media (min-width: 700px) {
.other-events-container--image svg {
position: absolute;
left: 0;
transform: translateY(-25%);
min-width: 800px;
}
}
@media (min-width: 1000px) {
.other-events-container--image svg {
min-width: 1200px;
transform: translateY(-65%) scale(1.25);
}
}
.footer-container {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
flex-direction: row-reverse;
background: #523442;
color: #ecdfc7;
clip-path: polygon(0px 0px, 100% calc(0px + min(7vw, 140px)), 100% 100%, 0px 100%);
padding-top: min(7vw, 140px);
margin-top: calc(-1 * min(7vw, 140px));
}
.footer-container > * {
flex: 1;
min-width: min(100%, 500px);
}
.footer-container--text {
max-width: 650px;
margin: auto;
padding: var(--size-15);
padding-bottom: var(--size-17);
}
.footer-container--text > * {
margin-top: 0;
margin-bottom: 0;
}
.footer-container--text > * + * {
margin-top: var(--stack--space, var(--size-10));
}
.footer-container--image {
max-width: 1040px;
transform: scaleX(-1);
}
.footer {
margin-top: -1px;
}
dialog {
transition: display 0.4s allow-discrete, overlay 0.4s allow-discrete;
color: #3a2c41;
}
.close-dialog-overlay__component .close-dialog-overlay {
animation-name: fade-out;
animation-duration: 0.4s;
}
[open] > .close-dialog-overlay__component .close-dialog-overlay {
animation-name: fade-in;
}
.dialog--wrapper {
width: 95%;
max-width: 900px;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
margin-left: auto;
position: relative;
background: #fff;
color: #3a2c41;
animation-name: to-right;
animation-duration: 0.4s;
animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
[open] > .dialog--wrapper {
animation-name: from-right;
}
.events-dialog--wrapper {
--padding: var(--size-16);
--height: 400px;
}
@media (max-width: 500px) {
.events-dialog--wrapper {
--padding: var(--size-13);
}
}
.events-dialog--wrapper .events--featured-image img {
width: 100%;
object-fit: cover;
background: #3a2c41;
height: var(--height);
}
@media (max-width: 600px) {
.events-dialog--wrapper {
--height: 300px;
}
}
.events-dialog--wrapper .video__component {
margin-left: calc(-1 * var(--padding));
margin-right: calc(-1 * var(--padding));
width: calc(100% + var(--padding) * 2);
max-width: none;
margin-top: var(--padding);
margin-bottom: var(--padding);
}
.project-button {
margin: var(--padding);
margin-top: var(--size-12);
}
.events--dialog--header {
position: absolute;
z-index: 10;
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--size-10);
left: 0;
right: 0;
padding: var(--size-11);
}
.events--year-filters {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--size-3);
position: relative;
}
.events--year-trigger {
--_button--background: var(--button--background, #d64224);
--_button--color: var(--button--color, #fff);
--_button--font-size: var(--button--font-size, var(--size-9));
--_button--padding: var(--button--padding, var(--size-6) var(--size-14));
--_button--gap: var(--button--gap, var(--size-6));
--_button--border-width: var(--button--border-width, 3px);
--_button--radius: var(--button--radius, 100vw);
border: none;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--_button--gap);
text-align: center;
position: relative;
z-index: 0;
overflow: hidden;
font-size: var(--_button--font-size);
background-color: var(--_button--background);
color: var(--_button--color);
padding: var(--_button--padding);
font-weight: bold;
border-radius: var(--_button--radius);
--button--padding: var(--size-3) var(--size-9);
--button--background: #e4d4db;
--button--color: currentColor;
border: 2px solid rgba(82, 52, 66, 0.25);
}
.events--year-trigger:before {
content: "";
width: var(--_button--hover--scale, 0%);
padding-top: var(--_button--hover--scale, 0%);
position: absolute;
background-color: inherit;
z-index: -1;
border-radius: 50%;
opacity: 0.5;
mix-blend-mode: multiply;
transition: all 0.8s ease;
}
.events--year-trigger:hover, .events--year-trigger:focus {
--_button--hover--scale: 150%;
}
.events--year-trigger[data-active] {
--button--background: #d64224;
--button--color: #fff;
border-color: transparent;
}
.writing-disclosure__component {
font-size: var(--size-9);
margin-top: var(--size-12);
}
.events--panels--item {
display: none;
}
.events--panels--item[data-active] {
display: block;
}
.events--main-content {
padding: var(--padding);
}
.events--main-content * + p {
margin-top: var(--size-10);
}
.events--main-content p + p {
margin-top: var(--size-8);
}
.events--main-content h3 {
font-size: var(--size-13);
color: #d64224;
}
.events--main-content .show-more-button--component {
--_button--background: var(--button--background, #d64224);
--_button--color: var(--button--color, #fff);
--_button--font-size: var(--button--font-size, var(--size-9));
--_button--padding: var(--button--padding, var(--size-6) var(--size-14));
--_button--gap: var(--button--gap, var(--size-6));
--_button--border-width: var(--button--border-width, 3px);
--_button--radius: var(--button--radius, 100vw);
border: none;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--_button--gap);
text-align: center;
position: relative;
z-index: 0;
overflow: hidden;
font-size: var(--_button--font-size);
background-color: var(--_button--background);
color: var(--_button--color);
padding: var(--_button--padding);
font-weight: bold;
border-radius: var(--_button--radius);
}
.events--main-content .show-more-button--component:before {
content: "";
width: var(--_button--hover--scale, 0%);
padding-top: var(--_button--hover--scale, 0%);
position: absolute;
background-color: inherit;
z-index: -1;
border-radius: 50%;
opacity: 0.5;
mix-blend-mode: multiply;
transition: all 0.8s ease;
}
.events--main-content .show-more-button--component:hover, .events--main-content .show-more-button--component:focus {
--_button--hover--scale: 150%;
}
.events--main-content .writing-disclosure--disclosure {
margin-top: var(--size-8);
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
.events--main-content .writing-disclosure--content {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
opacity: 0;
visibility: hidden;
}
.events--main-content .writing-disclosure--content > div {
overflow: hidden;
}
.events--main-content [aria-expanded=true] + .writing-disclosure--content {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
transition: grid-template-rows 0s ease, opacity 0.3s ease, visibility 0s;
}
.other-events-dialog--wrapper {
overflow-x: hidden;
--padding: var(--size-16);
overflow-anchor: none;
scroll-padding: var(--size-12);
padding-top: var(--padding);
padding-bottom: var(--padding);
display: flex;
flex-direction: column;
gap: var(--size-13);
color: #523442;
--offset: 0;
transition: max-width 0.3s ease;
}
@media (max-width: 500px) {
.other-events-dialog--wrapper {
--padding: var(--size-13);
}
}
.other-events-dialog--wrapper[data-active] {
max-width: calc(900px + var(--offset) + var(--padding));
}
@media (prefers-reduced-motion: no-preference) {
.other-events-dialog--wrapper {
scroll-behavior: smooth;
}
}
.other-events-dialog--wrapper h3 {
font-size: var(--size-13);
}
.other-events-dialog--header {
padding-left: var(--padding);
padding-right: var(--padding);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--size-10);
}
.other-events-dialog--title {
color: currentColor;
}
.other-events--year-filters {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
--padding: var(--size-10);
padding-left: var(--padding);
padding-right: var(--padding);
position: relative;
}
.other-events--year-filters:before {
content: "";
position: absolute;
top: calc(var(--size-11) / 2);
left: calc(100% / var(--other-events--year-trigger--count) / 2 + var(--padding));
right: calc(100% / var(--other-events--year-trigger--count) / 2 + var(--padding));
height: 4px;
z-index: 0;
transform: translateY(-50%);
background: #d7d0d3;
}
.other-events--year-trigger {
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: bold;
font-style: normal;
line-height: 1.5;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--size-3);
position: relative;
padding-left: var(--size-5);
padding-right: var(--size-5);
transition: color 0.2s ease;
}
@media (max-width: 700px) {
.other-events--year-trigger {
font-size: var(--size-9);
}
}
.other-events--year-trigger:before {
content: "";
display: block;
position: relative;
width: var(--size-11);
aspect-ratio: 1;
background: #523442;
border-radius: 50%;
z-index: 1;
transition: all 0.2s ease;
scale: 0.8;
border: 4px solid #fff;
}
.other-events--year-trigger[data-active] {
color: #d64224;
}
.other-events--year-trigger[data-active]:before {
background: #d64224;
}
.other-events--year-trigger:after {
content: "";
position: absolute;
top: calc(var(--size-11) / 2);
left: 0;
right: 0;
height: 4px;
z-index: 0;
transform: translateY(-50%);
background: linear-gradient(to right, transparent, #f6dad5, transparent);
opacity: 0;
transition: opacity 0.4s ease;
}
.other-events--year-trigger:hover:before, .other-events--year-trigger:focus-visible:before {
background: #d64224;
scale: 1.1;
}
.other-events--year-trigger:hover:after, .other-events--year-trigger:focus-visible:after {
opacity: 1;
}
.other-events--year-trigger:first-child:after {
left: 50%;
background: linear-gradient(to right, #f6dad5, transparent);
}
.other-events--year-trigger:last-child:after {
right: 50%;
background: linear-gradient(to right, transparent, #f6dad5);
}
.other-events--panels-and-map {
padding-left: var(--padding);
padding-right: var(--padding);
display: grid;
gap: var(--padding);
grid-template-columns: min(100%, 420px) 100%;
transition: transform 0.3s ease;
transform: translateX(0);
justify-content: flex-end;
}
[data-active] .other-events--panels-and-map {
transform: translateX(calc(1 * (var(--offset) + var(--padding))));
}
[data-active] .other-events--panels-and-map .other-events--panels {
opacity: 1;
transition: opacity 0.3s 0.1s ease;
}
.other-events--panels {
opacity: 0;
transition: opacity 0.1s ease;
display: grid;
grid-template-areas: "center";
}
.other-events--panels > * {
grid-area: center;
}
@media (min-width: 1400px) {
.other-events--panels [data-events-tab-reset] {
display: none;
}
}
.other-events--panels--item {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s 0.3s;
}
.other-events--panels--item[data-active] {
opacity: 1;
visibility: visible;
grid-template-rows: 1fr;
transition: opacity 0.3s ease, visibility 0s;
}
.other-events--panels--item--wrapper {
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--size-11);
}
.other-events--accordion {
display: flex;
flex-direction: column;
gap: var(--size-9);
align-items: flex-start;
}
.other-events--accordion--button {
--_button--background: var(--button--background, #d64224);
--_button--color: var(--button--color, #fff);
--_button--font-size: var(--button--font-size, var(--size-9));
--_button--padding: var(--button--padding, var(--size-6) var(--size-14));
--_button--gap: var(--button--gap, var(--size-6));
--_button--border-width: var(--button--border-width, 3px);
--_button--radius: var(--button--radius, 100vw);
border: none;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--_button--gap);
text-align: center;
position: relative;
z-index: 0;
overflow: hidden;
font-size: var(--_button--font-size);
background-color: var(--_button--background);
color: var(--_button--color);
padding: var(--_button--padding);
font-weight: bold;
border-radius: var(--_button--radius);
--button--background: #d7d0d3;
--button--color: currentColor;
--button--font-size: var(--size-10);
--button--padding: var(--size-3) var(--size-10);
--button--radius: 5px;
transition: background 0.2s ease;
text-align: left;
}
.other-events--accordion--button:before {
content: "";
width: var(--_button--hover--scale, 0%);
padding-top: var(--_button--hover--scale, 0%);
position: absolute;
background-color: inherit;
z-index: -1;
border-radius: 50%;
opacity: 0.5;
mix-blend-mode: multiply;
transition: all 0.8s ease;
}
.other-events--accordion--button:hover, .other-events--accordion--button:focus {
--_button--hover--scale: 150%;
}
.other-events--accordion--button::before {
display: none;
}
.other-events--accordion--button:hover {
--button--background: #f6dad5;
}
.other-events--accordion--button:after {
content: "▼";
font-size: 0.6em;
transition: transform 0.2s ease;
}
.other-events--accordion--button[aria-expanded=true] {
--button--background: #f6dad5;
}
.other-events--accordion--button[aria-expanded=true]:after {
transform: scaleY(-1);
}
.other-events--accordion--content {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.2s ease, opacity 0.3s ease;
opacity: 0;
}
[aria-expanded=true] + .other-events--accordion--content {
grid-template-rows: 1fr;
opacity: 1;
}
.other-events--events {
display: flex;
flex-direction: column;
gap: var(--size-8);
overflow: hidden;
}
.other-events--event {
font-size: var(--size-9);
display: flex;
flex-direction: column;
}
.other-events--event:first-child {
margin-top: var(--size-9);
}
.other-events--event + .other-events--event:before {
content: "";
display: block;
height: 1px;
opacity: 0.25;
background: currentColor;
margin-bottom: var(--size-8);
}
.other-events--event * + * {
margin-top: var(--size-4);
}
.other-events--event ul {
padding-left: var(--size-12);
list-style-type: disc;
}
.other-events--event--title {
font-size: var(--size-10);
}
.other-events--event--title a {
text-decoration: none;
display: flex;
align-items: center;
gap: var(--size-6);
transition: color 0.3s ease;
}
.other-events--event--title a:hover {
color: #d64224;
}
.other-events--event--title a svg {
font-size: var(--size-9);
transform: translateY(-2%);
}
.other-events--country-filters {
--button--padding: var(--size-3) var(--size-10);
--button--radius: 5px;
--button--background: #d7d0d3;
--button--color: currentColor;
max-width: 100%;
display: grid;
position: sticky;
top: 0;
right: 0;
z-index: 1;
gap: var(--size-6);
grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
}
@media (min-width: 740px) {
.other-events--country-filters {
width: 420px;
--button--font-size: var(--size-8);
margin-left: auto;
}
}
@media (max-width: 1000px) {
.other-events--country-filters {
transition: opacity 0.2s ease, visibility 0s;
visibility: visible;
}
[data-active] .other-events--country-filters {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease, visibility 0s 0.2s;
}
}
.other-events--country-trigger {
--_button--background: var(--button--background, #d64224);
--_button--color: var(--button--color, #fff);
--_button--font-size: var(--button--font-size, var(--size-9));
--_button--padding: var(--button--padding, var(--size-6) var(--size-14));
--_button--gap: var(--button--gap, var(--size-6));
--_button--border-width: var(--button--border-width, 3px);
--_button--radius: var(--button--radius, 100vw);
border: none;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--_button--gap);
text-align: center;
position: relative;
z-index: 0;
overflow: hidden;
font-size: var(--_button--font-size);
background-color: var(--_button--background);
color: var(--_button--color);
padding: var(--_button--padding);
font-weight: bold;
border-radius: var(--_button--radius);
transition: background 0.2s ease;
}
.other-events--country-trigger:before {
content: "";
width: var(--_button--hover--scale, 0%);
padding-top: var(--_button--hover--scale, 0%);
position: absolute;
background-color: inherit;
z-index: -1;
border-radius: 50%;
opacity: 0.5;
mix-blend-mode: multiply;
transition: all 0.8s ease;
}
.other-events--country-trigger:hover, .other-events--country-trigger:focus {
--_button--hover--scale: 150%;
}
.other-events--country-trigger:hover, .other-events--country-trigger[data-active] {
--button--background: #f6dad5;
}
.other-events--country-trigger:before {
display: none;
}
.other-events--map-wrapper {
display: grid;
position: relative;
gap: var(--size-12);
max-width: 770px;
width: 100%;
grid-template-areas: "center";
align-items: flex-start;
}
@media (min-width: 740px) {
.other-events--map-wrapper > * {
grid-area: center;
}
}
@media (max-width: 740px) {
.other-events--map-wrapper {
grid-template-areas: none;
grid-template-rows: auto auto;
}
}
.other-events--map-wrapper > svg {
position: sticky;
stroke: #fff;
top: 0;
stroke-width: 4px;
}
.other-events--map-wrapper > svg [data-events-tab-trigger] {
cursor: pointer;
transition: fill 0.2s ease;
}
.other-events--map-wrapper > svg [data-events-tab-trigger]:hover:not([data-active]) {
fill: #8b6e7c;
--fill: #8b6e7c;
}
.other-events--map-wrapper > svg [data-active] {
fill: #d64224;
--fill: #d64224;
cursor: default;
}
.other-events--map-wrapper:has(:is(path[data-events-tab-trigger=albania], g[data-events-tab-trigger=albania]):hover) button[data-events-tab-trigger=albania], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=bosnia], g[data-events-tab-trigger=bosnia]):hover) button[data-events-tab-trigger=bosnia], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=bulgaria], g[data-events-tab-trigger=bulgaria]):hover) button[data-events-tab-trigger=bulgaria], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=germany], g[data-events-tab-trigger=germany]):hover) button[data-events-tab-trigger=germany], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=croatia], g[data-events-tab-trigger=croatia]):hover) button[data-events-tab-trigger=croatia], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=liechtenstein], g[data-events-tab-trigger=liechtenstein]):hover) button[data-events-tab-trigger=liechtenstein], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=montenegro], g[data-events-tab-trigger=montenegro]):hover) button[data-events-tab-trigger=montenegro], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=macedonia], g[data-events-tab-trigger=macedonia]):hover) button[data-events-tab-trigger=macedonia], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=austria], g[data-events-tab-trigger=austria]):hover) button[data-events-tab-trigger=austria], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=romania], g[data-events-tab-trigger=romania]):hover) button[data-events-tab-trigger=romania], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=serbia], g[data-events-tab-trigger=serbia]):hover) button[data-events-tab-trigger=serbia], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=slovenia], g[data-events-tab-trigger=slovenia]):hover) button[data-events-tab-trigger=slovenia], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=switzerland], g[data-events-tab-trigger=switzerland]):hover) button[data-events-tab-trigger=switzerland], .other-events--map-wrapper:has(:is(path[data-events-tab-trigger=other], g[data-events-tab-trigger=other]):hover) button[data-events-tab-trigger=other] {
--button--background: #f6dad5;
}
.other-events--map-wrapper:has(button[data-events-tab-trigger=albania]:hover) :is(path[data-events-tab-trigger=albania], g[data-events-tab-trigger=albania]), .other-events--map-wrapper:has(button[data-events-tab-trigger=bosnia]:hover) :is(path[data-events-tab-trigger=bosnia], g[data-events-tab-trigger=bosnia]), .other-events--map-wrapper:has(button[data-events-tab-trigger=bulgaria]:hover) :is(path[data-events-tab-trigger=bulgaria], g[data-events-tab-trigger=bulgaria]), .other-events--map-wrapper:has(button[data-events-tab-trigger=germany]:hover) :is(path[data-events-tab-trigger=germany], g[data-events-tab-trigger=germany]), .other-events--map-wrapper:has(button[data-events-tab-trigger=croatia]:hover) :is(path[data-events-tab-trigger=croatia], g[data-events-tab-trigger=croatia]), .other-events--map-wrapper:has(button[data-events-tab-trigger=liechtenstein]:hover) :is(path[data-events-tab-trigger=liechtenstein], g[data-events-tab-trigger=liechtenstein]), .other-events--map-wrapper:has(button[data-events-tab-trigger=montenegro]:hover) :is(path[data-events-tab-trigger=montenegro], g[data-events-tab-trigger=montenegro]), .other-events--map-wrapper:has(button[data-events-tab-trigger=macedonia]:hover) :is(path[data-events-tab-trigger=macedonia], g[data-events-tab-trigger=macedonia]), .other-events--map-wrapper:has(button[data-events-tab-trigger=austria]:hover) :is(path[data-events-tab-trigger=austria], g[data-events-tab-trigger=austria]), .other-events--map-wrapper:has(button[data-events-tab-trigger=romania]:hover) :is(path[data-events-tab-trigger=romania], g[data-events-tab-trigger=romania]), .other-events--map-wrapper:has(button[data-events-tab-trigger=serbia]:hover) :is(path[data-events-tab-trigger=serbia], g[data-events-tab-trigger=serbia]), .other-events--map-wrapper:has(button[data-events-tab-trigger=slovenia]:hover) :is(path[data-events-tab-trigger=slovenia], g[data-events-tab-trigger=slovenia]), .other-events--map-wrapper:has(button[data-events-tab-trigger=switzerland]:hover) :is(path[data-events-tab-trigger=switzerland], g[data-events-tab-trigger=switzerland]), .other-events--map-wrapper:has(button[data-events-tab-trigger=other]:hover) :is(path[data-events-tab-trigger=other], g[data-events-tab-trigger=other]) {
fill: #8b6e7c;
--fill: #8b6e7c;
}
[data-events-tab-more-trigger]:hover + .events--year-more,
.events--year-more:hover {
display: flex;
}
.events--year-more {
position: absolute;
top: calc(100% + var(--size-3));
list-style: none;
right: 0;
z-index: 100;
padding: var(--size-10);
width: max-content;
border-radius: var(--size-6);
display: none;
background: #fff;
color: #4c597c;
flex-direction: column;
align-items: flex-start;
gap: var(--size-1);
}
.events--year-more::before {
content: "";
position: absolute;
top: calc(-1 * var(--size-3));
right: 0;
left: 0;
height: var(--size-3);
}
.events--year-more-trigger {
position: relative;
padding-bottom: var(--size-2);
font-weight: bold;
}
.events--year-more-trigger:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0.15em;
background: #d64224;
z-index: 0;
opacity: 0;
transform: translateY(var(--size-9));
transition: transform 0.3s ease, opacity 0.3s ease;
}
.events--year-more-trigger:hover:before, .events--year-more-trigger[data-active]:before {
transform: translateY(0);
opacity: 1;
}