body[data-host-badge]{--host-bottom-space:76px}body[data-host-badge] .original-document{padding-bottom:calc(var(--host-bottom-space) + env(safe-area-inset-bottom))}body[data-host-badge][data-reader-embedded] #reader-root{height:calc(100vh - var(--host-bottom-space));height:calc(100dvh - var(--host-bottom-space))}body[data-host-badge].vinyl-page #studio{height:calc(100vh - var(--host-bottom-space));height:calc(100dvh - var(--host-bottom-space));min-height:0}body[data-host-badge].vinyl-page .cinema-bottom{bottom:calc(var(--host-bottom-space) + max(16px,env(safe-area-inset-bottom)))}body[data-host-badge].project-page{padding-bottom:var(--host-bottom-space)}@media(min-width:768px)and (min-height:601px){body[data-host-badge] .hero .back-to-player{bottom:calc(20px + var(--host-bottom-space))}}@media(max-width:767px),(max-height:600px)and (pointer:coarse){body[data-host-badge][data-host-page=portfolio]{padding-bottom:calc(84px + env(safe-area-inset-bottom) + var(--host-bottom-space))}body[data-host-badge] .mobile-dock{bottom:var(--host-bottom-space)}}@media(max-width:640px){body[data-host-badge].project-page{padding-bottom:calc(88px + env(safe-area-inset-bottom) + var(--host-bottom-space))}body[data-host-badge] .project-mobile-actions{bottom:var(--host-bottom-space)}}