.menu .app-brand.demo{height:64px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;transition:all .3s ease}.app-brand-logo.demo{transition:transform .3s ease}.app-brand-logo.demo svg{width:22px;height:38px;transition:all .3s ease}.app-brand-logo.demo:hover svg{transform:scale(1.1)}.app-brand-text.demo{font-size:1.75rem;letter-spacing:-.5px;font-weight:600;color:#696cff;transition:all .3s ease}.app-brand.demo:hover .app-brand-text.demo{letter-spacing:-.3px}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:76px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:66px!important}.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.content-wrapper .navbar{z-index:auto;box-shadow:0 2px 6px #0000000d}.demo-blocks>*{display:block!important;animation:fadeIn .5s ease}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1.25rem!important;margin-bottom:0!important;transition:all .3s ease}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:2rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5.5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}.rtl-only{display:none!important;text-align:left!important;direction:ltr!important}[dir=rtl] .rtl-only{display:block!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:231px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}.layout-menu{width:280px!important;transform:translate(-100%);transition:transform .3s ease}.layout-menu.menu-visible{transform:translate(0)}.app-brand.demo{padding:0 1rem}}.layout-demo-wrapper{display:flex;align-items:center;flex-direction:column;margin-top:1.5rem;animation:fadeIn .6s ease}.layout-demo-placeholder img{width:100%;max-width:900px;border-radius:.5rem;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.layout-demo-placeholder:hover img{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.layout-demo-info{text-align:center;margin-top:1.5rem;padding:1.5rem;background:#696cff0a;border-radius:.5rem;width:100%;max-width:900px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-style .app-brand-text.demo{color:#a2a4b9}.dark-style .layout-demo-info{background:#696cff14}.dark-style .layout-demo-placeholder img{box-shadow:0 4px 12px #0003}.menu-item{transition:all .3s ease}.menu-link{transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-item:hover{transform:translate(3px)}.menu-link:focus-visible{outline:2px solid #696cff;outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#696cff66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#696cff99}