/* Holiday category: reusable festive treatment for XO Notices and its preview. */
.xo-notice.xo-notice--category-holiday {
    color: #fffaf0;
    background-color: #123e36;
    background-image: radial-gradient(ellipse at top left, #d9b66b26, transparent 48%), linear-gradient(115deg, #123e36, #1d5848);
    border-block: 1px solid #d9b66b80;
}
.xo-notice--category-holiday .xo-notice__inner {
    justify-content: center;
    gap: 20px;
    padding-block: 14px;
}
.xo-notice--category-holiday .xo-notice__inner::before {
    content: "";
    display: block;
    flex: 0 0 88px;
    width: 88px;
    height: 49px;
    background: url("../images/giftcard-holiday.svg") center / contain no-repeat;
    transform: rotate(-6deg);
}
.xo-notice--category-holiday .xo-notice__content { flex: 0 1 auto; }
.xo-notice--category-holiday a { color: #ffe0a1; text-underline-offset: 3px; }
.xo-notice--category-holiday a:hover { color: #fffaf0; }
.xo-notice--category-holiday a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.xo-notice--category-holiday .xo-notice__close { color: #fffaf0; }
@media (max-width: 600px) {
    .xo-notice--category-holiday .xo-notice__inner { gap: 12px; }
    .xo-notice--category-holiday .xo-notice__inner::before {
        flex-basis: 64px;
        width: 64px;
        height: 36px;
    }
}
.xo-notice--category-holiday .holiday-message-mobile { display: none; }
@media (max-width: 767px) {
    .xo-notice--category-holiday .holiday-message-desktop { display: none; }
    .xo-notice--category-holiday .holiday-message-mobile { display: inline; }
}