.mixer-design-container{--frameSpace: 0px}.mixer-design-container .mixer-design-wrap{transition:height 250ms}.mixer-design-container[data-design-type=default] .show-on-custom-design{display:none}.mixer-design-container[data-design-type=default] .show-on-default-design{display:inherit}.mixer-design-container[data-design-type=custom] .show-on-default-design{display:none}.mixer-design-container[data-design-type=custom] .hide-on-custom-design{display:inherit}@media(max-width: 768px){.mixer-design-container{margin-top:15px}.mixer-design-container .mixer-design-wrap{display:flex;flex-direction:column;height:calc(100dvh - var(--frameSpace))}.mixer-design-container .mixer-design-wrap .design-configurator-preview{order:-1;position:relative;flex-grow:1}.mixer-design-container .mixer-design-wrap .design-configurator-preview .component.tin{max-height:100%;max-width:unset}.mixer-design-container .mixer-design-wrap .design-configurator-tin{position:absolute;width:100%;height:calc(100% - 15px)}.mixer-design-container .mixer-design-wrap .mixer-design-bottom{display:flex;flex-direction:column;min-height:60px;margin-left:-15px;padding:5px;width:calc(100% + 30px);gap:5px}.mixer-design-container .mixer-design-wrap .back-mixer{position:absolute;left:5px}.mixer-design-container .mixer-design-wrap .button-info{position:absolute;right:5px}.mixer-design-container .design-configurator-container{height:1px;overflow:hidden}.mixer-design-container .sidebar-item{display:inline-block}}@media(min-width: 769px){.mixer-design-container .mixer-design-wrap{display:grid;align-content:start;grid-template-columns:80px auto 25%;grid-template-rows:[info] auto [container] 1fr;grid-template-areas:"information information preview" "selector container preview" "bottom bottom bottom";height:calc(100dvh - var(--frameSpace))}.mixer-design-container .overlay.bottom{transition-property:bottom;transition-delay:250ms;transition-duration:250ms;bottom:-100%}.design-configurator-sidebar{line-height:80px;grid-area:selector}.mixer-design-bottom{grid-area:bottom}.design-configurator-container{grid-area:container;grid-row:container;position:relative}.design-configurator-preview{grid-area:preview;align-content:end;position:relative}.design-configurator-tin{top:0;left:0;width:100%;height:100%;position:absolute;padding:0}main{min-height:auto !important}}.show-on-design-filter{display:none}.has-design-filter .show-on-design-filter{display:inherit}.header-brands{display:none}.main-menu{border-bottom:none !important}

/*# sourceMappingURL=Design.FMP.css.map*/