.show-from-right{-webkit-transform:translate3d(-300px, 0, 0);transform:translate3d(-300px, 0, 0)}.right-sidebar-outer{transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;position:fixed;top:0;bottom:0;width:300px;height:100%;left:100%;display:block;overflow:hidden;z-index:1035;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.right-sidebar-outer .right-sidebar-inner{position:absolute;top:0;left:0;height:100%;overflow:auto;width:320px}.right-sidebar-outer .right-sidebar{width:300px;text-align:left}.right-sidebar-outer .right-sidebar h4{padding:20px;font-size:1rem;margin-bottom:0}.right-sidebar-outer .right-sidebar .tab-content{text-align:left;padding:10px}.right-sidebar-outer .right-sidebar .color-block{display:block;height:30px;width:30px;float:left;margin:0 10px 5px 0;cursor:pointer}.right-sidebar-outer .right-sidebar .list-group-item-title{font-size:.8125rem;font-weight:700}.right-sidebar-outer .right-sidebar .list-group-item-colors{padding:20px 15px}[data-background="light"] .right-sidebar-outer{background:#fff;color:#212121}[data-background="light"] .right-sidebar-outer a{color:#212121}[data-background="light"] .right-sidebar .list-group-item-title{background:#fafafa;color:#212121}[data-background="light"] .right-sidebar .color-block{box-shadow:0px 0px 1px rgba(0,0,0,0.5)}[data-background="dark"] .right-sidebar-outer{background:#212121;color:#f5f5f5}[data-background="dark"] .right-sidebar-outer a{color:#f5f5f5}[data-background="dark"] .right-sidebar .list-group-item-title{background:#262626;color:#f5f5f5}[data-background="dark"] .right-sidebar .color-block{box-shadow:0px 0px 1px rgba(0,0,0,0.5)}[data-background="indigo"] .right-sidebar-outer{background:#1a237e;color:#f5f5f5}[data-background="indigo"] .right-sidebar-outer a{color:#f5f5f5}[data-background="indigo"] .right-sidebar .list-group-item-title{background:#1c2586;color:#f5f5f5}[data-background="indigo"] .right-sidebar .color-block{box-shadow:0px 0px 1px rgba(0,0,0,0.5)}[data-background="blue-grey"] .right-sidebar-outer{background:#263238;color:#f5f5f5}[data-background="blue-grey"] .right-sidebar-outer a{color:#f5f5f5}[data-background="blue-grey"] .right-sidebar .list-group-item-title{background:#2a373e;color:#f5f5f5}[data-background="blue-grey"] .right-sidebar .color-block{box-shadow:0px 0px 1px rgba(0,0,0,0.5)}