/* This file changes only the In-App and TV illustrations in the inventory hero. */
.inventory-page #inventory-hero .ih-tv-refined{aspect-ratio:1.64;left:7%;width:86%;bottom:1px;transform:rotate(0);filter:none;isolation:isolate;container-type:inline-size}
.inventory-page #inventory-hero .ih-tv-refined .ih-tv-rim{padding:3px 3px 0;background:linear-gradient(125deg,#777a82,#25272e 16%,#13151a 60%,#4f525c);border:1px solid #555861;border-radius:5px 5px 3px 3px;box-shadow:inset 0 0 0 1px #a9aeb334,0 9px 18px -9px #11131c70}
.inventory-page #inventory-hero .ih-tv-display{border-radius:1px;isolation:isolate;aspect-ratio:16/9;background:#12151a}
.inventory-page #inventory-hero .ih-tv-display>video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transform:none;border:0;}
.inventory-page #inventory-hero .ih-tv-content{z-index:0;opacity:1}
.inventory-page #inventory-hero .ih-tv-ad{z-index:1;opacity:0;transition:opacity 550ms cubic-bezier(.3,0,.2,1)}
.inventory-page #inventory-hero [data-phase=ad] .ih-tv-ad{opacity:1}
.inventory-page #inventory-hero .ih-tv-ad-label{z-index:3;opacity:0;transition:opacity 350ms ease;font:500 1.8cqw/1.4 Montserrat,sans-serif;left:2.5%;top:4%;padding:.5% 1.1%;color:#fff;background:#15171b70;backdrop-filter:blur(4px);border:1px solid #ffffff12}
.inventory-page #inventory-hero [data-phase=ad] .ih-tv-ad-label{opacity:1}
.inventory-page #inventory-hero .ih-tv-display:after{z-index:2;background:linear-gradient(130deg,#ffffff0d,transparent 23%,transparent 75%,#ffffff04);box-shadow:inset 0 0 10px #05060b2e}
.inventory-page #inventory-hero .ih-tv-chin{height:5px;background:linear-gradient(#30333a,#1c1f25);border-bottom:1px solid #60636b66}
.inventory-page #inventory-hero .ih-tv-chin:before{width:16px;background:#9da2ad;opacity:.4}
.inventory-page #inventory-hero .ih-tv-chin>i{width:2px;height:1px;right:12px;background:#e6e9e3;box-shadow:0 0 3px #d9e8dc55}
.inventory-page #inventory-hero .ih-tv-leg{position:absolute;z-index:-1;bottom:0;width:11%;height:8%;background:linear-gradient(110deg,#6b6f78,#282c32 50%,#0e1116);clip-path:polygon(53% 0,75% 0,29% 100%,0 100%)}
.inventory-page #inventory-hero .ih-tv-leg-left{left:14%}
.inventory-page #inventory-hero .ih-tv-leg-right{right:14%;transform:scaleX(-1)}
.inventory-page #inventory-hero .ih-tv-ground{position:absolute;left:4%;right:4%;height:5%;bottom:-2%;background:radial-gradient(ellipse,#36394332,transparent 68%);filter:blur(4px);z-index:-2}
.inventory-page #inventory-hero .ih-phone-glass{background:#141922}
.inventory-page #inventory-hero .ih-status{background:#141922;color:#f4f6fa}
.inventory-page #inventory-hero .ih-phone-island{background:#06080d}
.inventory-page #inventory-hero .ih-home-indicator{background:#e4e8ef88}
.inventory-page #inventory-hero .ih-audio-app{padding:2cqw 6cqw 4cqw;color:#f3f4fa;background:#141922;box-sizing:border-box;overflow:hidden}
.inventory-page #inventory-hero .ih-audio-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5cqw}
.inventory-page #inventory-hero .ih-audio-head>strong{display:flex;gap:4cqw;align-items:center;font:650 8cqw/1 Raleway,sans-serif;letter-spacing:-.035em}
.inventory-page #inventory-hero .ih-audio-head>strong>i{display:block;width:5cqw;height:7cqw;border-radius:50%;border:1.5px solid #bda9ff;transform:rotate(25deg)}
.inventory-page #inventory-hero .ih-audio-head>svg{width:6.5cqw;height:6.5cqw;stroke:#a8afbf;stroke-width:1.5;fill:none}
.inventory-page #inventory-hero .ih-audio-section{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5cqw}
.inventory-page #inventory-hero .ih-audio-section>strong{font:650 7.3cqw/1.2 Raleway,sans-serif;letter-spacing:-.02em}
.inventory-page #inventory-hero .ih-audio-section>span{font:500 3.7cqw/1.4 Raleway,sans-serif;color:#a1a8ba}
.inventory-page #inventory-hero .ih-audio-cover{position:relative;height:44cqw;padding:7cqw;background:#4f5475;border-radius:5cqw;overflow:hidden;isolation:isolate;box-sizing:border-box}
.inventory-page #inventory-hero .ih-audio-cover:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#6c638a,#434b69 68%,#a2a9c0)}
.inventory-page #inventory-hero .ih-audio-cover>span:first-child{display:block;font:650 3cqw/1.5 Montserrat,sans-serif;letter-spacing:.12em;color:#d7d6e9}
.inventory-page #inventory-hero .ih-audio-cover>strong{position:relative;z-index:1;display:block;font:600 10cqw/1.05 Raleway,sans-serif;letter-spacing:-.045em;margin-top:5cqw}
.inventory-page #inventory-hero .ih-audio-disc{position:absolute;width:61cqw;height:61cqw;right:-23cqw;bottom:-16cqw;border-radius:50%;border:1px solid #e5e5f02e;background:repeating-radial-gradient(circle,#333d54 0 2cqw,#59627a 2.2cqw 2.6cqw);transform:rotate(-22deg);opacity:.6;z-index:0}
.inventory-page #inventory-hero .ih-audio-disc>i{position:absolute;inset:37%;border-radius:50%;background:#c8b4c1;box-shadow:0 0 0 1px #e1d2e4}
.inventory-page #inventory-hero .ih-audio-play{position:absolute;right:5cqw;bottom:5cqw;width:13cqw;height:13cqw;display:grid;place-items:center;border-radius:50%;color:#2d334a;background:#efebf6;z-index:1;box-shadow:0 2px 5px #15192233}
.inventory-page #inventory-hero .ih-audio-play>svg{width:7cqw;height:7cqw}
.inventory-page #inventory-hero .ih-audio-ad{margin-top:7cqw;overflow:hidden;border:1px solid #d9e2f11a;border-radius:3cqw;background:#202632;position:relative}
.inventory-page #inventory-hero .ih-audio-ad>small{position:absolute;left:3cqw;top:3cqw;color:#26252a;background:#ffffffe6;padding:1cqw 2cqw;font:500 2.8cqw/1.2 Raleway,sans-serif;z-index:1;border-radius:1cqw}
.inventory-page #inventory-hero .ih-audio-ad>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.inventory-page #inventory-hero .ih-audio-ad>div{padding:4cqw 4cqw 4cqw}
.inventory-page #inventory-hero .ih-audio-ad strong{display:block;font:600 4.7cqw/1.3 Raleway,sans-serif}
.inventory-page #inventory-hero .ih-audio-ad>div>span{display:block;color:#919aaf;font:500 3.3cqw/1.4 Raleway,sans-serif;margin-top:2cqw}
.inventory-page #inventory-hero .ih-audio-player{display:flex;align-items:center;gap:3cqw;border-radius:3cqw;background:#2e3444;margin-top:5cqw;padding:4cqw 3cqw;position:relative;overflow:hidden}
.inventory-page #inventory-hero .ih-audio-player:after{content:'';position:absolute;left:3cqw;bottom:0;width:32%;height:1px;background:#d0c2eb}
.inventory-page #inventory-hero .ih-audio-player-art{display:block;width:12cqw;height:12cqw;background:linear-gradient(120deg,#e2cba9,#7d6070);border-radius:2cqw;flex:none}
.inventory-page #inventory-hero .ih-audio-player>div{flex:1}
.inventory-page #inventory-hero .ih-audio-player strong{font:600 4cqw/1.3 Raleway,sans-serif;display:block}
.inventory-page #inventory-hero .ih-audio-player>div>span{font:400 2.9cqw/1.3 Raleway,sans-serif;color:#a0a8bd;display:block;margin-top:1cqw}
.inventory-page #inventory-hero .ih-audio-bars{display:flex;align-items:center;gap:1cqw;height:8cqw;padding-right:1cqw}
.inventory-page #inventory-hero .ih-audio-bars>i{width:1.4cqw;height:7cqw;border-radius:1cqw;background:#c4b7e4;animation:ih-audio-level 1.8s ease-in-out infinite;transform-origin:center}
.inventory-page #inventory-hero .ih-audio-bars>i:nth-child(2){animation-delay:-.4s;height:10cqw}.inventory-page #inventory-hero .ih-audio-bars>i:nth-child(3){animation-delay:-.8s;height:5cqw}.inventory-page #inventory-hero .ih-audio-bars>i:nth-child(4){animation-delay:-1.3s}
.inventory-page #inventory-hero .ih-audio-nav{display:flex;justify-content:space-around;gap:3cqw;padding-top:3cqw}
.inventory-page #inventory-hero .ih-audio-nav>span{display:flex;flex-direction:column;align-items:center;gap:2cqw;font:500 3cqw/1.2 Raleway,sans-serif;color:#848ea3}
.inventory-page #inventory-hero .ih-audio-nav>span.is-active{color:#c4b6e8}
.inventory-page #inventory-hero .ih-audio-nav svg{width:6cqw;height:6cqw;stroke:currentColor;stroke-width:1.3;fill:none}
@keyframes ih-audio-level{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@media(max-width:1100px) and (min-width:761px){.inventory-page #inventory-hero .ih-tv-refined{left:7%;width:86%;bottom:0}}
@media(max-width:760px){.inventory-page #inventory-hero .ih-tv-refined{left:5%;width:90%;bottom:0}}
@media(prefers-reduced-motion:reduce){.inventory-page #inventory-hero .ih-tv-ad,.inventory-page #inventory-hero .ih-tv-ad-label{transition:none}.inventory-page #inventory-hero .ih-audio-bars>i{animation:none;transform:scaleY(.65)}}


@media(max-width:360px){.inventory-page #inventory-hero .ih-status{height:14px}.inventory-page #inventory-hero .ih-audio-player{margin-top:4cqw}.inventory-page #inventory-hero .ih-audio-nav{padding-top:2cqw}}