.toby-tampa-popup[hidden] {
	display: none !important;
}

.toby-tampa-popup {
	position: fixed;
	top: 5.75rem;
	right: clamp(0.75rem, 3vw, 3rem);
	z-index: 99990;
	width: min(37.875rem, calc(100vw - 1.5rem));
	opacity: 0;
	transform: translateY(-0.4rem);
	transition: opacity 140ms ease, transform 140ms ease;
}

.toby-tampa-popup.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.toby-tampa-popup__panel {
	position: relative;
	width: 100%;
}

.toby-tampa-popup__image {
	display: block;
	width: 100%;
	height: auto;
}

.toby-tampa-popup__workshop-link,
.toby-tampa-popup__close {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
	cursor: pointer;
}

.toby-tampa-popup__workshop-link {
	left: 8.5%;
	top: 57%;
	width: 83%;
	height: 22%;
	border-radius: 999px;
}

.toby-tampa-popup__close--x {
	right: 3%;
	top: 10%;
	width: 7%;
	height: 9%;
}

.toby-tampa-popup__close--text {
	left: 36%;
	top: 81%;
	width: 28%;
	height: 8%;
}

.toby-tampa-popup__workshop-link:focus-visible,
.toby-tampa-popup__close:focus-visible {
	outline: 3px solid #008c88;
	outline-offset: 3px;
}

.toby-tampa-popup__screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

body.admin-bar .toby-tampa-popup {
	top: 7.75rem;
}

@media (max-width: 782px) {
	.toby-tampa-popup,
	body.admin-bar .toby-tampa-popup {
		top: 4.75rem;
		right: 0.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.toby-tampa-popup {
		transition: none;
	}
}