/* ThisIsHalloween.tv V2.2 - user-supplied 16-frame animation, dark side pattern, modern condensed headlines, video shelf. */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{--v22-title:'Bebas Neue','Arial Narrow',Impact,sans-serif}
html{background:#080706!important}
body{background-color:#070706!important;background-image:url('official-dark-side-pattern-v22.png')!important;background-repeat:repeat!important;background-size:355px 355px!important;background-position:center top!important}
body :is(h1,h2,h3,h4),body :is(.v15-heading h2,.v15-directory h2,.v15-duo-copy h2,.v15-felipe h2,.editor-intro h1,.page-head h1,.story-section h2,.footer-v17 p,.episode-card h2,.editor-card h2,.vault-card h2,.v15-feature-story h3,.v20-news-guide h2,.v20-news-story h3),body .v21-news-story h3{font-family:var(--v22-title)!important;font-weight:400!important;letter-spacing:.027em!important}
body :is(p,li,input,select,button,small,label,figcaption,blockquote), body .story-body p{font-family:Arial,Helvetica,sans-serif!important}
.v15-heading h2,.editor-intro h1,.page-head h1{letter-spacing:.01em!important}
.v18-brand .v18-tv-wrap .v18-tv-motion{display:block!important;position:relative!important;z-index:2!important;object-fit:contain!important}
.v18-brand .v18-tv-wrap .v18-tv-still{display:none!important}
.v18-tv-wrap::after{display:none!important}
/* Float from left edge and rest on top edge of footer, with no paper panel or overlap. */
footer.footer.v20-footer{position:relative!important}
footer.footer.v20-footer .v20-witch-float{left:0!important;right:auto!important;top:auto!important;bottom:100%!important;transform:none!important;z-index:5!important}
footer.footer.v20-footer .v20-witch-float img{object-position:bottom left!important}
.v22-watch-intro{padding:12px 16px;background:#fff0d4;color:#493123;font:600 .89rem/1.6 Arial,sans-serif!important;margin:16px 0;border-left:5px solid #e46b23}
.v22-watch-callout{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;border:2px solid #2f2117;background:#ffe0ac;padding:13px 17px;color:#2c1b11;margin-bottom:8px}
.v22-watch-callout strong{font:400 1.5rem var(--v22-title)!important;letter-spacing:.03em;color:#b64d15}
.v22-watch-callout span{font:600 .84rem/1.5 Arial,sans-serif}
.v22-card-watch{display:inline-block;align-self:flex-start;background:#241911;color:#fff4df;font:700 .66rem/1.4 Arial,sans-serif;padding:5px 9px;margin:8px 0}
.v22-video{background:#201711;border:3px solid #1e1410;padding:14px;margin-bottom:17px;color:#fff5e7;box-shadow:4px 4px 0 #d29b61}
.v22-video-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font:700 .78rem/1.4 Arial,sans-serif;color:#f5bc82;padding:0 1px 12px;letter-spacing:.05em}
.v22-video-heading strong{padding:5px 8px;background:#e87126;color:#1d120c}
.v22-video-frame{aspect-ratio:16/9;position:relative;background:linear-gradient(140deg,#291824,#53250c 50%,#090808);border:2px solid #b05c2b;display:grid;place-items:center;overflow:hidden}
.v22-video-play{border:2px solid #ffe0aa;border-radius:8px;background:#17110fed;color:#fff2d3;min-width:55%;padding:17px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;font:900 1rem Arial,sans-serif!important;letter-spacing:.04em}
.v22-video-play:hover,.v22-video-play:focus-visible{background:#d56320;outline:2px solid #fff2d3;outline-offset:3px}
.v22-play-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e36d21;color:#fff;font-size:1.4rem}
.v22-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v22-video-label{color:#f8e3c5!important;font-size:.82rem!important;line-height:1.6!important;margin:12px 0 8px!important}
.v22-video-external{display:inline-block;color:#ffc585!important;text-decoration:underline!important;font:800 .72rem Arial,sans-serif!important;letter-spacing:.06em}
.v22-video-external:hover{color:#fff!important}
@media(max-width:720px){body{background-size:230px 230px!important}}
@media(max-width:900px){footer.footer.v20-footer .v20-witch-float{left:0!important;right:auto!important}}
@media(max-width:560px){footer.footer.v20-footer .v20-witch-float{left:0!important;right:auto!important;width:min(350px,88vw)!important}.v22-watch-callout{padding:12px}.v22-video{padding:8px}.v22-video-play{min-width:72%;font-size:.82rem!important}}
@media(prefers-reduced-motion:reduce){.v18-brand .v18-tv-wrap .v18-tv-motion{display:none!important}.v18-brand .v18-tv-wrap .v18-tv-still{display:block!important}}