<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
    font-family: sans-serif;
    font-weight: 600;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}

img{
    pointer-events: none;
}

body {
    position: relative;
    margin: 0;
    width: 100%;
    height: 100vh;
    min-width: 1024px;
    min-height: 597px;
}

canvas {
    position: absolute;
    touch-action: none;
    z-index: 1;
    overflow: hidden;
}

/* ==========================================================================
   General style of button
   ========================================================================== */
.gm-left-wrapper {
    position: absolute;
    left: 0;
}

.gm-right-wrapper {
    position: absolute;
    right: 0;
}

ul.gm-btn-wrapper {
    padding: 0;
    margin: 0;
    width: 20%;
    min-width: 130px;
    max-width: 200px;
    bottom: 5%;
    z-index: 2;
    touch-action: none;
}

ul.gm-btn-wrapper li {
    display: block;
    height: 61px;
    margin: 3%;
    text-align: center;
}

ul.gm-btn-wrapper li button:focus {
    outline: 0;
}

ul.gm-btn-wrapper .gm-button {
    border: none;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: 2;
}

ul.gm-btn-wrapper hr {
    width: 150px;
    border: 1px dashed #008FC5;
    margin: 16px auto;
}

/* ==========================================================================
   Normal button
   ========================================================================== */
.gm-button {
    width: 150px;
    height: 61px;
}

#preload {
    background: url("../image/button-rotate.png"), url("../image/button-rotate-active.png"),
    url("../image/button-mark.png"), url("../image/button-mark-active.png"), url("../image/button-mark-disable.png"),
    url("../image/button-fold.png"), url("../image/button-fold-active.png"), url("../image/button-fold-disable.png"),
    url("../image/button-open.png"), url("../image/button-open-active.png"), url("../image/button-open-disable.png"),
    url("../image/button-reset.png"), url("../image/button-reset-active.png"),
    url("../image/button-swap-left.png"), url("../image/button-swap-right.png");
}

/* Button Rotate */
#btnRotate {
    background: url("../image/button-rotate.png") no-repeat;
    background-size: 100%;
}

#btnRotate.gm-active {
    background: url("../image/button-rotate-active.png") no-repeat;
    background-size: 100%;
}

/* Button Cut */
#btnMark {
    background: url("../image/button-mark.png") no-repeat;
    background-size: 100%;
}

#btnMark.gm-active {
    background: url("../image/button-mark-active.png") no-repeat;
    background-size: 100%;
}

#btnMark.gm-disabled {
    background: url("../image/button-mark-disable.png") no-repeat;
    background-size: 100%;
}

/* Button Fold */
#btnFold {
    background: url("../image/button-fold.png") no-repeat;
    background-size: 100%;
}

#btnFold.gm-active {
    background: url("../image/button-fold-active.png") no-repeat;
    background-size: 100%;
}

#btnFold.gm-disabled {
    background: url("../image/button-fold-disable.png") no-repeat;
    background-size: 100%;
}

/* Button Open */
#btnOpen {
    background: url("../image/button-open.png") no-repeat;
    background-size: 100%;
}

#btnOpen.gm-active {
    background: url("../image/button-open-active.png") no-repeat;
    background-size: 100%;
}

#btnOpen.gm-disabled {
    background: url("../image/button-open-disable.png") no-repeat;
    background-size: 100%;
}

/* Button Reset */
#btnReset {
    background: url("../image/button-reset.png") no-repeat;
    background-size: 100%;
}

#btnReset.gm-active {
    background: url("../image/button-reset-active.png") no-repeat;
    background-size: 100%;
}

/* Button Swap */
.gm-left-wrapper #swapImage {
    background: url("../image/button-swap-left.png") no-repeat center top;
    background-size: 98%;
}

.gm-right-wrapper #swapImage {
    background: url("../image/button-swap-right.png") no-repeat center top;
    background-size: 98%;
}

/*Hide scroll*/
@media screen and (min-height: 597px) {
    body {
        overflow-y: hidden;
    }
}

@media screen and (min-width: 1024px) {
    body {
        overflow-x: hidden;
    }
}</pre></body></html>