.menu .app-brand.demo{height:auto}.menu-vertical .app-brand.demo.app-brand-vertical{display:flex;align-items:center;min-height:auto;padding-block-start:.75rem;padding-block-end:.875rem}.menu-vertical .app-brand.demo .app-brand-logo-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;max-width:2.5rem;height:2.5rem;max-height:2.5rem;overflow:visible;padding-top:0}.menu-vertical .app-brand.demo .app-brand-logo-box img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.app-brand-logo.demo svg{width:34px;height:24px}.app-brand-text.demo{font-size:1.375rem}@media(min-width:1200px){.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand.demo.app-brand-vertical,.menu-collapsed:not(:hover) .app-brand.demo.app-brand-vertical{flex-direction:column;align-items:center;justify-content:center;padding-inline:0;padding-block:.75rem;min-height:auto;height:auto;gap:.375rem}.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand.demo .app-brand-link,.menu-collapsed:not(:hover) .app-brand.demo .app-brand-link{justify-content:center;margin-inline:0;flex:0 0 auto}.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand.demo .app-brand-logo-box,.menu-collapsed:not(:hover) .app-brand.demo .app-brand-logo-box{width:2.5rem;max-width:2.5rem;height:2.5rem;max-height:2.5rem}.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand.demo .layout-menu-toggle,.menu-collapsed:not(:hover) .app-brand.demo .layout-menu-toggle{margin-inline:0;flex:0 0 auto;padding:.25rem;width:100%;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand.demo:hover .layout-menu-toggle,.menu-collapsed:not(:hover) .app-brand.demo:hover .layout-menu-toggle{opacity:1;visibility:visible;pointer-events:auto}}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:72px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}@media(max-width:576px){#dropdown-variation-demo .btn-group .text-truncate{width:254px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}