*{box-sizing:border-box}html{background:linear-gradient(0deg,tomato,var(--triax-background) -14%);background-color:var(--triax-dark-blue)}body{margin:0;font-family:Roboto,sans-serif;padding:0}.content-creator{display:flex;background:#fff;height:100vh;flex-direction:column;justify-content:stretch;overflow:hidden;padding-top:155px}.top-bar__sticky{position:fixed;top:0;z-index:100}.status{animation:pulse 2s ease 5 reverse both;background-color:red;top:0;height:1rem;opacity:0;position:fixed;width:100vw}.status.--connected{background-color:green}.status{z-index:99999}@-webkit-keyframes pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}#body.cursor-grabbing *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.tooltip{background-color:rgba(0,0,0,.2);border-radius:5px;display:none;padding:.2rem;position:fixed}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
@font-face{font-family:BebasNeue;src:url(/fonts/BebasNeue/BebasNeue-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:BebasNeue;src:url(/fonts/BebasNeue/BebasNeue-Bold.woff) format("woff");font-style:normal;font-weight:700}
@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:Merriweather;src:url(/fonts/Merriweather/Merriweather-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Merriweather;src:url(/fonts/Merriweather/Merriweather-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:Merriweather;src:url(/fonts/Merriweather/Merriweather-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:Merriweather;src:url(/fonts/Merriweather/Merriweather-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:Montserrat;src:url(/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat/Montserrat-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat/Montserrat-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:OpenSans;src:url(/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:PlayfairDisplay;src:url(/fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:PlayfairDisplay;src:url(/fonts/PlayfairDisplay/PlayfairDisplay-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:PlayfairDisplay;src:url(/fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:PlayfairDisplay;src:url(/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:"PT Serif";src:url(/fonts/PT-Serif/PT-Serif-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:"PT Serif";src:url(/fonts/PT-Serif/PT-Serif-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:"PT Serif";src:url(/fonts/PT-Serif/PT-Serif-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:"PT Serif";src:url(/fonts/PT-Serif/PT-Serif-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:Roboto;src:url(/fonts/Roboto/Roboto-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Roboto;src:url(/fonts/Roboto/Roboto-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:Roboto;src:url(/fonts/Roboto/Roboto-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:Roboto;src:url(/fonts/Roboto/Roboto-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro/SourceSansPro-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro/SourceSansPro-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro/SourceSansPro-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro/SourceSansPro-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu/Ubuntu-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu/Ubuntu-Italic.woff) format("woff");font-style:italic;font-weight:400}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu/Ubuntu-Bold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu/Ubuntu-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}

.dashboard{background-color:#fff;display:grid;overflow-y:scroll;padding:2rem 0;width:100%}.dashboard__content{margin:0 auto;max-width:100vw;padding-bottom:2rem;width:1210px}

.view-headline{background-color:var(--triax-background);display:flex;height:30px;width:100%}.view-headline h1{font-size:18px;font-weight:400}.view-headline .left-wrapper{flex:0 0 325px;padding-left:var(--page-left-padding)}.view-headline .mid-wrapper{flex:1 1 0;margin:0 2rem}.view-headline .right-wrapper{flex:0 0 325px;padding-right:var(--page-left-padding)}
.modal{align-items:center;background-color:rgba(0,0,0,.5);cursor:pointer;display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:200}.modal__content{background-color:#fff;cursor:auto;max-height:90vh;min-height:200px;width:60%;overflow:scroll;padding:2rem}.modal__headline{display:flex;justify-content:space-between}.modal__headline button{opacity:.6}.modal__headline button:hover{fill:#000;opacity:1}.modal__headline h1{font-size:18px;margin:0}.modal__headline .modal__headline-sub{color:var(--triax-default-green);font-size:15px;margin:.125rem 0 0}.modal__body{display:flex;margin:2rem 0}.modal__body .text.--error{border-left:2px solid var(--triax-red);color:var(--triax-red);margin:0 auto;padding:1rem}.modal__body.--column{flex-direction:column}.modal__body.--column .input-list{border:0;padding-left:0}.modal__body .input-list{border-left:1px solid var(--triax-default-green);color:var(--triax-default-green);flex:1 1 100%;padding-left:2rem}.modal__body .input-list .background-content{display:flex;margin-top:2rem}.modal__body .input-list .background-content .content-element{flex:1 1 50%}.modal__body .input-list .background-content .content-element:first-child{padding-right:1rem;border-right:1px solid #000}.modal__body .input-list .background-content .content-element:nth-child(2n){padding-left:1rem}.modal__body .input-list .background-content .content-element .chrome-picker{background:var(--background-color-light)!important;width:100%!important}.modal__body .input-list .background-content .image-input,.modal__body .input-list .input-list__description{margin-top:0}.modal__body .input-list .checkbox-input{cursor:pointer}.modal__body .input-list .checkbox-input .checkbox-input__title{display:block;margin:1.5rem 0 1rem}.modal__body .input-list .checkbox-input .select-input__button{border:2px solid var(--triax-default-green);background:#fff;color:var(--triax-default-green);cursor:pointer;font-size:15px;margin-right:1.5rem;min-width:75px;padding:.5rem 0}.modal__body .input-list .checkbox-input .select-input__button.--active{background:var(--triax-default-green);color:#fff}.modal__body .input-list .checkbox-input .select-input__button:focus{outline:0}.modal__body .input-list .image-input{margin-top:1rem;min-height:19rem;max-height:80%}.modal__body .input-list .text-input{display:block;font-size:15px}.modal__body .input-list .text-input .text-input__title{display:block;margin:1.5rem 0 1rem}.modal__body .input-list .text-input input,.modal__body .input-list .text-input textarea{border:1px solid var(--triax-default-green);font-size:15px;max-height:20rem;resize:vertical;padding:1rem;width:100%}.modal__body .input-list .text-input .title-input{width:50%;min-width:320px}.modal__body .input-list .text-input textarea{min-height:10rem}.modal__body .input-list .text-input.--name{width:50%;min-width:320px}.modal__body .input-list .select-input{align-items:center;display:flex;margin-bottom:.625rem}.modal__body .input-list .select-input .checkmark{display:inline-block;border:1px solid var(--triax-default-green);height:30px;margin-right:.5rem;width:30px}.modal__body .input-list .select-input .checkmark.--active{background-color:var(--triax-default-green)}.modal__body .input-list .orientation-selection{display:flex;height:70px}.modal__body .input-list .orientation-selection .orientation-buttons{height:100%;margin-right:.5rem}.modal__body .input-list .orientation-selection .orientation-icon{width:70px}.modal__body .input-list:first-child{border-left:0;padding-left:0;padding-right:2rem}.modal__body .content-types{display:flex;list-style:none;margin:1rem 0;padding:0}.modal__body .select-button__wrapper{position:relative;text-align:center}.modal__body .select-button__wrapper span{display:none;position:absolute;bottom:-1rem;width:100%;text-align:center}.modal__body .select-button__wrapper:hover span{display:block}.modal__body .select-button{align-items:center;border:1px solid var(--triax-default-green);border-radius:5px;cursor:pointer;display:flex;height:4rem;justify-content:center;margin:.25rem;width:4rem}.modal__body .select-button.--active,.modal__body .select-button:hover{background:var(--triax-default-green);color:var(--triax-white)}.modal__body .select-button.--active .select-button__icon,.modal__body .select-button:hover .select-button__icon{fill:var(--triax-white)}.modal__body .select-button .select-button__icon{fill:var(--triax-default-green);height:100%;padding:.75rem;width:100%}.modal__buttons{display:flex;justify-content:flex-end;min-height:2.5rem}.modal__buttons>*{margin-left:.5rem}.modal__buttons .delete-buttons{display:flex}.modal__buttons .delete-buttons .delete-button{display:none;background-color:var(--triax-white);border:1px solid var(--triax-red);border-radius:3px;color:var(--color-red);margin-right:.25rem;height:100%;padding:0 1rem}.modal__buttons .delete-buttons .delete-button:hover{background-color:var(--triax-red);color:var(--color-white)}.modal__buttons .delete-buttons:hover .delete-button{display:block}.modal__buttons .delete-buttons .trash-can{background-color:var(--triax-red);border:1px solid var(--triax-red);border-radius:3px;fill:var(--color-white)}.modal__buttons .cancel-button,.modal__buttons .save-button{height:auto}
.drag-over{background-color:rgba(213,131,131,.69);border-radius:var(--border-radius)}.drop-zone{border:3px dashed var(--button-border-color);border-radius:5px;height:100%;position:absolute;width:100%;z-index:1}.image-input{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;height:200px;justify-content:center;padding:1rem;position:relative}.image-input .info-text{margin:0;opacity:.2;position:absolute}.image-input:hover img{opacity:.6}.image-input:hover .info-text{opacity:1}.image-input img{max-width:100%;max-height:100%}.image-input .delete-image{position:absolute;top:1.5rem;right:1rem;background-color:rgba(0,0,0,.2);border-radius:var(--border-radius-small);z-index:2}.image-input .delete-image:hover{background-color:var(--warning-red)}
.dashboard{z-index:100}
.editor{align-items:stretch;background-color:var(--triax-background);display:flex;height:calc(100vh - 270px);justify-content:space-between;flex:1 1 100%;overflow:hidden;z-index:100}.editor .content-item-list{background-color:var(--triax-default-grey-background);flex:0 0 325px;overflow-y:scroll}.editor .property-list{background-color:var(--background-dark-grey);flex:0 0 325px;margin-bottom:30px;overflow-y:scroll}
.content-item-list{list-style:none;margin:0;padding:0;position:relative;text-decoration:none}.content-item-list .item{align-items:center;background:var(--triax-nav-item-background);color:var(--triax-white);cursor:pointer;fill:var(--background-dark-grey);display:flex;justify-content:space-between;margin:0 0 .25rem;min-height:55px;padding:0 0 0 var(--navigationPaddingLeft);position:relative}.content-item-list .item .drag-indicator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;display:none;position:absolute;height:100%;width:20px;left:0;justify-content:center;align-items:center;flex-direction:column}.content-item-list .item .drag-indicator span{background-color:#fff;width:3px;height:3px;border-radius:50%;margin-bottom:3px}.content-item-list .item .drag-indicator span:last-child{margin-bottom:0}.content-item-list .item.child{padding-left:calc(var(--navigationPaddingLeft) + 1rem)}.content-item-list .item.hover-top{position:relative}.content-item-list .item.hover-bottom:after,.content-item-list .item.hover-top:before{-webkit-animation:toggleDropIndicator .2s;animation:toggleDropIndicator .2s;background:var(--triax-nav-hover);height:5px;content:"";margin-left:calc((var(--navigationPaddingLeft) + 1rem)*-1);position:absolute;width:100%;z-index:99}.content-item-list .item.hover-top:before{top:-5px}.content-item-list .item.hover-bottom:after{bottom:-5px}.content-item-list .item.hover,.content-item-list .item:hover{background:var(--triax-nav-hover)}.content-item-list .item:hover .drag-indicator{display:flex}.content-item-list .item.item--active{background-color:var(--triax-nav-hover);border-left:10px solid var(--triax-default-green);padding-left:calc(var(--navigationPaddingLeft) + 1rem - 10px)}.content-item-list .item.item--active.hover-bottom:after,.content-item-list .item.item--active.hover-top:before{width:calc(100% + 10px)}.content-item-list .item.add-item{bottom:0;position:absolute;width:100%}.content-item-list .item .settings-button{background-color:var(--triax-default-green);height:55px;width:55px}.content-item-list .item .settings-button:hover{fill:#fff}@-webkit-keyframes toggleDropIndicator{0%{height:0}to{height:5px}}@keyframes toggleDropIndicator{0%{height:0}to{height:5px}}
.stage .content-stage{transform-origin:top left}.stage .content-stage.--editor .stage-element{border:1px dashed #000}.stage .stage-element{cursor:pointer;display:flex;overflow:hidden;z-index:15}.stage .stage-element .stage-element__image{height:100%;width:100%}.stage .stage-element.--background{height:100%;position:absolute;width:100%;z-index:-1}.stage .stage-element .--text{margin:0;width:100%}.stage .grid{z-index:10}.stage .grid.move{cursor:-webkit-grab;cursor:grab}.stage .grid.bottom,.stage .grid.top{cursor:ns-resize}.stage .grid.left,.stage .grid.right{cursor:ew-resize}.stage .action-wrapper{cursor:pointer;position:relative;z-index:15;box-shadow:0 0 10px 3px var(--warning-red)}.stage .action-wrapper .border{cursor:nesw-resize;height:calc(100% - 30px);position:absolute;width:calc(100% - 30px)}.stage .action-wrapper .border.--left,.stage .action-wrapper .border.--right{cursor:ew-resize;width:1rem}.stage .action-wrapper .border.--bottom,.stage .action-wrapper .border.--top{cursor:ns-resize;height:1rem}.stage .action-wrapper .border.--top{left:15px;right:15px;top:.5rem}.stage .action-wrapper .border.--right{bottom:15px;right:.5rem;top:15px}.stage .action-wrapper .border.--bottom{bottom:.5rem;left:15px;right:15px}.stage .action-wrapper .border.--left{bottom:15px;left:.5rem;top:15px}.stage-wrapper{display:inline-block;padding:2rem}
.ruler{margin:0 auto}.ruler-horizontal{position:absolute;background:#fff;border-right:1px solid;height:calc(100% - 76px);left:0;margin-bottom:3rem;padding-top:1rem;top:0;width:1rem;z-index:15}.ruler-vertical{background-image:url(/ruler.png);background-repeat:repeat-x;background-size:24px;background-color:#fff;cursor:pointer;height:1rem;opacity:.6;padding-left:1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:15}.ruler-vertical:hover .tooltip{display:block}.reference-line__wrapper{z-index:5}.reference-line{background-color:#40e0d0;cursor:-webkit-grab;cursor:grab;min-height:90vh;height:100%;position:absolute;top:0;width:1px;z-index:15}.reference-line.grabbed{background-color:purple;cursor:-webkit-grabbing;cursor:grabbing}.reference-line:hover{background-color:purple}.reference-line .info{display:none;background:rgba(202,202,207,.6);border-radius:5px;font-size:12px;min-width:20px;padding:.25rem .5rem;position:absolute;top:5px;left:5px}.reference-line:hover .info{display:inline-block}.reference-line.--locked{cursor:pointer;background-color:#00f}.reference-line.--disabled{height:1rem!important;min-height:1rem!important}.line-wrapper{left:0;top:0;position:absolute;height:100%}
.stage .--editor .stage-element{border:1px dashed #000}.stage{display:flex;flex-direction:column-reverse;flex:1 1 0%;margin:0 2rem;overflow:hidden;padding-bottom:30px;position:relative}.stage .content-wrapper{background-color:#d3d3d3;flex:1 1 0%;height:90%;margin-bottom:1rem;overflow:scroll;position:relative;text-align:center}.stage .content-stage{background:#fff;display:grid;grid-gap:5px;position:relative;z-index:5}.stage .content-stage.ratio-4-3,.stage .content-stage.ratio-16-9{grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(14,1fr)}.stage .content-stage .content-element{background-color:hsla(0,0%,100%,.5);z-index:20}.stage .content-stage .content-element:hover{background:rgba(123,151,15,.5)}.stage .content-stage .grid{background-color:#fff;display:grid;opacity:.7;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(14,1fr);height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.stage .content-stage .grid .grid-element{border:1px solid #d3d3d3;opacity:1}.stage .content-stage .grid .grid-element.--active{background-color:var(--triax-default-green)}.stage .content-stage .grid .grid-element.--active.--initial{background-color:var(--triax-nav-hover)}.stage .content-stage .grid .grid-element.--initial{background-color:var(--triax-red)}
.property-set__package .size-input-field{margin-right:.5rem}.size-input-field{align-items:flex-end;display:flex;flex-direction:column;flex:1 1 0;font-size:12px;justify-content:space-between;position:relative}.size-input-field .button:first-of-type{border-top-right-radius:5px}.size-input-field .button:last-of-type{border-bottom-right-radius:5px}.size-input-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.size-input-field .input-field{border:0;border-radius:5px;height:100%;font-size:14px;padding:.25rem 1.5rem .25rem .75rem;position:absolute;width:100%;z-index:5}.size-input-field .input-field:focus{outline:0}.size-input-field .icon{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--font-color-light-bg);position:absolute}.size-input-field .icon.icon-up{transform:rotate(180deg);bottom:2px}.size-input-field .icon.icon-down{top:2px}.size-input-field .button{background-color:#fff;border:0;cursor:pointer;display:flex;flex:1 1 50%;justify-content:center;padding:0;position:relative;width:20px;z-index:10}.size-input-field .button:hover{background-color:var(--triax-dark-blue)}.size-input-field .button:hover .icon{border-top:5px solid #fff}.size-input-field .button:focus{outline:0}
.properties-color-picker{background:#fff;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);display:flex;justify-content:center;margin-left:-.25rem;padding:.5rem;position:absolute;top:2.5rem;z-index:100}.properties-color-picker:before{content:"";border-left:9px solid transparent;border-right:9px solid transparent;position:absolute;top:-9px;border-bottom:9px solid #fff}

.property-set__table{border-spacing:0 10px;display:table;font-size:12px;margin:-10px 0}.property-set__table .table__column{display:table-cell;vertical-align:middle}.property-set__table .table__row{display:table-row}.property-set__table .table__cell{display:table-cell;padding:0 .5rem 0 0;vertical-align:middle;width:20%}.property-set__table .table__cell .size-input-field{width:60px}
.position-control{flex:1 1 auto}.position-control.--rows{display:flex;flex:2 1 auto}.position-control .headline{font-size:12px;font-weight:400;flex:0 1 40px;margin:0}.position-control .input-field{border:0;border-radius:3px;font-size:13px;padding:.25rem .5rem;width:40px}.position-control .input-field:focus{outline:0}.position-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.position-control .button{background-color:#fff;border:0;border-radius:3px;cursor:pointer;height:25px;padding:0;width:25px}.position-control .button:hover{background-color:var(--triax-dark-blue)}.position-control .button:hover .icon{border-top:5px solid #fff}.position-control .button:focus{outline:0}.position-control .position-control__layer{align-items:center;display:flex;margin-bottom:.5rem}.position-control .position-control__layer.--center{justify-content:space-between}.position-control .position-control__layer.--left{margin:0}.position-control .position-control__layer.--mid{flex-direction:column;justify-content:space-between;margin:0 .5rem}.position-control .position-control__layer.--mid .button:last-child,.position-control .position-control__layer.--right{margin:0}
.size-input-buttons{display:flex;margin-right:.5rem}.size-input-buttons input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.size-input-buttons .input-field{border:0;border-radius:3px;font-size:13px;padding:.25rem .5rem;width:40px}.size-input-buttons .input-field:focus{outline:0}.size-input-buttons .icon{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--font-color-light-bg)}.size-input-buttons .icon.icon-up{transform:rotate(180deg);bottom:2px}.size-input-buttons .icon.icon-down{top:2px}.size-input-buttons .button{background-color:#fff;border:0;border-radius:3px;cursor:pointer;margin:0 0 0 .5rem;height:25px;width:25px;padding:0}.size-input-buttons .button:hover{background-color:var(--triax-dark-blue)}.size-input-buttons .button:hover .icon{border-top:5px solid #fff}.size-input-buttons .button:focus{outline:0}
.size-set{align-items:center;display:flex}.size-set .headline{font-size:12px;font-weight:400;flex:1 0 3.5rem;margin:0}
.property-set .image-input{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;height:200px;justify-content:center;padding:1rem;position:relative}.property-set .image-input .info-text{margin:0;opacity:.2;position:absolute}.property-set .image-input:hover img{opacity:.6}.property-set .image-input:hover .info-text{opacity:1}.property-set .image-input img{max-width:100%;max-height:100%}.property-set .image-input .delete-image{position:absolute;top:1.5rem;right:1rem;background-color:rgba(0,0,0,.2);border-radius:var(--border-radius-small);z-index:2}.property-set .image-input .delete-image:hover{background-color:var(--warning-red)}
.property-set__table{border-spacing:0 10px;display:table;font-size:12px;margin:-10px 0}.property-set__table .table__column{display:table-cell;vertical-align:middle}.property-set__table .table__row{display:table-row}.property-set__table .table__cell{display:table-cell;padding:0 .5rem 0 0;vertical-align:middle;width:20%}.property-set__table .table__cell .size-input-field{width:60px}.property-set__table .table__cell .color-picker{min-height:26px}.property-set__table.style-table .table__cell{width:auto}.property-set__table.style-table .table__cell:first-child{width:57px}.property-set__table.style-table .style-table__dropdown{height:26px;width:100px}
.background-panel .chrome-picker{box-shadow:none!important;width:100%!important}.background-panel .size-dropdown{flex:2 1 0}.chrome-picker{box-shadow:none!important}

.property-list{padding-top:30px;position:relative}.properties-headline{position:fixed;margin-top:-30px;width:100%;z-index:999999}.property-set{border-bottom:1px solid var(--border-color);margin:0 var(--page-left-padding) 0 18px;padding:12px 0}.property-set .headline-wrapper{align-items:center;display:flex;justify-content:space-between}.property-set .headline-wrapper .property-set__headline{margin:0}.property-set .headline-wrapper.--open{margin-bottom:.75rem}.property-set .headline-wrapper.--open .icon{transform:rotate(180deg)}.property-set .headline-wrapper.--toggle{cursor:pointer}.property-set .headline-wrapper .icon{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--font-color-light-bg);margin-left:.75rem}.property-set .headline-wrapper .icon.icon-up{transform:rotate(180deg);bottom:2px}.property-set .headline-wrapper .icon.icon-down{top:2px}.property-set .headline-wrapper .panel_controller{align-items:center;display:flex}.property-set .property-set__headline{font-size:12px;font-weight:400;margin:0 0 .75rem}.property-set .property-set__headline.--toggle{cursor:pointer}.property-set .property-set__package{display:flex;padding:.4rem 0}.property-set .property-set__package .package-set{flex:1 1 100%}.property-set .property-set__package .package-set .package-set__headline{font-size:12px;font-weight:400;margin:.5rem 0}.property-set .property-set__package>:last-child{margin-right:0}.property-set button{background-color:var(--background-dark-grey);margin-right:.5rem}.property-set button.button--active{background-color:#fff}.property-set .button{margin-right:0;min-height:13px;min-width:auto}.property-set .color-picker{display:flex;justify-content:center;position:relative}.property-set .color-picker .color-strip{background:#000;border-top:1px solid #ddd;border-bottom-left-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small);bottom:0;height:6px;left:0;position:absolute;width:100%}.property-set .color-picker .property-button{position:relative;width:26px}.property-set .property-button{background-color:#fff;border:none;border-radius:3px;color:#000;cursor:pointer;fill:#000}.property-set .property-button.--active,.property-set .property-button:hover{background-color:grey;fill:#fff;color:#fff}.property-toggle{background:#ccc;border-radius:15px;cursor:pointer;display:flex;height:22px;padding:2px;position:relative;width:40px}.property-toggle.--active{background-color:var(--triax-default-green)}.property-toggle.--active .toggleElement{left:20px}.toggleElement{background-color:#fff;border-radius:50%;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:left .3s ease;width:18px}
.auth-check{margin:0 auto;text-align:center}.lds-ring{display:inline-block;margin:0 auto;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#000}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.preview .preview-buttons{left:50%;position:fixed;top:1rem;z-index:999}.preview .preview-buttons>*{padding:0 2rem}.preview .content-wrapper{align-items:center;background-color:#d3d3d3;flex:1 1 0%;height:90%;justify-content:center;margin:0;overflow:scroll}.preview .content-wrapper .content-stage{background:#fff;display:grid;grid-gap:5px;margin:0 auto;overflow:hidden;position:relative;transform-origin:top left;z-index:5}.preview .content-wrapper .content-stage.ratio-4-3,.preview .content-wrapper .content-stage.ratio-16-9{grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(14,1fr)}.preview .content-wrapper .content-stage .content-element{background-color:hsla(0,0%,100%,.5);z-index:20}.preview .content-wrapper .content-stage .content-element:hover{background:rgba(123,151,15,.5)}
.loading-screen{align-items:center;background-color:#fff;display:flex;height:100vh;opacity:.5;position:fixed;top:0;width:100vw;z-index:99999}.lds-ring{display:inline-block;margin:0 auto;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#000}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}