/*
ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost.
The complete list of files it's generated from:
design/backend/css/tygh/bottom_panel/index.less
*/


.bp__container{--bp-font:-apple-system, BlinkMacSystemFont, 'San Francisco', Roboto, 'Segoe UI', Ubuntu, 'Helvetica Neue', sans-serif;--bp-main-color:#0284d5;--bp-cscart-color:#51ccfb;--bp-main-color-hover:#0374ae;--bp-main-color-animation:#51ccfb;--bp-radius:4px;--bp-panel-bg:rgba(0,0,0,0.8);--bp-panel-shadow:0 -2px 4px 0 rgba(0,0,0,0.5);--bp-bottom-button-bg-hover:#f7f7f7;--bp-bottom-button-shadow:0 3px 5px -1px rgba(0,0,0,0.2), 0 1px 18px 0 rgba(0,0,0,0.12), 0 6px 4px 0 rgba(0,0,0,0.14);--bp-bottom-button-shadow--hover:0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);--bp-preview-color:#29b6f6;--bp-build-color:#ffca28;--bp-text-color:#66bb6a;--bp-theme-color:#ec407a;--bp-text-color-inverse:#fff;--bp-text-color-gray:#999;--bp-dropdown-menu-bg:#333;--bp-dropdown-menu-group-divider:1px solid rgba(255,255,255,0.1);--bp-dropdown-menu-item-hover-bg:rgba(255,255,255,0.15);}.bp *{box-sizing:border-box;}.bp-tygh-main-container--padding{padding-bottom:56px;}.bp-sidebar--padding{margin-bottom:56px;}.dialog-is-open .bp__container{display:none;}.bp-panel{display:-ms-grid;display:grid;z-index:10100;position:fixed;bottom:0;width:100%;height:48px;background-color:var(--bp-panel-bg);-webkit-box-shadow:var(--bp-panel-shadow);box-shadow:var(--bp-panel-shadow);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;grid-template-areas:"nav close";-ms-grid-columns:auto 40px;grid-template-columns:auto 40px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}@media (min-width: 768px){.bp-panel{height:56px;grid-template-areas:"logo nav . modes . actions close";-ms-grid-columns:100px auto auto 1fr auto auto 40px;grid-template-columns:100px auto auto 1fr auto auto 40px;}}.bp-panel--hidden{-webkit-transform:translateY(calc(110%));-ms-transform:translateY(calc(110%));transform:translateY(calc(100% + 10px));}.bp-logo{display:none;grid-area:logo;padding:10px;}@media (min-width: 768px){.bp-logo{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0.6;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:inherit;box-sizing:border-box;color:#fff;}}.bp-logo:hover,.bp-logo:focus,.bp-logo--active{opacity:1;color:#fff;outline:0;}.bp-logo--color{color:var(--bp-cscart-color);}.bp-logo-icon{pointer-events:none;}.bp-logo-img--no-color{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);max-height:100%;width:auto;}.bp-nav{display:-ms-grid;display:grid;position:relative;grid-area:nav;grid-template-columns:repeat(auto-fit,minmax(90px,auto));grid-auto-flow:column;}.bp-nav__item{display:-webkit-box;display:flex;opacity:0.6;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-right:6px;padding-left:6px;color:var(--bp-text-color-inverse);font-size:15px;font-family:var(--bp-font);white-space:nowrap;cursor:pointer;}.bp-nav__item:hover,.bp-nav__item:focus,.bp-nav__item--active{opacity:1;color:var(--bp-text-color-inverse);text-decoration:none;outline:0;}@media (min-width: 1024px){.bp-nav__item{padding-right:12px;padding-left:12px;font-size:18px;}}.bp-nav__item-text{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.bp-nav__active{position:absolute;top:0;left:0;width:100px;height:4px;background:transparent;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;width:calc(100% / 3);}.bp-nav__active--activated{background:#fff;}.bp-modes{display:none;grid-area:modes;}.bp-modes__item{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0.6;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;border:0;color:#fff;background:none;}.bp-modes__item:hover,.bp-modes__item:focus,.bp-modes__item--active{outline:0;opacity:1;color:#fff;}.bp-modes__item:hover .bp-modes__item-icon{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}.bp-modes__item:hover.bp-modes__item--preview,.bp-modes__item--active.bp-modes__item--preview{color:var(--bp-preview-color);}.bp-modes__item:hover.bp-modes__item--build,.bp-modes__item--active.bp-modes__item--build{color:var(--bp-build-color);}.bp-modes__item:hover.bp-modes__item--text,.bp-modes__item--active.bp-modes__item--text{color:var(--bp-text-color);}.bp-modes__item:hover.bp-modes__item--theme,.bp-modes__item--active.bp-modes__item--theme{color:var(--bp-theme-color);}.bp-modes__item--disabled .bp-modes__item-icon{opacity:0.1;}.bp-modes__item--disabled.bp-modes__item:hover{color:#fff;cursor:auto;}.bp-modes__item--disabled.bp-modes__item:hover .bp-modes__item-icon{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.bp-modes__item-icon{-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}.bp-modes__active{position:absolute;top:0;left:0;width:100px;height:4px;background:transparent;width:calc(100% / 4);-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.bp-modes__active--preview{background-color:var(--bp-preview-color);}.bp-modes__active--build{background-color:var(--bp-build-color);}.bp-modes__active--text{background-color:var(--bp-text-color);}.bp-modes__active--theme{background-color:var(--bp-theme-color);}@media (min-width: 768px){.bp-modes{display:-ms-grid;display:grid;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto;margin-left:auto;-ms-grid-columns:minmax(48px,64px) minmax(48px,64px) minmax(48px,64px) minmax(48px,64px);grid-template-columns:minmax(48px,64px) minmax(48px,64px) minmax(48px,64px) minmax(48px,64px);}}.bp-actions{display:none;grid-area:actions;}.bp-actions__item{height:100%;}.bp-actions__item:hover,.bp-actions__item:focus{outline:0;}.bp-actions__item:hover,.bp-actions__item--active{opacity:1;color:#fff;}@media (min-width: 768px){.bp-actions{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;-ms-grid-columns:40px 40px;grid-template-columns:40px 40px;}}@media (min-width: 768px){.bp-panel--personal_demo.bp-panel--admin .bp-actions.bp-actions--one-column,.bp-panel--personal_demo.bp-panel--vendor .bp-actions.bp-actions--one-column{-ms-grid-columns:40px;grid-template-columns:40px;}}.bp-bottom-buttons{display:-ms-grid;display:grid;visibility:hidden;z-index:900;position:fixed;bottom:24px;left:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% - 48px);-ms-grid-columns:56px 12px auto;grid-template-columns:56px auto;-ms-grid-rows:56px;grid-template-rows:56px;grid-gap:12px;pointer-events:none;}.bp-bottom-buttons--active{visibility:visible;}.bp-bottom-buttons > *:nth-child(1){-ms-grid-row:1;-ms-grid-column:1;}.bp-bottom-buttons > *:nth-child(2){-ms-grid-row:1;-ms-grid-column:3;}.bp-bottom-button{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:900;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px;border:0;border-radius:999px;color:var(--bp-main-color);font-size:18px;background-color:#fff;-webkit-box-shadow:var(--bp-bottom-button-shadow);box-shadow:var(--bp-bottom-button-shadow);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;pointer-events:auto;}.bp-bottom-button:hover,.bp-bottom-button:focus{color:var(--bp-main-color);background-color:var(--bp-bottom-button-bg-hover);-webkit-box-shadow:var(--bp-bottom-button-shadow--hover);box-shadow:var(--bp-bottom-button-shadow--hover);text-decoration:none;outline:0;}.bp-bottom-button--disabled{opacity:0;visibility:hidden;}.bp-bottom-button--disabled-panel{-webkit-transform:translatex(-28px) translateY(24px);-ms-transform:translatex(-28px) translateY(24px);transform:translatex(-28px) translateY(24px);}.bp-bottom-button--disabled-action{-webkit-transform:translatex(-88px) translateY(24px);-ms-transform:translatex(-88px) translateY(24px);transform:translatex(-88px) translateY(24px);}.bp-bottom-button--primary{color:#fff;background-color:var(--bp-main-color);}.bp-bottom-button--primary:hover,.bp-bottom-button--primary:focus{color:#fff;background-color:var(--bp-main-color-hover);}.bp-bottom-button--logo{color:var(--bp-cscart-color);}.bp-bottom-button--logo:hover{color:var(--bp-cscart-color);}.bp-bottom-button--text{padding-right:20px;padding-left:20px;}.bp-bottom-button__icon{pointer-events:none;}.bp-bottom-button-img{height:36px;width:auto;max-width:45px;object-fit:contain;}.bp-info{display:inline;-webkit-transform:translate3d(0,50%,1px);transform:translate3d(0,50%,1px);margin-top:-1.2em;color:var(--bp-text-color-gray);font-size:13px;font-family:var(--bp-font);}@media (min-width: 768px){.bp-info{display:none;}}@media (min-width: 1024px){.bp-info{display:inline;}}.bp-info--animation{color:transparent;background:-webkit-gradient(linear,left top,right top,from(var(--bp-text-color-gray)),color-stop(60%,var(--bp-text-color-gray)),color-stop(80%,var(--bp-text-color-inverse)),to(var(--bp-text-color-gray)));background:-webkit-linear-gradient(left,var(--bp-text-color-gray) 0%,var(--bp-text-color-gray) 60%,var(--bp-text-color-inverse) 80%,var(--bp-text-color-gray) 100%);background:-o-linear-gradient(left,var(--bp-text-color-gray) 0%,var(--bp-text-color-gray) 60%,var(--bp-text-color-inverse) 80%,var(--bp-text-color-gray) 100%);background:linear-gradient(90deg,var(--bp-text-color-gray) 0%,var(--bp-text-color-gray) 60%,var(--bp-text-color-inverse) 80%,var(--bp-text-color-gray) 100%);-webkit-background-clip:text;background-clip:text;-webkit-animation:10s bp-info--animation infinite linear;animation:10s bp-info--animation infinite linear;-webkit-transition:all 5s;-o-transition:all 5s;transition:all 5s;}@-webkit-keyframes bp-info--animation{0%{background-position:0;}100%{background-position:300px;}}@keyframes bp-info--animation{0%{background-position:0;}100%{background-position:300px;}}.bp-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:var(--bp-text-color-inverse);font-size:13px;}.bp-btn__text{padding:7px 12px;border-radius:999px;color:var(--bp-text-color-inverse);background-color:var(--bp-main-color);transition:all 0.2s;}.bp-btn__text--animation{-webkit-animation:bp-btn__text--animation 60s ease infinite;animation:bp-btn__text--animation 60s ease infinite;}.bp-btn:hover{text-decoration:none;}.bp-btn:hover .bp-btn__text{color:var(--bp-text-color-inverse);background-color:var(--bp-main-color-hover);-webkit-animation:none;animation:none;}@keyframes bp-btn__text--animation{0%{background-color:var(--bp-main-color);}98%{background-color:var(--bp-main-color);}99%{background-color:var(--bp-main-color-animation);}100%{background-color:var(--bp-main-color);}}.bp-dropdown{position:relative;}.bp-dropdown-button{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0.6;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;border:0;color:#fff;background:none;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}.bp-dropdown-button:hover,.bp-dropdown-button:focus{opacity:1;outline:0;}.bp-dropdown-button-icon--settings{-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}.bp-dropdown-button--animation:focus .bp-dropdown-button-icon--settings{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}.bp-dropdown-menu{opacity:0;visibility:hidden;position:absolute;bottom:calc(100% + 2px);right:-12px;padding-top:6px;padding-bottom:6px;max-height:calc(100vh - 72px);overflow-y:auto;border-radius:var(--bp-radius);background-color:var(--bp-dropdown-menu-bg);-webkit-transition:opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;transition:opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;-o-transition:transform 0.1s ease-in-out, opacity 0.1s ease-in-out;transition:transform 0.1s ease-in-out, opacity 0.1s ease-in-out;transition:transform 0.1s ease-in-out, opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);z-index:-1;}.bp-dropdown-menu--open{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:1;}.bp-dropdown-menu__group:not(:last-child){margin-bottom:3px;padding-bottom:3px;border-bottom:var(--bp-dropdown-menu-group-divider);}.bp-dropdown-menu__item{display:block;padding:6px 20px;color:#fff;font-size:13px;font-family:var(--bp-font);white-space:nowrap;}.bp-dropdown-menu__item:hover,.bp-dropdown-menu__item:focus{color:#fff;background-color:var(--bp-dropdown-menu-item-hover-bg);text-decoration:none;}.bp-dropdown-menu__item-text{display:block;padding:6px 20px;color:#fff;opacity:0.7;font-size:13px;font-family:var(--bp-font);white-space:nowrap;}.bp-dropdown-menu__item-text--head{padding:6px 10px;font-weight:bold;opacity:1;}.bp-tooltip{display:inline-block;opacity:0;position:absolute;bottom:100%;margin-bottom:8px;padding:9px;border-radius:var(--bp-radius);color:#fff;font-size:14px;font-family:var(--bp-font);text-align:center;white-space:nowrap;pointer-events:none;background-color:rgba(0,0,0,0.8);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}.bp-tooltip__secondary{color:#fff;font-size:12px;line-height:1.3;white-space:normal;min-width:200px;margin-top:4px;}.bp-tooltip:after{position:absolute;top:100%;left:50%;margin-left:-10px;border:solid transparent;border-width:10px;border-top-color:rgba(0,0,0,0.8);pointer-events:none;content:"";}.no-touchevents [data-bp-tooltip]:hover .bp-tooltip{opacity:1;-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}.bp-tooltip--left{left:2px;}.bp-tooltip--left:after{left:26px;}.bp-tooltip--right{right:2px;}.bp-tooltip--right:after{left:calc(90%);}.bp-close{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0.6;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:0;border:0;color:#fff;background:none;grid-area:close;}.bp-close:hover,.bp-close--focus,.bp-close--active{opacity:1;outline:0;color:#fff;}.bp-close__icon{pointer-events:none;}.bp-panel.bp-panel--personal_demo,.bp-panel.bp-panel--demo{height:96px;grid-template-areas:"demo demo" "nav close";-ms-grid-rows:48px 48px;grid-template-rows:48px 48px;}@media (min-width: 768px){.bp-panel.bp-panel--personal_demo,.bp-panel.bp-panel--demo{height:56px;grid-template-areas:"logo nav . modes . demo actions close";-ms-grid-rows:auto;grid-template-rows:auto;}}@media (min-width: 768px){.bp-panel.bp-panel--personal_demo,.bp-panel.bp-panel--demo{grid-template-areas:"logo nav . modes . demo actions close";-ms-grid-columns:100px auto auto 1fr auto auto auto 40px;grid-template-columns:100px auto auto 1fr auto auto auto 40px;}}.bp-demo{display:none;height:100%;grid-area:demo;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-grid-columns:auto;grid-template-columns:auto;}.bp-panel.bp-panel--personal_demo .bp-demo,.bp-panel.bp-panel--demo .bp-demo{display:-ms-grid;display:grid;}.bp-panel.bp-panel--personal_demo .bp-demo{-ms-grid-columns:auto 12px auto;grid-template-columns:auto auto;grid-gap:12px;}.bp-panel.bp-panel--admin .bp-modes{display:none;}