@media only screen and (min-width: 0){.small-display-none{display:none}}@media only screen and (min-width: 600px){.medium-display-none{display:none}}@media only screen and (min-width: 900px){.large-display-none{display:none}}@media only screen and (min-width: 1200px){.xlarge-display-none{display:none}}@media only screen and (min-width: 1800px){.xxlarge-display-none{display:none}}@media only screen and (min-width: 0){.small-display-block{display:block}}@media only screen and (min-width: 600px){.medium-display-block{display:block}}@media only screen and (min-width: 900px){.large-display-block{display:block}}@media only screen and (min-width: 1200px){.xlarge-display-block{display:block}}@media only screen and (min-width: 1800px){.xxlarge-display-block{display:block}}@media only screen and (min-width: 0){.small-display-inline{display:inline}}@media only screen and (min-width: 600px){.medium-display-inline{display:inline}}@media only screen and (min-width: 900px){.large-display-inline{display:inline}}@media only screen and (min-width: 1200px){.xlarge-display-inline{display:inline}}@media only screen and (min-width: 1800px){.xxlarge-display-inline{display:inline}}@media only screen and (min-width: 0){.small-display-inline-block{display:inline-block}}@media only screen and (min-width: 600px){.medium-display-inline-block{display:inline-block}}@media only screen and (min-width: 900px){.large-display-inline-block{display:inline-block}}@media only screen and (min-width: 1200px){.xlarge-display-inline-block{display:inline-block}}@media only screen and (min-width: 1800px){.xxlarge-display-inline-block{display:inline-block}}@media only screen and (min-width: 0){.small-display-flex{display:flex}}@media only screen and (min-width: 600px){.medium-display-flex{display:flex}}@media only screen and (min-width: 900px){.large-display-flex{display:flex}}@media only screen and (min-width: 1200px){.xlarge-display-flex{display:flex}}@media only screen and (min-width: 1800px){.xxlarge-display-flex{display:flex}}@media only screen and (min-width: 0){.small-align-left{text-align:left;justify-content:left}}@media only screen and (min-width: 600px){.medium-align-left{text-align:left;justify-content:left}}@media only screen and (min-width: 900px){.large-align-left{text-align:left;justify-content:left}}@media only screen and (min-width: 1200px){.xlarge-align-left{text-align:left;justify-content:left}}@media only screen and (min-width: 1800px){.xxlarge-align-left{text-align:left;justify-content:left}}@media only screen and (min-width: 0){.small-align-right{text-align:right;justify-content:right}}@media only screen and (min-width: 600px){.medium-align-right{text-align:right;justify-content:right}}@media only screen and (min-width: 900px){.large-align-right{text-align:right;justify-content:right}}@media only screen and (min-width: 1200px){.xlarge-align-right{text-align:right;justify-content:right}}@media only screen and (min-width: 1800px){.xxlarge-align-right{text-align:right;justify-content:right}}@media only screen and (min-width: 0){.small-align-center{text-align:center;justify-content:center}}@media only screen and (min-width: 600px){.medium-align-center{text-align:center;justify-content:center}}@media only screen and (min-width: 900px){.large-align-center{text-align:center;justify-content:center}}@media only screen and (min-width: 1200px){.xlarge-align-center{text-align:center;justify-content:center}}@media only screen and (min-width: 1800px){.xxlarge-align-center{text-align:center;justify-content:center}}@font-face{font-family:'umime-to-gridcross';src:url("https://umimematiku.cz/files/mrizkovana/umime-to.eot?4kz38l");src:url("https://umimematiku.cz/files/mrizkovana/umime-to.eot?4kz38l#iefix") format("embedded-opentype"),url("https://umimematiku.cz/files/mrizkovana/umime-to.ttf?4kz38l") format("truetype"),url("https://umimematiku.cz/files/mrizkovana/umime-to.woff?4kz38l") format("woff"),url("https://umimematiku.cz/files/mrizkovana/umime-to.svg?4kz38l#umime-to") format("svg");font-weight:normal;font-style:normal}#gridcross{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:1rem 0;font-size:1rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}#gridcross *,#gridcross *:before,#gridcross *:after{box-sizing:inherit}#gridcross .task-title{margin:0 1.25rem .375rem;font-weight:700}#gridcross .task-copy{margin:0 1.25rem 1.5rem}#gridcross .limit{background:rgba(50,63,77,0.08);border-radius:2rem;font-size:.875rem;padding:0.125rem 0.5rem;margin:0 0.25rem 0 0;white-space:nowrap}#gridcross .limit-node:before{background:#fff;content:'';display:inline-block;border-radius:0.5rem;height:10px;width:10px;border:1.5px solid #323F4D;margin-right:0.25rem}#gridcross .limit-line:before{background:#323F4D;content:'';display:inline-block;border-radius:1rem;height:3px;width:14px;transform:translate(-0.0625rem, -0.25rem) rotate(-45deg)}#gridcross .limit-eq-sign{display:inline-block;transform:translate(0, -0.0625rem)}#gridcross #canvas-wrapper{background:#E1F1DF linear-gradient(-45deg, #D8F3E6 0%, #E6F6DA 50%, #F5F7DE 100%);border-radius:.4375rem;box-shadow:0 2px 5px 0 rgba(0,0,0,0.015),0 5px 16px 0 rgba(0,0,0,0.02),0 2px 4px 0 rgba(0,0,0,0.03),inset 0 0 100px rgba(50,63,77,0.05);position:relative}#gridcross #canvas{border-radius:inherit;box-sizing:border-box;display:block}#gridcross #canvas .touchsurface{fill:transparent}#gridcross #canvas path,#gridcross #canvas line{stroke-linecap:round;stroke-width:1;stroke:rgba(50,63,77,0.45);pointer-events:none}#gridcross #canvas path.taskline,#gridcross #canvas line.taskline{stroke:#323F4D;stroke-width:3;pointer-events:auto}#gridcross #canvas path.userline,#gridcross #canvas path.selectedline,#gridcross #canvas line.userline,#gridcross #canvas line.selectedline{stroke:#0BB9F3;stroke-width:3}#gridcross #canvas path.solvedline,#gridcross #canvas line.solvedline{animation:.25s ease-in solved-path forwards}#gridcross #canvas path.flashline,#gridcross #canvas line.flashline{pointer-events:none;animation:.35s cubic-bezier(0, 0, 0, 0.7) flash-selected-line forwards}#gridcross #canvas path.flashline.solvedline,#gridcross #canvas line.flashline.solvedline{animation:.55s cubic-bezier(0, 0, 0, 0.7) flash-solved-line forwards}#gridcross #canvas .node{fill:transparent;transition:fill .15s ease-out,stroke .15s ease-out}#gridcross #canvas .node.tasknode{stroke:#323F4D;fill:#fff;stroke-width:2}#gridcross #canvas .node.usernode,#gridcross #canvas .node.selectednode{stroke:#0BB9F3;fill:#fff}#gridcross #canvas .node.selectednode{stroke-width:2.5}#gridcross #canvas .node.usernode.solvednode,#gridcross #canvas .node.tasknode.solvednode,#gridcross #canvas .node.selectednode.solvednode{animation:.25s ease-in solved-node forwards}#gridcross #canvas .node.flashnode{pointer-events:none;animation:.35s cubic-bezier(0, 0, 0, 0.7) flash-selected-node forwards}#gridcross #canvas .node.flashnode.solvednode{animation:.55s cubic-bezier(0, 0, 0, 0.7) flash-solved-node forwards}#gridcross #canvas circle.indicator{fill:#fff;stroke-width:1.5;stroke:#0BB9F3;transition:fill .15s ease-out,stroke .15s ease-out}#gridcross #canvas circle.indicator.snapped{stroke:#9B59B6}#gridcross #canvas line.indicator{stroke-width:3;stroke:#0BB9F3;transition:fill .15s ease-out,stroke .15s ease-out}#gridcross #canvas line.indicator.crosshair{stroke-width:1;stroke:rgba(50,63,77,0.5)}#gridcross #canvas line.indicator.crosshair.snapped{stroke:rgba(155,89,182,0.75)}@media only screen and (min-width: 900px){#gridcross #canvas line.indicator.crosshair{stroke-width:0}}#gridcross #canvas line.indicator.snapped{stroke:#9B59B6}#gridcross #canvas .label{pointer-events:none;font-size:1rem;font-weight:700;fill:#323F4D}#gridcross #canvas .no-pointer-events{pointer-events:none !important}#gridcross .button-wrapper{align-items:center;bottom:-1.3125rem;display:flex;left:0;position:absolute;right:0}#gridcross .button-wrapper-left{flex:1 0 50%;text-align:right;padding-right:1rem}#gridcross .button-wrapper-right{flex:1 0 50%;text-align:left;padding-left:1rem}#gridcross .undo-button,#gridcross .next-button,#gridcross .reset-button{background-color:#fff;border:none;border-radius:.375rem;box-shadow:0 2px 5px 0 rgba(0,0,0,0.015),0 5px 16px 0 rgba(0,0,0,0.02);padding:.5625rem 1.25rem;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;outline:none;margin:0 0.25rem;min-height:2.75rem;font-size:1rem;text-transform:none;-webkit-appearance:button}#gridcross .undo-button:disabled,#gridcross .next-button:disabled,#gridcross .reset-button:disabled{background-color:#F9FBFB;color:rgba(50,63,77,0.45)}#gridcross .undo-button:not(:disabled):hover,#gridcross .undo-button:not(:disabled):active,#gridcross .next-button:not(:disabled):hover,#gridcross .next-button:not(:disabled):active,#gridcross .reset-button:not(:disabled):hover,#gridcross .reset-button:not(:disabled):active{transform:scale(1.0625);cursor:pointer}#gridcross .undo-button.next-button:not(:disabled),#gridcross .next-button.next-button:not(:disabled),#gridcross .reset-button.next-button:not(:disabled){background-color:#31BD60;color:#fff;animation:0.5s 1 aura-success}#gridcross .undo-button.next-button:not(:disabled):hover,#gridcross .undo-button.next-button:not(:disabled):active,#gridcross .next-button.next-button:not(:disabled):hover,#gridcross .next-button.next-button:not(:disabled):active,#gridcross .reset-button.next-button:not(:disabled):hover,#gridcross .reset-button.next-button:not(:disabled):active{background-color:#2aa152}#gridcross .undo-button:before{font-family:"umime-to-gridcross";content:url("https://www.umimeto.org/asset/global/img/icons/corner-down-left.svg")}#gridcross .reset-button:before{font-family:"umime-to-gridcross";content:url("https://www.umimeto.org/asset/global/img/icons/rotate-ccw.svg")}#gridcross .button-flash{animation:0.85s 1 aura}#gridcross .loading-indicator{border-radius:.4375rem;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#gridcross .loading-indicator:after{content:'';background-color:#31BD60;display:block;width:3rem;height:3rem;border-radius:.21875rem;animation:sk-rotateplane 1.2s infinite ease-in-out}#gridcross #local-io{margin:3.75rem auto 0;width:340px;position:relative}#gridcross #local-io #local-io-input{box-shadow:none;border:0.0625rem solid rgba(50,63,77,0.1);border-radius:.375rem;width:340px;min-width:340px;max-width:340px;min-height:2.5rem;height:2.5rem;font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:.875rem;padding:.5rem .75rem}#gridcross #local-io #local-io-input:focus{border-color:rgba(50,63,77,0.5);box-shadow:0 0 0 0.125rem rgba(50,63,77,0.2);outline:none}#gridcross #local-io #local-io-apply-button{background:rgba(50,63,77,0.08);border:none;border-radius:5rem;padding:0.125rem 0.375rem;width:1.75rem;height:1.75rem;position:absolute;top:0.375rem;right:0.375rem;outline:none}#gridcross #local-io #local-io-apply-button:before{font-family:"umime-to-gridcross";content:"\e902"}@keyframes flash-selected-line{0%{stroke:rgba(11,185,243,0.5)}100%{stroke:rgba(11,185,243,0);stroke-width:16}}@keyframes flash-solved-line{0%{stroke:rgba(49,189,96,0.5)}100%{stroke:rgba(49,189,96,0);stroke-width:16}}@keyframes flash-selected-node{0%{stroke:rgba(11,185,243,0.5)}100%{stroke:rgba(11,185,243,0);stroke-width:24}}@keyframes flash-solved-node{0%{stroke:rgba(49,189,96,0.5)}100%{stroke:rgba(49,189,96,0);stroke-width:24}}@keyframes solved-path{0%{stroke:#0BB9F3}100%{stroke:#31BD60;stroke-width:4}}@keyframes solved-node{0%{stroke:#0BB9F3}100%{stroke:#31BD60;stroke-width:2}}@keyframes aura{0%{background-color:#e8ecf0;box-shadow:0 0 0 0 rgba(50,63,77,0.5),0 2px 5px 0 rgba(0,0,0,0.015),0 5px 16px 0 rgba(0,0,0,0.02);color:#323F4D}50%{box-shadow:0 0 0 0.5rem rgba(50,63,77,0),0 2px 5px 0 rgba(0,0,0,0.015),0 5px 16px 0 rgba(0,0,0,0.02);color:#323F4D}}@keyframes aura-success{from{box-shadow:0 0 0 0 rgba(49,189,96,0.75),0 2px 5px 0 rgba(0,0,0,0.015),0 5px 16px 0 rgba(0,0,0,0.02)}to{box-shadow:0 0 0 0.5rem rgba(49,189,96,0),0 2px 5px 0 rgba(0,0,0,0.015),0 5px 16px 0 rgba(0,0,0,0.02)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
