.youtube-dock{--dock-right:max(18px, env(safe-area-inset-right));--header-corner-size:32px;left:auto;right:var(--dock-right);width:min(368px, calc(100% - var(--dock-right) - max(12px, env(safe-area-inset-left))));justify-content:flex-end}.youtube-stack{--youtube-padding:5px;gap:var(--youtube-padding);width:calc(100% - 2 * var(--youtube-padding));margin-inline:var(--youtube-padding);display:grid;position:relative}.youtube-form{--field-height:var(--dock-button-size);grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid;position:relative}.youtube-stack .youtube-form-surface{--glass-color:var(--settings-control-surface);--glass-opacity:46%;inset:calc(-1 * var(--youtube-padding));border-radius:calc(var(--header-corner-radius) + var(--youtube-padding));corner-shape:var(--tab-curve);transform-origin:100%;position:absolute}.youtube-form input{pointer-events:auto;min-width:0;height:var(--field-height);border-radius:var(--header-corner-radius);corner-shape:var(--tab-curve);color:inherit;background:var(--settings-control-surface);border:0;grid-column:1;padding-inline:11px;transition:color .18s;position:relative}.youtube-form[data-video-open] input:not(:focus){color:color-mix(in srgb, currentColor 55%, transparent)}@media (prefers-reduced-motion:reduce){.youtube-form input{transition:none}}.youtube-form input::placeholder{color:var(--settings-muted)}.youtube-dock .youtube-form input:focus-visible{background:#303030;outline:none}.youtube-form-actions{grid-area:1/2;display:flex}.youtube-form-actions>button{flex:none}.youtube-play{position:relative}.youtube-play:not(.glass){background:var(--settings-control-surface)}.youtube-error{border-radius:var(--header-corner-radius);corner-shape:var(--tab-curve);background:var(--settings-control-surface);color:#ff626b;margin:0;padding:4px 8px;font-size:12px;position:relative}.youtube-video{pointer-events:auto;position:relative}.youtube-screen{aspect-ratio:16/9;border-radius:var(--header-corner-radius);corner-shape:var(--tab-curve);background:#000;border:0;flex:none;width:100%;min-width:200px;min-height:200px;display:block}@media (width<=430px){.youtube-dock{--dock-right:max(12px, env(safe-area-inset-right))}.youtube-dock .youtube-form input{font-size:16px}}@media (width<=960px){.youtube-dock:has(.youtube-form-surface){bottom:calc(max(18px, env(safe-area-inset-bottom)) + 50px)}}.youtube-playlist{--playlist-padding:4px;--playlist-row-padding:4px;--playlist-thumbnail-height:47px;--playlist-radius:var(--dock-button-radius);--playlist-row-radius:calc(var(--playlist-radius) - var(--playlist-padding));pointer-events:auto;min-width:0;position:relative}.youtube-playlist-toggle{background:var(--settings-control-surface);overflow:clip}.youtube-playlist-toggle svg{transition:rotate .2s}.youtube-playlist-toggle[aria-expanded=true] svg{rotate:180deg}@media (prefers-reduced-motion:reduce){.youtube-playlist-toggle svg{transition:none}}.youtube-playlist-item{width:100%;color:inherit;text-align:start;background:0 0;border:0}.youtube-playlist-collapse{display:flow-root;overflow:clip}.youtube-playlist-items{max-height:clamp(52px,100dvh - 380px,220px);padding:var(--playlist-padding);border-radius:var(--playlist-radius);corner-shape:var(--tab-curve);background:var(--settings-control-surface);overscroll-behavior:contain;gap:3px;margin:0;list-style:none;display:grid;overflow-y:auto}.youtube-playlist-item{grid-template-columns:84px minmax(0,1fr);grid-template-rows:var(--playlist-thumbnail-height);padding:var(--playlist-row-padding);border-radius:var(--playlist-row-radius);corner-shape:var(--tab-curve);align-items:center;gap:9px;display:grid}.youtube-playlist-item:hover{background:#ffffff14}.youtube-playlist-item[aria-current=true]{background:#ffffff24}.youtube-form .youtube-playlist-toggle:focus-visible,.youtube-playlist-item:focus-visible{outline-offset:-2px}.youtube-playlist-item img{block-size:var(--playlist-thumbnail-height);border-radius:calc(var(--playlist-row-radius) - var(--playlist-row-padding));corner-shape:var(--tab-curve);object-fit:cover;display:block}.youtube-playlist-copy{gap:3px;min-width:0;display:grid}.youtube-playlist-title{-webkit-line-clamp:2;font-size:calc(var(--control-label-size) + 1px);-webkit-box-orient:vertical;font-weight:550;line-height:15px;display:-webkit-box;overflow:hidden}.youtube-playlist-channel,.youtube-playlist-empty{color:var(--settings-muted);font-size:var(--control-label-size)}.youtube-playlist-channel{text-overflow:ellipsis;white-space:nowrap;line-height:14px;overflow:hidden}.youtube-playlist-empty{margin:0;padding:6px 12px 12px}
