@import "https://fonts.cdnfonts.com/css/chicagoflf";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:Geneva,monospace;--spacing:.25rem;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-system:Chicago,"ChicagoFLF",monospace;--font-ui:Geneva,"Lucida Grande",sans-serif;--font-size-ui-xs:9px;--font-size-ui-sm:12px;--spacing-1:4px;--spacing-2:8px;--spacing-4:16px;--height-menu-bar:20px;--height-title-bar:19px;--height-status-bar:18px;--height-row:16px;--height-progress:10px;--width-control-box:13px;--height-control-box:11px;--width-scroll:16px;--width-transport-btn:23px;--height-transport-btn:20px;--color-window:var(--theme-window,#ddd);--color-window-dark:var(--theme-window-dark,#aaa);--color-border:var(--theme-border,#000);--color-bevel-light:var(--theme-bevel-light,#fff);--color-bevel-dark:var(--theme-bevel-dark,#666);--color-bevel-mid:var(--theme-bevel-mid,#999);--color-text:var(--theme-text,#000);--color-text-disabled:var(--theme-text-disabled,gray);--color-selection:var(--theme-selection,navy);--color-selection-text:var(--theme-selection-text,#fff);--color-list-bg:var(--theme-list-bg,#fff);--color-list-alt:var(--theme-list-alt,#eee);--color-title-bar:var(--theme-title-bar,#ccc);--color-title-bar-stripe:var(--theme-title-bar-stripe,#fff);--color-close-box:var(--theme-close-box,#ddd)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-\[1px\]{inset:1px}.top-0{top:calc(var(--spacing)*0)}.top-\[1px\]{top:1px}.right-0{right:calc(var(--spacing)*0)}.bottom-\[1px\]{bottom:1px}.left-0{left:calc(var(--spacing)*0)}.left-\[1px\]{left:1px}.z-\[1\]{z-index:1}.z-\[1000\]{z-index:1000}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-\[15px\]{height:15px}.h-full{height:100%}.w-2{width:var(--spacing-2)}.w-\[15px\]{width:15px}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[60px\]{min-width:60px}.flex-1{flex:1}.cursor-default{cursor:default}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-1)}.gap-4{gap:var(--spacing-4)}.gap-\[1px\]{gap:1px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.p-2{padding:var(--spacing-2)}.px-1{padding-inline:var(--spacing-1)}.px-2{padding-inline:var(--spacing-2)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.pt-1{padding-top:var(--spacing-1)}.pr-1{padding-right:var(--spacing-1)}.pb-1{padding-bottom:var(--spacing-1)}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.text-center{text-align:center}.text-right{text-align:right}.text-\[8px\]{font-size:8px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.opacity-70{opacity:.7}@media (min-width:48rem){.md\:inline{display:inline}}}:root{--window-width:calc(100vw - 24px);--window-max-width:420px;--desktop-padding:12px;--track-list-height:180px;--track-row-height:32px;--artist-column-display:none;--mobile-artist-display:block}@media (min-width:768px){:root{--window-width:420px;--desktop-padding:40px;--track-list-height:210px;--track-row-height:16px;--artist-column-display:flex;--mobile-artist-display:none}}*{box-sizing:border-box;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-ui);font-size:var(--font-size-ui-sm);color:var(--color-text)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pixel-perfect{image-rendering:pixelated}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button:active{transform:none}.bevel-outset{box-shadow:inset 1px 1px 0 var(--color-bevel-light),inset -1px -1px 0 var(--color-bevel-dark)}.bevel-inset{box-shadow:inset 1px 1px 0 var(--color-bevel-dark),inset -1px -1px 0 var(--color-bevel-light)}.window-shadow{box-shadow:inset 1px 1px 0 var(--color-bevel-light),inset -1px -1px 0 var(--color-bevel-dark),2px 2px 0 #00000026}.control-inner-bevel{border-top:1px solid var(--color-bevel-light);border-left:1px solid var(--color-bevel-light);border-bottom:1px solid var(--color-bevel-dark);border-right:1px solid var(--color-bevel-dark)}.pinstripe{background:repeating-linear-gradient(to bottom,var(--color-title-bar)0px,var(--color-title-bar)1px,var(--color-title-bar-stripe)1px,var(--color-title-bar-stripe)2px)}.scroll-track-pattern{background:repeating-linear-gradient(to bottom,var(--color-window)0px,var(--color-window)1px,var(--color-window-dark)1px,var(--color-window-dark)2px)}.panel-base{background-color:var(--color-window);border:1px solid var(--color-border)}.panel-sunken{background-color:var(--color-list-bg);border:1px solid var(--color-border);box-shadow:inset 1px 1px 0 var(--color-bevel-dark),inset -1px -1px 0 var(--color-bevel-light)}.transport-btn{width:var(--width-transport-btn);height:var(--height-transport-btn);background-color:var(--color-window);border:1px solid var(--color-border);cursor:pointer;image-rendering:pixelated;box-shadow:inset 1px 1px 0 var(--color-bevel-light),inset -1px -1px 0 var(--color-bevel-dark);border-radius:4px;outline:none;justify-content:center;align-items:center;display:flex}.transport-btn.pressed{box-shadow:inset 1px 1px 0 var(--color-bevel-dark),inset -1px -1px 0 var(--color-bevel-light)}.window-control{width:var(--width-control-box);height:var(--height-control-box);border:1px solid var(--color-border);image-rendering:pixelated;justify-content:center;align-items:center;display:flex;position:relative}.scroll-arrow{width:var(--width-scroll);height:var(--width-scroll);background-color:var(--color-window);border:1px solid var(--color-border);cursor:pointer;image-rendering:pixelated;box-shadow:inset 1px 1px 0 var(--color-bevel-light),inset -1px -1px 0 var(--color-bevel-dark);justify-content:center;align-items:center;display:flex}.track-grid{grid-template-columns:24px 1fr 44px;align-items:center;display:grid}@media (min-width:768px){.track-grid{grid-template-columns:24px 1fr 1fr 44px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}