:host{height:100%}.ui5-media-gallery-display,.ui5-media-gallery-display-wrapper,:host{width:100%}.ui5-media-gallery-root{background:var(--sapBaseColor);display:flex;flex-direction:column;height:inherit;position:relative;width:inherit}:host([menu-vertical-align=Top]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout=Horizontal]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-basis:0;flex-grow:3}.ui5-media-gallery-display{display:flex;justify-content:center;margin:1rem;position:relative}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){overflow:hidden;padding:0}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{flex-basis:0;flex-grow:1;overflow-x:hidden;overflow-y:auto}.ui5-media-gallery-thumbnails-wrapper ul{display:flex;flex-wrap:nowrap;height:5rem;list-style-type:none;margin-bottom:0;margin-top:0;padding-left:0;padding-inline-start:0}:host([effective-layout=Horizontal]) ul{flex-wrap:wrap;width:5rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=M]) ul{width:10rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=L]) ul{width:15rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=XL]) ul{width:20rem}.ui5-media-gallery-overflow [ui5-button],.ui5-media-gallery-thumbnail{flex-shrink:0;height:4rem;width:4rem}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v1-18-0_media_gallery_overflow_btn_background);border:var(--_ui5-v1-18-0_media_gallery_overflow_btn_border);color:var(--_ui5-v1-18-0_media_gallery_overflow_btn_color)}.ui5-media-gallery-overflow,.ui5-media-gallery-thumbnail{margin:0 0 0 1rem}:host([menu-vertical-align=Top]) .ui5-media-gallery-overflow,:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnail{margin:1rem 1rem 0 0}