.smart__footer{height:36px;background-color:#494949;bottom:0;right:0;z-index:999;font-size:11px;color:#fff}.smart-header,.smart__footer{position:fixed;left:0;display:flex;justify-content:center;align-items:center}.smart-header{top:0;min-height:72px;background-color:#fff;z-index:9999999;width:300px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);transition:all .5s}.smart-header--collapsed{left:-300px}.smart-content{position:fixed;top:0;left:0;right:0;z-index:999;bottom:36px;display:flex}.smart-panel{background:#2b9c09;z-index:1;width:300px;transition:all .5s;margin-left:0;overflow-y:auto;color:#fff;padding-top:72px;margin-bottom:173px}.smart-panel::-webkit-scrollbar{width:5px}.smart-panel::-webkit-scrollbar-track{background:#d6d4d4}.smart-panel::-webkit-scrollbar-thumb{background:grey}.smart-panel::-webkit-scrollbar-thumb:hover{background:#000}.smart-panel__collapsed{margin-left:-300px}.smart-preview{flex:1;position:relative;overflow-x:auto}.button-toggle{position:absolute;left:0;top:48%;cursor:pointer;width:26px;height:61px;background-color:#2b9c09;color:#fff;border-radius:0 6px 6px 0;display:flex;justify-content:center;align-items:center;z-index:99999}.smart-preview-iframe{width:100%;height:100%;background-color:#fff;border:none}.outer-preview{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .5s;width:100%;margin:auto}.outer-preview__mobile{position:relative;margin:auto;width:364px;height:718px;background-size:100% 100%;padding:41px 11px 70px 11px;box-sizing:border-box;background-color:#494949;border-radius:28px;transition:all .5s}.outer-preview__mobile::-webkit-scrollbar{display:none}.outer-preview__mobile{-ms-overflow-style:none;scrollbar-width:none}.smart-panel__container{padding:22px 15px}.panel-menu{min-height:43px;border-radius:5px;background-color:#fff;font-size:12px;font-weight:700;line-height:1.25;color:#6b6b6b;margin:7px 15px;padding:13px;cursor:pointer;display:flex;justify-content:space-between}.panel-menu:hover{background-color:#1a7100;color:#fff}.panel-menu__expanded{background-color:#fff;color:#2b9c09}.panel-menu-content{background-color:#2b9c09;padding:22px 15px}.preview-mode{border-radius:5px;padding:10px 8px;font-size:10px;font-weight:700;background-color:hsla(0,0%,100%,.2);display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#2b9c09}.preview-mode:hover{color:#000}.preview-mode__active,.preview-mode__active:hover{background-color:#2b9c09;color:#fff}.preview-settings{position:fixed;bottom:36px;left:0;min-height:173px;background-color:#fecd31;z-index:9999999;width:300px;transition:all .5s}.preview-settings--collapsed{left:-300px}.save-button{min-height:37px;border-radius:5px;background-color:#fff;font-family:Montserrat;font-size:10px;font-weight:400;line-height:1.2;color:#2b9c09;display:flex;align-items:center;justify-content:center;cursor:pointer}.save-button:hover{color:#f80eae}.exit-button{min-height:37px;border-radius:5px;background-color:#fff;font-family:Montserrat;font-size:10px;font-weight:400;line-height:1.2;color:#f56c6c;display:flex;align-items:center;justify-content:center;cursor:pointer}.exit-button:hover{color:#fc1313}