.trumba-event-modal {
			width: min(56rem, calc(100vw - 2rem));
			max-width: none;
			max-height: calc(100dvh - 2rem);
			padding: 0;
			border: 0;
			border-radius: 0.5rem;
			background: #fff;
			box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 35%);
			overflow: hidden;
		}

		.trumba-event-modal[open] {
			position: fixed;
			top: 50%;
			left: 50%;
			right: auto;
			bottom: auto;
			margin: 0;
			transform: translate(-50%, -50%);
		}

		.trumba-event-modal::backdrop {
			background: rgb(0 0 0 / 65%);
		}

		.trumba-event-modal__header {
			position: sticky;
			top: 0;
			z-index: 2;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 1rem;
			padding: 0.75rem 1rem;
			background: #fff;
			border-bottom: 1px solid #d5d5d5;
		}
			
		.trumba-event-modal__title {
			color: #174a5d;
		}
		
		.trumba-event-modal__title:focus {
			outline: none;
			box-shadow: none;
		}

		.trumba-event-modal__close {
			display: grid;
			width: 2.75rem;
			height: 2.75rem;
			padding: 0 0 4px;
			border: 0;
			border-radius: 50%;
			color: #333;
			font-size: 2rem;
			line-height: 1;
			place-items: center;
			cursor: pointer;
			font-weight: 600;
		}

		.trumba-event-modal__close:hover,
		.trumba-event-modal__close:focus-visible {
			outline: 3px solid #005a8b;
			outline-offset: 3px;
			background: #eee;
		}

		.trumba-event-modal__content {
			max-height: calc(100dvh - 6rem);
			padding: 1.5rem;
			overflow: auto;
			overscroll-behavior: contain;
		}		

		@media (max-width: 40rem) {
			.trumba-event-modal__content {
				max-height: calc(100dvh - 5rem);
				padding: 1rem;
			}
		}