:root{--max-height: auto;--reader-bg: black}.fullscreen-container.svelte-1sg7ruk{background:var(--reader-bg);position:relative;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));width:100%;height:fit-content;max-height:auto}.fullscreen-container[data-format=strip][data-fullscreen=false].svelte-1sg7ruk{max-height:var(--max-height)}.fullscreen-container[data-fullscreen=true].svelte-1sg7ruk{inset:0;width:100vw;height:100%;max-height:100dvh;z-index:50}.fullscreen-container[data-fullscreen][data-ios].svelte-1sg7ruk{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.fullscreen-controls.svelte-1sg7ruk{position:absolute;top:0;left:0;right:0;padding:calc(var(--spacing) * 2);display:flex;flex-direction:row-reverse;justify-content:space-between;opacity:0;transition:opacity .3s ease-in-out;z-index:999;&.fullscreen{padding:calc(var(--spacing) * 4)}}.fullscreen-container.svelte-1sg7ruk:hover .fullscreen-controls:where(.svelte-1sg7ruk){opacity:1}.player-controls.svelte-7vz6if,.track.svelte-7vz6if{display:flex;align-items:center;gap:calc(var(--spacing) * 2)}.track-title.svelte-7vz6if{font-weight:500}.volume-slider-wrapper.svelte-7vz6if{overflow:hidden;display:flex;align-items:center;transition:all .15s ease}.volume-slider-wrapper[data-open=false].svelte-7vz6if{width:0}.volume-slider-wrapper[data-open=true].svelte-7vz6if{width:fit-content}.reader-section{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);@media(width>=64rem){gap:calc(var(--spacing) * 4)}}.reader-container{position:relative;height:100%;width:100%;max-width:min(100%,var(--reader-width));margin:0 auto}.reader-fullscreen-container{max-width:min(100%,var(--reader-width))}.reader-media-container{width:100%;height:fit-content;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.reader-media-list{height:fit-content;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(var(--item-count),auto);align-items:center;overflow:hidden}.reader-media-item-wrapper{max-height:100%;width:100%;max-width:min(100%,var(--reader-width));margin:0 auto}.reader-media-item{max-height:100%;width:100%;max-width:min(100%,var(--reader-width))}[data-format=strip]{.reader-container{max-width:fit-content}.reader-fullscreen-container{height:100%}.reader-media-list{height:var(--max-height);width:100%;max-height:var(--max-height);grid-template-columns:repeat(var(--item-count),max-content);grid-template-rows:repeat(1,minmax(0,1fr));overflow-x:auto;overflow-y:hidden}.reader-media-item-wrapper{height:100%;width:fit-content;max-width:fit-content;display:grid;grid-template-rows:repeat(1,minmax(0,1fr))}.reader-media-item{width:auto;height:100%;max-height:var(--max-height);max-width:unset}}[data-fullscreen=true]{.reader-media-container{width:100%;height:100%;display:grid;grid-template-rows:1fr min-content}.reader-media-list{height:100%;overflow-x:hidden;overflow-y:auto}.reader-media-item{width:100%;height:auto}}[data-format=strip][data-fullscreen=true]{.reader-media-list{max-height:100%;overflow-x:auto;overflow-y:hidden}.reader-media-item-wrapper{width:auto;max-width:max-content;height:min(100%,var(--max-height));max-height:min(100%,var(--max-height));margin:0 auto}.reader-media-item{width:auto;max-width:max-content;height:min(100%,var(--max-height));max-height:min(100%,var(--max-height))}}[data-layout=preview]{&.reader-section,&.reader-section .section-wrapper{height:100%;overflow:hidden;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.reader-media-container,.reader-fullscreen-container{height:100%;overflow:hidden}.reader-media-list{max-height:100%;overflow-x:hidden;overflow-y:auto}}[data-layout=preview][data-format=strip]{&.reader-section,&.reader-section .section-wrapper{height:100%;overflow:hidden;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.reader-media-container,.reader-fullscreen-container{height:100%;overflow:hidden}.reader-media-list{max-height:100%;overflow-x:auto;overflow-y:hidden}}