/* Site interactions. The original page styles are kept in layout.css. */
/* Give the page the same white canvas inside the WordPress preview iframe. */
html#yg, #yg body, #yg .wp-site-blocks { background-color: #fff; }
#home .yg-playtest-link {
    --playtest-white: rgba(255, 255, 255, .8);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15.6px;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 65px;
    margin-top: clamp(18px, 3vh, 32px);
    padding: 14.3px clamp(31.2px, 4.16vw, 52px);
    border: 1px solid currentColor;
    border-radius: 0;
    background-color: rgba(28, 67, 119, .68);
    color: var(--playtest-white);
    font-size: clamp(20.8px, 1.69vw, 23.4px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .05em;
    text-decoration: none;
}
#home .yg-playtest-icon { flex: none; width: 33.8px; height: 33.8px; }
#home .yg-playtest-copy { display: grid; gap: 2.6px; text-align: left; line-height: 1.2; }
#home .yg-playtest-copy small { font-size: 15.6px; font-weight: 400; line-height: 1.4; letter-spacing: .02em; }
@media (max-width: 1023px) {
    #home .yg-playtest-link { --playtest-white: rgba(255, 255, 255, .7); }
}
@media (max-width: 360px) {
    #home .yg-playtest-link { padding-inline: 12px; }
}
#home .yg-playtest-link:hover,
#home .yg-playtest-link:focus-visible { background-color: rgba(38, 81, 139, .9); }
#home .yg-playtest-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-height: 500px) {
    #yg #home .h-down-arrow .h-svg-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        margin-bottom: 14px;
    }
}
#site-menu {
    display: block;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform .25s ease, visibility 0s linear .25s;
}
#site-menu.is-open {
    visibility: visible;
    transform: translateX(0);
    transition-delay: 0s;
}
#menu-shade.is-open { visibility: visible; opacity: 1; z-index: 20000; }
#site-menu[inert] { pointer-events: none; }
html.menu-open { overflow: hidden; }
.yg-video-background video { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.yg-awaiting { visibility: hidden; animation: none !important; }
.animated.fadeInUp { animation-name: fadeInUp; }
.animated.faster { animation-duration: .5s; animation-fill-mode: both; }
#yg .wp-block-yg-downarrow__inner { color: inherit; text-decoration: none; }
.yg-dropdown-menu.bordered-active-item .yg-menu > ul > li.current-menu-item::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
    #site-menu, #menu-shade { transition-duration: 0s; }
    .move-down-bounce, .animated { animation-duration: 1ms !important; animation-iteration-count: 1 !important; }
}