@scope(.instui-tray){&{inline-size:var(--instui-component-tray-width-md);background:var(--instui-component-tray-background-color);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);block-size:auto;max-block-size:none;max-inline-size:100%;padding:var(--instui-component-tray-padding);z-index:var(--instui-component-tray-z-index);box-shadow:var(--instui-elevation-topmost);position:fixed;inset-block:0;inset-inline-start:0}&.-placement-start{inset-inline:0 auto}&.-placement-end{inset-inline:auto 0}&.-placement-top{block-size:auto;inline-size:100%;inset:0 0 auto}&.-placement-bottom{block-size:auto;inline-size:100%;inset:auto 0 0}&.-size-xs{inline-size:var(--instui-component-tray-width-xs)}&.-size-sm{inline-size:var(--instui-component-tray-width-sm)}&.-size-md{inline-size:var(--instui-component-tray-width-md)}&.-size-lg{inline-size:var(--instui-component-tray-width-lg)}&.-size-xl{inline-size:var(--instui-component-tray-width-xl)}&[popover]{margin:0}&[is=dialog],dialog&{padding:var(--instui-component-tray-padding);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);margin:0}@supports (transition-behavior:allow-discrete){&[popover]{--tray-slide-x:-100%;--tray-slide-y:0%;transition:transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;transform:translate(0)}&[popover]:not(:popover-open){transform:translate(var(--tray-slide-x), var(--tray-slide-y))}@starting-style{&[popover]:popover-open{transform:translate(var(--tray-slide-x), var(--tray-slide-y))}}[dir=rtl] &,&.-placement-end{--tray-slide-x:100%}[dir=rtl] &.-placement-end{--tray-slide-x:-100%}&.-placement-top{--tray-slide-x:0%;--tray-slide-y:-100%}&.-placement-bottom{--tray-slide-x:0%;--tray-slide-y:100%}}&.-size-x-small{inline-size:var(--instui-component-tray-width-xs)}&.-size-small{inline-size:var(--instui-component-tray-width-sm)}&.-size-medium{inline-size:var(--instui-component-tray-width-md)}&.-size-large{inline-size:var(--instui-component-tray-width-lg)}&.-size-x-large{inline-size:var(--instui-component-tray-width-xl)}}