body.ds-site-alert-open {overflow:hidden;}
.ds-site-alert {position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:50px;background:rgba(0,0,0,.88);background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:6px 6px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;}
.ds-site-alert.is-open {opacity:1;visibility:visible;}
.ds-site-alert__panel {position:relative;width:min(650px,90vw);max-height:88vh;border:10px solid #000;background:#fff;transform:rotate(-.4deg);animation:dsSiteAlertPop .25s cubic-bezier(.18,.89,.32,1.28);}
.ds-site-alert__content {max-height:calc(88vh - 20px);padding:40px;overflow-y:auto;transform:rotate(.4deg);}
.ds-site-alert__content > :first-child {margin-top:0;}
.ds-site-alert__content > :last-child {margin-bottom:0;}
.ds-site-alert__content img {max-width:100%;height:auto;}
.ds-site-alert__content .wp-block-button {width:100%;}
.ds-site-alert__content .wp-block-button a {display:block;text-align:center;width:100%;background:var(--wp--preset--color--custom-callout-yellow);font-family:var(--wp--preset--font-family--bangers);font-size:2.2rem;padding:6px 18px;line-height:1.33;color:var(--wp--preset--color--contrast);border:3px solid var(--wp--preset--color--contrast);}
.ds-site-alert__content .wp-block-button a:hover {background:var(--wp--preset--color--custom-callout-yellow-hover);}
.ds-site-alert__close {position:absolute;top:-30px;right:-30px;z-index:10;display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:5px solid #000;border-radius:50%;background:#FFF700;color:#000;font-family:Arial,sans-serif;font-size:38px;font-weight:900;line-height:1;cursor:pointer;box-shadow:5px 5px 0 #000;transition:transform .15s ease;}
.ds-site-alert__close:hover,
.ds-site-alert__close:focus {transform:scale(1.1) rotate(6deg);outline:none;}
@keyframes dsSiteAlertPop {
	from {opacity:0;transform:scale(.75) rotate(-2deg);}
	to {opacity:1;transform:scale(1) rotate(-.4deg);}
}
@media(max-width:781px) {
	.ds-site-alert {padding:30px 18px 45px;}
	.ds-site-alert__panel {width:94vw;max-height:86vh;border-width:7px;}
	.ds-site-alert__content {max-height:calc(86vh - 14px);padding:28px 20px;}
	.ds-site-alert__close {top:-23px;right:-14px;width:46px;height:46px;border-width:4px;font-size:30px;}
}
@media(prefers-reduced-motion:reduce) {
	.ds-site-alert,
	.ds-site-alert__panel,
	.ds-site-alert__close {animation:none;transition:none;}
}