.media-stage .media-stage-main:has(.example-player){justify-content:flex-start;align-items:stretch}.media-stage .media-stage-main:has(.example-player) .media-stage-slot{flex:auto;width:100%;max-width:920px;height:auto;min-height:0;margin-inline:auto;overflow:hidden auto}@media (min-width:1024px){.media-stage .media-stage-main:has(.example-player:not(.fan-player)){padding-left:304px;padding-right:304px}}.example-player{justify-content:center;width:100%;min-height:0;margin:auto;padding:4px 0 12px;display:flex}.example-player-card{flex-direction:column;align-self:flex-start;gap:10px;width:min(100%,400px);height:auto;margin-block:auto;display:flex}.example-player-card[data-fit-scale]{width:360px;max-width:100%}.example-player-card[data-fit-scale] .example-player-body .slapp-media-card .smc-shell{transform:scale(var(--fit-scale,1));transform-origin:50% 0;margin-bottom:calc(-1 * var(--fit-drop,0px))}.example-player-body>.media-stage-note{width:100%;max-width:var(--fit-w,360px);text-wrap:balance;margin:0 auto 14px}.example-player-body{flex-direction:column;flex:auto;min-height:0;display:flex}.example-player-card .example-player-body .slapp-media-card,.example-player-card .example-player-body .slapp-media-themed{--smc-h:auto;height:auto;max-height:none}.example-player-card .example-player-body .slapp-media-card .smc-shell{height:auto;overflow:visible}.fan-player .example-player-card .slapp-media-card,.fan-player .example-player-card .slapp-media-themed{filter:none}.example-player-body>*,.example-player-card .example-player-body .slapp-media-themed .slapp-media-card{flex:none;min-height:auto}.example-player-card .example-player-body .slapp-media-card .trk-list{flex:0 auto;min-height:0;padding-bottom:0}.media-stage .media-stage-main:has(.example-player) .media-stage-slot{scrollbar-width:none}.media-stage .media-stage-main:has(.example-player) .media-stage-slot::-webkit-scrollbar{display:none}