.banner{background-color:var(--Cyan-800);color:var(--Cyan-50);display:flex;padding:20px;.banner-title{flex:1}.widget{color:hsla(0,0%,100%,.231)}}.edit-constraint-wrapper{background-color:var(--Grey-100);border-radius:10px;flex:1 0;min-width:300px;padding:20px;.item-header{align-items:center;display:flex;margin-bottom:10px;.item-title{align-items:center;display:flex;flex:1;font-size:1.3rem;gap:10px;svg{color:var(--Grey-500);display:block}}.item-actions{flex:0}}.item-properties{display:flex;flex-flow:wrap}}.item-subtitle{padding:20px;width:min(40rem,90vw)}button.close-button-wrapper{background-color:var(--Grey-100);border-radius:7px;display:block;padding:3px;transition:var(--Transition);--hoverCol:var(--Grey-700);border:none;color:var(--Grey-500);&:hover{background-color:var(--Grey-200);box-shadow:0 0 2px 2px rgba(0,0,0,.015);color:var(--hoverCol)}&:active{background-color:var(--Grey-300);color:var(--Grey(800));transition:background-color .1s ease,transform .1s ease;transition-duration:.1s}&:active:focus,&:focus{transition:background-color .1s ease,transform .1s ease}svg{display:block}}.input-wrapper{padding:10px;.input-title{font-size:.9rem;margin-bottom:5px}}.error-message{background-color:var(--Yellow-400);border-radius:5px;padding:10px;*{color:var(--Yellow-50)}}.popover{background-color:var(--Grey-50);border:1px solid var(--Grey-300);border-radius:5px;box-shadow:0 0 5px 5px rgba(0,0,0,.053);color:var(--Grey-800);left:0;min-width:200px;overflow:hidden;position:absolute;top:0;.popover-button{border-width:0 0 1px;box-sizing:border-box;display:block;height:50px;padding:0 20px;width:100%;&:last-child{border-bottom-width:0}&:focus{outline-offset:-2px}}}.popover li{border:0;border-bottom:1px solid var(--Grey-300);list-style:none;margin:0;padding:5px;&:last-child{border-bottom-width:0}}.popover-title{border-bottom:1px solid var(--Grey-300);color:var(--Grey-800);font-size:.8rem;padding:10px;&:last-child{border-bottom-width:0}}.click-out{background-color:rgba(0,0,0,.142);height:100vh;left:0;position:fixed;top:0;width:100%}.column-layout{display:flex;justify-content:space-around;.column{flex:1 1 0px;overflow:hidden;padding:10px}:first-child{margin-top:0}}h4,h5{margin-bottom:10px}h6{margin-bottom:0}ol,p,ul{color:var(--Grey-800);max-width:40rem}li{margin-bottom:.5rem}caption{color:var(--Grey-600);font-style:italic;margin-left:3px;text-align:left;width:100%}.feature,code{background-color:var(--Grey-100);border:1px solid var(--Grey-200);border-radius:3px;color:var(--Grey-600)}.header{align-items:center;display:flex;gap:10px}code{display:inline-block;line-height:1.25rem;padding:10px}.button-group{display:grid;grid-auto-flow:column;margin:5px 0;button{--R:7px;--border:1px solid var(--Grey-200);border:var(--border);border-radius:0;border-right:0;height:100%;padding:7px;&:first-child{border-bottom-left-radius:var(--R);border-top-left-radius:var(--R)}&:last-child{border:var(--border);border-bottom-right-radius:var(--R);border-top-right-radius:var(--R)}}}button{align-items:center;display:inline-flex;gap:5px;margin:0;padding:7px 15px;transition:all .3s;vertical-align:bottom}button.primary,button.secondary{background-color:var(--Cyan-500);border:1px solid;border-radius:10px;position:relative;svg{display:inline-block;height:1.4em;overflow:visible;vertical-align:middle;width:1.4em}svg:first-child{margin-left:-7px}svg:last-child{margin-right:-7px}}button.primary{background-color:var(--Cyan-500);border-color:var(--Cyan-600);color:var(--Cyan-50);&:hover{background-color:var(--Cyan-600);border-color:var(--Cyan-700)}&:active{background-color:var(--Cyan-700);border-color:var(--Cyan-800);color:var(--Cyan-100)}&:disabled{background-color:var(--Grey-100);border-color:var(--Grey-100);color:var(--Grey-300)}}button.secondary{background-color:transparent;border-color:var(--Cyan-600);color:var(--Cyan-600);&:hover{background-color:var(--Cyan-100);border-color:var(--Cyan-700);color:var(--Cyan-700)}&:active{background-color:var(--Cyan-200);border-color:var(--Cyan-800);color:var(--Cyan-800)}&:disabled{background-color:transparent;border-color:var(--Grey-100);color:var(--Grey-300)}}.step-wrapper{--lhs-width:50px;--lhs-padding:10px;.step-header{align-items:center;display:flex;gap:30px;.step-number{align-items:center;background-color:var(--Grey-600);border-radius:calc(var(--lhs-width)/2);color:var(--Grey-100);display:flex;height:var(--lhs-width);justify-content:center;line-height:0px;margin:var(--lhs-padding);width:var(--lhs-width)}.step-title{color:var(--Grey-500);font-size:1.3rem}&.active{.step-number{background-color:var(--Cyan-500);color:var(--Cyan-100)}.step-title{color:var(--Cyan-600)}}}.step-content{border-left:2px solid var(--Grey-400);margin-left:calc(var(--lhs-width)/2 + var(--lhs-padding));padding:10px 0;padding-left:calc(var(--lhs-width)/2);&.last{border-left:0}}}.section-header{align-items:center;display:flex;gap:10px;.section-title{font-size:1.3em;margin-bottom:5px}}.section-list{display:flex;flex-flow:wrap;gap:10px}.unit-summary-wrapper{>*{padding:10px}>:not(:last-child){border-bottom:1px solid var(--Grey-200);color:var(--Grey-800);padding-bottom:5px}>:not(:first-child){padding-top:0}.list{max-height:200px;overflow-y:auto}}.unit-summary{align-items:center;display:flex;min-height:2rem}.unit-icon{box-sizing:border-box;padding:5px;width:30px;svg{display:block}}.unit-feature{width:50px}.unit-name{min-width:200px}.group-summary-container{.list{display:flex;flex-flow:wrap;gap:20px}>:first-child{flex:0 100%}}.group-wrapper{flex:1 1 0px}