/* Side notice presentation. Content/settings/interaction belong to Core. */
.fp-notice[hidden] { display: none !important; }
.fp-notice {
    position: fixed;
    z-index: 110;
    inset-inline-end: 0;
    inset-block-start: max(9rem, 30vh);
    box-sizing: border-box;
    width: min(30rem, calc(100vw - 2rem));
    max-height: 60vh;
    max-height: 60dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.5rem 3.75rem 1.5rem 1.75rem;
    border-inline-start: 4px solid var(--wp--preset--color--ember-500, #ee6237);
    border-radius: .75rem 0 0 .75rem;
    background: var(--wp--preset--color--navy-900, #102637);
    color: #fff;
    box-shadow: 0 14px 48px rgb(0 0 0 / 22%);
    animation: fp-notice-enter 220ms ease-out both;
    overflow-wrap: anywhere;
}
.fp-notice__eyebrow {
    margin: 0 0 .6rem;
    color: var(--wp--preset--color--on-dark-soft, #d3dfeb);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.fp-notice__title { margin: 0; color: #fff; font-size: 1.2rem; line-height: 1.35; }
.fp-notice__body { margin-block-start: .8rem; font-size: .9375rem; line-height: 1.6; }
.fp-notice__body > :first-child { margin-block-start: 0; }
.fp-notice__body > :last-child { margin-block-end: 0; }
.fp-notice__body a { color: #fff; text-decoration: underline; text-underline-offset: .2em; }
.fp-notice__close {
    position: absolute;
    inset-block-start: .5rem;
    inset-inline-end: .5rem;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: .35rem;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 1.65rem;
    line-height: 1;
    cursor: pointer;
}
.fp-notice__close:hover { background: rgb(255 255 255 / 14%); }
.fp-notice :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@keyframes fp-notice-enter { from { opacity: 0; transform: translateX(1.5rem); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 600px) {
    .fp-notice {
        inset-block-start: auto;
        inset-block-end: max(1rem, env(safe-area-inset-bottom));
        inset-inline-end: 1rem;
        border-radius: .75rem;
        padding-inline-start: 1.25rem;
        max-height: 50vh;
        max-height: 50dvh;
    }
}
@media (prefers-reduced-motion: reduce) { .fp-notice { animation: none; } }