app-root#imageEditor *{margin:0;padding:0;position:relative;font-family:Arial,sans-serif}app-root#imageEditor div,app-root#imageEditor ul{display:flex}app-root#imageEditor ul{list-style:none}app-root#imageEditor ul li{padding:.5vw}app-root#imageEditor a,app-root#imageEditor a:hover{text-decoration:underline;cursor:pointer;color:inherit}app-root#imageEditor u{text-decoration:underline!important}app-root#imageEditor h5{font-size:20px!important}app-root#imageEditor input[type=checkbox],app-root#imageEditor label{cursor:pointer}app-root#imageEditor .buttons{flex-shrink:0}app-root#imageEditor button:not([disabled]){cursor:pointer;outline:0}app-root#imageEditor .animated{transition:all .3s ease-in-out}app-root#imageEditor .animatedSlow{transition:all .7s ease-in-out}app-root#imageEditor .bgTransp{background:0 0!important}app-root#imageEditor .blurry{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}app-root#imageEditor button[disabled]{cursor:not-allowed}app-root#imageEditor .capitalize,app-root#imageEditor .capitalized{text-transform:capitalize}app-root#imageEditor .card{padding:.25em;margin:.25em;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}app-root#imageEditor .centered,app-root#imageEditor .text-center{text-align:center}app-root#imageEditor .cursorPointer,app-root#imageEditor .pointer{cursor:pointer}app-root#imageEditor .displayBlock{display:block}app-root#imageEditor .dispNone,app-root#imageEditor .displayNone,app-root#imageEditor .dispnone{display:none!important}app-root#imageEditor .flex{display:flex}app-root#imageEditor .flex.column{flex-direction:column}app-root#imageEditor .flex.center-all,app-root#imageEditor .flex.center-v,app-root#imageEditor .flex.inline{align-items:center}app-root#imageEditor .flex.center-all:not(.column)>*,app-root#imageEditor .flex.center-v:not(.column)>*,app-root#imageEditor .flex.inline:not(.column)>*{margin-top:0;margin-bottom:0}app-root#imageEditor .flex.flex-start{justify-content:flex-start}app-root#imageEditor .flex.flex-end{justify-content:flex-end}app-root#imageEditor .flex.center-all,app-root#imageEditor .flex.center-h{justify-content:center}app-root#imageEditor .flex.space-around{justify-content:space-around}app-root#imageEditor .flex.space-between{justify-content:space-between}app-root#imageEditor .flex.wrap{flex-wrap:wrap}app-root#imageEditor .fullscreen{width:100vw;height:100%;position:relative}app-root#imageEditor .fullWidth,app-root#imageEditor .fullwidth{width:100%}app-root#imageEditor .grid{display:grid}app-root#imageEditor .hidden,app-root#imageEditor [hidden]{visibility:hidden!important}app-root#imageEditor .inverted{-webkit-filter:invert(100%)}app-root#imageEditor .noBorder,app-root#imageEditor .noBorder td,app-root#imageEditor .noBorder tr,app-root#imageEditor .noborder,app-root#imageEditor .noborder td,app-root#imageEditor .noborder tr{border:none!important}app-root#imageEditor .no-highlight,app-root#imageEditor ui-switch{-webkit-tap-highlight-color:rgba(255,255,255,0)}app-root#imageEditor .noMargin,app-root#imageEditor .nomargin{margin:0!important}app-root#imageEditor .noPadding,app-root#imageEditor .nopadding{padding:0!important}app-root#imageEditor .noshrink{flex-shrink:0}app-root#imageEditor .noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}app-root#imageEditor .noUnderline{text-decoration:none!important}app-root#imageEditor .opaque{opacity:1!important}app-root#imageEditor .scroller{overflow-x:hidden;overflow-y:auto}app-root#imageEditor .shadow{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}app-root#imageEditor .showOnHover{opacity:.2}app-root#imageEditor .showOnHover:hover{opacity:1}app-root#imageEditor .showButtonsOnHover .buttons{opacity:.2}app-root#imageEditor .showButtonsOnHover:hover .buttons{opacity:1}app-root#imageEditor .nobreak,app-root#imageEditor .singleLine{white-space:nowrap}app-root#imageEditor .spinning{-webkit-animation:2s linear infinite spinning;animation:2s linear infinite spinning}app-root#imageEditor .strikethrough{text-decoration:line-through}app-root#imageEditor table{border-collapse:collapse}app-root#imageEditor table tr{padding:0;margin:0;border-bottom:1px solid #eee}app-root#imageEditor table tr td,app-root#imageEditor table tr th{border-bottom:1px solid #eee}app-root#imageEditor table.zebra tr td{background-color:#fff}app-root#imageEditor table.zebra tr:nth-child(even) td{background-color:#fafaf0}app-root#imageEditor .text-right{text-align:right}app-root#imageEditor .text-center{text-align:center}app-root#imageEditor .text-left{text-align:left}app-root#imageEditor .uppercase{text-transform:uppercase}@-webkit-keyframes spinning{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinning{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}app-root#imageEditor{position:fixed;top:-200vh;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:50%;background:#fafafa;z-index:1080;box-shadow:2px 4px 20px 3px rgba(0,0,0,.49)}app-root#imageEditor:before{content:"";width:200vw;height:200vh;position:absolute;top:-50vh;left:-50vw;background:rgba(0,0,0,.7)}app-root#imageEditor .backgroundWhite{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0}app-root#imageEditor new-account,app-root#imageEditor page-search{flex-grow:1;height:100%;display:flex;flex-direction:column}app-root#imageEditor * a.blue{color:#2399e5!important}app-root#imageEditor * button{background:#425275;color:#fff;border:1px solid #3a4865;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:20px;margin-right:10px;position:relative;padding:5px}app-root#imageEditor * button.active{color:#263046;background:#fff;cursor:auto}app-root#imageEditor * button.close{z-index:5}app-root#imageEditor * button[disabled]{opacity:.5;pointer-events:none}app-root#imageEditor * button:not(.active):hover{color:#263046;background:#adb8d2}app-root#imageEditor color-picker .color-picker{left:10px!important}app-root#imageEditor .editor{padding:40px}app-root#imageEditor .editor *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}app-root#imageEditor .editor .close span{color:#000}app-root#imageEditor .editor .left{z-index:6;align-self:center}app-root#imageEditor .editor .separator{width:2vw;pointer-events:none}app-root#imageEditor .editor .right{z-index:5;min-width:380px}app-root#imageEditor .editor .right *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}app-root#imageEditor .editor .right h5{text-align:center}app-root#imageEditor .editor .right .marginTop{margin-top:40px!important}app-root#imageEditor .editor .page1 .left{background:#445374;position:relative;border:1px solid #55a1bb;padding:3px}app-root#imageEditor .editor .page1 .left .background{position:absolute;top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);background-size:contain;background-repeat:no-repeat;background-position:center}app-root#imageEditor .editor .page1 .left .background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8)}app-root#imageEditor .editor .page1 .left .clipOutline{position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}app-root#imageEditor .editor .page1 .left img#sourceImgElem{min-width:400px;max-width:800px;pointer-events:none;display:block}app-root#imageEditor .editor .page1 .left .ellipseLayer,app-root#imageEditor .editor .page1 .left .polygonLayer,app-root#imageEditor .editor .page1 .left .rectangleLayer{position:absolute;top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px)}app-root#imageEditor .editor .page1 .left .ellipseLayer .c-handle,app-root#imageEditor .editor .page1 .left .polygonLayer .c-handle,app-root#imageEditor .editor .page1 .left .rectangleLayer .c-handle{position:absolute}app-root#imageEditor .editor .page1 .left .ellipseLayer .c-handle .handle,app-root#imageEditor .editor .page1 .left .polygonLayer .c-handle .handle,app-root#imageEditor .editor .page1 .left .rectangleLayer .c-handle .handle{background:pink;border-radius:50%;width:20px;height:20px;position:absolute;border:1px solid red;cursor:move;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:.7;color:red;font-weight:700}app-root#imageEditor .editor .page1 .left .ellipseLayer .c-handle:nth-child(1) .handle{background:#445374;border-color:#00f;width:auto;height:auto}app-root#imageEditor .editor .page1 .left .ellipseLayer .c-handle:nth-child(2){-webkit-transform:translateX(0)!important;transform:translateX(0)!important}app-root#imageEditor .editor .page1 .left .ellipseLayer .c-handle:nth-child(2) .handle{cursor:ns-resize}app-root#imageEditor .editor .page1 .left .ellipseLayer .c-handle:nth-child(3){-webkit-transform:translateX(0)!important;transform:translateX(0)!important}app-root#imageEditor .editor .page1 .left .ellipseLayer .c-handle:nth-child(3) .handle{cursor:ew-resize}app-root#imageEditor .editor .page1 .left .polygonLayer{cursor:copy}app-root#imageEditor .editor .page1 .left .rectangleLayer img.arrow{max-width:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}app-root#imageEditor .editor .page1 .right ol.polygonInstructions{margin-top:20px;background-color:#ced4e3;padding:10px 30px}app-root#imageEditor .editor .page1 .right ol.polygonInstructions *{font-size:14px}app-root#imageEditor .editor .page1 .right ol.polygonInstructions li{padding:0;color:#445374}app-root#imageEditor .editor .page2 .left{position:relative}app-root#imageEditor .editor .page2 .left canvas{border:1px solid #445374;padding:3px;background-color:#445374}app-root#imageEditor .editor .page2 .left canvas:not(:nth-child(1)){position:absolute;top:0;left:0}app-root#imageEditor .editor .page2 .left canvas.hasBorder{background-image:linear-gradient(90deg,#25e2d5 50%,transparent 50%),linear-gradient(90deg,#25e2d5 50%,transparent 50%),linear-gradient(0deg,#25e2d5 50%,transparent 50%),linear-gradient(0deg,#25e2d5 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 3px,15px 3px,3px 15px,3px 15px;background-position:left top,right bottom,left bottom,right top;-webkit-animation:1s linear infinite border-dance;animation:1s linear infinite border-dance;cursor:url(./assets/cursor_eyedropper.png),auto!important}@-webkit-keyframes border-dance{0%{background-position:left top,right bottom,left bottom,right top}100%{background-position:left 15px top,right 15px bottom,left bottom 15px,right top 15px}}@keyframes border-dance{0%{background-position:left top,right bottom,left bottom,right top}100%{background-position:left 15px top,right 15px bottom,left bottom 15px,right top 15px}}app-root#imageEditor .editor .page2 .right .c-eyeDropperText{display:inline-flex;cursor:pointer;outline:0}app-root#imageEditor .editor .page2 .right .c-eyeDropperText small{-webkit-transform:translateY(2px);transform:translateY(2px)}app-root#imageEditor .editor .page2 .right .pickedColorSample{border:1px solid #445374;width:20px;height:20px;border-radius:50%;-webkit-transform:translateY(-4px);transform:translateY(-4px)}app-root#imageEditor .editor .page3 .left canvas{border:1px solid #445374}app-root#imageEditor .editor .page3 .right button{width:120px}app-root#imageEditor .editor .working{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8)}