.portal{height:var(--portal-height,100dvh)}.portal :is(button,a,summary,input,textarea,select):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.portal button,.portal a,.portal summary{-webkit-tap-highlight-color:transparent}.portal .portal-mobile-bar{padding-top:env(safe-area-inset-top)}.portal .portal-composer{max-height:calc(var(--portal-height,100dvh) * .5)}.portal[data-keyboard-open=true] #portal-main{padding-top:.5rem;padding-bottom:.5rem}.portal[data-keyboard-open=true] .portal-mobile-bar{display:none}.portal audio{max-width:100%;height:2.5rem}.portal{cursor:auto!important}.portal *{cursor:inherit!important}.portal :is(a,button,summary,label,select){cursor:pointer!important}.portal :is(input,textarea){cursor:text!important}.portal input[type=radio]{cursor:pointer!important}.portal :is(button,input,textarea,select):disabled{cursor:not-allowed!important}.portal .notch,.portal .notch-end{--notch:.5rem;--notch-line:var(--color-border-default);position:relative}.portal .notch{clip-path:polygon(var(--notch) 0, 100% 0, 100% 100%, 0 100%, 0 var(--notch))}.portal .notch-end{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%)}.portal .notch:after,.portal .notch-end:after{content:"";pointer-events:none;width:var(--notch);height:var(--notch);position:absolute}.portal .notch:after{top:-1px;background:linear-gradient(to bottom right, transparent 50%, var(--notch-line) 50%, var(--notch-line) calc(50% + 1px), transparent calc(50% + 1px));inset-inline-start:-1px}.portal .notch-end:after{bottom:-1px;background:linear-gradient(to top left, transparent 50%, var(--notch-line) 50%, var(--notch-line) calc(50% + 1px), transparent calc(50% + 1px));inset-inline-end:-1px}[dir=rtl] .portal .notch{clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, 0 100%)}[dir=rtl] .portal .notch-end{clip-path:polygon(0 0, 100% 0, 100% 100%, var(--notch) 100%, 0 calc(100% - var(--notch)))}[dir=rtl] .portal .notch:after{background:linear-gradient(to bottom left, transparent 50%, var(--notch-line) 50%, var(--notch-line) calc(50% + 1px), transparent calc(50% + 1px))}[dir=rtl] .portal .notch-end:after{background:linear-gradient(to top right, transparent 50%, var(--notch-line) 50%, var(--notch-line) calc(50% + 1px), transparent calc(50% + 1px))}.portal .notch-strong{--notch-line:var(--color-border-strong)}.portal .sidebar-search-input:focus-visible{outline-offset:-2px}.portal .notch-top-end{--notch:.75rem;--notch-line:var(--color-border-default);clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, 0 100%);position:relative}.portal .notch-top-end:after{content:"";pointer-events:none;top:-1px;width:var(--notch);height:var(--notch);background:linear-gradient(to bottom left, transparent 50%, var(--notch-line) 50%, var(--notch-line) calc(50% + 1px), transparent calc(50% + 1px));position:absolute;inset-inline-end:-1px}[dir=rtl] .portal .notch-top-end{clip-path:polygon(var(--notch) 0, 100% 0, 100% 100%, 0 100%, 0 var(--notch))}[dir=rtl] .portal .notch-top-end:after{background:linear-gradient(to bottom right, transparent 50%, var(--notch-line) 50%, var(--notch-line) calc(50% + 1px), transparent calc(50% + 1px))}.portal .theme-preview-light{--color-background-primary:var(--neutral-50);--color-surface-primary:var(--neutral-0);--color-surface-secondary:var(--neutral-50);--color-border-default:var(--neutral-200);--color-text-primary:var(--neutral-1000);--color-text-muted:var(--neutral-500);--color-brand-primary:var(--accent-500)}.portal .theme-preview-dark{--color-background-primary:var(--neutral-950);--color-surface-primary:var(--neutral-900);--color-surface-secondary:var(--neutral-800);--color-border-default:var(--neutral-700);--color-text-primary:var(--neutral-0);--color-text-muted:var(--neutral-400);--color-brand-primary:var(--accent-300)}.portal .settings-field:focus-within{--notch-line:var(--color-focus-ring);border-color:var(--color-focus-ring)}.portal .settings-field input:focus-visible{outline:none}