.section{padding:var(--p-xl) 0}.container{width:90%;margin:auto;transition:width var(--open-close-sidebar-td) ease-in-out}.c-sidebar-close-btn,.c-sidebar-open-btn{width:var(--c-sidebar-btn-width);height:var(--c-sidebar-btn-width);border:1px solid var(--c-border);border-radius:var(--b-r-s);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.c-sidebar-close-btn::before,.c-sidebar-open-btn::before{content:"";display:block;width:30%;height:100%;border-right:1px solid var(--c-border);transition:inherit}.c-sidebar-close-btn::after,.c-sidebar-open-btn::after{display:block;width:70%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 6 Free";font-weight:700;font-size:var(--f-s-xxs);color:var(--c-heading);font-size:14px;transition:inherit}.c-sidebar-open-btn::after{content:"\f061"}.c-sidebar-close-btn::after{content:"\f060"}.c-sidebar-close-btn:hover,.c-sidebar-close-btn:hover::before,.c-sidebar-open-btn:hover,.c-sidebar-open-btn:hover::before{border-color:var(--c-primary)}.c-sidebar-close-btn:hover::after,.c-sidebar-open-btn:hover::after{color:var(--c-primary)}.layout{--layout__main__header-height:66px;--layout__sidebar-width:400px;--layout__sidebar__inner-width:400px;--open-close-sidebar-td:.5s;--c-sidebar-btn-width:32px;width:100%;height:100vh;height:100dvh;display:flex;position:relative}.layout__sidebar{flex-basis:var(--layout__sidebar-width);height:100%;background-color:var(--c-light);overflow-x:hidden;transition:all var(--open-close-sidebar-td) ease-in-out}.layout__sidebar__inner{width:var(--layout__sidebar__inner-width);display:grid;grid-template-rows:auto 1fr;height:100%}.layout__sidebar__inner__header{height:var(--layout__main__header-height);padding:0 var(--p-l);display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:var(--g-l)}.layout__sidebar__inner__header #sidebar-close-btn{margin-left:auto}.layout__sidebar__inner__content{overflow:auto}.layout__sidebar__inner__content .sidebar__section{padding:var(--p-l)}.layout__sidebar__inner__content .sidebar__title{font-size:var(--f-s-normal);color:var(--c-heading);font-weight:700;margin-bottom:var(--g-m);display:flex;align-items:flex-start;gap:var(--g-s)}.layout__main{background-color:var(--c-lightest);flex-basis:calc(100% - var(--layout__sidebar-width));height:100%;transition:all var(--open-close-sidebar-td) ease-in-out;overflow-y:auto;overflow-x:hidden}.layout__main__header{height:var(--layout__main__header-height);background-color:var(--c-lightest);border-bottom:1px solid var(--c-border);display:grid;align-items:center}.layout__main__header .container .row{display:flex;align-items:center;justify-content:space-between}.layout__main__header .container .row .left{display:flex;align-items:center;justify-content:space-between;gap:var(--g-l)}.layout__main__header .container .row .left .sob-logo{display:flex;align-items:center;justify-content:flex-start}.layout__main__header .container .row .left .sob-logo #sidebar-open-btn{display:grid;align-items:flex-start;overflow:hidden;width:0;transition:width var(--open-close-sidebar-td) ease-in-out}.layout__main__header .container .row .left .sob-logo .logo .c-logo{height:100%}.layout__main__header .container .row .left #hamburger-menu{cursor:pointer;display:none}.layout__main__header .container .row .left #hamburger-menu .bars{width:36px;height:20px;position:relative}.layout__main__header .container .row .left #hamburger-menu .bars .bar{width:36px;height:4px;background-color:var(--c-heading);border-radius:var(--b-r-xs);position:absolute;left:0;--duration:200ms;transition-property:top,bottom,opacity,transform;transition-duration:var(--duration);transition-timing-function:ease-in-out;transition-delay:var(--duration),var(--duration),var(--duration),0s}.layout__main__header .container .row .left #hamburger-menu .bars .bar:first-child{top:0}.layout__main__header .container .row .left #hamburger-menu .bars .bar:nth-child(2){top:8px}.layout__main__header .container .row .left #hamburger-menu .bars .bar:last-child{bottom:0}.layout__main__header .container .row .right{display:flex;align-items:center;gap:var(--g-l)}.layout__main__header .container .row .right nav ul{align-items:center;gap:var(--g-l);margin:0}.layout__main__header .container .row .right nav ul>li{margin:0}.layout__main__header .container .row .right nav ul>li a{font-size:var(--f-s-s);color:var(--c-heading);font-weight:500;display:inline-flex;gap:var(--g-s);align-items:center;transition:color .2s ease-in-out}.layout__main__header .container .row .right nav ul>li a .icon{font-size:.9em}.layout__main__header .container .row .right nav ul>li a:hover{color:var(--c-primary)}.layout__main__header .container .row .right nav ul>li a.active{color:var(--c-primary)}.layout__main__header .container .row .right .mode-social{border-left:1px solid var(--c-border);padding-left:var(--g-l)}.layout__main__header .container .row .right .mode-social>ul{align-items:center;gap:var(--g-m)}@keyframes fixed-header-animation{from{transform:translateY(-100%)}to{transform:translateY(0)}}.layout__main__header--fixed{position:sticky;top:0;left:0;z-index:8;box-shadow:0 0 5px 0 var(--c-shadow);border-bottom:none;animation-name:fixed-header-animation;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:backwards}@media only screen and (max-width:1024px){.layout__main__header{align-content:flex-start;overflow:hidden;transition:height .4s ease-in-out}.layout__main__header .container .row{display:block}.layout__main__header .container .row .left{height:var(--layout__main__header-height)}.layout__main__header .container .row .left #hamburger-menu{display:block}.layout__main__header .container .row .right{height:calc(100vh - var(--layout__main__header-height));flex-direction:column;align-items:flex-start;border-top:1px solid var(--c-border);padding:var(--g-xl) 0;overflow:auto}.layout__main__header .container .row .right nav{width:100%}.layout__main__header .container .row .right nav ul{flex-direction:column;align-items:flex-start}.layout__main__header .container .row .right .mode-social{border-left:none;padding-left:0;width:100%}.layout__main__header .container .row .right .mode-social>ul{flex-direction:column;align-items:flex-start}.layout__main__header.layout__main__header--open-menu{height:100%;border-bottom:none}.layout__main__header.layout__main__header--open-menu #hamburger-menu .bars .bar{transition-delay:0s,0s,0s,var(--duration)!important}.layout__main__header.layout__main__header--open-menu #hamburger-menu .bars .bar:first-child{top:8px!important;transform:rotateZ(225deg)}.layout__main__header.layout__main__header--open-menu #hamburger-menu .bars .bar:nth-child(2){opacity:0!important}.layout__main__header.layout__main__header--open-menu #hamburger-menu .bars .bar:last-child{bottom:8px!important;transform:rotateZ(-225deg)}}.layout__main__content{width:100%;background-color:var(--c-lightest)}.layout.layout--sidebar-close{--layout__sidebar-width:0px}.layout.layout--sidebar-close .layout__main__header .container .row .left .sob-logo #sidebar-open-btn{width:calc(var(--c-sidebar-btn-width) + var(--g-l))}.layout.layout--sidebar-close .container{width:80%}.layout.layout--without-sidebar{--layout__sidebar-width:0px}.layout.layout--without-sidebar .layout__sidebar{display:none}.layout.layout--without-sidebar .layout__main__header .container .row .left .sob-logo #sidebar-open-btn{display:none}.layout.layout--without-sidebar .container{width:80%}@media only screen and (max-width:1280px){.layout__main{flex-basis:100%}.layout__sidebar{width:400px;position:fixed;top:0;left:0;z-index:9}.layout__sidebar__inner{width:inherit}.layout.layout--sidebar-close .layout__sidebar{transform:translateX(-100%)}.layout .container{width:90%!important}}@media only screen and (max-width:640px){.layout__sidebar{width:100%}}