#wpcontent{padding-left:0;padding-right:0}.srea-admin-wrapper{display:block;margin:0 auto;max-width:900px;height:100%;background-color:#fff}.srea-admin-wrapper input,.srea-admin-wrapper select{border-radius:0}.srea-admin-header{display:flex;flex-basis:50%;background-color:#fff;border:1px solid #ccc;padding:10px;align-items:center}.srea-admin-header .srea-admin-title{text-align:center;flex:1 0 auto;justify-self:center}.srea-admin-main{padding:20px;display:grid;grid-template-columns:200px auto;border:1px solid #ccc;border-top:none}.srea-admin-main .srea-tabs{border-top:1px solid #ccc;cursor:pointer}.srea-admin-main .srea-tabs .srea-tab{padding:20px;border-bottom:1px solid #ccc;border-left:1px solid #ccc}.srea-admin-main .srea-tabs .srea-tab.active{background-color:#e5eeff;font-weight:700}.srea-admin-main .srea-views{border:1px solid #ccc;padding-left:40px}.srea-admin-main .srea-views .srea-template-selector{display:flex;align-items:center;margin:15px 0}.srea-admin-main .srea-views .srea-template-selector .srea-setting-label{width:30px;margin-right:25px}.srea-admin-main .srea-views .srea-template-selector .srea-action-buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:60px;width:100px}.srea-admin-main .srea-views .srea-template-selector .srea-template-selector-btn{display:flex;align-items:center;justify-content:center;width:60px;height:25px;border:1px solid #ccc;border-radius:2px}.srea-admin-main .srea-views .srea-template-selector .srea-template-selector-btn:enabled{cursor:pointer}.srea-admin-main .srea-views .srea-template-selector .srea-template-selector-btn.srea-remover:enabled{color:#e24a4a}.srea-admin-main .srea-views .srea-template-selector .preview-wrapper{display:flex;justify-content:center;align-items:center;width:450px;min-height:90px}.srea-admin-main .srea-view.active{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap;min-height:130px;height:100%;position:relative}.srea-admin-main .srea-view.active .srea-loader,.srea-admin-main .srea-view.active .srea-result-badge{position:absolute;top:0;right:0}.srea-admin-main .srea-view:not(.active){display:none}.srea-admin-footer{display:flex;justify-content:flex-end;padding:20px}.srea-button{display:block;padding:10px;border:none}.srea-button.srea-button-primary{background-color:#4a91e2;color:#fff;font-weight:500}#srea-settings-modal{position:fixed;width:100%;max-width:700px;margin:0 auto;background-color:#efefef;padding:10px 30px 30px;border:1px solid #ccc;z-index:9990;display:none}#srea-settings-modal.visible{display:block}#srea-settings-modal .srea-modal-inner{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:400px;overflow-y:scroll}#srea-settings-modal .srea-setting-preview{cursor:pointer;background-color:#f8f8f8}#srea-settings-modal .srea-setting-preview:hover{border-color:#00f}#srea-settings-modal .srea-setting-preview.selected{background-color:#e5eeff;border-color:#00f}.srea-setting-preview{display:flex;flex-shrink:0;height:40px;justify-content:center;align-items:center;margin:10px}.srea-modal-header{display:flex;justify-content:space-between;align-items:center}#srea-modal-title{margin-left:10px}.srea-selected-template-preview{pointer-events:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.srea-loader{border:3px solid rgba(200,200,200,.7);border-top:3px solid rgba(66,66,66,.5);border-radius:50%;width:18px;height:18px;margin:5px;animation:spin 1s linear infinite}.srea-result-badge{color:#fff;padding:6px;text-align:center;line-height:10px;font-size:13px}.srea-result-badge.srea-badge-success{background-color:#3c932c}.srea-result-badge.srea-badge-error{background-color:#932c2c}.srea-modal-close-btn{cursor:pointer;position:relative;display:block;width:30px;height:30px;border:2px solid #747474;left:30px;bottom:20px}.srea-modal-close-btn::before{content:'';position:absolute;top:13px;height:2px;width:30px;background-color:#747474;transform:rotate(45deg)}.srea-modal-close-btn::after{content:'';position:absolute;top:13px;height:2px;width:30px;background-color:#747474;transform:rotate(-45deg)}.srea-template{display:flex}.srea-template .srea-reaction-item{display:flex;margin-right:10px;align-items:center;height:28px}.srea-template .srea-button{cursor:pointer}.srea-template .srea-template-count{width:23px;text-align:center;font-size:medium}.srea-template .srea-button{outline:0;border:none;background:0 0}.srea-template .srea-button:active,.srea-template .srea-button:focus,.srea-template .srea-button:hover{outline:0;border:none;background:0 0}