/*!* You can add global styles to this file, and also import other style files *!*/
/*!*.card.card.highlight-card span {*!*/
/*!*margin-left: 60px;*!*/
/*!*}*!*/
/*!* Responsive Styles *!*/app-ui-button+app-ui-button{margin-left:2em}*,:after,:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}canvas,iframe,img,svg,video{max-width:100%;height:auto}input,select,textarea{max-width:100%;margin-left:0;margin-right:0}.unselectable{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}#libraryPreview{overflow-y:scroll;max-width:184px;margin:0 10px}#libraryPreview,#libraryView{min-height:130px;overflow-x:hidden;position:relative;float:left;max-height:600px}#libraryView{overflow-y:hidden;margin:0}

/*!*.libraryDetail:hover {background-color: #eeeeee;}*!*/#libraryPreview img,#libraryView img{margin:3px;border:1px solid #d8d8d8;cursor:pointer;opacity:.9;background-color:#fff;border-radius:5px;width:160px;height:120px;box-sizing:content-box}#libraryPreview img.selected{border-color:#1c7efb}.panel H1{margin-top:0}.smer-in:before{content:"⬅";color:red}.smer-out:before{content:"➡";color:green}.mt-1{margin-top:.5em!important}.mt-2{margin-top:1em!important}.mt-3{margin-top:1.5em!important}.mt-4{margin-top:2em!important}.ui-color-picker .alpha,.ui-color-picker .hue{width:80px;height:28px;border:1px solid grey;position:relative}.ui-color-picker .hue{background:url(https://mdn.mozillademos.org/files/5701/hue.png) 50%;background-size:contain;background:-o-linear-gradient(left,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%)}.ui-color-picker{width:80px;margin:0;-moz-user-select:none;-webkit-user-select:none;user-select:none}.ui-color-picker .slider-picker{width:2px;height:100%;border:1px solid #777;background-color:#fff;position:absolute;top:-1px}.ui-color-picker .picking-area{width:80px;height:80px;border:1px solid grey;position:relative}.ui-color-picker .picking-area:hover{cursor:default}.ui-color-picker .picking-area{background:-moz-linear-gradient(top,#fff 0,hsla(0,0%,100%,0) 50%,transparent 50%,#000 100%),-moz-linear-gradient(left,grey 0,hsla(0,0%,50%,0) 100%);background-image:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0) 50%,transparent 0,#000),-webkit-linear-gradient(left,grey,hsla(0,0%,50%,0));background:-o-linear-gradient(top,#fff 0,hsla(0,0%,100%,0) 50%,transparent 50%,#000 100%),-o-linear-gradient(left,grey 0,hsla(0,0%,50%,0) 100%);background-color:red}.ui-color-picker .picker{width:10px;height:10px;border-radius:50%;border:1px solid #fff;position:absolute;top:45%;left:45%}.widget__config{display:inline-block}.top-bar a{color:#fff}.top-bar a:hover{text-decoration:none}