@scope(.instui-drawer-layout){:scope{&>.tray{flex:0 0 var(--instui-component-tray-width-xs,16em);inline-size:var(--drawer-layout-tray-width,var(--instui-component-tray-width-xs,16em));background:var(--instui-color-background-elevated-surface-base);border-inline-end:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);max-inline-size:100%;overflow:auto}&>.tray.-without-border{border-inline:0}&[should-overlay-tray]>.tray,&.-should-overlay-tray>.tray{z-index:var(--instui-component-tray-z-index,9999);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}&[should-overlay-tray]>.tray.-placement-end,&.-should-overlay-tray>.tray.-placement-end,&[should-overlay-tray][placement=end]>.tray,&.-should-overlay-tray[placement=end]>.tray,&[should-overlay-tray].-placement-end>.tray,&.-should-overlay-tray.-placement-end>.tray{inset-inline:auto 0}&[should-overlay-tray]>.tray.-without-shadow,&.-should-overlay-tray>.tray.-without-shadow{box-shadow:none}}}@container pantoken-drawer-layout (width<=46em){.instui-drawer-layout>.tray{z-index:var(--instui-component-tray-z-index,1);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}.instui-drawer-layout>.tray.-placement-end,.instui-drawer-layout[placement=end]>.tray,.instui-drawer-layout.-placement-end>.tray{inset-inline:auto 0}.instui-drawer-layout>.tray.-without-shadow{box-shadow:none}}