.page-layout{display:grid;grid-template-columns:auto 1fr;width:calc(100% - 4rem)}.page-layout.opened{width:calc(100% - 17rem)}.page-sidebar{width:240px;transition:width .15s}.page-sidebar__header{display:flex;justify-content:space-between;padding:20px;min-height:5.5rem}.page-sidebar__header__title{font-size:20px;font-weight:700;color:#000}.page-sidebar__header__collapse{font-size:28px;line-height:0;margin-top:13px;font-weight:200;color:#ccc;cursor:pointer}.page-sidebar__header__collapse:hover{color:#777}.page-sidebar__nav{opacity:1;transition:all .2s}.page-sidebar__nav__link{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#000;transition:background-color .15s}.page-sidebar__nav__link__icon{opacity:0;transition:opacity .15s;height:10px}.page-sidebar__nav__link.router-link-active,.page-sidebar__nav__link:focus,.page-sidebar__nav__link:hover{background-color:#e2ebf0}.page-sidebar__nav__link.router-link-active .page-sidebar__nav__link__icon,.page-sidebar__nav__link:focus .page-sidebar__nav__link__icon,.page-sidebar__nav__link:hover .page-sidebar__nav__link__icon{opacity:1}.page-layout--hidden .page-sidebar{width:0}.page-layout--hidden .page-sidebar .page-sidebar__nav{opacity:0}.page-main{position:relative;background:#fff;overflow:auto;height:100%}.crud-index-tabs{margin-left:20px}.crud-index-tab{background-color:#d3d8dc;display:inline-block;padding:5px 25px;opacity:.7;font-size:16px;color:#1a282f;letter-spacing:0;line-height:28px}.crud-index-tab.router-link-active{background-color:#fff;color:#1a282f;opacity:1}.sidebar-view{transition:transform .5s ease-in-out;transform:translate3d(100%,0,0);position:fixed;top:0;bottom:0;right:0;z-index:99;width:100%}.sidebar-view.active{transform:translateZ(0)}.sidebar-view .sidebar-bg-closer{position:absolute;left:0;right:0;bottom:0;top:0}.sidebar-view__container{position:absolute;right:0;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.05)}.sidebar-view__header{background-color:#048080;color:#fff;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.sidebar-view__header .title{margin:0;padding-left:10px;color:#fff;font-weight:300}.sidebar-view__header button{-webkit-appearance:none;border:none;background-color:transparent;font-size:38px;outline:none;font-weight:300;display:flex;line-height:0;height:8px}.sidebar-view__content{overflow:scroll;background-color:#f1f5f8;height:calc(100vh - 60px)}.sidebar-view__inner{padding-left:1.25rem;padding-right:1.25rem}@media (max-width:500px){.sidebar-view{right:0;width:100vw!important}}