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