@layer fonts{@font-face{font-family:LoxoneSans;font-weight:400 500;font-style:normal;font-display:swap;src:url(/fonts/loxone-sans/LOXONESans-Regular.woff2)format("woff2"),url(/fonts/loxone-sans/LOXONESans-Regular.woff)format("woff")}@font-face{font-family:LoxoneSans;font-weight:600 700;font-style:normal;font-display:swap;src:url(/fonts/loxone-sans/LOXONESans-Semibold.woff2)format("woff2"),url(/fonts/loxone-sans/LOXONESans-Semibold.woff)format("woff")}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:999;-webkit-user-select:none;user-select:none;-o-user-select:none;transition-duration:.1s;background:var(--mantine-color-green-5)!important}}@layer global{:root{--focus-border:var(--mantine-color-gray-5)!important}mark{background-color:var(--color-green-100,#dcfce7);color:inherit;border-radius:2px}.sash-hover{opacity:.3;background:var(--mantine-color-gray-5)!important}*,:before,:after{letter-spacing:.04em}h1,h2,h3,h4{letter-spacing:.02em}html,body{background:#f7f7f7;height:100vh}canvas{letter-spacing:0}#app{height:100%}::view-transition-old(*){animation-duration:75ms}::view-transition-new(*){animation-duration:75ms}::view-transition-old(editor-back-button){animation:.15s ease-in forwards editor-back-button-slide-out}::view-transition-new(editor-back-button){animation:.15s ease-out forwards editor-back-button-slide-in}@keyframes editor-back-button-slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes editor-back-button-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.react-resizable-handle{opacity:0;transition:opacity .15s;background-image:none!important;width:16px!important;height:16px!important;padding:0!important}.react-resizable:hover .react-resizable-handle,.react-resizable-handle:hover{opacity:1}.react-resizable-handle-se{background:radial-gradient(circle, hsl(var(--muted-foreground) / .4) 1.5px, transparent 1.5px)!important;background-position:100% 100%!important;background-size:5px 5px!important;bottom:4px!important;right:4px!important}.react-resizable-handle-se:hover{background:radial-gradient(circle, hsl(var(--muted-foreground) / .6) 1.5px, transparent 1.5px)!important;background-position:100% 100%!important;background-size:5px 5px!important}.react-resizable-handle-se:active{background:radial-gradient(circle, hsl(var(--primary)) 1.5px, transparent 1.5px)!important;background-position:100% 100%!important;background-size:5px 5px!important}[class*=ProductlaneWidget-MainWidget__Container]{bottom:calc(var(--footer-height) + 4px)!important}@media (width<=768px){[class*=ProductlaneWidget-MainWidget__Container]{bottom:revert!important}}}