#app-root{align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto}#app-root,.pattern-wizard{width:100%;height:100%;display:flex}.pattern-wizard{flex-direction:column;min-width:320px;min-height:568px;max-width:768px;max-height:40vh;overflow:hidden;padding:10px}.pattern-wizard.embedded{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;padding:0}.pattern-wizard .pattern-wizard-body{flex:1;overflow:hidden;position:relative}.pattern-wizard .pattern-wizard-body .sp-loading-indicator{position:absolute;transition:.25s}.pattern-wizard .pattern-wizard-body .sp-loading-indicator.enter{opacity:0}.pattern-wizard .pattern-wizard-body .sp-loading-indicator.enter-active{opacity:1}.pattern-wizard .pattern-wizard-body .sp-loading-indicator.exit-active{opacity:0}.pattern-wizard .pattern-wizard-body .widget-card{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transition:.25s}.pattern-wizard .pattern-wizard-body .widget-card .signal-display-widget{padding:1em 0}.pattern-wizard .pattern-wizard-body .widget-card.enter{opacity:0;left:100%}.pattern-wizard .pattern-wizard-body .widget-card.enter-active{opacity:1;left:0}.pattern-wizard .pattern-wizard-body .widget-card.exit-active,.pattern-wizard .pattern-wizard-body .widget-card.exit-done{opacity:0;left:-100%}