.pane{position:relative;display:none;flex-direction:column;width:320px;flex-shrink:0;padding:var(--spacing-240);box-sizing:border-box;overflow:hidden;background:var(--bg-neutral-1-rest);border:1px solid var(--surface-stroke-1);border-radius:var(--radius-4xlarge)}.pane.open{display:flex}@media (max-width: 1023px){.pane{background:var(--surface-background);-webkit-backdrop-filter:var(--effect-surface-background-blur);backdrop-filter:var(--effect-surface-background-blur);box-shadow:var(--effect-surface-background-shadow)}}.pane-dismiss{position:absolute;top:13px;inset-inline-end:13px;z-index:1}.pane-dismiss.is-floating{background:var(--button-floating-background-rest);outline:1px solid var(--button-floating-stroke);outline-offset:-1px;-webkit-backdrop-filter:var(--effect-floating-background-blur);backdrop-filter:var(--effect-floating-background-blur);box-shadow:var(--effect-floating-background-shadow)}.pane-dismiss.is-floating:hover{background:var(--button-floating-background-hover)}.pane-dismiss.is-floating:active{background:var(--button-floating-background-pressed)}.pane-header{display:flex;flex-direction:column;min-height:42px;justify-content:center;padding-inline-end:var(--spacing-320);flex-shrink:0;margin-bottom:var(--spacing-160)}.pane-title{font-family:var(--font-family-base);font-size:var(--font-size-subtitle-2);line-height:var(--line-height-subtitle-2);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-2-rest)}.pane-subtitle{font-family:var(--font-family-base);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-3-rest)}.pane-content{flex:1 0 0;min-height:0;overflow-y:auto}