:root{--settings-color-navbar: red;--settings-backcolor-navbar: yellow;--settings-color-sidebar: white;--settings-backcolor-sidebar: green;--settings-color-page: red;--settings-backcolor-page: blue}.body{box-sizing:border-box}.layout-content{min-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--settings-backcolor-page)}.navbar-custom{min-height:9vh;background-color:var(--settings-backcolor-navbar);color:var(--settings-color-navbar);display:flex;justify-content:space-between;align-items:center;overflow:hidden;transition:all .3s ease-in-out;border-bottom:1px solid color-mix(in srgb,var(--bs-body-color) 20%,transparent 70%)}@starting-style{.navbar-custom{transform:translateY(50vh) scale(.1)}}.navbar-sticky{position:sticky;top:0}.navbar-custom-left{margin-left:10px;transition:all .3 ease-in-out;cursor:pointer}.navbar-custom-left:hover{transform:scale(1.1)}.navbar-custom-right{margin-right:10px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:20px}.navbar-custom-right div{cursor:pointer;padding:5px;transition:all .3 ease-in-out;overflow:hidden}.navbar-custom-drawer{width:10%;flex-shrink:1;display:none;align-items:center;gap:20px;overflow:hidden;border-left:1px solid color-mix(in srgb,var(--bs-body-color) 20%,transparent 70%);transition:all .3s ease-in-out}@starting-style{.navbar-custom-drawer{transform:translateY(100vh) scale(.1)}}.logo-zoom{position:fixed;top:30%;left:25%;width:50%;height:40vh;border:1px solid color-mix(in srgb,var(--bs-body-color) 20%,transparent 70%);border-radius:2%;box-shadow:0 0 5px 5px color-mix(in srgb,var(--bs-body-color) 20%,transparent 70%);display:flex;justify-content:center;justify-items:center;padding:10px;transition:all .3s ease-in-out;overflow:auto;background-color:color-mix(in srgb,var(--bs-body-bg) 70%,var(--bs-body-color) 30%)}@starting-style{.logo-zoom{transform:scale(.1) rotate(360deg)}}.logo-scale{transform:scale(1.1)}.body-content{background-color:var(--settings-backcolor-page);color:var(--settings-color-page);display:flex;flex-direction:row;flex-grow:1}.sidebar-custom{width:10%;background-color:var(--settings-backcolor-sidebar);color:var(--settings-color-sidebar);flex-shrink:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;overflow:hidden;border-right:1px solid color-mix(in srgb,var(--bs-body-color) 20%,transparent 70%);transition:all .3s ease-in-out}@starting-style{.sidebar-custom{transform:translateY(100vh) scale(.1)}}.btn-sidebar-custom,.btn-navbar-custom{display:none}.sidebar-custom div{margin-top:10px;padding:5px;display:flex;justify-content:center;width:100%;transition:all .3 ease-in-out;cursor:pointer}.sidebar-custom div:hover,.navbar-custom-right div:hover{border:1px solid color-mix(in srgb,black 70%,white 30%);transform:scale(1.1);opacity:.7;box-shadow:0 0 1px 1px color-mix(in srgb,var(--bs-body-color),var(--bs-body-bg))}.sidebar-sticky{position:fixed;min-height:100vh}.sidebar-shadow{width:10%;flex-shrink:1}.outlet-content{flex-grow:1;transition:all .3s ease-in-out;margin:10px}@starting-style{.outlet-content{transform:translate(100%) scale(2)}}.sidebar-custom a div{color:var(--settings-color-sidebar)}.active{border:1px solid color-mix(in srgb,black 70%,white 30%);box-shadow:0 0 1px 1px color-mix(in srgb,var(--bs-body-color),var(--bs-body-bg))}.sidebar-custom a:link{text-decoration:none}.navbar-custom a div,.navbar-custom-drawer a div div{color:var(--settings-color-navbar)}.navbar-custom a:link,.navbar-custom-drawer a:link{text-decoration:none}.container{box-sizing:border-box;transition:all .3s ease-in-out}@starting-style{.container{transform:translate(100%) scale(3)}}.settings{min-width:150px;text-wrap:none}.list-sidebar-icon,.list-navbar-icon{display:none}.navbar-custom-right-group{display:inline-flex}@media (max-width:1024px){.sidebar-custom,.sidebar-shadow,.navbar-custom-right-group{display:none}.sidebar-custom-mobile{position:fixed;top:0;left:0;display:flex;flex-direction:column;width:60%;z-index:1;min-height:100vh;background-color:var(--settings-backcolor-sidebar);color:var(--settings-color-sidebar);padding-top:15%}.list-sidebar-icon{display:inline-flex;transform:scale(1.5)}.btn-sidebar-custom{display:block;transform:scale(1.5)}.list-navbar-icon{display:inline-flex;transform:scale(1.5)}.navbar-custom-drawer{display:flex;flex-direction:column;justify-content:flex-start;z-index:1;height:100vh}.navbar-custom-drawer .from-navbar{display:none}.navbar-custom-mobile{position:fixed;top:0;right:0;display:flex;flex-direction:column;width:60%;z-index:1;height:100vh;background-color:var(--settings-backcolor-navbar);color:var(--settings-color-navbar);padding-top:15%}.navbar-custom-mobile .btn-navbar-custom{display:block;transform:scale(1.5)}.navbar-custom-mobile .from-navbar{display:block}}