.fan-media-preview{--preview-media-max:380px}.fan-media-player-shell{align-self:center;width:min(100%,380px);min-height:0;position:relative}.fan-media-player.slapp-media-card{height:min(730px,100dvh - 13rem);min-height:560px}
.type-four-media-preview{--preview-media-max:380px}.type-four-player-shell{isolation:isolate;align-self:center;width:min(100%,380px);min-height:0;position:relative}.type-four-player-glow{z-index:-1;pointer-events:none;opacity:calc(.34 + var(--smc-effect-strength) * .65);filter:blur(32px);background:radial-gradient(62% 45% at var(--smc-light-x) var(--smc-light-y), color-mix(in oklab, var(--smc-accent) 46%, transparent), transparent 75%), radial-gradient(48% 38% at calc(100% - var(--smc-light-x)) 78%, color-mix(in oklab, var(--smc-accent-secondary) 34%, transparent), transparent 78%);position:absolute;inset:-8%}.type-four-player.slapp-media-card{--smc-radius:0;height:min(730px,100dvh - 13rem);min-height:560px}.type-four-player.slapp-media-card .smc-shell{border-color:color-mix(in oklab, var(--smc-accent) 36%, var(--line));background:radial-gradient(95% 50% at var(--smc-light-x) -5%, color-mix(in oklab, var(--smc-pearl) 12%, transparent), transparent 62%), linear-gradient(var(--smc-light-angle), transparent 24%, color-mix(in oklab, var(--smc-pearl-cool) 5%, transparent) 50%, transparent 74%), color-mix(in oklab, var(--ink) 91%, transparent);box-shadow:0 34px 82px #0000008c, inset 0 1px 0 color-mix(in oklab, var(--smc-pearl) 12%, transparent);border-radius:0}.type-four-player.slapp-media-card .smc-cover{border-color:color-mix(in oklab, var(--smc-accent-secondary) 60%, var(--line));border-radius:0}.type-four-player.slapp-media-card .smc-play{border-radius:0}.type-four-media-preview[data-material=relay] .smc-shell:after{content:"";pointer-events:none;border-top:2px solid var(--smc-accent);border-right:2px solid color-mix(in oklab, var(--smc-accent-secondary) 72%, transparent);position:absolute;inset:0}.type-four-media-preview[data-material=nocturne] .smc-shell{background:radial-gradient(90% 46% at var(--smc-light-x) 0, color-mix(in oklab, var(--smc-accent-secondary) 13%, transparent), transparent 64%), color-mix(in oklab, var(--ink) 96%, #000)}@media (min-width:1700px){.preview-grid[data-card=four]{flex:none;grid-template-rows:auto;align-items:start}.preview-grid[data-card=four] .card-preview-block{grid-template-rows:auto auto;align-self:start}}@media (max-width:720px){.type-four-player.slapp-media-card{height:min(760px,82svh);min-height:620px}}