/* One public colour system and shared controls, including legacy information pages. */
.itplays-red-interface{--itp-red:#ef3441;--itp-red-strong:#c3182b;--itp-bg:#181818;--itp-surface:#202020;--itp-mod:#323232;--itp-text:#fff;--itp-muted:#b7b7b7;--itp-line:#3e3e3e;--accent:#ef3441!important;--on-accent:#fff!important;--sky-a:190,25,45!important;--sky-b:110,20,30!important;--sky-c:240,65,75!important}
.itplays-red-interface[data-theme=light],.itplays-red-interface[data-home-theme=light]{--itp-bg:#f4f4f4;--itp-surface:#fff;--itp-mod:#e8e8e8;--itp-text:#171717;--itp-muted:#606060;--itp-line:#d5d5d5;--accent:#bd1022!important;--on-accent:#fff!important;--itp-red:#bd1022}
.itplays-red-interface body{background-color:var(--itp-bg)!important;background-image:none!important}.itplays-red-interface :is(.uvid-preview,.uvid-glass,.uvid-side,.uvid-stat,.uvid-media,.uvid-media.alt,.uvid-folder){background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}.itplays-red-interface .uvid-preview{background:var(--itp-bg)!important;color:var(--itp-text)!important}.itplays-red-interface :is(.uvid-side,.uvid-glass,.uvid-folder,.uvid-stat){background:var(--itp-surface)!important;border-color:var(--itp-line)!important;color:var(--itp-text)!important}.itplays-red-interface .uvid-nav a.active{background:var(--itp-red)!important;color:white!important}.itplays-red-interface .uvid-stage :is(h1,h2,h3){color:var(--itp-text)!important}.itplays-red-interface :is(.uvid-preview-note,.uvid-stat span,.uvid-cardtext small){color:var(--itp-muted)!important}.itplays-red-interface .uvid-media{background:var(--itp-mod)!important;border-color:var(--itp-line)!important}.itplays-red-interface .uvid-bottom{background:var(--itp-surface)!important;border-color:var(--itp-line)!important}
.itplays-red-interface .feature{background:var(--panel,var(--itp-surface))!important;grid-template-columns:1fr!important;min-height:0!important;box-shadow:none!important;border:1px solid var(--edge,var(--itp-line))!important}.itplays-red-interface .feature-copy{padding:24px!important}.itplays-red-interface .feature-art{background:none!important}.itplays-red-interface .masthead{border-bottom:2px solid var(--accent)!important;background:var(--bg)!important}.itplays-red-interface #main{background:var(--bg)!important}.itplays-red-interface .signin-brand{background:var(--panel,var(--itp-surface))!important}.itplays-red-interface #approved-logo img{max-width:180px!important;height:36px!important;object-fit:contain!important}.itplays-red-interface .sky-picker{border-color:var(--accent)!important}.itplays-red-interface :is(#panel,#player){border-color:var(--edge,var(--itp-line))!important}.itplays-red-interface .panel-head{touch-action:none}.itplays-red-interface #panel::backdrop,.itplays-red-interface #player::backdrop{background:#0009!important}
.itp-site-header,.itp-site-header *,.itp-site-nav,.itp-site-nav *{box-sizing:border-box}.itp-site-header{height:72px;position:sticky;top:0;z-index:200;display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--itp-surface);color:var(--itp-text);border-bottom:2px solid var(--itp-red);font:16px/1.4 Arial,sans-serif}.itp-site-header button,.itp-site-nav button{border:0;background:none;color:inherit;cursor:pointer;min-width:44px;min-height:44px;font:inherit}.itp-site-header a,.itp-site-nav a{color:inherit;text-decoration:none}.itp-site-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;white-space:nowrap}.itp-site-brand img{width:auto;max-width:180px;height:36px;object-fit:contain}.itp-site-search{display:flex;flex:1;max-width:640px;margin:auto;border:1px solid var(--itp-line);background:var(--itp-bg);border-radius:24px;overflow:hidden}.itp-site-search input{flex:1;min-width:0;min-height:44px;padding:0 16px;color:var(--itp-text);background:none;border:0;font:inherit}.itp-site-nav{position:fixed;top:72px;left:0;bottom:0;width:250px;max-width:85vw;z-index:220;background:var(--itp-surface);color:var(--itp-text);border-right:1px solid var(--itp-line);padding:12px;overflow:auto;transform:translateX(-105%);visibility:hidden;transition:transform .2s;font:15px/1.4 Arial,sans-serif}.itp-site-nav[data-open=true]{transform:none;visibility:visible}.itp-site-nav a{display:flex;align-items:center;gap:16px;min-height:48px;padding:8px 14px;border-radius:10px}.itp-site-nav a:hover{background:var(--itp-mod)}.itp-site-nav a[aria-current=page]{color:white;background:var(--itp-red)}.itp-site-nav h2{font:700 14px Arial;padding:20px 14px 6px;color:var(--itp-muted)}.itp-site-shade{position:fixed;inset:72px 0 0;z-index:210;background:#0008;border:0;width:100%;padding:0}.itp-site-grip{display:none}.itp-site-header :is(button,a,input):focus-visible,.itp-site-nav :is(button,a):focus-visible{outline:3px solid var(--itp-red);outline-offset:2px}.itplays-red-interface .itp-shared-page .uvid-stage{margin:0!important;padding:32px max(20px,calc((100vw - 1280px)/2))!important;min-height:calc(100dvh - 72px)}.itplays-red-interface .itp-shared-page .uvid-preview-note{display:none!important}
@media(max-width:650px){.itp-site-header{height:64px;padding:0 10px;gap:6px}.itp-site-brand span{display:none}.itp-site-brand img{height:30px;max-width:110px}.itp-site-search{min-width:60px}.itp-site-search input{font-size:14px;padding:0 10px}.itp-site-header>button[data-itp-account]{display:none}.itp-site-nav{top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;max-height:84dvh;border-radius:20px 20px 0 0;transform:translateY(105%);padding-bottom:max(20px,env(safe-area-inset-bottom))}.itp-site-nav[data-open=true]{transform:none}.itp-site-grip{display:block;width:44px;height:4px;border-radius:4px;background:var(--itp-muted);margin:2px auto 14px}.itp-site-shade{inset:64px 0 0}.itplays-red-interface .itp-shared-page .uvid-stage{padding:20px 14px!important}.itplays-red-interface .feature-copy{padding:20px!important}}
@keyframes itp-sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.itp-site-nav{transition:none}}
.itp-content{max-width:1440px;margin:0 auto;padding:28px 32px;color:var(--itp-text);font:16px/1.5 Arial,sans-serif}.itp-content h1{font-size:28px;margin:0 0 24px}.itp-content h2{font-size:22px}.itp-content a{color:inherit}.itp-content section{margin-bottom:40px}.itp-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;margin-top:20px}.itp-result{min-width:0}.itp-result-thumb{aspect-ratio:16/9;display:block;background:var(--itp-mod);border-radius:12px;overflow:hidden}.itp-result-thumb img,.itp-result-thumb video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.itp-result-title{display:block;margin-top:12px;font-weight:650;text-decoration:none}.itp-result p{color:var(--itp-muted);font-size:14px;margin:5px 0}.itp-empty{color:var(--itp-muted);grid-column:1/-1;padding:36px 0}.itp-primary{border:0;border-radius:24px;background:var(--itp-red);color:white!important;padding:12px 20px;min-height:44px;display:inline-block;text-decoration:none;font:inherit;cursor:pointer}.itp-page-search{display:flex;gap:12px}.itp-page-search input{flex:1;min-width:0;border-radius:24px;border:1px solid var(--itp-line);color:var(--itp-text);background:var(--itp-surface);padding:10px 18px;font:inherit}.itp-shared-page{display:block!important;min-height:calc(100dvh - 72px)!important;padding:0!important}.itp-site-shade[hidden]{display:none!important}@media(max-width:900px){.itp-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.itp-content{padding:22px 14px}.itp-results{grid-template-columns:1fr;gap:28px}.itp-site-search button{min-width:36px}.itp-site-header>a:last-child{font-size:13px;white-space:nowrap}} 
.itp-recordings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.itp-recordings article{padding:20px;background:var(--itp-surface);border:1px solid var(--itp-line);border-radius:12px}.itp-recordings h3{font-size:17px;margin:0}.itp-recordings p{color:var(--itp-muted)}.itp-content>p{max-width:70ch;margin:0 0 24px}.itp-content>h2{margin-top:36px}.itp-content>form{max-width:800px}.itp-playlist-select{max-height:45dvh;overflow:auto;margin:20px 0}.itp-playlist-select label{display:flex;align-items:center;gap:14px;min-height:48px}.itp-playlist-select input{width:20px;height:20px;accent-color:var(--itp-red)}.itp-content input[type=text]{display:block;background:var(--itp-surface);color:var(--itp-text);border:1px solid var(--itp-line);padding:12px 18px;min-height:44px;min-width:240px;border-radius:8px;margin-top:8px;font:inherit}.itp-content label{display:block;margin-bottom:16px}.itp-content button{font:inherit}.itp-setting{padding:18px 0;display:flex!important;align-items:center;gap:18px;border-bottom:1px solid var(--itp-line)}.itp-setting input{width:24px;height:24px;accent-color:var(--itp-red)}@media(max-width:900px){.itp-recordings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.itp-recordings{grid-template-columns:1fr}}
.itplays-red-interface .feature .primary{background:var(--accent)!important;color:#fff!important}.itplays-red-interface .feature .secondary{border-color:var(--edge)!important;color:var(--fg)!important}.itplays-red-interface .feature :is(h2,.dek){color:var(--fg)!important}.itplays-red-interface .feature .eyebrow{color:var(--accent)!important}.itplays-red-interface .masthead .brand b{color:var(--accent)!important}.itplays-red-interface .feature h2{font-size:clamp(30px,4vw,52px)!important;line-height:1.1!important}.itplays-red-interface .feature-copy{padding:24px!important}.itplays-red-interface .feature .dek{margin:12px 0 20px!important}.itplays-red-interface .music-mark{background:var(--accent)!important;color:white!important}.itplays-red-interface .home-brand img{width:auto;max-width:160px;height:36px}.itplays-red-interface .uvidbrand img{width:auto!important;max-width:160px!important;height:36px!important}.itplays-red-interface .itp-site-nav a{min-height:48px}.itplays-red-interface .wp-block-post-title{color:var(--itp-text)!important}
.itp-content[data-itp-product=watvid-shorts]{padding-top:16px}.itp-content[data-itp-product=watvid-shorts]>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.itp-shorts-feed{height:calc(100dvh - 104px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;max-width:520px;margin:auto;border-radius:14px;background:#000}.itp-short{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate}.itp-short video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.itp-short-caption{position:absolute;inset:auto 0 54px;background:linear-gradient(transparent,#000b);padding:30px 16px 10px;color:white;pointer-events:none}.itp-short-caption h2{font-size:17px;margin:0 0 10px}.itp-shorts-actions{display:flex;gap:8px;pointer-events:auto}.itp-shorts-actions :is(button,a){min-height:44px;padding:10px 12px;background:#333c;color:white;border:0;border-radius:22px;cursor:pointer;text-decoration:none;font-size:14px}.itp-shorts-actions [aria-pressed=true]{background:var(--itp-red)}.itp-short-caption p{font-size:13px}.itplays-red-interface .wp-block-post-content{color:var(--itp-text)}.itplays-red-interface .wp-block-button__link{background:var(--itp-red);color:white}.itplays-red-interface .wp-site-blocks{background:var(--itp-bg);color:var(--itp-text)}
.itp-help-topic{max-width:900px;border-bottom:1px solid var(--itp-line);padding:16px 0}.itp-help-topic summary{cursor:pointer;min-height:44px;font-size:18px;display:flex;align-items:center;justify-content:space-between}.itp-help-topic summary::after{content:'⌄';color:var(--itp-red)}.itp-help-topic p{color:var(--itp-muted);max-width:70ch;margin:0 0 12px}.itp-help-topic+p{margin-top:28px!important}#itp-support :is(select,textarea){display:block;width:100%;background:var(--itp-surface);color:var(--itp-text);border:1px solid var(--itp-line);border-radius:8px;padding:12px;margin-top:8px;font:inherit}#itp-support select{min-height:44px}
