@import"/System/File/Get?appUrl=~/Formats/fonts/Montserrat-Regular.css";component-helper,.component-helper{display:block;position:relative;font-family:'MontserratRegular'}component-helper .component-helper--favourites{max-width:750px}component-helper>component{display:block;background:#fff}component-helper .background--code-viewer{background:#f5f2f0}component-helper .awesomplete>ul>li:before{display:none}.component-helper--custom-width{width:calc(100% - 120px)}.component-helper--input-full-width{flex:1}.component-helper--template-path-attribute{position:relative;font-family:Arial;font-size:14px}.component-helper--template-path-attribute input{padding-left:13px}.component-helper--template-path-attribute:before{content:'//';position:absolute;top:3px;left:6px;z-index:1}.component-helper input{font-family:'MontserratRegular'}.component-helper--attr-row:hover{background:#f9f9f9}.component-helper--insert-button{color:#bbb;font-size:.8em;padding:.45em .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgb(000/20%);border-radius:.5em;border:none;min-width:50px !important;position:absolute;top:0;right:7.5em;opacity:0}[class*="-output"] code-viewer:hover~.component-helper--insert-button{opacity:1}button.component-helper--insert-button:hover{background:inherit !important;color:#000;opacity:1}.component-helper--component-button.button--orange{color:#000}.component-helper--component-button{position:relative;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace}.component-container:before{content:'';position:absolute;width:calc(100% - 115px);height:1px;background:#6a6565}.component-helper--component-button:after{position:absolute;width:108px;height:1px;background:#6a6565;top:-16px;left:50%}attribute{display:block;width:100%}component-helper.md .component-helper--main-container,.component-helper.md .component-helper--attribute-columns,.component-helper.lg .component-helper--attribute-columns{flex-direction:column}component-helper.md .component-helper--favourites,component-helper.md .component-helper--other-attributes,.component-helper.md .component-helper--attribute-columns>*,.component-helper.lg .component-helper--attribute-columns>*,.component-helper.md .component-helper--component-selectors{width:100%}component-helper.md .component-helper--favourites,.component-helper.md .component-helper--attribute-columns>*:first-child{margin-bottom:20px}.component-helper.md .component-helper--categories,.component-helper.lg .component-helper--categories,.component-helper.md .component-helper--components,.component-helper.lg .component-helper--components{flex-wrap:wrap}.component-helper--component-search{width:115px;transition:all .5s ease-out;display:flex;background:#3974ba}.component-helper--component-search>label{color:#fff}.component-helper--component-search>value-selector{display:none}.component-helper--component-search:hover,.component-helper--component-search:has(input:focus){width:300px;}.component-helper--component-search:hover>label>span{display:none}.component-helper--component-search:hover>value-selector{display:inline-block}.component-helper--parse-html{background:#638b4e}.component-helper--component-description{font-style:italic;font-size:15px;line-height:22px;height:22px;text-overflow:ellipsis;margin:0;overflow:hidden;white-space:nowrap;padding-right:90px}.component-helper--component-description.expanded{white-space:normal;height:fit-content;overflow:visible;padding-right:0}.component-helper--menu{display:flex;align-items:center;margin:10px;position:relative;font-size:14px}.component-helper--menu-item{justify-content:center;display:flex;min-width:115px;margin-right:15px;padding:5px 10px;box-shadow:var(--default-box-shadow);border-radius:4px;height:40px;letter-spacing:.5px}.component-helper--menu-item>label{display:flex;align-items:center;cursor:pointer;line-height:28px;text-transform:uppercase;font-weight:bold;color:#fff}.component-helper--menu-item i.fa{color:#fff}.component-helper--component-menu{background:var(--default-orange)}.component-helper--sub-menu{position:absolute;top:45px;border:.5px solid #bdbdbd91;background-color:#fff;border-radius:4px;left:0;min-width:160px}.growDown{display:none;z-index:-1;animation:growDown 500ms ease-in-out forwards;transform-origin:top center}.growDown.visible:not(.component-helper--sub-menu),.growDown.selected{display:block;z-index:2000}.component-helper--menu-item>.component-helper--sub-menu.growDown.visible{display:flex;z-index:2000}@keyframes growDown{0%{transform:scaleY(0)}80%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}.component-helper--sub-menu-column{width:235px;margin-right:15px;padding-right:10px;border-right:1px solid #c2c2c2}.component-helper--sub-menu-column:last-of-type{margin-right:0;border:none;padding-right:0}.component-helper--sub-menu-section-heading{display:flex;align-items:center;cursor:pointer;justify-content:space-between;padding:5px 15px 5px 10px;z-index:2000;position:relative}.component-helper--sub-menu-section-items>li:not(.selected):hover{background-color:#ffd79b}.component-helper--sub-menu-section-items>*.selected{background-color:var(--default-orange)}.component-helper--sub-menu-section-heading>label{width:185px;text-transform:uppercase;font-size:14px;font-weight:bold}.component-helper--sub-menu-section-heading.selected>label{color:#bb6f00;text-decoration:underline}.component-helper--sub-menu-section-heading>i{margin-left:5px;font-size:12px;color:#a2a2a2;transition:.6s}.component-helper--sub-menu-section-heading:hover i,.component-helper--sub-menu-section:hover i{transform:rotateX(180deg)}.component-helper--sub-menu-section-items{margin:0;padding-left:15px}.component-helper--sub-menu-section-items>*{padding:5px 10px;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;cursor:pointer}.component-helper--menu-item>label i{margin-right:5px;transition:.6s}.component-helper--menu-item:hover>label i{transform:rotateY(360deg)}.component-helper input::-webkit-input-placeholder{font-family:'MontserratRegular'}.component-helper input::-moz-placeholder{font-family:'MontserratRegular'}.component-helper code-viewer pre[class*=language-]{box-shadow:0 2px 10px 0 rgb(000/10%),0 2px 10px 0 rgb(000/10%)}.component-helper .text--error{color:#d73910;font-weight:bold}.example-result,.example-input,.example-code{padding:10px;width:100%;display:flex;align-items:center;justify-content:center}.example-code{background-color:#f5f2f0;font-family:'Lucida Console'}.example-result{border:1px solid #d8d8d8}.example-input,.example-tag,.example-attribute,.example-value{font-weight:bold}.example-tag:before,.example-attribute:before,.example-value:before{content:'\';
}.example-tag:after,.example-attribute:after,.example-value:after{content:'\';
}.example-slide{border:.5px solid #bdbdbd91;background-color:#fff;margin:20px;padding:30px}.example-slide-title{font-size:1.2em;line-height:1.5em;color:#6a6565;margin:0;padding-bottom:.5em;font-weight:bold}.example-important{font-weight:bold;color:#504f4f}