@fancyapps/ui/dist/fancybox/fancybox.sidebar.css

Robust JavaScript UI Component Library

.fancybox__container{--sidebar-width: clamp(150px, 40vw, 400px);--sidebar-container-width: 0px}.fancybox__container.has-sidebar{--sidebar-container-width: var(--sidebar-width)}.fancybox__viewport{overflow:hidden;z-index:10}.fancybox__grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr var(--sidebar-container-width);transition:var(--sidebar-transition, grid-template-columns .2s ease)}.fancybox__column{display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.fancybox__carousel.has-absolute-toolbar .fancybox__column.with-sidebar{padding-top:62px}.fancybox__sidebar{box-sizing:border-box;width:var(--sidebar-width);padding:var(--sidebar-padding, .5rem 1rem);overflow:auto;color:var(--fancybox-color)}