/* Two immersive workspaces. Decorations stay outside received mail and dialogs. */
html[data-holiday=halloween]{
  --green:#613c83;--accent-hover:#795097;--accent-ink:#49305f;
  --accent-muted:#806b90;--accent-faint:#a593b4;--accent-soft:#eee5f5;
  --accent-selected:#f6f0fb;--accent-marker:#ae79c8;--rail:#21142f;
  --sidebar:#faf6fc;--surface-soft:#f7f1fb;--line:#e9deee;
  --adventure-ink:#fff4df;--adventure-muted:#d4c2e0;
  --adventure-action:#ffc16c;--adventure-action-ink:#39203c;
  --adventure-glow:#ffb75f;--adventure-border:#b889cb66;
  --adventure-scene:url('/theme-art/halloween-scene.webp');
}
html[data-holiday=rv]{
  --green:#18594f;--accent-hover:#226e61;--accent-ink:#214e45;
  --accent-muted:#637c68;--accent-faint:#8ea08b;--accent-soft:#e6ede1;
  --accent-selected:#f0f4e9;--accent-marker:#88a174;--rail:#153f3b;
  --sidebar:#fcfaf2;--surface-soft:#f7f5ea;--line:#e5e7d6;
  --adventure-ink:#fff4da;--adventure-muted:#c7d9c5;
  --adventure-action:#f4bc6b;--adventure-action-ink:#25473b;
  --adventure-glow:#ffd78c;--adventure-border:#b4cd9b66;
  --adventure-scene:url('/theme-art/rv-scene.webp');
}

