.unvisible{display:none !important}.no-selection{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none}input{outline:none}.om-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:2.0rem;border:solid 2px rgba(255,255,255,0.3);border-radius:5px}.om-switch>:first-child{border-radius:3px 0 0 3px}.om-switch>:last-child{border-radius:0 3px 3px 0}.om-switch__element{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0.5rem;width:100%;font-size:1.0rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}.om-switch__element:hover{background:rgba(255,255,255,0.3);-webkit-box-shadow:inset 0px 0px 5px 0 rgba(255,255,255,0.1);box-shadow:inset 0px 0px 5px 0 rgba(255,255,255,0.1)}.om-switch__element:active{background:rgba(255,255,255,0.2);-webkit-box-shadow:inset 0px 0px 5px 0 rgba(0,0,0,0.1);box-shadow:inset 0px 0px 5px 0 rgba(0,0,0,0.1)}.om-switch__element_active{background:rgba(255,255,255,0.8);color:#000}.om-switch__element_active:hover{background:#fff}.om-switch__element_active:active{background:rgba(255,255,255,0.7)}#getcolor-interface__content{width:26.825rem}.getcolor-fillswitcher{margin:0.25rem 0.25rem 0 0.25rem}.getcolor-switch{width:100%}.getcolor-colorsblock,.getcolor-gradientsblock{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:25.7rem}.getcolor-colorsblock__color,.getcolor-rgbacodeblock__resultcolor,.getcolor-layerlist__color,.getcolor-gradientsblock__gradient{content:"";display:inline-block;text-align:center;background:rgba(255,255,255,0.3);border:solid 2px rgba(255,255,255,0.3);height:1.5rem;width:1.5rem;margin:0.25rem;border-radius:3px;cursor:pointer;-webkit-transition:opacity 1.0s, background-color 1.0s, -webkit-transform 0.3s;transition:opacity 1.0s, background-color 1.0s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 1.0s, background-color 1.0s;transition:transform 0.3s, opacity 1.0s, background-color 1.0s, -webkit-transform 0.3s}.getcolor-colorsblock__color:hover,.getcolor-rgbacodeblock__resultcolor:hover,.getcolor-layerlist__color:hover,.getcolor-gradientsblock__gradient:hover{border:solid 2px rgba(255,255,255,0.3);-webkit-transform:scale(0.9);transform:scale(0.9)}.getcolor-colorsblock__color:active,.getcolor-rgbacodeblock__resultcolor:active,.getcolor-layerlist__color:active,.getcolor-gradientsblock__gradient:active{border:solid 2px rgba(255,255,255,0.9);-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.2);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.getcolor-colorsblock__color_c1{background:#fb8581}.getcolor-colorsblock__color_c2{background:#fffe7f}.getcolor-colorsblock__color_c3{background:#82fd80}.getcolor-colorsblock__color_c4{background:#047cff}.getcolor-colorsblock__color_c5{background:red}.getcolor-colorsblock__color_c6{background:#804041}.getcolor-colorsblock__color_c7{background:#008081}.getcolor-colorsblock__color_c8{background:#807fff}.getcolor-colorsblock__color_c9{background:#810041}.getcolor-colorsblock__color_c10{background:#ff0080}.getcolor-colorsblock__color_c11{background:maroon}.getcolor-colorsblock__color_c12{background:#8000ff}.getcolor-colorsblock__color_c13{background:#ff7e00}.getcolor-colorsblock__color_c14{background:#028002}.getcolor-colorsblock__color_c15{background:#0101a1}.getcolor-colorsblock__color_c16{background:#000}.getcolor-colorsblock__color_c17{background:#848000}.getcolor-colorsblock__color_c18{background:#808040}.getcolor-colorsblock__color_c19{background:gray}.getcolor-colorsblock__color_c20{background:#408080}.getcolor-colorsblock__color_c21{background:silver}.getcolor-colorsblock__color_c22{background:#fff}.getcolor-pickerblock{padding-top:0;margin:0.25rem}.getcolor-pickerblock__picker{width:100%;height:6rem;background:-webkit-gradient(linear, left top, right top, from(#fff), to(red));background:linear-gradient(90deg, #fff 0%, red 100%);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:crosshair;position:relative}.getcolor-pickerblock__picker::before{display:block;width:100%;height:6rem;background:-webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0,0,0,0)));background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);-webkit-box-sizing:border-box;box-sizing:border-box;content:'.';color:transparent}.getcolor-pickerblock__picker-cursor{display:block;width:10px;height:10px;background:rgba(0,0,0,0.1);position:absolute;content:' ';border:solid 2px rgba(255,255,255,0.8);-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.5);box-shadow:0 0 2px 1px rgba(0,0,0,0.5);border-radius:3px;top:0;left:calc(100% - 12px)}.getcolor-rgbacodeblock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.getcolor-rgbacodeblock__prefix,.getcolor-layerlist__prefix,.getcolor-gradientsettings__prefix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0.5rem;height:1.8rem;font-family:'Montserrat', sans-serif;font-size:1.2rem;background:#413e53;color:white;margin:0 0.25rem;width:4.35rem;border:solid 2px rgba(255,255,255,0.3);cursor:default;-webkit-transition:all 0.3s;transition:all 0.3s}.getcolor-rgbacodeblock__prefix:hover,.getcolor-layerlist__prefix:hover,.getcolor-gradientsettings__prefix:hover{border:solid 2px rgba(255,255,255,0.6)}.getcolor-rgbacodeblock__prefix:active,.getcolor-layerlist__prefix:active,.getcolor-gradientsettings__prefix:active{border:solid 2px rgba(255,255,255,0.9)}.getcolor-rgbacodeblock__rgba,.getcolor-layerlist__field,.getcolor-gradientsettings__field{max-width:2.5rem;font-family:'Montserrat', sans-serif;font-size:1.2rem;background:rgba(255,255,255,0);border:none;color:white;text-align:center}.getcolor-rgbacodeblock__resultcolor,.getcolor-layerlist__color{position:relative;height:1.8rem;width:1.8rem;margin:0 0.25rem;background-image:linear-gradient(45deg, gray 25%, transparent 25%),linear-gradient(-45deg, gray 25%, transparent 25%),linear-gradient(45deg, transparent 75%, gray 75%),linear-gradient(-45deg, transparent 75%, gray 75%);background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px}.getcolor-rgbacodeblock__resultcolor:before,.getcolor-layerlist__color:before{display:block;background:red;content:"";border:solid 2px rgba(255,255,255,0.3);border-radius:3px;height:100%;width:100%;position:absolute;top:-2px;left:-2px}.getcolor-huelineblock,.getcolor-opacitylineblock{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0.3rem;position:relative;margin:0 0.25rem}.getcolor-huelineblock__table,.getcolor-opacitylineblock__table{width:100%;border-collapse:collapse}.getcolor-huelineblock__table_cursor,.getcolor-opacitylineblock__table_cursor{position:absolute;top:1.8rem}.getcolor-huelineblock__table tbody,.getcolor-opacitylineblock__table tbody{position:relative}.getcolor-huelineblock__line,.getcolor-opacitylineblock__line{padding:0;height:2.0rem;position:relative;content:""}.getcolor-huelineblock__picker-cursor,.getcolor-opacitylineblock__picker-cursor{display:block;width:12px;height:2.0rem;background:rgba(0,0,0,0.1);position:absolute;content:' ';border:solid 1px;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.5);box-shadow:0 0 2px 1px rgba(0,0,0,0.5);top:-25px;left:calc(50%)}.getcolor-opacitylineblock{margin-bottom:0.25rem}.getcolor-opacitylineblock__line::before{display:block;background:-webkit-gradient(linear, left top, right top, from(rgba(255,0,0,0)), to(red));background:linear-gradient(90deg, rgba(255,0,0,0), red);content:"";height:2.0rem;width:100%;position:absolute;top:0;left:0}.getcolor-layerlist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;height:18.9rem;scrollbar-width:none;width:25.5rem;overflow-y:scroll}.getcolor-layerlist::-webkit-scrollbar{display:none}.getcolor-layerlist__layerelement,.getcolor-layerlist__layerscontrol{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.25rem 0.25rem;-webkit-transition:all 0.3s;transition:all 0.3s}.getcolor-layerlist__layerscontrol{width:100%;padding-right:0}.getcolor-layerlist__label{margin:0.25rem 0 0.25rem 0.25rem;cursor:default}.getcolor-layerlist__layerbuttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.getcolor-layerlist__layerbuttons>:first-child{margin-left:0}.getcolor-layerlist__layerbuttons>:last-child{margin-right:0}.getcolor-layerlist__listbutton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.5rem;height:1.5rem;margin:0 0.25rem;font-size:0.8rem;background:rgba(255,255,255,0.3);border:solid 2px rgba(255,255,255,0);border-radius:5px;-webkit-transition:all 0.3s;transition:all 0.3s;cursor:pointer}.getcolor-layerlist__listbutton:hover{background:rgba(255,255,255,0.4);border:solid 2px rgba(255,255,255,0.3);-webkit-transform:scale(0.95) translateY(-1px);transform:scale(0.95) translateY(-1px)}.getcolor-layerlist__listbutton:active{background:rgba(255,255,255,0.2);border:solid 2px rgba(255,255,255,0.9);-webkit-transform:scale(1.05) translateY(1px);transform:scale(1.05) translateY(1px)}.getcolor-layerlist__listbutton_disabled{color:rgba(255,255,255,0.1);background:rgba(255,255,255,0.1)}.getcolor-layerlist__listbutton_disabled:hover{background:rgba(255,255,255,0.1);border:solid 2px rgba(255,255,255,0);-webkit-transform:unset;transform:unset}.getcolor-layerlist__listbutton_disabled:active{background:rgba(255,255,255,0.1);border:solid 2px rgba(255,255,255,0);-webkit-transform:unset;transform:unset}.getcolor-layerlist__buttonnumber,.getcolor-layerlist__removebutton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.8rem;width:1.8rem;margin:0 0.25rem;padding:0.2rem;font-size:1.0rem;border-radius:3px}.getcolor-layerlist__buttonnumber_active{background:rgba(255,0,128,0.9);font-weight:600}.getcolor-layerlist__buttonnumber_active:hover{background:#ff0080}.getcolor-layerlist__buttonnumber_active:active{background:rgba(255,0,128,0.7)}.getcolor-layerlist__color{width:1.8rem;height:1.8rem;padding:0.2rem}.getcolor-layerlist__prefix{height:2.2rem;padding-left:0.25rem;font-size:1.0rem;margin:0 0.15rem}.getcolor-layerlist__prefix_hexa{width:9.5rem}.getcolor-layerlist__prefix_stop{width:5.5rem}.getcolor-layerlist__field{max-width:unset;font-size:1.0rem;text-align:unset;padding-left:0.25rem}.getcolor-layerlist__field_hexa{width:6rem;text-transform:lowercase}.getcolor-layerlist__field_stop{width:2.0rem}.getcolor-gradientsblock{margin-top:0.25rem}.getcolor-gradientsblock__gradient{width:2.8rem;height:2.8rem}.getcolor-gradientsblock__gradient_g4{background:-webkit-gradient(linear, left bottom, left top, from(#7abcff), color-stop(44%, #60abf8), to(#4096ee));background:linear-gradient(0deg, #7abcff 0%, #60abf8 44%, #4096ee 100%)}.getcolor-gradientsblock__gradient_g5{background:-webkit-gradient(linear, left bottom, left top, from(#f0b7a1), color-stop(50%, #8c3310), color-stop(51%, #752201), to(#bf6e4e));background:linear-gradient(0deg, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%)}.getcolor-gradientsblock__gradient_g6{background:-webkit-gradient(linear, left bottom, left top, from(#626c88), to(#3f4c6b));background:linear-gradient(0deg, #626c88 0%, #3f4c6b 100%)}.getcolor-gradientsblock__gradient_g7{background:-webkit-gradient(linear, left bottom, left top, from(#f5f6f6), color-stop(21%, #dbdce2), color-stop(49%, #b8bac6), color-stop(80%, #dddfe3), to(#f5f6f6));background:linear-gradient(0deg, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%)}.getcolor-gradientsblock__gradient_g8{background:-webkit-gradient(linear, left bottom, left top, from(#cb60b3), color-stop(50%, #c146a1), color-stop(51%, #a80077), to(#db36a4));background:linear-gradient(0deg, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%)}.getcolor-gradientsblock__gradient_g9{background:-webkit-gradient(linear, left bottom, left top, from(#aebcbf), color-stop(50%, #6e7774), color-stop(51%, #0a0e0a), to(#0a0809));background:linear-gradient(0deg, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%)}.getcolor-gradientsblock__gradient_g10{background:-webkit-gradient(linear, left bottom, left top, from(#a9e4f7), to(#0fb4e7));background:linear-gradient(0deg, #a9e4f7 0%, #0fb4e7 100%)}.getcolor-gradientsblock__gradient_g11{background:linear-gradient(135deg, #505add 34%, #be40c0 66%, #fba82b 96%)}.getcolor-gradientsblock__gradient_g12{background:linear-gradient(210deg, #fff 0%, #6284ff 50%, red 100%)}.getcolor-gradientsblock__gradient_g13{background:-webkit-gradient(linear, left bottom, left top, from(#ffdee9), to(#b5fffc));background:linear-gradient(0deg, #ffdee9 0%, #b5fffc 100%)}.getcolor-gradientsblock__gradient_g14{background:linear-gradient(225deg, #ff3cac 0%, #784ba0 50%, #2b86c5 100%)}.getcolor-gradientsblock>:nth-child(-n+7){margin-bottom:0.5rem}.getcolor-gradientsblock>*{border:none}.getcolor-gradientsblock>*:hover{border:none}.getcolor-gradientsettings{margin:0 0.25rem}.getcolor-gradientsettings__buttonradial{display:inline-block;font-size:0.8rem;padding:0.5rem;text-align:center;width:100%;background:rgba(255,255,255,0.3);border:solid 2px rgba(255,255,255,0.3);height:1.0rem;border-radius:3px;cursor:pointer;-webkit-transition:opacity 1.0s, background-color 1.0s, -webkit-transform 0.3s;transition:opacity 1.0s, background-color 1.0s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 1.0s, background-color 1.0s;transition:transform 0.3s, opacity 1.0s, background-color 1.0s, -webkit-transform 0.3s}.getcolor-gradientsettings__buttonradial:hover{-webkit-transform:scale(0.98);transform:scale(0.98);background:rgba(255,255,255,0.4)}.getcolor-gradientsettings__buttonradial:active{-webkit-transform:translateY(2px);transform:translateY(2px);background:rgba(255,255,255,0.2);border:solid 2px rgba(255,255,255,0.8)}.getcolor-gradientsettings__button{width:unset}.getcolor-gradientsettings__prefix_degree{width:7rem;height:2rem;font-size:0.9rem;text-transform:uppercase}.getcolor-gradientsettings__field{max-width:unset}.getcolor-gradientsettings__field_degree{width:3rem;font-size:0.9rem;text-transform:lowercase}.getcolor-codeblock{margin:0.25rem}.getcolor-codeblock__panel{display:inline-block;background:rgba(255,255,255,0.1);width:100%;border-radius:5px}.getcolor-codeblock__codetab{display:inline-block;margin-left:2rem;padding:0.5rem;background:#233463}.getcolor-codeblock__copy{display:inline-block;float:right;height:1.0rem;font-size:0.8rem;padding:0.59rem;border-top-right-radius:5px;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}.getcolor-codeblock__copy:hover{background:rgba(255,255,255,0.3)}.getcolor-codeblock__copy:active{background:rgba(0,0,0,0.3)}.getcolor-codeblock__codearea{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:0.5rem;font-family:monospace;font-size:1.2em;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;height:6rem;background:#233463;border-radius:0 0 5px 5px}.getcolor-codeblock__codearea::-webkit-scrollbar{display:none}.getcolor-codeblock__linenumbers{line-height:1.5rem;padding:0 0.75rem;white-space:pre-wrap}.getcolor-codeblock__code{line-height:1.5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:pre-wrap}.getcolor-codeblock__code>*{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.getcolor-tabssection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:25.7rem}.getcolor-tabssection>:first-child{margin-left:0}.getcolor-tabssection>:last-child{margin-right:0}.getcolor-tabssection__tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:solid 2px rgba(255,255,255,0);border-radius:5px;margin:0 0.25rem;padding:0.5rem 1rem;height:2.5rem;-webkit-transition:all 0.3s;transition:all 0.3s;font-size:1.5rem;cursor:pointer}.getcolor-tabssection__tab:hover{letter-spacing:1px;background:rgba(255,255,255,0);border:solid 2px rgba(255,255,255,0);-webkit-transform:scale(1.05);transform:scale(1.05)}.getcolor-tabssection__tab:active{background:rgba(255,255,255,0.4);border:solid 2px rgba(255,255,255,0.15);color:rgba(255,255,255,0.9)}.getcolor-tabssection__tab_active{-webkit-transform:scale(0.95);transform:scale(0.95);background:rgba(255,255,255,0.8);border:solid 2px rgba(255,255,255,0.1);color:#000}.getcolor-tabssection__tab_active:hover{-webkit-transform:scale(1);transform:scale(1);background:#fff;border:solid 2px rgba(255,255,255,0.25)}.getcolor-tabssection__tab_active:active{background:rgba(255,255,255,0.4);border:solid 2px rgba(255,255,255,0.15);color:rgba(255,255,255,0.9)}.getcolor-tabssection__title{font-size:1.0rem;margin-left:0.5rem}