#browser-access-dialog { position: fixed; inset: 0; margin: auto; height: fit-content; max-height: calc(100vh - 40px); box-sizing: border-box; overflow: auto; width: min(380px, calc(100vw - 40px)); min-width: min(320px, calc(100vw - 40px)); color: var(--text-main); text-align: left; }
#browser-access-dialog::backdrop { background: transparent; }
#browser-access-form { display: grid; gap: 16px; }
#browser-access-form .modal-heading { margin: 0; }
#browser-access-form .modal-buttons { margin-top: 0; }
.browser-access-input-row { position: relative; }
#browser-access-key { box-sizing: border-box; padding-right: 38px; }
#browser-access-toggle { position: absolute; inset: 0 0 0 auto; display: grid; place-items: center; width: 34px; padding: 0; border: 0; border-radius: 0 4px 4px 0; color: var(--text-muted); background: transparent; cursor: pointer; font-size: 14px; }
#browser-access-toggle:hover, #browser-access-toggle:focus-visible { color: var(--text-main); }
#browser-access-toggle:focus-visible { outline: 1px solid var(--yellow); outline-offset: -2px; }
#browser-access-toggle:disabled { opacity: .5; cursor: wait; }
#browser-access-form #browser-access-error { margin: 0; color: var(--yt-danger-soft); line-height: 1.5; }