.TapxSq_root{--ipod-line:var(--muted-foreground);--ipod-ink:var(--foreground);--ipod-icon:var(--muted-foreground);font-family:var(--font-chicago-kare), Krungthep, system-ui, sans-serif;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;container:ipod/inline-size}@media (prefers-contrast:more){.TapxSq_root{--ipod-line:var(--foreground);--ipod-icon:var(--foreground)}}:where(.TapxSq_root) *,:where(.TapxSq_root) :before,:where(.TapxSq_root) :after{box-sizing:border-box}:where(.TapxSq_root) :where(ul,li,p,button){margin:0;padding:0}:where(.TapxSq_root) :where(ul){list-style-type:none}:where(.TapxSq_root) :where(button){color:inherit;cursor:pointer;font:inherit;line-height:inherit;background:0 0;border:0}:where(.TapxSq_root) :where(svg){pointer-events:none}.TapxSq_ipod{--ipod-scale:1;justify-content:center;width:100%;display:flex;position:relative;overflow-x:clip}@container ipod not (min-width:440px){.TapxSq_ipod{--ipod-scale:.9}}@container ipod not (min-width:400px){.TapxSq_ipod{--ipod-scale:.8}}@container ipod not (min-width:360px){.TapxSq_ipod{--ipod-scale:.75}}.TapxSq_shadow{width:415px;height:calc(692px * var(--ipod-scale));flex:none;position:relative}.TapxSq_shadowInner{transform-origin:top;width:100%;scale:var(--ipod-scale);margin:0 auto;transition:scale .25s ease-in-out;position:relative}.TapxSq_body{background:var(--background);border:1px solid var(--ipod-line);border-radius:38px;width:415px;height:692px;position:relative}.TapxSq_screen{box-sizing:content-box;width:273px;height:223px;color:var(--ipod-ink);border:1px solid var(--ipod-line);pointer-events:none;border-radius:10px;margin:30px auto 0;padding:7px;font-size:26px;line-height:1;position:relative}.TapxSq_menuLayer{width:100%;height:100%}.TapxSq_menuLayer[data-hidden]{visibility:hidden}.TapxSq_visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.TapxSq_menu{z-index:2;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.TapxSq_screenBody{flex:none;height:181.7px;position:relative;overflow:clip}.TapxSq_screenPage{width:100%;position:absolute;top:0;left:0}.TapxSq_titleBar{text-align:center;border-bottom:1px solid var(--ipod-line);flex:none;height:37px;margin:0 5px;position:relative}.TapxSq_title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 86px);position:absolute;top:calc(50% + 3px);left:50%;overflow:hidden;transform:translate(-50%,-50%)}.TapxSq_brickTitle{grid-template-columns:1fr 1fr;width:calc(100% - 110px);max-width:calc(100% - 110px);display:grid;overflow:visible}.TapxSq_brickTitle>:first-child{justify-self:start}.TapxSq_brickTitle>:last-child{justify-self:end}.TapxSq_playIcon{top:50%;width:auto;height:20px;fill:var(--ipod-ink);display:inline-block;position:absolute;inset-inline-start:10px;transform:translateY(calc(1.2px - 50%))scale(.9)}.TapxSq_playIcon[data-paused]{transform:translate(2.3px,calc(1.2px - 50%))scaleY(.8)}.TapxSq_battery{top:3px;box-sizing:content-box;background:linear-gradient(var(--ipod-ink), var(--ipod-ink)) right 0 top -6px / 6px calc((100% - 28%) / 2 + 6px) no-repeat, linear-gradient(var(--ipod-ink), var(--ipod-ink)) right 0 bottom -6px / 6px calc((100% - 28%) / 2 + 6px) no-repeat;border:6px solid var(--ipod-ink);transform-origin:100% 23%;border-right:0;width:98px;height:44px;position:absolute;inset-inline-end:5px;transform:scale(.3)}.TapxSq_battery:before{content:"";border-top:6px solid var(--ipod-ink);border-right:6px solid var(--ipod-ink);border-bottom:6px solid var(--ipod-ink);width:6px;height:28%;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.TapxSq_battery:after{content:"";background:repeating-linear-gradient(to right, var(--ipod-ink), var(--ipod-ink) 16px, transparent 16px, transparent 22px, var(--ipod-ink) 22px, var(--ipod-ink) 37px, transparent 38px, transparent 43px, var(--ipod-ink) 42px, var(--ipod-ink) 57px, transparent 59px, transparent 64px, var(--ipod-ink) 55px, var(--ipod-ink) 55px);width:84px;position:absolute;top:5px;bottom:5px;left:5px}.TapxSq_menuItems{scrollbar-width:auto;scrollbar-color:auto;height:180px;margin:1.7px 0 0;padding:0 5px;position:relative;overflow:hidden auto}@supports not selector(::-webkit-scrollbar){.TapxSq_menuItems{scrollbar-color:var(--ipod-ink) transparent}}.TapxSq_menuItems::-webkit-scrollbar{width:12px}.TapxSq_menuItems::-webkit-scrollbar-track{border:1px solid var(--ipod-line)}.TapxSq_menuItems::-webkit-scrollbar-thumb{background-color:var(--ipod-ink);background-clip:padding-box;border:2px solid #0000}.TapxSq_menuItem{text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;align-items:center;padding:3px 12px 1px;display:flex;overflow:hidden}.TapxSq_menuItem[data-centered]{justify-content:center}.TapxSq_menuItem[data-selected]:not([data-action=info]){color:var(--background);background-color:var(--ipod-ink)}.TapxSq_itemTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.TapxSq_itemValue{white-space:nowrap;font-weight:400}.TapxSq_menuItem[data-action=inline-toggle] .TapxSq_itemValue{text-overflow:ellipsis;overflow:hidden}.TapxSq_chevron{border-block-start:3px solid;border-inline-end:3px solid;flex:none;width:12px;height:12px;margin-inline-end:5px;display:inline-block;transform:rotate(45deg)translateY(-2px)}.TapxSq_nowPlaying{flex-direction:column;height:180px;margin-top:1.7px;padding:4px 15px 7px;display:flex;overflow:clip}.TapxSq_nowPlayingIndex{text-align:left;grid-template-columns:1fr auto;align-items:center;margin-bottom:6px;font-size:20px;line-height:1;display:grid}.TapxSq_playModifier{fill:var(--ipod-ink);align-items:center;gap:6px;display:flex}.TapxSq_nowPlayingInfo{text-align:center;margin-bottom:5px}.TapxSq_songTitle{margin-bottom:2px}.TapxSq_songTitleLink{color:inherit;pointer-events:auto;text-decoration:none;display:block}.TapxSq_songTitleLink:hover,.TapxSq_songTitleLink:focus-visible{text-decoration:underline}.TapxSq_artist,.TapxSq_album{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;overflow:hidden}.TapxSq_progressPanes{grid-template-columns:1fr 1fr;align-items:center;gap:30px;width:calc(200% + 30px);margin-top:auto;transition:transform .3s ease-out;display:grid}.TapxSq_progressPanes[data-mode=volume],.TapxSq_progressPanes[data-mode=scrubbing]{transform:translate(calc(-50% - 15px))}@media (prefers-reduced-motion:reduce){.TapxSq_progressPanes{transition:none}}.TapxSq_timeAndProgress,.TapxSq_scrubber{padding-top:10px}.TapxSq_scrubber,.TapxSq_volume{grid-area:1/2}.TapxSq_scrubber[data-inactive],.TapxSq_volume[data-inactive]{opacity:0}.TapxSq_progressLabels{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:26px;display:flex}.TapxSq_volume{fill:var(--ipod-ink);grid-template-columns:auto 1fr auto;align-items:center;gap:7px;display:grid}.TapxSq_progressBar{border:1px solid var(--ipod-ink);border-radius:7px;width:100%;height:15px;min-height:12px;position:relative;overflow:hidden}.TapxSq_progressBar:has(.TapxSq_progressMarker){overflow:visible}.TapxSq_progressBar:has(.TapxSq_rangeInput:focus-visible){outline-offset:2px;outline:2px solid}.TapxSq_progressFill{background:var(--ipod-ink);width:0%;height:15px}.TapxSq_progressMarker{background:var(--ipod-ink);width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.TapxSq_rangeInput{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.TapxSq_marquee{overflow:hidden}.TapxSq_marqueeTrack{--marquee-distance:calc(var(--marquee-copy-width,0) + 30);gap:30px;width:max-content;margin-inline:auto;display:flex}.TapxSq_marquee[data-scrolling] .TapxSq_marqueeTrack{animation:TapxSq_marquee-scroll calc(var(--marquee-distance) * 50ms) linear 2s infinite}.TapxSq_marqueeCopy{white-space:nowrap}@keyframes TapxSq_marquee-scroll{to{transform:translateX(calc(var(--marquee-distance) * -1px))}}@media (prefers-reduced-motion:reduce){.TapxSq_marqueeTrack{width:auto;display:block}.TapxSq_marquee[data-scrolling] .TapxSq_marqueeTrack{animation:none}.TapxSq_marqueeCopy{text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.TapxSq_marqueeCopy[aria-hidden]{display:none}}.TapxSq_brickScreen{height:180px;margin-top:1.7px;padding:0 5px}.TapxSq_brickCanvas{width:100%;color:var(--ipod-ink);image-rendering:pixelated;display:block}.TapxSq_overlay{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.TapxSq_bootLogo{fill:currentColor;width:72px;height:90px;transform:translateY(-10px)}.TapxSq_sadIpod{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.TapxSq_sadIpodIcon{width:90px;height:90px;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat;background-color:currentColor;transform:translate(-10%)}.TapxSq_errorMessage{text-align:center;margin:0 10px;font-size:13px;position:absolute;bottom:20px}.TapxSq_clickWheel{border:1px solid var(--ipod-line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;width:350px;height:350px;margin:0 auto;position:relative;top:30px}.TapxSq_clickWheel[data-dragging] .TapxSq_wheelButton,.TapxSq_clickWheel[data-dragging] .TapxSq_selectButton{pointer-events:none}.TapxSq_wheelButton{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;display:flex;position:absolute;inset:0}.TapxSq_wheelButton svg{fill:var(--ipod-icon);transition:scale .15s ease-out}.TapxSq_wheelButton:active svg{scale:.97}.TapxSq_menuButton{clip-path:polygon(50% 50%,0% 0%,100% 0%);justify-content:center;align-items:flex-start;padding-top:9.5px}.TapxSq_menuButton svg{width:136px;height:auto}.TapxSq_menuButton text{fill:var(--ipod-icon);font-family:Arial,sans-serif;font-size:55px;font-weight:700}.TapxSq_menuButton path{fill:#0000}.TapxSq_backButton{clip-path:polygon(50% 50%,0% 0%,0% 100%);justify-content:flex-start;align-items:center;padding-left:6px}.TapxSq_backButton svg{rotate:180deg}.TapxSq_forwardButton{clip-path:polygon(50% 50%,100% 0%,100% 100%);justify-content:flex-end;align-items:center;padding-right:6px}.TapxSq_playPauseButton{clip-path:polygon(50% 50%,0% 100%,100% 100%);justify-content:center;align-items:flex-end;padding-bottom:12px}.TapxSq_wheelDividers{pointer-events:none;border-radius:50%;position:absolute;inset:-1px;overflow:hidden}.TapxSq_wheelDividers:before,.TapxSq_wheelDividers:after{content:"";border-left:1px solid var(--ipod-line);height:100%;position:absolute;top:0;left:calc(50% - .5px)}.TapxSq_wheelDividers:before{transform:rotate(135deg)}.TapxSq_wheelDividers:after{transform:rotate(45deg)}.TapxSq_scrollWheel{z-index:1;width:var(--scroll-wheel-pct);height:var(--scroll-wheel-pct);background:var(--background);border:1px solid var(--ipod-line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.TapxSq_scrollWheel:focus{outline:none}.TapxSq_selectButton{z-index:1;width:var(--select-button-pct);height:var(--select-button-pct);background:var(--background);border:1px solid var(--ipod-line);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;transition:background-color .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.TapxSq_selectButton:active{background:var(--accent)}