.right-sidebar{width:350px;right:-350px;padding:0;background-color:#fff;z-index:1051;position:fixed;top:0;bottom:0;height:100vh;transition:right .4s cubic-bezier(.05,.74,.2,.99);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-left:1px solid rgba(0,0,0,.05);box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)}.right-sidebar.open{right:0}.right-sidebar .right-sidebar-content{position:relative;height:100%}.right-sidebar .right-sidebar-close{position:absolute;right:30px;top:20px;padding:7px;width:auto;z-index:10;color:#727e8c}.right-sidebar .right-sidebar-close i{font-size:1.71rem}.right-sidebar .right-sidebar-toggle{background:#5a8dee;color:#fff;display:block;box-shadow:-3px 0 8px rgba(0,0,0,.1);border-top-left-radius:6px;border-bottom-left-radius:6px;position:absolute;top:50%;width:38px;height:38px;left:-39px;text-align:center;line-height:44px;cursor:pointer}.right-sidebar .color-box{height:35px;width:35px;margin:.5rem;border-radius:.5rem;cursor:pointer}.right-sidebar .color-box.selected{box-shadow:0 0 0 3px rgba(52,144,220,.5)}@media (max-width:575.98px){.right-sidebar{width:350px}}