body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-selection,::selection{background-color:rgba(0,0,0,.15)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.ml-16{margin-left:4rem}.flex{display:flex}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[560px\]{max-width:560px}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.pl-16{padding-left:4rem}.batch{position:absolute;margin:0;font-size:1.875rem;line-height:2.25rem;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));opacity:0;transform:scale(.5);-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright}@media (max-height:568px){.batch{font-size:1.5rem;line-height:2rem}}@media (max-height:380px){.batch{font-size:1.25rem;line-height:1.75rem}}.batch.--active{z-index:10;opacity:1;transform:scale(1);-webkit-animation:active-in 1.92s cubic-bezier(.25,1,.5,1);animation:active-in 1.92s cubic-bezier(.25,1,.5,1)}.batch.--fading-out{pointer-events:none;-webkit-animation:active-out .96s cubic-bezier(.16,1,.3,1);animation:active-out .96s cubic-bezier(.16,1,.3,1);transition:unset}@-webkit-keyframes active-in{from{z-index:10}from{opacity:0}from{transform:scale(.5)}to{z-index:10}to{opacity:1}to{transform:scale(1)}}@keyframes active-in{from{z-index:10}from{opacity:0}from{transform:scale(.5)}to{z-index:10}to{opacity:1}to{transform:scale(1)}}@-webkit-keyframes active-out{from{z-index:10}from{opacity:1}from{transform:scale(1)}to{z-index:10}to{opacity:0}to{transform:scale(2)}}@keyframes active-out{from{z-index:10}from{opacity:1}from{transform:scale(1)}to{z-index:10}to{opacity:0}to{transform:scale(2)}}#progress-bar{position:relative;margin-bottom:1rem;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity));width:3px;max-height:calc(90vh - 120px);height:320px}#progress-bar.--animation{-webkit-animation:progress-gravity 8.5s linear 0s infinite;animation:progress-gravity 8.5s linear 0s infinite}@-webkit-keyframes progress-gravity{0%{justify-content:flex-start}92.49%{justify-content:flex-start}92.5%{justify-content:flex-end}100%{justify-content:flex-end}}@keyframes progress-gravity{0%{justify-content:flex-start}92.49%{justify-content:flex-start}92.5%{justify-content:flex-end}100%{justify-content:flex-end}}#progress{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));width:100%;height:0}#progress.--animation{-webkit-animation:progress 8.5s linear 0s infinite;animation:progress 8.5s linear 0s infinite}@-webkit-keyframes progress{0%{height:0}92.5%{height:100%}97.5%{height:0}}@keyframes progress{0%{height:0}92.5%{height:100%}97.5%{height:0}}#next,#previous{display:flex;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;border-radius:.25rem;border-width:0;border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;width:48px;height:48px;transition:border-color .16s cubic-bezier(.25, 1, .5, 1)}#next:focus,#next:hover,#previous:focus,#previous:hover{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}#next{margin-top:.25rem}#music{position:fixed;display:flex;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-style:solid;border-color:transparent;--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity));text-decoration:none;bottom:16px;right:16px;width:42px;height:42px;margin-bottom:env(safe-area-inset-bottom);transition:border-color .16s ease-out}#music:focus,#music:hover{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}