declare const _default: ":host{display:block;width:100%;height:100%;position:relative;container-type:inline-size}.ui5-dsc-root{width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:row}.ui5-dsc-main,.ui5-dsc-side{display:block;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;flex:none}:host([hide-main-content]) .ui5-dsc-main{display:none}:host([hide-main-content]) .ui5-dsc-side{width:100%;min-width:0}:host([hide-side-content]) .ui5-dsc-side{display:none}:host([hide-side-content]) .ui5-dsc-main{width:100%;min-width:0}:host([hide-main-content][hide-side-content]) .ui5-dsc-root{display:none}:host([equal-split]) .ui5-dsc-main,:host([equal-split]) .ui5-dsc-side{width:50%;min-width:0}@container (min-width: 1441px){.ui5-dsc-main{width:75%;min-width:320px}.ui5-dsc-side{width:25%;min-width:320px}:host([hide-main-content]) .ui5-dsc-side,:host([hide-side-content]) .ui5-dsc-main{width:100%;min-width:0}}@container (min-width: 1025px) and (max-width: 1440px){.ui5-dsc-main{width:66.666%;min-width:320px}.ui5-dsc-side{width:33.333%;min-width:320px}:host([side-content-fall-down=\"BelowXL\"]) .ui5-dsc-root{flex-direction:column}:host([side-content-fall-down=\"BelowXL\"]) .ui5-dsc-main,:host([side-content-fall-down=\"BelowXL\"]) .ui5-dsc-side{width:100%}:host([side-content-visibility=\"ShowAboveL\"]) .ui5-dsc-side{display:none}:host([side-content-visibility=\"ShowAboveL\"]) .ui5-dsc-main{width:100%;min-width:0}:host([hide-main-content]) .ui5-dsc-side,:host([hide-side-content]) .ui5-dsc-main,:host([side-content-fall-down=\"BelowXL\"][hide-main-content]) .ui5-dsc-side,:host([side-content-fall-down=\"BelowXL\"][hide-side-content]) .ui5-dsc-main{width:100%;min-width:0}}@container (min-width: 721px) and (max-width: 1024px){.ui5-dsc-main{width:calc(100% - 340px)}.ui5-dsc-side{width:340px}:host([side-content-fall-down=\"BelowXL\"]) .ui5-dsc-root,:host([side-content-fall-down=\"BelowL\"]) .ui5-dsc-root{flex-direction:column}:host([side-content-fall-down=\"BelowXL\"]) .ui5-dsc-main,:host([side-content-fall-down=\"BelowXL\"]) .ui5-dsc-side,:host([side-content-fall-down=\"BelowL\"]) .ui5-dsc-main,:host([side-content-fall-down=\"BelowL\"]) .ui5-dsc-side{width:100%}:host([side-content-visibility=\"ShowAboveM\"]) .ui5-dsc-side,:host([side-content-visibility=\"ShowAboveL\"]) .ui5-dsc-side{display:none}:host([side-content-visibility=\"ShowAboveM\"]) .ui5-dsc-main,:host([side-content-visibility=\"ShowAboveL\"]) .ui5-dsc-main{width:100%;min-width:0}:host([hide-main-content]) .ui5-dsc-side,:host([hide-side-content]) .ui5-dsc-main{width:100%;min-width:0}}@container (min-width: 721px) and (max-width: 960px){:host([side-content-fall-down=\"OnMinimumWidth\"]) .ui5-dsc-root{flex-direction:column}:host([side-content-fall-down=\"OnMinimumWidth\"]) .ui5-dsc-main,:host([side-content-fall-down=\"OnMinimumWidth\"]) .ui5-dsc-side{width:100%}:host([side-content-fall-down=\"OnMinimumWidth\"]:not([side-content-visibility=\"NeverShow\"]):not([side-content-visibility=\"ShowAboveM\"]):not([side-content-visibility=\"ShowAboveL\"]):not([hide-side-content])) .ui5-dsc-side{display:block}:host([side-content-fall-down=\"OnMinimumWidth\"][side-content-visibility=\"NeverShow\"]) .ui5-dsc-side,:host([side-content-fall-down=\"OnMinimumWidth\"][side-content-visibility=\"ShowAboveM\"]) .ui5-dsc-side,:host([side-content-fall-down=\"OnMinimumWidth\"][side-content-visibility=\"ShowAboveL\"]) .ui5-dsc-side,:host([side-content-fall-down=\"OnMinimumWidth\"][hide-side-content]) .ui5-dsc-side{display:none}:host([side-content-fall-down=\"OnMinimumWidth\"][side-content-visibility=\"NeverShow\"]) .ui5-dsc-main,:host([side-content-fall-down=\"OnMinimumWidth\"][side-content-visibility=\"ShowAboveM\"]) .ui5-dsc-main,:host([side-content-fall-down=\"OnMinimumWidth\"][side-content-visibility=\"ShowAboveL\"]) .ui5-dsc-main,:host([side-content-fall-down=\"OnMinimumWidth\"][hide-side-content]) .ui5-dsc-main{width:100%;min-width:0}:host([side-content-fall-down=\"OnMinimumWidth\"][hide-main-content]) .ui5-dsc-side{width:100%;min-width:0}}@container (max-width: 720px){.ui5-dsc-main,.ui5-dsc-side{width:100%}.ui5-dsc-root{flex-direction:column}:host([equal-split]) .ui5-dsc-main,:host([equal-split]) .ui5-dsc-side{width:100%;min-width:0}:host(:not([side-content-visibility=\"AlwaysShow\"]):not([hide-side-content])) .ui5-dsc-side{display:none}:host(:not([side-content-visibility=\"AlwaysShow\"]):not([hide-main-content])) .ui5-dsc-main{display:block}:host([side-content-visibility=\"AlwaysShow\"]:not([hide-side-content])) .ui5-dsc-side{display:block}:host([side-content-visibility=\"AlwaysShow\"]:not([hide-main-content])) .ui5-dsc-main{display:block}:host([hide-main-content]) .ui5-dsc-side,:host([hide-side-content]) .ui5-dsc-main{width:100%;min-width:0}}:host([side-content-visibility=\"NeverShow\"]:not([hide-main-content])) .ui5-dsc-side{display:none}:host([side-content-visibility=\"NeverShow\"]:not([hide-side-content])) .ui5-dsc-main{display:block;width:100%;min-width:0}@container (min-width: 1441px){:host([side-content-visibility=\"ShowAboveL\"]:not([hide-side-content])) .ui5-dsc-side{display:block}}@container (min-width: 1025px){:host([side-content-visibility=\"ShowAboveM\"]:not([hide-side-content])) .ui5-dsc-side{display:block}}@container (min-width: 721px){:host([side-content-visibility=\"ShowAboveS\"]:not([hide-side-content])) .ui5-dsc-side{display:block}}:host(:not([side-content-visibility=\"NeverShow\"]):not([hide-main-content])) .ui5-dsc-root.ui5-dsc-toggled .ui5-dsc-main{display:none}:host(:not([side-content-visibility=\"NeverShow\"]):not([hide-side-content])) .ui5-dsc-root.ui5-dsc-toggled .ui5-dsc-side{display:block;width:100%;min-width:0}\n";
export default _default;