webmotors-cockpit-structure - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

CockpitHeader.js

@@ -411,4 +411,2 @@ 'use strict';
 
-exports.default = (0, _reactRedux.connect)(function () {
-    return {};
-})(CockpitHeader);
+exports.default = CockpitHeader;

CockpitMenu.js

@@ -338,3 +338,3 @@ 'use strict';
                     ) : false,
-                    menuCockpit[0].subMenu.length ? _react2.default.createElement(
+                    menuCockpit[0] && menuCockpit[0].subMenu.length ? _react2.default.createElement(
                         'ul',
@@ -341,0 +341,0 @@ { className: 'cockpit-menu__list' },

CockpitModalStore.js

@@ -72,2 +72,3 @@ 'use strict';
                 _this2.setState({
+                    loaded: true,
                     data: payload.data,
@@ -287,3 +288,7 @@ success: payload.success,
             if (errors) {
-                return errors;
+                return _react2.default.createElement(
+                    'div',
+                    { className: 'cockpit-webmodal__error' },
+                    _react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-webmodal__error-icon', src: this.props.UrlCockpit + '/public/assets/img/icons/barrier.svg' })
+                );
             }
@@ -293,2 +298,11 @@ return _react2.default.createElement('div', { className: 'load load--dark' });
     }, {
+        key: 'renderTitle',
+        value: function renderTitle() {
+            var _state2 = this.state,
+                success = _state2.success,
+                errors = _state2.errors;
+
+            return success ? 'Selecionar loja' : errors;
+        }
+    }, {
         key: 'render',
@@ -298,5 +312,9 @@ value: function render() {
 
+            var _state3 = this.state,
+                loaded = _state3.loaded,
+                close = _state3.close;
+
             return _react2.default.createElement(
                 'div',
-                { ref: this.wrap, className: 'cockpit-webmodal ' + (this.state.close ? 'cockpit-webmodal--close' : '') },
+                { ref: this.wrap, className: 'cockpit-webmodal ' + (close ? 'cockpit-webmodal--close' : '') },
                 _react2.default.createElement('div', { 'aria-hidden': 'true', className: 'cockpit-webmodal__bg', onClick: function onClick() {
@@ -329,3 +347,3 @@ return _this6.handleClose();
                                 { className: 'cockpit-webmodal__bigtitle' },
-                                'Selecionar loja'
+                                loaded ? this.renderTitle() : 'Carregando'
                             )
@@ -332,0 +350,0 @@ ),

CockpitSass.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-var CockpitStyle = '.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4rem;font-size:1.6rem;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6rem;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:3.6rem}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4rem;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.6rem;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0rem;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4rem;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6rem;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2}.cockpit-menu__list{padding-bottom:32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2rem;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4rem;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;text-align:left;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4rem;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{border-top:1px solid #C5C6D0;font-size:1.4rem;padding:16px 32px;position:relative}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2rem}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6rem;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4rem;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4rem;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6rem;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4rem;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';exports.CockpitStyle = CockpitStyle;
+var CockpitStyle = 'body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';exports.CockpitStyle = CockpitStyle;
 exports.default = CockpitStyle;

package.json

 {
   "name": "webmotors-cockpit-structure",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Webmotors Cockpit Structure",
@@ -31,3 +31,3 @@ "dependencies": {
     "prepublishOnly": "npm start",
-    "css": "babel -o CockpitSass.js src/CockpitSass.js",
+    "css": "node src/getSass.js && babel -o CockpitSass.js src/CockpitSass.js",
     "utils": "babel -o CockpitUtils.js src/CockpitUtils.js",
@@ -43,3 +43,3 @@ "header": "babel -o CockpitHeader.js src/CockpitHeader.jsx",
     "StoreData": "babel -o api/StoreData.js src/api/StoreData.js",
-    "start": "node src/getSass.js && npm run css && npm run utils && npm run header && npm run menu && npm run footer && npm run load && npm run modalStore && npm run AppMenu && npm run GroupDataStore && npm run GroupList && npm run StoreData"
+    "start": "npm run css && npm run utils && npm run header && npm run menu && npm run footer && npm run load && npm run modalStore && npm run AppMenu && npm run GroupDataStore && npm run GroupList && npm run StoreData"
   },
@@ -46,0 +46,0 @@ "keywords": [

src/CockpitHeader.jsx

@@ -139,3 +139,3 @@ import React, { Component, Fragment, createRef } from 'react';
         const groupUserStore = user.idGrupo !== '0';
-        let name = user.nameid;
+        const name = user.nameid;
         return (
@@ -277,2 +277,2 @@ <div style={{ maxWidth: `${WINDOW && window.innerWidth}px` }} className={`cockpit-header cockpit-header--logged ${this.state.navOpen ? 'cockpit-header--nav-open' : ''}`}>
 
-export default connect(() => ({}))(CockpitHeader);
+export default CockpitHeader;

src/CockpitMenu.jsx

@@ -273,3 +273,3 @@ import React, { Component, createRef, Fragment } from 'react';
                     {
-                        menuCockpit[0].subMenu.length
+                        menuCockpit[0] && menuCockpit[0].subMenu.length
                             ? (
@@ -276,0 +276,0 @@ <ul className="cockpit-menu__list">

src/CockpitModalStore.jsx

@@ -32,2 +32,3 @@ import React, { Component, createRef, Fragment } from 'react';
             this.setState({
+                loaded: true,
                 data: payload.data,
@@ -177,3 +178,7 @@ success: payload.success,
         if (errors) {
-            return errors;
+            return (
+                <div className="cockpit-webmodal__error">
+                    <SVG className="cockpit-webmodal__error-icon" src={`${this.props.UrlCockpit}/public/assets/img/icons/barrier.svg`} />
+                </div>
+            );
         }
@@ -183,6 +188,11 @@ return <div className="load load--dark" />;
 
+    renderTitle() {
+        const { success, errors } = this.state;
+        return success ? 'Selecionar loja' : errors;
+    }
 
     render() {
+        const { loaded, close } = this.state;
         return (
-            <div ref={this.wrap} className={`cockpit-webmodal ${this.state.close ? 'cockpit-webmodal--close' : ''}`}>
+            <div ref={this.wrap} className={`cockpit-webmodal ${close ? 'cockpit-webmodal--close' : ''}`}>
                 <div aria-hidden="true" className="cockpit-webmodal__bg" onClick={() => this.handleClose()} />
@@ -198,3 +208,9 @@ <div className="cockpit-webmodal__box">
                             </div>
-                            <h2 className="cockpit-webmodal__bigtitle">Selecionar loja</h2>
+                            <h2 className="cockpit-webmodal__bigtitle">
+                                {
+                                    loaded
+                                        ? this.renderTitle()
+                                        : 'Carregando'
+                                }
+                            </h2>
                         </div>
@@ -201,0 +217,0 @@ <div className="cockpit-webmodal__content cockpit-webmodal__list cockpit-webmodal__list--group">

src/CockpitSass.js

@@ -1,1 +0,1 @@
-const CockpitStyle = '.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4rem;font-size:1.6rem;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6rem;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:3.6rem}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4rem;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.6rem;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0rem;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4rem;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6rem;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2}.cockpit-menu__list{padding-bottom:32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2rem;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4rem;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;text-align:left;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4rem;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{border-top:1px solid #C5C6D0;font-size:1.4rem;padding:16px 32px;position:relative}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2rem}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6rem;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4rem;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4rem;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6rem;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4rem;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';export { CockpitStyle };export default CockpitStyle;
+const CockpitStyle = 'body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';export { CockpitStyle };export default CockpitStyle;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

185155

increased by2.85%

Lines of code

2670

increased by1.44%

Worsened metrics

Number of package files

30

decreased by-3.23%

No dependency changes