html{overscroll-behavior:none}r4-app,r4-app *,r4-app *:before,r4-app *:after{box-sizing:border-box}r4-app{--s: .5rem;--s-youtube: 16rem}r4-app[color-scheme=dark]{color-scheme:dark}r4-app[color-scheme=light]{color-scheme:light}r4-app [hidden=true]{display:none}r4-app{display:flex;flex-direction:column;background-color:var(--c-bg);color:var(--c-fg);font-size:var(--s-font);font-family:var(--font);line-height:var(--s-line-height);overflow-y:auto;max-height:100dvh}r4-app ul,r4-app ol{margin:0;padding:0 0 var(--s) 2rem}r4-app-menu{background-color:var(--c-bg)}r4-app menu{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none;background:var(--c-bg2)}r4-app menu li{display:flex;align-items:center}r4-app details{cursor:pointer}r4-app table{width:100%;border-collapse:collapse}r4-app th{text-align:left}r4-app img{width:auto;display:inline-block}r4-app a{color:var(--c-link)}r4-app a[href^="#"]{color:var(--c-fg)}r4-app section{padding-top:var(--s);padding-bottom:var(--s)}r4-app summary{-webkit-user-select:none;user-select:none}r4-app button,r4-app input,r4-app optgroup,r4-app select,r4-app textarea,r4-app r4-layout::part(controls-button){font-family:inherit;line-height:var(--s-line-height)}r4-app textarea{min-height:calc(var(--s) * 3);resize:vertical}r4-app button,r4-app select,r4-app input,r4-app textarea{padding-top:calc(var(--s) / 2.5);padding-bottom:calc(var(--s) / 3.5);padding-left:calc(var(--s) / 2);padding-right:calc(var(--s) / 2);font-size:1rem}r4-app fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column}r4-app button,r4-app r4-layout::part(controls-button){cursor:pointer}r4-app progress[is=r4-loading]{align-self:center}r4-layout{flex:1;display:flex;flex-direction:column;position:relative}@media (min-width: 70rem){r4-layout{flex-direction:row}}r4-layout::part(panel),r4-layout::part(main){display:flex;flex-direction:column;flex-grow:1}r4-router>*{display:flex;flex-direction:column;flex-grow:1}r4-route{display:none}r4-loading{display:flex;flex-direction:column;justify-content:center;align-items:center}r4-layout::part(playback){display:flex;flex-direction:column;justify-content:flex-end;z-index:1}@media (max-width: 70rem){r4-layout::part(playback){order:-1}}r4-layout::part(playback-details){background-color:var(--c-bg);flex-grow:1;display:flex;flex-direction:column;align-items:flex-end}r4-layout::part(playback-summary){cursor:pointer}r4-layout:not([is-playing]) slot[name=player]::slotted(*),r4-layout[ui-state=close] [slot=player]::slotted(*){display:none}r4-layout::part(playback-summary){display:flex;justify-content:flex-end}r4-layout r4-player,r4-layout radio4000-player{flex-grow:1}r4-layout::part(playback-panel){width:100%;height:100%}r4-layout r4-player radio4000-player .Layout{border-color:var(--c-link)}r4-layout::part(playback){transition:all 233ms ease-in-out;transform:translateY(-500%) scale(.95)}r4-layout::part(panel){transition:all .25s ease-in-out}r4-layout[is-playing]::part(playback){transform:translate(0) scale(1)}@media (min-width: 70rem){r4-layout::part(playback){transform:translate(100%) scale(.9)}}r4-layout::part(playback-status){display:flex;flex-grow:1;align-self:center;padding:calc(var(--s) / 4);opacity:.3}r4-layout::part(playback-status):before{content:attr(icon)}r4-layout[is-playing]::part(playback-status):before{color:var(--c-purple);opacity:1;animation:rotate 6s infinite linear;transform-origin:center center}@keyframes rotate{to{transform:rotate(360deg)}}r4-app[color-scheme=dark] .TrackItem.active,r4-app[color-scheme=dark] .TrackItem:hover{background-color:var(--c-bg2)}r4-app[color-scheme=dark] r4-layout[is-playing]::part(playback-status):before{color:var(--c-fg)}r4-layout[ui-state=fullscreen]::part(playback-summary){display:none}r4-layout[ui-state=fullscreen] radio4000-player{height:100dvh}r4-layout::part(playback-menu){list-style:none;margin:0;padding:0;display:flex}r4-layout[ui-state=minimize] r4-player radio4000-player{min-height:auto;max-height:var(--s-youtube)}r4-layout[ui-state=minimize] r4-player radio4000-player .Layout-header,r4-layout[ui-state=minimize] r4-player radio4000-player .Layout-main{display:none}r4-layout r4-page-main:has(radio4000-player){flex-grow:1;display:flex;flex-direction:column}r4-layout r4-page-main radio4000-player{max-height:none}r4-layout::part(panel){background-color:var(--c-bg);z-index:2}r4-layout::part(playback){position:sticky;top:0;z-index:1}r4-layout::part(menu){z-index:3}r4-layout [slot=main]{z-index:0}r4-layout header[slot=menu]{position:sticky;top:0}@media (min-width: 70rem){r4-layout[ui-state=minimize]::part(playback),r4-layout[ui-state=dock]::part(playback){top:0;bottom:auto;max-height:100dvh;z-index:2}r4-layout[ui-state=dock]::part(playback-summary){position:absolute;top:0;right:0;z-index:1;border-radius:.3rem;border:1px solid var(--c-border)}r4-layout[is-playing][ui-state=dock] r4-player{width:30vw}r4-layout:not([ui-state=minimize]) [slot=player]{height:100%}}r4-layout [slot=main],r4-layout [slot=player]{display:flex;flex-direction:column}r4-layout [slot=main]{flex-grow:1}r4-layout [slot=player]{width:100%;flex:1}r4-layout header[slot=menu]{display:flex}r4-router{flex-grow:1;display:flex}r4-router>*{flex-grow:1}r4-routes,r4-route{display:none}r4-page-map r4-page-main,r4-map,r4-map main,r4-map .ol-viewport{display:flex;flex-direction:column;flex-grow:1;padding:0;width:100%}r4-map .ol-viewport{min-height:30vh}r4-page-map r4-supabase-query fieldset[name=table],r4-page-map r4-supabase-query fieldset[name=select],r4-page-map r4-supabase-query fieldset[name=orderBy],r4-page-map r4-supabase-query fieldset[name=ascending]{display:none}r4-page-explore r4-supabase-select,r4-page-channel r4-supabase-select,r4-page-channel-tracks r4-supabase-select{display:none}r4-page-channel r4-query{display:none}radio4000-player .PlayerControl{font-size:.7rem}[color-scheme=dark] radio4000-player,radio4000-player>.Layout[class],r4-app[color-scheme] radio4000-player .Header,radio4000-player .PlayerControl-group .Btn{background:var(--c-bg);color:var(--c-fg);border-color:var(--c-border)}[color-scheme=dark] radio4000-player .Layout .Header,[color-scheme=dark] radio4000-player .Layout .PlayerControl,[color-scheme=dark] radio4000-player .Layout .PlayerControl .Btn{background:transparent;border-color:var(--c-border)}[color-scheme=dark] radio4000-player .Layout .TrackItem{color:inherit}[color-scheme=dark] radio4000-player .Layout .Tracklist-item{border:0}[color-scheme=dark] radio4000-player .Layout .Tracklist-query{background-color:none}[color-scheme=dark] radio4000-player .PlayPause-controller:after,[color-scheme=dark] radio4000-player .PlayPause-controller:before{border-color:var(--c-link)}r4-app radio4000-player .Tracklist-controls .Btn--locateTrack{background-color:inherit}r4-track{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:0 calc(var(--s) / 2);align-items:center}r4-track:has(r4-track-discogs-url){grid-template-columns:auto minmax(0,1fr) auto auto auto}r4-avatar{display:inline-flex;max-width:calc(var(--s) * 5)}r4-avatar picture,r4-avatar img{width:100%}r4-avatar img{vertical-align:bottom}r4-list{display:flex;flex-direction:column}r4-list-item{display:flex;flex-direction:row}r4-list-item r4-track{flex:1}r4-avatar-update,r4-avatar-upload form{display:flex;flex-wrap:wrap;align-items:center}r4-channel-card{display:flex;background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--s-radius)}r4-channel-link{flex-grow:1;display:flex}r4-channel-link :is(a){text-decoration:none;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;padding:var(--s)}r4-channel-card r4-avatar{width:100%;display:flex;justify-content:center}r4-channel-card-body{flex:1;display:block}r4-channel-description a{display:inline-block;padding:calc(var(--s) / 7) calc(var(--s) / 5);text-decoration:none}r4-channel-card-body r4-channel-url a{white-space:pre-wrap;word-break:break-all;text-decoration:none;text-align:center;display:flex;padding:calc(var(--s) / 2)}r4-supabase-modifiers form,r4-supabase-filters form{display:flex;flex-wrap:wrap;justify-content:center}r4-supabase-modifiers fieldset,r4-supabase-filters fieldset{flex-direction:row}r4-supabase-modifiers form{display:flex;flex-direction:column;flex-wrap:wrap}r4-supabase-modifiers input{max-width:calc(var(--s) * 10)}r4-supabase-query{display:flex;flex-direction:column;flex-wrap:wrap}r4-supabase-query[table=channel_tracks] fieldset[name=orderBy] option[value=fts],r4-supabase-query[table=channel_tracks] fieldset[name=orderBy] option[value=slug],r4-supabase-query[table=channel_tracks] fieldset[name=orderBy] option[value=id]{display:none}r4-supabase-query[table=channels] fieldset[name=orderBy] option[value=fts],r4-supabase-query[table=channels] fieldset[name=orderBy] option[value=discogs_url],r4-supabase-query[table=channels] fieldset[name=orderBy] option[value=description],r4-supabase-query[table=channels] fieldset[name=orderBy] option[value=id],r4-supabase-query[table=channels] fieldset[name=orderBy] option[value=firebase],r4-supabase-query[table=channels] fieldset[name=orderBy] option[value=coordinates],r4-supabase-filters[table=channels] fieldset[name=column] option[value=id],r4-supabase-filters[table=channels] fieldset[name=column] option[value=coordinates],r4-supabase-filters[table=channels] fieldset[name=column] option[value=fts],r4-supabase-filters[table=channels] fieldset[name=column] option[value=firebase]{display:none}r4-dialog::part(dialog)::backdrop{background-color:#000;opacity:.6;width:100%}r4-dialog::part(dialog){width:100%;max-width:clamp(50vmin,50rem,90vmin);padding:0}r4-app dialog[inline]{position:relative;margin:calc(var(--s) / 1.5) 0;border:1px solid var(--c-border);border-radius:var(--s-radius)}r4-track-description{word-break:break-word}r4-track-mentions a:before,r4-track-tags a:before{display:inline;float:left}r4-track-mentions a:before{content:"@"}r4-track-tags a:before{content:"#"}r4-actions details{position:relative}r4-actions details[open] summary{background-color:var(--c-bg-button2);border-radius:50%}r4-actions details[open]{background-color:var(--c-bg-overlay)}r4-actions details:not([open]) menu{display:none}r4-actions summary{-webkit-user-select:none;user-select:none;list-style:none;font-style:normal;padding:0 var(--s);line-height:0;transition:all 222ms ease-in-out}r4-actions summary::marker,r4-actions summary::-webkit-details-marker{display:none}r4-actions details menu{display:flex;align-items:stretch;list-style:none;background-color:inherit;border:1px solid var(--c-border, rgb(216, 216, 216));border-radius:var(--s-radius);box-shadow:var(--c-shadow-modal);position:absolute;top:100%;right:1rem;width:160px;z-index:100;padding:3px}r4-actions details menu li{margin:0}r4-user-channels-select{height:100%;display:flex}r4-user-channels-select label{display:flex}r4-app r4-actions[left] menu{right:auto;left:0}r4-app[color-scheme=dark] r4-actions menu{background-color:var(--bg-overlay, rgb(0 0 0 / 90%))}r4-app r4-actions menu li{width:100%;padding:0}r4-app r4-actions a{width:100%;padding:var(--s)}r4-app r4-actions button{flex:1}r4-button-play r4-icon{padding:calc(var(--s) / 3)}r4-channel-card r4-button-play{height:100%}r4-channel-card r4-button-play button{height:100%}r4-app r4-app-user-menu menu{flex-wrap:nowrap}r4-icon[icon]:before{content:attr(icon)}r4-command-menu{margin-left:auto;margin-right:auto}r4-query{display:flex;flex-wrap:wrap;align-items:center}r4-query menu{align-self:flex-start}r4-query menu:is(li,fieldset){margin:0}r4-query fieldset{padding:calc(var(--s) / 3);display:flex;flex-wrap:wrap;align-items:center}r4-supabase-filter-search fieldset{margin:0}r4-supabase-filter-search form,r4-supabase-modifiers form,r4-supabase-filters form{display:flex;flex-direction:row;flex-wrap:wrap}r4-supabase-filter-search fieldset,r4-supabase-modifiers fieldset,r4-supabase-filters fieldset{flex-wrap:nowrap;position:relative;margin:0}r4-supabase-filter-search legend,r4-supabase-modifiers legend,r4-supabase-filters legend{position:absolute;top:0;left:0;font-size:.7rem;background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:.3rem;z-index:1;transform:translate(-20%,-20%);white-space:nowrap}r4-channel-create slot[name=fields] fieldset:last-of-type{display:none}h-captcha iframe{width:100%!important}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}