tab-container{--tab-hover-color: orange;--tab-selected-color: green;--tab-border-color: hsl(219, 1%, 72%);--tab-background-color: hsl(220, 20%, 94%);--tab-selected-background-color: hsl(220, 43%, 99%);--tabpanel-background-color: hsl(220, 43%, 99%);--tabpanel-focus-border-color: hsl(20, 96%, 48%)}tab-container>[role=tablist][aria-orientation=vertical]{display:flex;flex-direction:column}tab-container:has([aria-orientation=vertical]){display:flex;flex-direction:row}tab-container:has([aria-orientation=vertical]) [role=tabpanel]{flex:1}[role=tab]{position:relative;margin:0;padding:.3em .5em .4em;border:1px solid var(--tab-border-color);border-radius:.2em .2em 0 0;overflow:visible;font-family:inherit;font-size:inherit;background:var(--tab-background-color)}[role=tab][aria-selected=true]{border-radius:0;background:var(--tab-selected-background-color);outline:0}[role=tab][aria-selected=true]:after{position:absolute;z-index:3;bottom:-1px;right:0;left:0;height:.3em;background:var(--tab-selected-background-color);content:""}[role=tab]:hover,[role=tab]:focus,[role=tab]:active{outline:0;border-radius:0;color:inherit}[role=tabpanel]{position:relative;z-index:2;padding:.5em .5em 0;border:1px solid var(--tab-border-color);border-radius:0 .2em .2em;background:var(--tabpanel-background-color)}[role=tabpanel]:focus{border-color:var(--tabpanel-focus-border-color);outline:0}[role=tabpanel]:focus:after{position:absolute;bottom:0;right:-1px;left:-1px;border-bottom:3px solid var(--tabpanel-focus-border-color);border-radius:0 0 .2em .2em;content:""}:root{font-family:system-ui,sans-serif;line-height:1.25}*,*:before,*:after{box-sizing:border-box}html,body{scroll-behavior:smooth}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;overflow-y:scroll}body>header,body>main{margin:0 auto 1rem;padding:0 1em;width:100%;max-width:50rem}body>footer{margin:auto 1rem 0 auto}a{color:#00f}spotify-to-youtube ul{padding:0;list-style:none}.tracks{display:flex;flex-direction:column;padding-left:2rem}.results{display:flex;flex-direction:column;padding:0;margin:1rem 0 1rem .5rem}.results>li{display:flex;gap:.5em;margin-bottom:1px;font-size:14px}.results:has(input[type=radio]:checked) li ul{opacity:.25}.results li ul{padding:.3em;margin:auto 0}.results li:has(input[type=radio]:checked) ul{outline:1px solid darkgreen;opacity:1;border-radius:.3em}.results img{width:3rem;height:3rem;object-fit:cover;vertical-align:top}input:not([type=radio]){width:20rem;max-width:100%;margin-bottom:.5em;padding:.2rem .4em;min-height:1.5em}details{margin-bottom:1rem}textarea{min-width:40em;field-sizing:content}section summary{-webkit-user-select:none;user-select:none;min-height:2em;line-height:2;padding-left:.5em}section[spotify] summary{background:#1abd55;color:#fff}section[youtube] summary{background:red;color:#fff}section[matches] summary{background:#eee}section[r4] summary{background:#5e1ae6;color:#fff}details[open] summary{position:sticky;top:0;margin-bottom:1rem}