/* A compact collection: four generous scene cards and one calm reset row. */
.holiday-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.holiday-option.off{grid-column:1/-1;display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:13px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffffa6}
.holiday-option.off .holiday-preview{grid-row:span 2;width:78px;aspect-ratio:5/3;border-radius:7px}
.holiday-option.off>strong{margin:0;align-self:end}
.holiday-option.off>small{margin:3px 0 1px;align-self:start}
.holiday-option.off .everyday-preview{padding:7px;gap:3px}
.holiday-option.off:has(input:checked){border-color:var(--accent-marker);background:var(--accent-selected)}
.holiday-option:not(.off) .holiday-preview{aspect-ratio:8/5;box-shadow:0 4px 14px #25344b0b}
.holiday-option:not(.off)>strong{font-size:12px;letter-spacing:-.15px;margin-top:10px}
.holiday-option.halloween .holiday-preview{background:#251735}
.holiday-option.rv .holiday-preview{background:#27564b}
.holiday-option.halloween .holiday-preview:after,.holiday-option.rv .holiday-preview:after{position:absolute;left:9px;top:9px;padding:4px 6px;border:1px solid #ffffff36;border-radius:4px;background:#18272e7d;color:#fff6e7;font:600 6px/1.25 Inter,ui-sans-serif,system-ui;letter-spacing:1px;pointer-events:none}
.holiday-option.halloween .holiday-preview:after{content:'AFTER DARK';background:#221530a6}
.holiday-option.rv .holiday-preview:after{content:'THE GREAT OUTDOORS'}

/* The rail and header frame the scenery; the inbox remains a quiet surface. */
html:is([data-holiday=halloween],[data-holiday=rv]) .app{border-color:var(--adventure-border);box-shadow:0 14px 70px #17222b38}
html:is([data-holiday=halloween],[data-holiday=rv]) .rail{background:var(--rail);border-right-color:#ffffff13;color:var(--adventure-ink)}
html:is([data-holiday=halloween],[data-holiday=rv]) .rail button{color:var(--adventure-muted)}
html:is([data-holiday=halloween],[data-holiday=rv]) .rail button:hover{background:#ffffff13;color:var(--adventure-ink)}
html:is([data-holiday=halloween],[data-holiday=rv]) .rail .rail-active{background:#ffffff19;color:var(--adventure-glow);box-shadow:inset 0 0 0 1px var(--adventure-border)}
html:is([data-holiday=halloween],[data-holiday=rv]) .rail #profile{background:var(--adventure-ink);border-color:#ffffff1c;color:var(--green)}
html:is([data-holiday=halloween],[data-holiday=rv]) .sidebar{background:var(--sidebar);border-color:var(--line)}
html:is([data-holiday=halloween],[data-holiday=rv]) .company-icon{background:var(--green);border-color:transparent;color:var(--adventure-ink);box-shadow:0 3px 10px #24384c0d}
html:is([data-holiday=halloween],[data-holiday=rv]) .workspace strong{color:var(--accent-ink)}
html:is([data-holiday=halloween],[data-holiday=rv]) .sidebar .compose-btn{background:linear-gradient(120deg,var(--adventure-action),color-mix(in srgb,var(--adventure-action) 85%,white));color:var(--adventure-action-ink);box-shadow:0 5px 14px color-mix(in srgb,var(--adventure-action) 18%,transparent)}
html:is([data-holiday=halloween],[data-holiday=rv]) .compose-btn .keycap{background:#ffffff30;border-color:#ffffff55}
html:is([data-holiday=halloween],[data-holiday=rv]) .folder.active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--green);border-left:0}
html:is([data-holiday=halloween],[data-holiday=rv]) .folder:hover{background:var(--accent-selected)}
html:is([data-holiday=halloween],[data-holiday=rv]) .connection{color:var(--accent-muted)}
html:is([data-holiday=halloween],[data-holiday=rv]) .topbar{position:relative;min-height:76px;padding-top:10px;color:var(--adventure-ink);border-bottom:1px solid var(--adventure-border);background:var(--rail)}
html[data-holiday=halloween] .topbar{background:radial-gradient(ellipse at 28% 0,#68457766,transparent 55%),linear-gradient(105deg,#29193a,#1b132a 80%)}
html[data-holiday=rv] .topbar{background:radial-gradient(ellipse at 86% 0,#bd9c5a24,transparent 48%),linear-gradient(100deg,#173f3a,#22554a)}
html:is([data-holiday=halloween],[data-holiday=rv]) .topbar>:not(.holiday-lights):not(.holiday-skyline){position:relative;z-index:2}
html:is([data-holiday=halloween],[data-holiday=rv]) .topbar .breadcrumb,
html:is([data-holiday=halloween],[data-holiday=rv]) .topbar .breadcrumb strong,
html:is([data-holiday=halloween],[data-holiday=rv]) .topbar>.icon-btn{color:var(--adventure-ink)}
html:is([data-holiday=halloween],[data-holiday=rv]) .search{background:#fffcf3f5;border:1px solid #fff6dc8c;box-shadow:0 2px 6px #100a1712}
html:is([data-holiday=halloween],[data-holiday=rv]) .topbar .install-button{background:#ffffff0d;border-color:#ffffff35;color:var(--adventure-ink)}
html:is([data-holiday=halloween],[data-holiday=rv]) .topbar .install-button:hover{background:#ffffff1a}
html:is([data-holiday=halloween],[data-holiday=rv]) .inbox-heading{background:linear-gradient(180deg,var(--surface-soft),#fff)}
html:is([data-holiday=halloween],[data-holiday=rv]) .inbox-heading h1{color:var(--accent-ink)}
html:is([data-holiday=halloween],[data-holiday=rv]) .heading-icon{background:var(--accent-soft);color:var(--green)}
html:is([data-holiday=halloween],[data-holiday=rv]) .message-row.selected{background:var(--accent-selected);border-color:color-mix(in srgb,var(--accent-marker) 32%,transparent)}
html:is([data-holiday=halloween],[data-holiday=rv]) .message-row:hover{background:color-mix(in srgb,var(--accent-selected) 55%,white);border-color:var(--line)}

/* The ribbon is a small editorial moment, rather than another toolbar. */
.holiday-halloween-copy,.holiday-rv-copy{display:none}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon{position:relative;display:flex;align-items:center;gap:12px;flex:none;min-height:66px;padding:10px 25px;border-bottom:1px solid var(--line);color:var(--accent-ink);overflow:hidden;background:var(--sidebar)}
html[data-holiday=halloween] .holiday-ribbon{background:linear-gradient(100deg,#f4ebfa,#fdf4e6)}
html[data-holiday=rv] .holiday-ribbon{background:linear-gradient(100deg,#fbf4df,#eff3e6)}
html[data-holiday=halloween] .holiday-halloween-copy,
html[data-holiday=rv] .holiday-rv-copy{display:block}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon b{font-size:8px;letter-spacing:1.8px;color:var(--accent-muted)}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon span>span{font-family:Georgia,serif;font-size:21px;letter-spacing:-.45px}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon button{position:relative;z-index:1;color:var(--green)}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon-symbol{color:var(--green);width:35px}
html[data-holiday=halloween] .holiday-ribbon-symbol:before{content:'✦';font-size:36px;line-height:1;color:#8a5b9d;text-shadow:9px -9px 0 #dca951}
html[data-holiday=rv] .holiday-ribbon-symbol:before{content:'↗';display:grid;place-items:center;width:29px;height:29px;border:1px solid #749785;border-radius:50%;font:24px/1 Georgia,serif;transform:rotate(-12deg);color:#346557;box-shadow:0 0 0 4px #dfe9d54d}
html[data-holiday=rv] .holiday-ribbon:after{content:'';position:absolute;width:150px;height:105px;right:130px;top:15px;border:1px dashed #72856c30;border-radius:50%;transform:rotate(-15deg);pointer-events:none}

/* Original landscape art lives in the sidebar and the resting reading pane. */
html:is([data-holiday=halloween],[data-holiday=rv]) .sidebar-note>img,
html:is([data-holiday=halloween],[data-holiday=rv]) .sidebar-note>strong,
html:is([data-holiday=halloween],[data-holiday=rv]) .sidebar-note>p{display:none}
html:is([data-holiday=halloween],[data-holiday=rv]) .sidebar-note{padding:0;border:0;background:none}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-scene{display:block;position:relative;overflow:hidden;border-radius:11px;margin-bottom:12px;border:1px solid #ffffffa6;box-shadow:0 5px 16px #29332914}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-scene:after{position:absolute;left:9px;bottom:9px;z-index:1;padding:5px 7px;border:1px solid #fff4d947;border-radius:4px;background:#18252699;color:#fff8e6;font:600 6px/1.2 Inter,ui-sans-serif,system-ui;letter-spacing:1.15px;pointer-events:none}
html[data-holiday=halloween] .holiday-scene:after{content:'A LITTLE MIDNIGHT MAGIC';background:#24162fa6}
html[data-holiday=rv] .holiday-scene:after{content:'TAKE THE SCENIC ROUTE'}
html[data-holiday=halloween] .holiday-halloween-scene,
html[data-holiday=rv] .holiday-rv-scene{display:block;aspect-ratio:8/5;object-fit:cover}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader{background:linear-gradient(#1c202252,#1c202252),var(--adventure-scene);background-size:cover;background-position:center}
html[data-holiday=halloween] .reader{background-position:10% center}
html[data-holiday=rv] .reader{background-position:18% center}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader-body{background:#fffdf9;border-color:var(--line);box-shadow:0 6px 24px #15252516}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader-tools{background:#fffcf5f5;border-color:var(--line)}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty{position:relative;min-height:calc(100% - 40px);height:auto;align-items:center;justify-content:flex-end;margin:20px;padding:35px 20px;border:1px solid #fff4db5c;border-radius:13px;box-shadow:0 8px 30px #0d17162b;isolation:isolate;background-size:cover;background-position:center;overflow:hidden}
html[data-holiday=halloween] .reader-empty{background-image:linear-gradient(0deg,#160f26fa 0%,#21132dba 27%,#21132d00 72%),var(--adventure-scene);background-position:10% center}
html[data-holiday=rv] .reader-empty{background-image:linear-gradient(0deg,#123831fa 0%,#193d33c4 25%,#193d3300 72%),var(--adventure-scene);background-position:18% center}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty>img{display:none}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty:before{position:relative;display:block;padding:7px 10px;border:1px solid #fff2d04f;border-radius:4px;font:600 7px/1.4 Inter,ui-sans-serif,system-ui;letter-spacing:1.6px;color:var(--adventure-ink);background:#19222b40}
html[data-holiday=halloween] .reader-empty:before{content:'THE MIDNIGHT MAILROOM'}
html[data-holiday=rv] .reader-empty:before{content:'THE OPEN-ROAD MAILROOM'}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty h2{font-family:Georgia,serif;font-size:clamp(25px,2.4vw,34px);font-weight:400;letter-spacing:-.7px;color:var(--adventure-ink);margin:19px 0 0;text-shadow:0 1px 10px #15232230}
html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty p{font-size:11px;color:var(--adventure-muted);margin:11px 0 0}
html:is([data-holiday=halloween],[data-holiday=rv]) .app-footer{background:var(--sidebar);border-color:var(--line)}

/* Warm campsite bulbs and Halloween lanterns use the existing light string. */
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights{display:flex;position:absolute;left:0;right:0;top:0;height:25px;justify-content:space-around;overflow:visible;pointer-events:none;user-select:none;border-top:1px solid #0b222ccc;z-index:3}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i{--bulb:var(--adventure-glow);width:6px;height:9px;margin-top:5px;background:var(--bulb);border-radius:40% 40% 50% 50%;box-shadow:0 0 5px 2px color-mix(in srgb,var(--bulb) 50%,transparent),0 2px 12px 4px color-mix(in srgb,var(--bulb) 15%,transparent);animation:adventure-lantern-glow 5.8s ease-in-out infinite;animation-delay:var(--lantern-delay,-1s)}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i:before{left:2px;height:6px;top:-6px;background:#101f25}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i:nth-child(4n){--lantern-delay:-4.2s}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i:nth-child(4n+1){--lantern-delay:-.5s}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i:nth-child(4n+2){--lantern-delay:-2s}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i:nth-child(4n+3){--lantern-delay:-3.4s}
html[data-holiday=halloween] .holiday-lights i{width:9px;height:10px;border-radius:45%;--bulb:#ffb65f}
html[data-holiday=halloween] .holiday-lights i:before{left:3px}
html[data-holiday=halloween] .holiday-lights i:nth-child(3n){--bulb:#c3a0ed}
html[data-holiday=halloween] .holiday-lights i:nth-child(5n){--bulb:#a9d095}
@keyframes adventure-lantern-glow{0%,100%{opacity:.9}45%{opacity:.44}65%{opacity:1}}

/* A faint moon and trail markings are painted behind header controls. */
.holiday-skyline{display:none}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-skyline{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0}
.holiday-skyline span{position:absolute;display:block;pointer-events:none}
html[data-holiday=halloween] .holiday-skyline span:first-child{width:43px;height:43px;right:14%;top:17px;border-radius:50%;background:#f9d799;box-shadow:0 0 24px #facf8040;opacity:.2}
html[data-holiday=halloween] .holiday-skyline span:first-child:after{content:'';position:absolute;inset:-3px -7px 7px 10px;border-radius:50%;background:#22162e}
html[data-holiday=halloween] .holiday-skyline span:nth-child(2){left:23%;top:37px;width:28px;height:11px;background:#c4a1d6;opacity:.16;clip-path:polygon(0 10%,16% 45%,23% 6%,40% 41%,45% 0,50% 30%,55% 0,60% 41%,77% 6%,84% 45%,100% 10%,87% 73%,70% 61%,55% 100%,45% 100%,30% 61%,13% 73%)}
html[data-holiday=halloween] .holiday-skyline span:nth-child(3){left:36%;top:18px;width:3px;height:3px;background:#ffe4af;border-radius:50%;box-shadow:15px 35px 0 #ffe4af,-140px 27px 0 #ad8ecb,230px 18px 0 #ffe4af;opacity:.35}
html[data-holiday=rv] .holiday-skyline span:first-child{right:9%;top:-27px;width:120px;height:120px;border:1px solid #e5d39b26;border-radius:50%;box-shadow:0 0 0 14px #e5d39b09,0 0 0 28px #e5d39b06}
html[data-holiday=rv] .holiday-skyline span:nth-child(2){left:5%;top:48px;width:260px;height:47px;border:1px dashed #c4daa92b;border-radius:50%;transform:rotate(-8deg)}
html[data-holiday=rv] .holiday-skyline span:nth-child(3){right:24%;top:34px;width:5px;height:5px;background:#fce7af;border-radius:50%;box-shadow:12px -16px 0 -1px #fce7af,-13px 16px 0 -1px #b4d1ac;opacity:.22}

/* Small ornaments float across the app. Their layer never captures a click. */
html:is([data-holiday=halloween],[data-holiday=rv])[data-holiday-motion=on] .holiday-weather{display:block}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-weather i{top:0;width:3px;height:3px;background:var(--adventure-glow);border:0;border-radius:50%;box-shadow:0 0 6px 2px color-mix(in srgb,var(--adventure-glow) 30%,transparent);--particle-opacity:.42;animation:adventure-firefly-drift calc(var(--weather-speed)*1.6) ease-in-out infinite;animation-delay:var(--weather-delay)}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-weather i:nth-child(n+27){display:none}
html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-weather i:nth-child(3n){width:2px;height:2px;--particle-opacity:.28}
html[data-holiday=halloween] .holiday-weather i:nth-child(9n+1){width:24px;height:11px;background:#694278;box-shadow:none;border-radius:0;--particle-opacity:.24;clip-path:polygon(0 10%,16% 45%,23% 6%,40% 41%,45% 0,50% 30%,55% 0,60% 41%,77% 6%,84% 45%,100% 10%,87% 73%,70% 61%,55% 100%,45% 100%,30% 61%,13% 73%)}
html[data-holiday=halloween] .holiday-weather i:nth-child(11n+4){width:12px;height:11px;background:#f1a04a;border-radius:43%;box-shadow:inset 2px 0 #b96d3a66,inset -2px 0 #b96d3a66;--particle-opacity:.3}
html[data-holiday=halloween] .holiday-weather i:nth-child(11n+4):before{content:'';position:absolute;left:5px;top:-3px;width:3px;height:4px;background:#5b8050;border-radius:2px}
html[data-holiday=halloween] .holiday-weather i:nth-child(13n+6){width:13px;height:16px;background:#e8ddf3;box-shadow:none;border-radius:50% 50% 0 0;--particle-opacity:.35;clip-path:polygon(0 0,100% 0,100% 100%,75% 84%,50% 100%,25% 84%,0 100%)}
html[data-holiday=halloween] .holiday-weather i:nth-child(13n+6):before{content:'';position:absolute;left:3px;top:6px;width:2px;height:3px;background:#694278;border-radius:50%;box-shadow:5px 0 #694278}
html[data-holiday=rv] .holiday-weather i:nth-child(7n){width:6px;height:6px;box-shadow:none;border-radius:0;background:#d6bb7d;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);--particle-opacity:.3}
@keyframes adventure-firefly-drift{
  0%{transform:translate3d(0,105dvh,0) rotate(-8deg);opacity:0}
  12%{opacity:var(--particle-opacity,.4)}
  38%{transform:translate3d(calc(var(--weather-drift)*1.3),64dvh,0) rotate(7deg);opacity:calc(var(--particle-opacity,.4)*.6)}
  65%{transform:translate3d(calc(var(--weather-drift)*-.4),35dvh,0) rotate(-6deg);opacity:var(--particle-opacity,.4)}
  90%{opacity:calc(var(--particle-opacity,.4)*.7)}
  100%{transform:translate3d(var(--weather-drift),-30px,0) rotate(5deg);opacity:0}
}

/* Settings remain stationary. Reduced motion disables every new animation. */
html:is([data-holiday=halloween],[data-holiday=rv]):has(dialog[open]) :is(.holiday-weather,.holiday-lights,.holiday-skyline){visibility:hidden}
html:is([data-holiday=halloween],[data-holiday=rv]):has(dialog[open]) :is(.holiday-weather i,.holiday-lights i){animation-play-state:paused}
html:is([data-holiday=halloween],[data-holiday=rv])[data-holiday-motion=off] .holiday-lights i{animation:none}
html:is([data-holiday=halloween],[data-holiday=rv])[data-holiday-motion=off] .holiday-weather{display:none}
@media(prefers-reduced-motion:reduce){
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i{animation:none!important}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-weather{display:none!important}
}
@media(max-height:760px){
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-scene{max-height:130px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty{padding-bottom:24px}
}
@media(max-width:930px){
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon{padding-left:18px;padding-right:18px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty{margin:12px;min-height:calc(100% - 24px);padding:24px 15px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon span>span{font-size:18px}
}
@media(max-width:700px){
  .holiday-options{gap:12px 10px}
  .holiday-option:not(.off)>strong{font-size:11px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon{gap:9px;padding:10px 14px;min-height:62px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon b{font-size:7px;letter-spacing:1.4px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon span>span{font-size:17px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon-symbol{width:25px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon button{font-size:9px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-lights i:nth-child(even){display:none}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-weather i:nth-child(n+17){display:none}
}
@media(max-width:600px){
  html:is([data-holiday=halloween],[data-holiday=rv]) .topbar{min-height:66px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty{min-height:calc(100% - 24px);padding-bottom:32px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .reader-empty h2{font-size:27px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon-symbol{display:none}
  html[data-holiday=rv] .holiday-ribbon:after{right:70px}
}
@media(max-width:420px){
  .holiday-option.off{grid-template-columns:68px minmax(0,1fr);padding:9px;column-gap:10px}
  .holiday-option.off .holiday-preview{width:68px}
  .holiday-option:not(.off)>strong{font-size:10px}
  .holiday-option:not(.off)>small{font-size:9px}
  .holiday-option.halloween .holiday-preview:after,.holiday-option.rv .holiday-preview:after{left:6px;top:6px;font-size:5px;letter-spacing:.8px;padding:3px 4px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon span>span{font-size:15px}
  html:is([data-holiday=halloween],[data-holiday=rv]) .holiday-ribbon button{font-size:8px;padding-left:7px}
}