body {
	font-family: sans-serif;
    font-size: 14px;
    color: white;
	padding: 0;
	margin: 0;
}
ul, li {
	padding: 0;
	margin: 0;
}
p {
	margin: 0;
}
[lang] {
  display: none;
}
[lang="vi"] {
  display: unset;
}
#tab_canvas_1111 {
  display: block;
  /* margin: -2px -16px -70px; */
  border-left: 0;
  border-right: 0;
  border-top: 2px solid #374151;
  position: fixed;
  top: 116px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#tab_canvas_1111.full {
  top:0;
  z-index: 999;
}
#html_1111 * {
  scrollbar-width: thin;
	scrollbar-color: #0b0f19 #374151;
}
#html_1111 *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#html_1111 *::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
#html_1111 *::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  /* border: 0px none #ffffff; */
  border-radius: 50px;
  border: 1px solid #0b0f19;
}
#html_1111 *::-webkit-scrollbar-thumb:hover {
  /*background: #ffffff;*/
  border: 1px solid #1f2937;
}
#html_1111 *::-webkit-scrollbar-thumb:active {
  /*background: #ffffff;*/
  border: 1px solid #1f2937;
}
#html_1111 *::-webkit-scrollbar-track {
  background: #0b0f1977;
  border: 0px none #ffffff;
  border-radius: 50px;
}
#html_1111 *::-webkit-scrollbar-track:hover {
  background: #1f2937;
}
#html_1111 *::-webkit-scrollbar-track:active {
  background: #1f2937;
}
#html_1111 *::-webkit-scrollbar-corner {
  background: transparent;
}
#html_1111 input[type='range'] {
  height: 7px;
  margin: 10px 0 6px;
}
#html_1111 .layer-wrapper {
  user-select: none;
}
#html_1111 .top-layer {
  user-select: none;
}
.arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
}
.arrow.black {
  border: solid #000;
  border-width: 0 2px 2px 0;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#tab_canvas_1111 {
  padding: 0 !important;;
}
#html_1111 {
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.left-tool-bar-wrapper {
  position: absolute;
  top:10px;
  left:10px;
  width: 250px;
  /* max-height: 95%; */
  border:1px solid #777;
  background-color: #374151;
  border-radius: 5px;
  box-shadow: 3px 3px 11px rgba(0,0,0,0.3);
  /* overflow-y:auto; */
  /* opacity: .8; */
  transition: opacity .2s;
}
.left-tool-bar-wrapper .left-toolbar-content {
	overflow-y:auto;
	padding-top: 15px;
	max-height: calc(100vh - 112px);
}
@supports(backdrop-filter: blur( 10px )) {
  .left-tool-bar-wrapper {
    background: rgba(255,255,255,0.1) !important;
    backdrop-filter: blur(10px);
  }
  .right-toolbar-wrapper {
    background: rgb(55 65 81 / 30%) !important;
    backdrop-filter: blur(10px);
  }
  .main-toolbar-container {
    background: rgb(55 65 81 / 30%) !important;
    backdrop-filter: blur(10px);
  }
  .inpaint-results-controls {
    /* background: rgb(55 65 81 / 30%) !important;
    backdrop-filter: blur(10px); */
  }
  .zoom-toolbar-container {
    background: rgb(55 65 81 / 30%) !important;
    backdrop-filter: blur(10px);
  }
}
.left-tool-bar-wrapper:hover {
  opacity: 1;
}
.panel-block.generate-sticky {
  padding: 5px;
  position: sticky;
  top: 0;
  z-index: 999;
  /* background: white; */
  padding-bottom: 7px;
  margin-bottom: 0px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
}
.button.generate-btn {
  border-color: #ee7400;
  background: linear-gradient(180deg, #CE6400, #CE6400);
  color: white;
  display: flex;
  width: 100%;
  font-weight: bold;
}
.button.button.generate-btn:hover {
  background: linear-gradient(180deg, #CE6400, #FF7C00);
}
.panel-block {
  padding: 3px !important;
}
.card {
  width: 100% !important;
  background-color: transparent !important;
}
.card-header {
  background-color: rgb(55 65 81 / 83%) !important;
  cursor: pointer;
  user-select: none;
}
.panel-tabs:not(:last-child), .panel-block:not(:last-child) {
  border-bottom: 0px !important;
}
.card-header-title {
  padding:5px !important;
  color:white !important;
  text-shadow: 0 0 3px black;
}
.card-header-icon {
  padding:5px !important
}
.card-content {
  padding: 10px 5px 5px !important;
  transition: height,opacity .4s;
  overflow: hidden;
}
.field {
  margin-bottom: 15px !important;
}
.left-tool-bar-wrapper .label,.left-tool-bar-wrapper label {
  color: #ddd !important;
  font-weight: normal !important;
}
.label {
  font-size: 13px !important;
  margin-bottom: 3px !important;
}
.label.for-range {
  margin-bottom: -2px !important;
}
.card-content input {
  margin-bottom: 3px !important;
  margin-top: 3px !important
}
.textarea {
  font-size: 14px !important;
  padding: 3px !important;
}
.middle-layer {
  background-color: #374151;
  position: absolute;
  inset: 0;
  overflow: auto;
}
.cv_1111_wrapper {
  height: 100%;
}
#canvas-1111-area-wrapper {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAC4jAAAuIwF4pT92AAABXklEQVR4nO3UQRHAQAwDsV5hHH9spZHCyEMrBH7s+MzMfWzf9oBN7/aA7CoAXAHgCgBXALgCwBUArgBwBYArAFwB4AoAVwC4AsAVAK4AcAWAKwBcAeAKAFcAuALAFQCuAHAFgCsAXAHgCgBXALgCwBUArgBwBYArAFwB4AoAVwC4AsAVAK4AcAWAKwBcAeAKAFcAuALAFQCuAHAFgCsAXAHgCgBXALgCwBUArgBwBYArAFwB4AoAVwC4AsAVAO7MzPaGbXd7wKYeAFcAuALAFQCuAHAFgCsAXAHgCgBXALgCwBUArgBwBYArAFwB4AoAVwC4AsAVAK4AcAWAKwBcAeAKAFcAuALAFQCuAHAFgCsAXAHgCgBXALgCwBUArgBwBYArAFwB4AoAVwC4AsAVAK4AcAWAKwBcAeAKAFcAuALAFQCuAHAFgCsAXAHgCgBXALgCwBUArgBwBYArANwPTskIE9qczYUAAAAASUVORK5CYII=');
  display:flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform-origin: 0 0;
}
#html_1111 .radio,#html_1111 .checkbox {
  font-size: 13px !important;
  margin: 5px 3px 5px 0 !important;
}
#html_1111 .radio input,#html_1111 .checkbox input {
  width: 14px;
  height: 14px;
  margin-top: 0 !important;
  margin-right: 3px !important;
}
#html_1111 .radio input:focus,#html_1111 .checkbox input:focus {
  box-shadow: 0 0 4px 2px #ee7400 !important;
}
#html_1111 .input,#html_1111 .textarea,#html_1111 .select select {
  color: #000 !important;
  background-color: rgb(255 255 255 / 50%);
}
.right-toolbar-wrapper {
  position:absolute;
  top:50px;
  right:25px;
  width: 250px;
  /* max-height: 95%; */
  border: 1px solid #777;
  background: rgb(55, 65, 81);
  border-radius: 5px;
  box-shadow: 3px 3px 11px rgb(0 0 0 / 30%);
  /* overflow-y: auto; */
  /* opacity: .8; */
  transition: opacity .2s;
}
.right-toolbar-wrapper > .tabs-bulma {
  z-index: 1;
}
.right-toolbar-wrapper .right-toolbar-content {
	padding-top: 10px;
	overflow-y: auto;
    max-height: calc(100vh - 102px);
}
.tabs-bulma {
  font-size: 14px !important;
  position: sticky;
  top: 0;
  box-shadow: 0 3px 7px rgb(0 0 0 / 20%);
  margin-bottom: 0px !important;
}
.tabs-bulma li {
  flex: 1 1;
}
.tabs-bulma a {
  padding: 5px !important;
  background: white;
}
.tabs-bulma .icon:first-child {
  margin-right: 5px !important;
}
.canvas_1111_select {
  padding:3px;
  width: 100%;
  line-height: 1.3;
  font-size: 14px;
}
.content.right_bar {
  padding: 0 10px;
  color:white;
}
.content.right_bar .label,.content.right_bar label {
  color: white;
  text-shadow: 0 0 4px black;
}
.content.right_bar_tab {
  margin-bottom: 15px;
}
.right_bar #circle-brush {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 15px;
  background-color: #000;
}
.right_bar .brush-image.on {
  outline: 2px dashed #2196f3;
  filter: invert(52%) sepia(94%) saturate(3232%) hue-rotate(185deg) brightness(100%) contrast(91%)        drop-shadow(1px 1px 1px black)
}
.right_bar .brush-image:hover {
  cursor: pointer;
}
.right_bar .brush-image {
  height: 30px;
  width: auto;
  display: inline-block;
  border-radius: 30px;
}
.right_bar #color-picker-sb {
  width: 220px;
  height: 150px;
  overflow: hidden;
  touch-action: none;
  position: relative;
}
.right_bar #color-picker-white {
  width: 150px;
  height: 150px;
  background-color: #fff;
}
.right_bar #color-picker-thumb {
  position: relative;
  margin-top: -7.5px;
  margin-left: -7.5px;
  width: 11px;
  height: 11px;
  border-radius: 7.5px;
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
}
.brush-pointer {
  position: absolute;
  font-size: 0;
  pointer-events: none;
  z-index: 9999;
}
#canvas-1111-area {
  position: absolute;
  top:0;
  left:0;
  outline: 3px solid black;
}
#canvas-1111-area > div {
  cursor: crosshair;
}
#canvas-1111-handle, .croquis-dirty-rect-display {
  outline: 3px dashed white;
}
#canvas-1111-handle {
  position:absolute;
  top:0;
  left:0;
  display: none;
}
.canvas-1111-handle-size {
  position: absolute;
  background: rgba(255, 255, 255, .5);
  color: black;
  font-weight: bold;
  padding: 5px 10px;
}
.middle-layer.show-handle #canvas-1111-handle {
  display: block;
}
.middle-layer.show-handle .croquis-dirty-rect-display {
  outline: 0px;
}
#canvas-1111-layers-collector {
  position: relative;
}
#canvas-1111-layers {
  outline: 3px dashed black;
  box-shadow: 0 0 10px 6px rgb(0 0 0 / 70%);
}
.main-toolbar-wrapper {
  position:absolute;
  top: 10px;
  width: 100%;
  height: 0;
}
.main-toolbar-container {
  width: 300px;
  width: fit-content;
  margin: 0 auto;
  padding: 5px;
  background: rgb(55, 65, 81);
  border: 1px solid rgb(119 119 119 / 30%);
  text-align: center;
  box-shadow: 3px 3px 11px rgb(0 0 0 / 30%);
  border-radius: 5px;
}
.main-toolbar-spacer {
  width: 1px;
  height: 15px;
  border-left: 1px solid white;
  display: inline-block;
  margin: 3px 5px -2px;
  box-shadow: 1px 1px 2px black;
}
.main-toolbar-button {
  color: white !important;
  padding: 0 5px !important;
  border: none !important;
  font-size: 13px !important;
  height: 21px !important;
  background: transparent !important;
  filter: drop-shadow(1px 1px 1px black);
}
.zoom-toolbar-wrapper {
  position: absolute;
  top: 10px;
  height: 0;
  right: 25px;
}
.zoom-toolbar-container {
  width: 240px;
  margin: 0 auto;
  padding: 5px;
  background: rgb(55, 65, 81);
  border: 1px solid rgb(119 119 119 / 30%);
  text-align: center;
  box-shadow: 3px 3px 11px rgb(0 0 0 / 30%);
  border-radius: 5px;
}
.zoom-icon {
  filter: drop-shadow(1px 1px 1px black);
  margin: 2px;
  vertical-align: text-top;
}
#canvas_1111_zoom {
  width: 140px;
  height: 4px !important;
  vertical-align: text-top;
  margin: 4px 0 0 !important;
}
#canvas_1111_zoom::moz-range-track {
  background: repeating-linear-gradient(to right, 
    #ccc, 
    #ccc 10%, 
    #000 10%, 
    #000 11%, 
    #ccc 11%, 
    #ccc 20%);
}
#canvas_1111_zoom_label {
  text-align: center;
  font-size: 14px;
  width: 50px;
  height: auto;
  display: inline-block;
  padding: 0;
  border: none;
  background: transparent;
}
/*c_range*/
.c-range__slider {
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 24px;
  background: transparent;
  outline: none;
}
.c-range__slider, .c-range__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.c-range__slider::-webkit-slider-runnable-track {
  border: none;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.c-range__slider::-moz-range-track {
  border: none;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.c-range__slider::-ms-track {
  border: none;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
:root {
  --hue_1111: 0;
}
.c-range__slider::-webkit-slider-thumb {
  margin-top: -6px;
  border: 4px solid white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: hsl(var(--hue_1111), 100%, 50%);
  box-shadow: 0 0 0 1px rgba(0,0,0,.025), 0 1px 5px rgba(0, 0, 0, 0.25);
}
.c-range__slider::-moz-range-thumb {
  border: 4px solid white;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: hsl(var(--hue_1111), 100%, 50%);
  box-shadow: 0 0 0 1px rgba(0,0,0,.025), 0 1px 5px rgba(0, 0, 0, 0.25);
}
.c-range__slider::-ms-thumb {
  margin-top: 0;
  border: 4px solid white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: hsl(var(--hue_1111), 100%, 50%);
  box-shadow: 0 0 0 1px rgba(0,0,0,.025), 0 1px 5px rgba(0, 0, 0, 0.25);
}
.c-range__slider::-ms-tooltip {
  display: none;
}
dialog {
  padding: 5px;
}
::backdrop {
  background-image: linear-gradient(45deg, #ff00ff3d, #6633993d, #1e90ff3d, #0080003d);
    /* opacity: 0.75; */
    backdrop-filter: blur(12px);
}
.modal-card-head {
  padding: 5px;
  background: red;
  color: white;
  font-weight: bold;
  margin-bottom: 10px;
}
.modal-card-title {

}
.modal-card-head .delete {
  width: 20px;
  height: 26px;
  color: white;
  background: red;
  font-weight: bold;
  border: 1px solid red;
  outline: none;
  position: absolute;
  top: 5px;
  right: 8px;
}
.modal-card-body {
  padding: 0 10px 10px;
  text-align: center;
  line-height: 25px;
}
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
.button,.input,.select select,.textarea{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top}.button:active,.button:focus,.input:active,.input:focus,.is-active.button,.is-active.input,.is-active.textarea,.select select.is-active,.select select:active,.select select:focus,.textarea:active,.textarea:focus{outline:0}.button[disabled],.input[disabled],.select select[disabled],.textarea[disabled]{cursor:not-allowed}.button,.tabs-bulma{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select:not(.is-multiple):not(.is-loading)::after{border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em}.block:not(:last-child),.content:not(:last-child),.level:not(:last-child),.tabs-bulma:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}.image.is-16by9 img,.image.is-1by1 img,.image.is-1by2 img,.image.is-1by3 img,.image.is-2by1 img,.image.is-2by3 img,.image.is-3by1 img,.image.is-3by2 img,.image.is-3by4 img,.image.is-3by5 img,.image.is-4by3 img,.image.is-4by5 img,.image.is-5by3 img,.image.is-5by4 img,.image.is-9by16 img{bottom:0;left:0;position:absolute;right:0;top:0}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap}.button .icon,.button .icon.is-small{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-.5em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}.button:hover{border-color:#b5b5b5;color:#363636}.button:focus{border-color:#485fc7;color:#363636;box-shadow:none!important}.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.button.is-active,.button:active{border-color:#4a4a4a;color:#363636}.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline}.button.is-text:focus,.button.is-text:hover{background-color:#f5f5f5;color:#363636}.button.is-text.is-active,.button.is-text:active{background-color:#e8e8e8;color:#363636}.button.is-text[disabled]{background-color:transparent;border-color:transparent;box-shadow:none}.button.is-link{background-color:#485fc7;border-color:transparent;color:#fff}.button.is-link:hover{background-color:#3e56c4;border-color:transparent;color:#fff}.button.is-link:focus{border-color:transparent;color:#fff}.button.is-link:focus:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.button.is-link.is-active,.button.is-link:active{background-color:#3a51bb;border-color:transparent;color:#fff}.button.is-link[disabled]{background-color:#485fc7;border-color:#485fc7;box-shadow:none}.button.is-info{background-color:#3e8ed0;border-color:transparent;color:#fff}.button.is-info:hover{background-color:#3488ce;border-color:transparent;color:#fff}.button.is-info:focus{border-color:transparent;color:#fff}.button.is-info:focus:not(:active){box-shadow:0 0 0 .125em rgba(62,142,208,.25)}.button.is-info.is-active,.button.is-info:active{background-color:#3082c5;border-color:transparent;color:#fff}.button.is-info[disabled]{background-color:#3e8ed0;border-color:#3e8ed0;box-shadow:none}.button.is-danger{background-color:#f14668;border-color:transparent;color:#fff}.button.is-danger:hover{background-color:#f03a5f;border-color:transparent;color:#fff}.button.is-danger:focus{border-color:transparent;color:#fff}.button.is-danger:focus:not(:active){box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.button.is-danger.is-active,.button.is-danger:active{background-color:#ef2e55;border-color:transparent;color:#fff}.button.is-danger[disabled]{background-color:#f14668;border-color:#f14668;box-shadow:none}.button.is-small{font-size:.75rem}.button.is-small:not(.is-rounded){border-radius:2px}.button.is-normal{font-size:1rem}.button[disabled]{background-color:#fff;border-color:#dbdbdb;box-shadow:none;opacity:.5}.content li+li{margin-top:.25em}.content dl:not(:last-child),.content ol:not(:last-child),.content p:not(:last-child),.content ul:not(:last-child){margin-bottom:1em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;font-weight:600;line-height:1.125}.content h1{font-size:2em;margin-bottom:.5em}.content h1:not(:first-child){margin-top:1em}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content h3{font-size:1.5em;margin-bottom:.6666em}.content h3:not(:first-child){margin-top:1.3333em}.content h4{font-size:1.25em;margin-bottom:.8em}.content h5{font-size:1.125em;margin-bottom:.8888em}.content h6{font-size:1em;margin-bottom:1em}.content ol{list-style-position:outside;margin-left:2em;margin-top:1em}.content ol:not([type]){list-style-type:decimal}.content ol:not([type]).is-lower-alpha{list-style-type:lower-alpha}.content ol:not([type]).is-lower-roman{list-style-type:lower-roman}.content ol:not([type]).is-upper-alpha{list-style-type:upper-alpha}.content ol:not([type]).is-upper-roman{list-style-type:upper-roman}.content ul{list-style:disc outside;margin-left:2em;margin-top:1em}.content ul ul{list-style-type:circle;margin-top:.5em}.content ul ul ul{list-style-type:square}.content dd{margin-left:2em}.content .tabs-bulma li+li{margin-top:0}.content.is-small{font-size:.75rem}.content.is-normal{font-size:1rem}.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem}.icon.is-small{height:1rem;width:1rem}.icon-text{align-items:flex-start;color:inherit;display:inline-flex;flex-wrap:wrap;line-height:1.5rem;vertical-align:top}.icon-text .icon{flex-grow:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.25em}.icon-text .icon:not(:first-child){margin-left:.25em}div.icon-text{display:flex}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image.is-16by9 img,.image.is-1by1 img,.image.is-1by2 img,.image.is-1by3 img,.image.is-2by1 img,.image.is-2by3 img,.image.is-3by1 img,.image.is-3by2 img,.image.is-3by4 img,.image.is-3by5 img,.image.is-4by3 img,.image.is-4by5 img,.image.is-5by3 img,.image.is-5by4 img,.image.is-9by16 img{height:100%;width:100%}.image.is-1by1{padding-top:100%}.image.is-5by4{padding-top:80%}.image.is-4by3{padding-top:75%}.image.is-3by2{padding-top:66.6666%}.image.is-5by3{padding-top:60%}.image.is-16by9{padding-top:56.25%}.image.is-2by1{padding-top:50%}.image.is-3by1{padding-top:33.3333%}.image.is-4by5{padding-top:125%}.image.is-3by4{padding-top:133.3333%}.image.is-2by3{padding-top:150%}.image.is-3by5{padding-top:166.6666%}.image.is-9by16{padding-top:177.7777%}.image.is-1by2{padding-top:200%}.image.is-1by3{padding-top:300%}.image.is-16x16{height:16px;width:16px}.image.is-24x24{height:24px;width:24px}.image.is-32x32{height:32px;width:32px}.image.is-48x48{height:48px;width:48px}.image.is-64x64{height:64px;width:64px}.image.is-96x96{height:96px;width:96px}.image.is-128x128{height:128px;width:128px}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.title{word-break:break-word}.title em,.title span{font-weight:inherit}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.title.is-1{font-size:3rem}.title.is-2{font-size:2.5rem}.title.is-3{font-size:2rem}.title.is-4{font-size:1.5rem}.title.is-5{font-size:1.25rem}.title.is-6{font-size:1rem}.title.is-7{font-size:.75rem}.number{align-items:center;background-color:#f5f5f5;border-radius:9999px;display:inline-flex;font-size:1.25rem;height:2em;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:.25rem .5rem;text-align:center;vertical-align:top}.input,.select select,.textarea{background-color:#fff;border-color:#dbdbdb;border-radius:4px;color:#363636}.input::-moz-placeholder,.select select::-moz-placeholder,.textarea::-moz-placeholder{color:rgba(54,54,54,.3)}.input::-webkit-input-placeholder,.select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:rgba(54,54,54,.3)}.input:-moz-placeholder,.select select:-moz-placeholder,.textarea:-moz-placeholder{color:rgba(54,54,54,.3)}.input:-ms-input-placeholder,.select select:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:rgba(54,54,54,.3)}.input:hover,.select select:hover,.textarea:hover{border-color:#b5b5b5}.input:active,.input:focus,.is-active.input,.is-active.textarea,.select select.is-active,.select select:active,.select select:focus,.textarea:active,.textarea:focus{border-color:#485fc7;box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.input[disabled],.select select[disabled],.textarea[disabled]{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a}.input[disabled]::-moz-placeholder,.select select[disabled]::-moz-placeholder,.textarea[disabled]::-moz-placeholder{color:rgba(122,122,122,.3)}.input[disabled]::-webkit-input-placeholder,.select select[disabled]::-webkit-input-placeholder,.textarea[disabled]::-webkit-input-placeholder{color:rgba(122,122,122,.3)}.input[disabled]:-moz-placeholder,.select select[disabled]:-moz-placeholder,.textarea[disabled]:-moz-placeholder{color:rgba(122,122,122,.3)}.input[disabled]:-ms-input-placeholder,.select select[disabled]:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder{color:rgba(122,122,122,.3)}.input,.textarea{box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);max-width:95%;width:95%}.input[readonly],.textarea[readonly]{box-shadow:none}.is-link.input,.is-link.textarea{border-color:#485fc7}.is-link.input:active,.is-link.input:focus,.is-link.is-active.input,.is-link.is-active.textarea,.is-link.textarea:active,.is-link.textarea:focus{box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.is-info.input,.is-info.textarea{border-color:#3e8ed0}.is-info.input:active,.is-info.input:focus,.is-info.is-active.input,.is-info.is-active.textarea,.is-info.textarea:active,.is-info.textarea:focus{box-shadow:0 0 0 .125em rgba(62,142,208,.25)}.is-danger.input,.is-danger.textarea{border-color:#f14668}.is-danger.input:active,.is-danger.input:focus,.is-danger.is-active.input,.is-danger.is-active.textarea,.is-danger.textarea:active,.is-danger.textarea:focus{box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.is-small.input,.is-small.textarea{border-radius:2px;font-size:.75rem}.textarea{display:block;max-width:95%;min-width:95%;padding:calc(.75em - 1px);resize:vertical}.textarea:not([rows]){max-height:40em;min-height:8em}.textarea[rows]{height:initial}.checkbox,.radio{cursor:pointer;display:inline-block;line-height:1.25;position:relative}.checkbox input,.radio input{cursor:pointer}.checkbox:hover,.radio:hover{color:#363636}.checkbox input[disabled],.checkbox[disabled],.radio input[disabled],.radio[disabled]{color:#7a7a7a;cursor:not-allowed}.radio+.radio{margin-left:.5em}.select{display:inline-block;max-width:100%;position:relative;vertical-align:top}.select:not(.is-multiple){height:2.5em}.select:not(.is-multiple):not(.is-loading)::after{border-color:#485fc7;right:1.125em;z-index:4}.select select{cursor:pointer;display:block;font-size:1em;max-width:100%;outline:0}.select select::-ms-expand{display:none}.select select[disabled]:hover{border-color:#f5f5f5}.select select:not([multiple]){padding-right:2.5em}.select select[multiple]{height:auto;padding:0}.select select[multiple] option{padding:.5em 1em}.select:not(.is-multiple):not(.is-loading):hover::after{border-color:#363636}.select.is-link:not(:hover)::after{border-color:#485fc7}.select.is-link select{border-color:#485fc7}.select.is-link select:hover{border-color:#3a51bb}.select.is-link select.is-active,.select.is-link select:active,.select.is-link select:focus{box-shadow:0 0 0 .125em rgba(72,95,199,.25)}.select.is-info:not(:hover)::after{border-color:#3e8ed0}.select.is-info select{border-color:#3e8ed0}.select.is-info select:hover{border-color:#3082c5}.select.is-info select.is-active,.select.is-info select:active,.select.is-info select:focus{box-shadow:0 0 0 .125em rgba(62,142,208,.25)}.select.is-danger:not(:hover)::after{border-color:#f14668}.select.is-danger select{border-color:#f14668}.select.is-danger select:hover{border-color:#ef2e55}.select.is-danger select.is-active,.select.is-danger select:active,.select.is-danger select:focus{box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.select.is-small{border-radius:2px;font-size:.75rem}.select.is-disabled::after{border-color:#7a7a7a!important;opacity:.5}.label{color:#363636;display:block;font-size:1rem;font-weight:700}.label:not(:last-child){margin-bottom:.5em}.label.is-small{font-size:.75rem}.field:not(:last-child){margin-bottom:.75rem}.field-label .label{font-size:inherit}@media screen and (max-width:768px){.field-label{margin-bottom:.5rem}}@media screen and (min-width:769px),print{.field-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin-right:1.5rem;text-align:right}.field-label.is-small{font-size:.75rem;padding-top:.375em}.field-label.is-normal{padding-top:.375em}}.field-body .field .field{margin-bottom:0}@media screen and (min-width:769px),print{.field-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1}.field-body .field{margin-bottom:0}.field-body>.field{flex-shrink:1}.field-body>.field:not(.is-narrow){flex-grow:1}.field-body>.field:not(:last-child){margin-right:.75rem}}.control{box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;position:relative}.card-content:first-child,.card-header:first-child{border-radius:.25rem;}.card-content:last-child,.card-header:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-header{background-color:transparent;align-items:stretch;box-shadow:0 .125em .25em rgba(10,10,10,.1);display:flex}.card-header-title{align-items:center;color:#363636;display:flex;flex-grow:1;font-weight:700;padding:.75rem 1rem}.card-header-icon{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0;align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem}.card-image{display:block;position:relative}.card-image:first-child img{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-image:last-child img{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-content{background-color:transparent;padding:1.5rem}.card .media:not(:last-child){margin-bottom:1.5rem}.level{align-items:center;justify-content:space-between}.level img{display:inline-block;vertical-align:top}@media screen and (min-width:769px),print{.level{display:flex}}.level-left,.level-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.level-left{align-items:center;justify-content:flex-start}@media screen and (max-width:768px){.level-left+.level-right{margin-top:1.5rem}}@media screen and (min-width:769px),print{.level-left{display:flex}}.level-right{align-items:center;justify-content:flex-end}@media screen and (min-width:769px),print{.level-right{display:flex}}.media{align-items:flex-start;display:flex;text-align:inherit}.media .content:not(:last-child){margin-bottom:.75rem}.media .media{border-top:1px solid rgba(219,219,219,.5);display:flex;padding-top:.75rem}.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:.5rem}.media .media .media{padding-top:.5rem}.media .media .media+.media{margin-top:.5rem}.media+.media{border-top:1px solid rgba(219,219,219,.5);margin-top:1rem;padding-top:1rem}.media-left,.media-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.media-left{margin-right:1rem}.media-right{margin-left:1rem}.media-content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:inherit}@media screen and (max-width:768px){.media-content{overflow-x:auto}}.panel{border-radius:6px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);font-size:1rem}.panel:not(:last-child){margin-bottom:1.5rem}.panel.is-link .panel-tabs a.is-active{border-bottom-color:#485fc7}.panel.is-link .panel-block.is-active .panel-icon{color:#485fc7}.panel.is-info .panel-tabs a.is-active{border-bottom-color:#3e8ed0}.panel.is-info .panel-block.is-active .panel-icon{color:#3e8ed0}.panel.is-danger .panel-tabs a.is-active{border-bottom-color:#f14668}.panel.is-danger .panel-block.is-active .panel-icon{color:#f14668}.panel-block:not(:last-child),.panel-tabs:not(:last-child){border-bottom:1px solid #ededed}.panel-tabs{align-items:flex-end;display:flex;font-size:.875em;justify-content:center}.panel-tabs a{border-bottom:1px solid #dbdbdb;margin-bottom:-1px;padding:.5em}.panel-tabs a.is-active{border-bottom-color:#4a4a4a;color:#363636}.panel-block{align-items:center;color:#363636;display:flex;justify-content:flex-start;padding:.5em .75em}.panel-block input[type=checkbox]{margin-right:.75em}.panel-block>.control{flex-grow:1;flex-shrink:1;width:100%}.panel-block.is-active{border-left-color:#485fc7;color:#363636}.panel-block.is-active .panel-icon{color:#485fc7}.panel-block:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}a.panel-block,label.panel-block{cursor:pointer}a.panel-block:hover,label.panel-block:hover{background-color:#f5f5f5}.panel-icon{display:inline-block;font-size:14px;height:1em;line-height:1em;text-align:center;vertical-align:top;width:1em;color:#7a7a7a;margin-right:.75em}.panel-icon .fa{font-size:inherit;line-height:inherit}.tabs-bulma{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}.tabs-bulma a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top}.tabs-bulma a:hover{border-bottom-color:#363636;color:#363636}.tabs-bulma li{display:block}.tabs-bulma li.is-active a{border-bottom-color:#485fc7;color:#485fc7}.tabs-bulma ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}.tabs-bulma ul.is-left{padding-right:.75em}.tabs-bulma ul.is-center{flex:none;justify-content:center;padding-left:.75em;padding-right:.75em}.tabs-bulma ul.is-right{justify-content:flex-end;padding-left:.75em}.tabs-bulma .icon:first-child{margin-right:.5em}.tabs-bulma .icon:last-child{margin-left:.5em}.tabs-bulma.is-right ul{justify-content:flex-end}.tabs-bulma.is-toggle a{border-color:#dbdbdb;border-style:solid;border-width:1px;margin-bottom:0;position:relative}.tabs-bulma.is-toggle a:hover{background-color:#f5f5f5;border-color:#b5b5b5;z-index:2}.tabs-bulma.is-toggle li+li{margin-left:-1px}.tabs-bulma.is-toggle li:first-child a{border-top-left-radius:4px;border-bottom-left-radius:4px}.tabs-bulma.is-toggle li:last-child a{border-top-right-radius:4px;border-bottom-right-radius:4px}.tabs-bulma.is-toggle li.is-active a{background-color:#485fc7;border-color:#485fc7;color:#fff;z-index:1}.tabs-bulma.is-toggle ul{border-bottom:none}.tabs-bulma.is-small{font-size:.75rem}.is-align-content-center{align-content:center!important}.is-relative{position:relative!important}.is-size-1{font-size:3rem!important}.is-size-2{font-size:2.5rem!important}.is-size-3{font-size:2rem!important}.is-size-4{font-size:1.5rem!important}.is-size-5{font-size:1.25rem!important}.is-size-6{font-size:1rem!important}.is-size-7{font-size:.75rem!important}.is-block{display:block!important}.is-hidden{display:none!important}
#tab_canvas_1111 .delete,#tab_canvas_1111 .modal-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}

#tab_canvas_1111 .delete::before,#tab_canvas_1111 .modal-close::before,#tab_canvas_1111 .delete::after,#tab_canvas_1111 .modal-close::after {
  background-color: white;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}

#tab_canvas_1111 .delete::before,#tab_canvas_1111 .modal-close::before {
  height: 2px;
  width: 50%;
}

#tab_canvas_1111 .delete::after,#tab_canvas_1111 .modal-close::after {
  height: 50%;
  width: 2px;
}

#tab_canvas_1111 .delete:hover,#tab_canvas_1111 .modal-close:hover,#tab_canvas_1111 .delete:focus,#tab_canvas_1111 .modal-close:focus {
  background-color: rgba(10, 10, 10, 0.3);
}

