/* Event teaser. Scope is limited to the site's existing navigation surfaces. */
html.hotcs-halloween-navigation .navbar{position:relative;isolation:isolate;z-index:106;border-radius:14px;background:linear-gradient(110deg,#18121b,#121017 65%,#161119);box-shadow:inset 0 1px rgba(167,137,185,.17),inset 0 -1px rgba(167,137,185,.11);}
html.hotcs-halloween-navigation .navbar::before{content:"";display:block;position:absolute;inset:0 auto 0 32%;width:360px;height:auto;border-radius:inherit;z-index:-1;pointer-events:none;background:url(decor/bp-monster-eyes-v2.webp) center calc(50% - 8px)/310px auto no-repeat;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 50% 65% at 50% 50%,#000 38%,transparent 88%);opacity:.76;transition:opacity .7s ease;}
html.hotcs-halloween-navigation .navbar::after{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;z-index:-1;pointer-events:none;border-radius:inherit;background:url(decor/bp-nav-mist-v3.webp) 52% calc(50% - 9px)/850px auto no-repeat,url(decor/bp-small-bats.svg) right 180px center/240px 68px no-repeat;opacity:.42;mask-image:linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);transition:opacity .7s ease;}
html.hotcs-halloween-navigation .navbar:is(:hover,:focus-within)::before{opacity:1;}
html.hotcs-halloween-navigation .navbar:is(:hover,:focus-within)::after{opacity:.48;}
/* Keep the teaser in the space left free by the real account controls. */
html.hotcs-halloween-navigation .navbar:has(.navbar-user-pill)::before{left:max(10px,calc((var(--hc-nav-free,360px) - 360px)/2));width:min(360px,calc(var(--hc-nav-free,360px) - 20px));background-size:min(310px,calc(var(--hc-nav-free,360px) - 40px)) auto;}
html.hotcs-halloween-navigation .navbar:has(.navbar-user-pill)::after{background-position:calc(var(--hc-nav-free,360px)/2 - 425px) calc(50% - 9px),left 16px center;}
html.hotcs-halloween-navigation .navbar[data-hc-nav-crowded="true"]::before{opacity:0;}
html.hotcs-halloween-navigation .navbar[data-hc-nav-crowded="true"]::after{opacity:.16;}
html.hotcs-halloween-navigation .navbar_usermenu--pill{background:transparent;box-shadow:none;}
html.hotcs-halloween-navigation .navbar-icon-chip,
html.hotcs-halloween-navigation .navbar-user-pill,
html.hotcs-halloween-navigation .navbar-balance-chip,
html.hotcs-halloween-navigation .navbar-search-pill .modal-searchcontent input{background:linear-gradient(135deg,#251b2a,#19131f);border-color:rgba(169,139,185,.22);}
html.hotcs-halloween-navigation .navbar-icon-chip:hover,
html.hotcs-halloween-navigation .navbar-user-pill:hover,
html.hotcs-halloween-navigation .navbar-balance-chip:hover{background:#2d2034;border-color:rgba(178,149,192,.4);}
html.hotcs-halloween-navigation .sidebar{isolation:isolate;background:radial-gradient(ellipse at top right,rgba(108,83,128,.1),transparent 40%),linear-gradient(180deg,#19131e,#121017 62%,#0e0b12);border-right-color:rgba(154,129,168,.22);}
html.hotcs-halloween-navigation .sidebar__top{background:none;border-bottom-color:rgba(154,129,168,.16);}
html.hotcs-halloween-navigation .sidebar::before{content:"";display:block;position:absolute;inset:auto 0 0;width:100%;height:180px;z-index:-1;pointer-events:none;background:url(decor/bp-sidebar-bottom-v3.svg) left bottom/170px 170px no-repeat;opacity:.34;}
html.hotcs-halloween-navigation .sidebar::after{content:none;display:none;}
html.hotcs-halloween-navigation .sidebar:not(.opened)::before{background-size:105px 105px;height:110px;}
html.hotcs-halloween-navigation .sidebar .sidebal__item.active,
html.hotcs-halloween-navigation .sidebar .sidebar__subitem.active{color:#ffc38f;background:linear-gradient(100deg,rgba(159,72,36,.2),rgba(108,69,126,.09));border-color:rgba(197,130,79,.33);box-shadow:inset 2px 0 #e28a4d;}
html.hotcs-halloween-navigation .sidebar .sidebal__item:not(.active):hover{background:rgba(135,100,153,.1);color:#e9d8ee;}
html.hotcs-halloween-navigation .sidebar__toggle{background:#241a2b;border-color:rgba(176,148,189,.2);}
html.hotcs-halloween-navigation .nav_header_menu{background:radial-gradient(ellipse at right bottom,rgba(108,83,128,.15),transparent 65%),#15101b;}
@media(max-width:1100px){html.hotcs-halloween-navigation .navbar::before{left:15%;}}
@media(max-width:768px){html.hotcs-halloween-navigation .navbar::before{left:55px;width:160px;background-size:185px auto;background-position:center calc(50% - 5px);opacity:.66;}html.hotcs-halloween-navigation .navbar::after{background-size:420px auto,140px 40px;background-position:center calc(50% - 4px),right 150px center;opacity:.34;}}
@media(prefers-reduced-motion:reduce){html.hotcs-halloween-navigation .navbar::before,html.hotcs-halloween-navigation .navbar::after,html.hotcs-halloween-navigation .sidebar::after{transition:none;}}

/* Eyes now live in the homepage teaser only. */
html.hotcs-halloween-navigation .navbar::before{content:none;display:none;background:none}
html.hotcs-halloween-navigation .navbar::after{opacity:.2}
html.hotcs-halloween-navigation .navbar:is(:hover,:focus-within)::after{opacity:.24}