.menu-icon{display:block;width:4rem;margin:.5rem 1rem;cursor:pointer;transform:translateZ(0)}.menu-icon span,.menu-icon:after,.menu-icon:before{background:#666;border-radius:.3rem;content:"";display:block;height:.4rem;margin:.6rem 0;transition:all .2s ease-out;width:100%}.menu-icon span{text-indent:-999rem}.menu-icon.close:before{transform:rotate(45deg) translate3d(.5rem,1rem,0)}.menu-icon.close span{opacity:0}.menu-icon.close:after{transform:rotate(-45deg) translate3d(.5rem,-1rem,0)}.admin .sidebar{position:fixed;left:0;display:flex;flex-direction:column;width:6rem;height:100vh;background-color:#efefef;box-shadow:0 0 1rem #888;transition:width .3s ease-in-out;overflow:hidden;z-index:1000}.admin .sidebar.open{width:20rem}.admin .sidebar a{display:flex;align-items:center;width:20rem;padding-left:.5rem;margin-bottom:.2rem;text-decoration:none;background-color:#323549}.admin .sidebar a strong{margin-left:1.5rem;font-size:1.6rem;color:#eee}.admin .admin-container{width:100vw;min-height:100vh;padding-left:7rem}.admin .admin-container::-webkit-scrollbar{display:none}.right-sidebar{position:relative;width:12rem;overflow:hidden}.right-sidebar .right-sidebar__contain{display:flex;flex-direction:column;height:100vh;background-color:#323549;padding:3rem 0;margin-left:12rem;transition:margin-left .1s ease-out}.right-sidebar .right-sidebar__contain.show{margin-left:0}.right-sidebar .right-sidebar__contain a{width:12rem;padding:1rem;margin-bottom:1rem;font-size:1.3rem;color:#eee;text-decoration:none;box-sizing:border-box}.right-sidebar .right-sidebar__contain a.active{color:#323549;background-color:#fff;border:.6rem solid #505576;border-bottom:none;border-left:none}.right-sidebar .right-sidebar__contain .right-sidebar__logout{width:calc(100% - 2rem);padding:1rem;margin:auto 1rem 0;font-size:1.3rem;color:#eee;background-color:#505576;border:0;border-radius:.4rem;cursor:pointer;transition:opacity .2s ease}.right-sidebar .right-sidebar__contain .right-sidebar__logout:hover{opacity:.8}.no-scrollbar::-webkit-scrollbar{display:none}.media-card{display:grid;grid-template-columns:repeat(4,1fr);grid-row-gap:1rem;row-gap:1rem;grid-column-gap:1rem;column-gap:1rem;max-height:30rem;overflow-y:scroll}.media-card a{border:.2rem solid #eee}.media-card a:hover{opacity:.6}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:2000}.modal .modal-content{width:50%;background-color:#fff;padding:2rem;border-radius:.4rem;pointer-events:auto}.modal.show,.toast{display:flex}.toast{position:fixed;top:1rem;right:13rem;align-items:center;width:18rem;height:5rem;background-color:#79e359;color:#fff;padding:1rem 2rem;border-radius:.4rem;font-size:1.6rem;font-weight:700;opacity:0;transition:opacity .3s ease-in-out}.toast.show{opacity:1}