/* User-selected device backgrounds, shared across phone, desktop and LG. */
html.has-custom-background body{position:relative;isolation:isolate;background:#101113!important}
html.has-custom-background body:before,html.has-custom-background body.video-store-page:before,html.tv-mode.has-custom-background body:before,html.tv-mode.has-custom-background body.video-store-page:before{content:""!important;display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(#08090c77,#08090c99),var(--ww-background) center/cover no-repeat!important}
html.has-custom-background #cinema,html.has-custom-background .grain{display:none!important}
html.has-custom-background .hero{background:transparent!important}
.background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.background-grid button{min-width:0;padding:0;overflow:hidden;text-align:left;border:2px solid #717783;border-radius:12px;background:#22252c;color:#fff;cursor:pointer;font:700 17px/1.4 Manrope,Arial,sans-serif}
.background-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.background-grid span{display:block;padding:14px;min-height:60px}
.background-grid button[aria-pressed=true]{border-color:#ffdc83;box-shadow:0 0 0 3px #ffdc83}
.background-grid button[aria-pressed=true] span:before{content:'Selected · ';color:#ffdc83}
.background-grid button:focus-visible{outline:4px solid #fff;outline-offset:5px}
html.tv-mode .background-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html.tv-mode .background-grid button{padding:0!important;min-height:0!important;font-size:var(--tv-control)!important}
html.tv-mode .background-grid span{padding:18px;min-height:100px}
@media(max-width:700px){html.has-custom-background body:before,html.has-custom-background body.video-store-page:before{background-image:linear-gradient(#08090c88,#08090caa),var(--ww-background-small)!important}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-main [data-background-settings] section{padding:16px 8px}.background-grid button{font-size:15px}.background-grid span{padding:10px}}

.background-section{margin:20px 0;padding:20px;border:1px solid #717783;border-radius:12px;background:#20242e}.background-section>summary{cursor:pointer;min-height:48px;padding:12px 0;font:700 20px/1.4 Manrope,Arial,sans-serif}.background-section[open]>summary{margin-bottom:20px}html.tv-mode .background-section>summary{font-size:var(--tv-control)!important;min-height:var(--tv-target)!important}
