/* Snow lives inside the dialog top layer, so the modal backdrop cannot hide it. */
#notice-dialog{isolation:isolate;background-color:#351322!important;background-image:radial-gradient(circle at 5% 15%,#e9f7ff55 1px,transparent 2px),radial-gradient(circle at 95% 45%,#e9f7ff44 1px,transparent 2px)!important;background-size:90px 150px,120px 190px!important}
#notice-dialog .notice-winter-scene{height:100px;position:relative;margin:0 0 16px;pointer-events:none;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at center bottom,#cdefff24,transparent 70%)}
.notice-winter-scene::before{content:"";position:absolute;inset:auto 0 0;height:24px;background:url('snow-roof.svg') center/100% 100% no-repeat;transform:rotate(180deg)}
.notice-winter-scene .winter-tree{position:absolute;bottom:9px;width:110px;height:85px;background:url('holiday-corner.svg') center/contain no-repeat;left:4px}
.notice-winter-scene .winter-snowman{position:absolute;bottom:7px;right:10px;width:78px;height:88px;background:url('holiday-snowman.svg') center bottom/contain no-repeat}
.notice-winter-scene .winter-santa{position:absolute;left:calc(50% - 58px);top:6px;width:116px;height:68px;background:url('holiday-santa.svg') center/contain no-repeat}
.notice-winter-scene .notice-flakes{position:absolute;inset:-100% 0 0;background-image:radial-gradient(circle,#fff 1.5px,transparent 2.5px),radial-gradient(circle,#e6f7ff 1px,transparent 2px);background-size:39px 53px,67px 79px;background-position:0 0,19px 24px;opacity:.75;animation:notice-snowfall 9s linear infinite}
@keyframes notice-snowfall{to{transform:translateY(50%)}}
#notice-dialog #notice-card{padding-top:32px;position:relative}
#notice-dialog #notice-card::before{content:"";position:absolute;top:0;left:0;right:0;height:24px;background:url('snow-roof.svg') top center/100% 100% no-repeat;z-index:1;pointer-events:none;filter:drop-shadow(0 3px 3px #b9e5ff30)}
#notice-dialog :is(.recruitment-section,.recruitment-reward){position:relative;margin-top:7px;padding-top:22px!important;border-color:#d0eafa65}
#notice-dialog :is(.recruitment-section,.recruitment-reward)::before{content:"";position:absolute;left:0;right:0;top:-6px;height:17px;background:url('snow-roof.svg') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 2px 2px #aedcff30)}
#notice-dialog .recruitment-section:first-child{padding:22px 14px 12px!important;border:1px solid #d0eafa40;border-radius:14px}
#notice-dialog .community-dialog-heading{border-top:7px solid #f4fbff!important;border-radius:12px;padding:8px 10px!important;box-shadow:0 -3px 10px #dbf5ff25}
#notice-dialog #notice-link{position:relative;overflow:visible;margin-top:26px}
#notice-dialog #notice-link::before{content:"";position:absolute;left:0;right:0;top:-8px;height:16px;background:url('snow-roof.svg') center/100% 100% no-repeat;pointer-events:none}
.theme-burgundy :is(.work-tab-panel,.flow-panel,.flow-requirement,.community-review,.community-row,.flow-notice,.leaderboard-row){position:relative}
.theme-burgundy :is(.work-tab-panel,.flow-panel,.flow-requirement,.community-review,.community-row,.flow-notice,.leaderboard-row)::before{content:"";position:absolute;left:0;right:0;top:0;height:13px;background:url('snow-roof.svg') center/100% 100% no-repeat;pointer-events:none;z-index:1;opacity:.96;border-radius:inherit}
.theme-burgundy :is(.community-row,.community-review,.flow-notice,.leaderboard-row){padding-top:22px}
.theme-burgundy .work-tabs button{position:relative;overflow:visible}
.theme-burgundy .work-tabs button::before{content:"";position:absolute;inset:-5px 0 auto;height:12px;background:url('snow-roof.svg') center/100% 100% no-repeat;pointer-events:none}
html.snow-motion-off .notice-flakes{animation:none!important;opacity:.3}
@media(prefers-reduced-motion:reduce){.notice-flakes{animation:none!important;opacity:.3}}
@media(max-width:480px){#notice-dialog .notice-winter-scene{height:85px}.notice-winter-scene .winter-tree{width:85px;height:70px}.notice-winter-scene .winter-snowman{width:62px;height:75px}.notice-winter-scene .winter-santa{width:95px;left:calc(50% - 47px)}#notice-dialog #notice-card{padding-top:28px}}