.color-preset{background:#fff none repeat scroll 0 0;box-shadow:0 0 20px 1px rgba(0,0,0,.1);padding-bottom:30px;position:fixed;right:-285px;text-align:center;top:25%;transition:all .5s ease 0s;width:285px;z-index:1000}.color-preset .btn{border-radius:0!important;display:block;margin:0 auto;padding:7px 10px!important;width:90%}.color-preset-head{background:var(--xw-preset-switcher-primary,#4a90e2) none repeat scroll 0 0;font-size:14px;padding:13px 15px;text-align:left}.preset{cursor:pointer;display:inline-block;position:relative;width:30%}.color-trigger{background:var(--xw-preset-switcher-primary,#4a90e2) none repeat scroll 0 0;cursor:pointer;height:51px;left:-46px;padding-top:6px;position:absolute;top:0;transition:all .3s ease;width:46px;z-index:1}.color-trigger i{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.color-trigger:before{background-color:var(--xw-preset-switcher-primary,#4a90e2);color:#fff;content:"\f00d";font-family:Font Awesome\ 5 Free;font-size:18px;font-weight:900;height:100%;left:0;line-height:50px;opacity:0;position:absolute;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1}.color-trigger i{color:#fff;font-size:18px;line-height:40px}.colors-list{padding:30px 0}.color-preset.visible-preset,.color-preset.visible-preset .color-trigger{right:0}.color-preset.visible-preset .color-trigger:before{opacity:1;visibility:visible}.preset-box{display:block;font-size:14px;margin-bottom:-1px;padding:10px 15px;position:relative;text-align:left}.preset-box input.ccm-flat-radio{float:left;margin-left:0;margin-right:20px}.preset-box ul.ccm-style-preset-icon{display:inline-block;float:right;height:25px;list-style-type:none;margin:0;padding:0;width:36px}.preset-box li{display:inline-block;height:25px;margin:0;padding:0;width:12px}.preset-box li:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.preset-box li:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}