.section{border-top:1px solid var(--c-primary)}.section:first-child{border-top:none}.container{--cont-width:90%;--cont-padding:var(--p-xl);width:calc(var(--cont-width) + var(--cont-padding));margin:auto;transition:width var(--open-close-sidebar-td) ease-in-out;border-right:1px solid var(--c-primary);border-left:1px solid var(--c-primary);padding:var(--cont-padding);position:relative}.container .shap{--w:8px;--h:8px;position:absolute;width:var(--w);height:var(--h);background-color:var(--c-primary)}.container .shap.tl{top:0;left:0}.container .shap.tl.outset{left:calc(100% + 1px)}.container .shap.tr{top:0;right:0}.container .shap.tr.outset{right:calc(100% + 1px)}.container .shap.br{bottom:0;right:0}.container .shap.br.outset{right:calc(100% + 1px)}.container .shap.bl{bottom:0;left:0}.container .shap.bl.outset{left:calc(100% + 1px)}.container .separator-center-hidden{position:absolute}.container .separator-center-hidden.l{width:3px;height:100%;left:-2px;top:50%;transform:translateY(-50%);background-image:linear-gradient(transparent,var(--c-lightest),transparent)}.container .separator-center-hidden.t{width:100%;height:3px;top:-2px;left:50%;transform:translateX(-50%);background-image:linear-gradient(90deg ,transparent,var(--c-lightest),transparent)}.container .separator-center-hidden.r{width:3px;height:100%;right:-2px;top:50%;transform:translateY(-50%);background-image:linear-gradient(transparent,var(--c-lightest),transparent)}@media only screen and (max-width:640px){.container .shap{--w:4px;--h:4px}}.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-primary);display:grid;align-items:center}.layout__main__header .container{padding:0!important;border:none!important}.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{--cont-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{--cont-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%}}