.scroll-media-track{--foreground:var(--color-white);--background:var(--color-black);background-color:var(--background);color:var(--foreground);display:block;padding:0 0 .6rem;position:relative}.scroll-media-track .scroll-track{height:750svh;margin-bottom:.6rem;position:relative}:is(.scroll-media-track .scroll-track) .sticky{border-radius:.12rem;height:calc(100svh - .2rem);max-height:11.64rem;overflow:hidden;position:relative}:is(.scroll-media-track .scroll-track) .media-frame{align-items:center;border-radius:.12rem;display:flex;justify-content:center;overflow:hidden}:is(:is(.scroll-media-track .scroll-track) .media-frame) .media{object-position:50% 0}:is(.scroll-media-track .scroll-track) .media-frame{height:100%;left:0;position:absolute;top:0;width:100%}:is(.scroll-media-track .scroll-track) .media-title{position:relative;text-align:center}.scroll-media-track .button{margin:0 auto .6rem}.scroll-media-track .subtitle-frame{padding-top:.6rem;position:relative}:is(.scroll-media-track .subtitle-frame):after{background-color:hsla(0,0%,100%,.3);border-radius:.03rem;content:"";height:.03rem;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:768px) and (orientation:portrait){.scroll-media-track .scroll-track{margin-bottom:.4rem}:is(.scroll-media-track .scroll-track) .sticky{max-height:8rem}:is(.scroll-media-track .scroll-track) .media-title{font-size:.56rem;line-height:90%;padding:0 .13rem}.scroll-media-track .button{margin-bottom:.4rem}.scroll-media-track .subtitle-frame{padding-top:.4rem}}