#tab_canvas_1111 .delete:active,#tab_canvas_1111 .modal-close:active {
  background-color: rgba(10, 10, 10, 0.4);
}

#tab_canvas_1111 .is-small.delete,#tab_canvas_1111 .is-small.modal-close {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}

#tab_canvas_1111 .is-medium.delete,#tab_canvas_1111 .is-medium.modal-close {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}

#tab_canvas_1111 .is-large.delete,#tab_canvas_1111 .is-large.modal-close {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}
#tab_canvas_1111 .modal,#tab_canvas_1111 .modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#tab_canvas_1111 .modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  z-index: 9999;
}

#tab_canvas_1111 .modal.is-active {
  display: flex;
}

#tab_canvas_1111 .modal-background {
  background-color: rgba(10, 10, 10, 0.86);
}

#tab_canvas_1111 .modal-content,
#tab_canvas_1111 .modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 769px) {
  #tab_canvas_1111 .modal-content,
  #tab_canvas_1111 .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

#tab_canvas_1111 .modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

#tab_canvas_1111 .modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

#tab_canvas_1111 .modal-card-head,
#tab_canvas_1111 .modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 7px;
  position: relative;
}

#tab_canvas_1111 .modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#tab_canvas_1111 .modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

#tab_canvas_1111 .modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb;
}

