@layer components{.slide-over__overlay{z-index:var(--z-index-overlay);position:fixed;inset:0}.slide-over__overlay--backdrop{background-color:var(--color-overlay-modal)}.slide-over__content{background:var(--color-background-surface-primary,var(--color-background-white));z-index:var(--z-index-modal);outline:none;flex-direction:column;align-items:stretch;display:flex;position:fixed;overflow:hidden}.slide-over__content--left{border-right:var(--component-modal-md-border-width,1px) solid var(--color-border-main-subtle);--slide-over-transition-from:translate3d(-100%,0,0);left:0}.slide-over__content--left,.slide-over__content--right{height:100%;width:min(var(--component-slideover-size,var(--component-sidebar-width-full,260px)),100%);top:0}.slide-over__content--right{border-left:var(--component-modal-md-border-width,1px) solid var(--color-border-main-subtle);--slide-over-transition-from:translate3d(100%,0,0);right:0}.slide-over__content--top{border-bottom:var(--component-modal-md-border-width,1px) solid var(--color-border-main-subtle);--slide-over-transition-from:translate3d(0,-100%,0);top:0}.slide-over__content--bottom,.slide-over__content--top{height:min(var(--component-slideover-size,var(--component-sidebar-width-full,260px)),100%);width:100%;left:0}.slide-over__content--bottom{border-top:var(--component-modal-md-border-width,1px) solid var(--color-border-main-subtle);--slide-over-transition-from:translate3d(0,100%,0);bottom:0}.slide-over__content--fullscreen{border:none;width:100%;height:100%}.slide-over__content--animate{will-change:transform}.slide-over__content--animate[data-state=open]{animation:.2s ease-out both slide-over-enter}.slide-over__content--animate[data-state=closed]{animation:.2s ease-in both slide-over-leave}.slide-over__overlay--animate{will-change:opacity}.slide-over__overlay--animate[data-state=open]{animation:.2s ease-out both slide-over-fade-in}.slide-over__overlay--animate[data-state=closed]{animation:.2s ease-in both slide-over-fade-out}.slide-over__header{border-bottom:var(--component-modal-md-border-width,1px) solid var(--color-border-main-subtle);align-items:center;gap:calc(var(--spacing)*12);max-height:calc(var(--spacing)*48);min-height:calc(var(--spacing)*48);padding-block:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*12);flex-direction:row;flex-shrink:0;width:100%;display:flex;overflow:clip}.slide-over__title{color:var(--color-content-main-default);font-family:var(--typography-body-family-font-font);font-size:var(--typography-body-font-size-b3);font-weight:var(--typography-body-weight-md);line-height:var(--typography-body-line-height-b3);min-width:0;padding-left:calc(var(--spacing)*12);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.slide-over__close-button{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.slide-over__body{overscroll-behavior:contain;flex:1;width:100%;min-height:0;overflow-y:auto}}@keyframes slide-over-enter{0%{transform:var(--slide-over-transition-from)}to{transform:translateZ(0)}}@keyframes slide-over-leave{0%{transform:translateZ(0)}to{transform:var(--slide-over-transition-from)}}@keyframes slide-over-fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-over-fade-out{0%{opacity:1}to{opacity:0}}