#tab_canvas_1111 .modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

#tab_canvas_1111 .modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 10px;
}
/* @keyframes mask-outline {
  0% {
    filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(1px -1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0));
  }
  20% {
    filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 1)) drop-shadow(-1px 1px 0 rgba(255, 255, 255, 1)) drop-shadow(1px -1px 0 rgba(255, 255, 255, 1)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 1));
  }
  40% {
    filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(1px -1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0));
  }
  60% {
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 1)) drop-shadow(-1px 1px 0 rgba(0, 0, 0, 1)) drop-shadow(1px -1px 0 rgba(0, 0, 0, 1)) drop-shadow(-1px -1px 0 rgba(0, 0, 0, 1));
  }
  80% {
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0)) drop-shadow(-1px 1px 0 rgba(0, 0, 0, 0)) drop-shadow(1px -1px 0 rgba(0, 0, 0, 0)) drop-shadow(-1px -1px 0 rgba(0, 0, 0, 0));
  }
  100% {
    filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(1px -1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0));
  }
}
.croquis-layer:nth-child(2) {
  filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px 1px 0 rgba(255, 255, 255, 0)) drop-shadow(1px -1px 0 rgba(255, 255, 255, 0)) drop-shadow(-1px -1px 0 rgba(255, 255, 255, 0));
  animation: mask-outline 5s infinite;
}  */
/* .croquis-layer::nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
} */
@keyframes eraser-active {
  0% {
    outline: 3px dashed red;
    outline-offset: 0px;
  }
  50% {
    outline: 3px dashed red;
    outline-offset: 5px;
  }
  100% {
    outline: 3px dashed red;
    outline-offset: 0px;
  }
}
.erasing-indicator {
  outline: 3px dashed red;
  outline-offset: 0px;
  animation: eraser-active 1.5s infinite ease-in-out;
}
@keyframes mask-indicator {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
#croquis-dirty-rect-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('./images/transparent_grid.png');
  opacity: .4;
  animation: mask-indicator 40s infinite linear;
}
#canvas-1111-inpaint-results {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.inpaint-results-controls {
  /* position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: -52px;
  background: rgb(55, 65, 81);
  border-radius: 5px;
  padding: 10px 0;
  border: 1px solid rgb(119 119 119 / 30%);
  box-shadow: 3px 3px 11px rgb(0 0 0 / 30%); */
}
.inpaint-results-prev {

}
.inpaint-results-count {

}
.inpaint-results-next {

}
.inpaint-results-discard {
  float: right;
  background: #FF5722;
  border: 1px solid #FF9800;
  border-radius: 5px;
  font-weight: bold;
  margin-right: 10px;
  padding: 3px 10px;
}
.inpaint-results-accept {
  float: right;
  margin-right: 10px;
  background: #03A9F4;
  border: 1px solid #00BCD4;
  border-radius: 5px;
  font-weight: bold;
  padding: 3px 10px;
}
.inpaint-results-lst {

}
.inpaint-results-lst img {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
}
.inpaint-results-lst img.active {
  display: block;
}