/* line 5, app/assets/stylesheets/colorjoe.scss */
.container {
  overflow: auto;
}

/* line 9, app/assets/stylesheets/colorjoe.scss */
#showPicker {
  float: left;
}

/* line 13, app/assets/stylesheets/colorjoe.scss */
.colorPicker {
  background: white;
  border: 1px solid #dedede;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  display: inline-block;
  width: 185px;
  height: 175px;
}

/* line 23, app/assets/stylesheets/colorjoe.scss */
.colorPicker input {
  padding: 0;
  margin: 0;
  border: 1px solid #dedede;
  border-radius: 2px;
}

/* line 30, app/assets/stylesheets/colorjoe.scss */
.colorPicker input:focus {
  border: 1px solid #dedede;
  outline: 0 none;
}

/* line 35, app/assets/stylesheets/colorjoe.scss */
.colorPicker .extras .colorFields {
  display: inline-block;
}

/* line 39, app/assets/stylesheets/colorjoe.scss */
.colorPicker .extras .color {
  display: inline-block;
  width: 31px;
  height: 20px;
  margin-right: 4px;
}

/* line 46, app/assets/stylesheets/colorjoe.scss */
.colorPicker .extras .colorFields input {
  width: 24px;
  height: 18px;
}

/* line 51, app/assets/stylesheets/colorjoe.scss */
.colorPicker input[type='text'] {
  padding-left: 5px;
}

/* line 55, app/assets/stylesheets/colorjoe.scss */
.colorPicker .extras .colorFields label {
  display: none;
}

/* line 59, app/assets/stylesheets/colorjoe.scss */
.colorPicker .extras .hex {
  display: inline-block;
  width: 60px;
  height: 20px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 8px;
}

/* line 68, app/assets/stylesheets/colorjoe.scss */
.colorPicker .extras .hex input {
  width: 53px;
  height: 18px;
  text-transform: uppercase;
}

/* line 74, app/assets/stylesheets/colorjoe.scss */
.colorPicker .dragContainer {
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  height: 90px;
  border-radius: 3px;
  overflow: hidden;
}

/* line 84, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod {
  display: inline-block;
  margin-right: 4px;
}

/* line 89, app/assets/stylesheets/colorjoe.scss */
.colorPicker .oned {
  display: inline-block;
}

/* main dimensions */
/* line 94, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod,
.colorPicker .twod .bg {
  width: 150px;
  height: 90px;
}

/* line 100, app/assets/stylesheets/colorjoe.scss */
.colorPicker .oned,
.colorPicker .oned .bg {
  height: 90px;
  width: 16px;
}

/* line 106, app/assets/stylesheets/colorjoe.scss */
.colorPicker .oned .pointer-container {
  position: absolute;
  height: 83px;
}

/* line 111, app/assets/stylesheets/colorjoe.scss */
.colorPicker .oned .pointer .shape {
  width: 20px;
  height: 8px;
}

/* line 116, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod .bg {
  position: absolute;
  /* These seem to cause issues in some browsers, careful!
  border: 1px solid #BBB;
  -moz-border-radius: .3em;
  border-radius: .3em;
  */
}

/* line 125, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod .pointer {
  position: relative;
  z-index: 2;
  width: 8px;
}

/* line 131, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod .pointer .shape {
  position: absolute;
}

/* line 135, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod .pointer .shape1 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 9px;
  background-color: white;
  opacity: 1;
}

/* line 145, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod .pointer .shape2 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 9px;
  height: 2px;
  background-color: white;
  opacity: 1;
}

/* line 155, app/assets/stylesheets/colorjoe.scss */
.colorPicker .oned .pointer {
  position: relative;
  z-index: 2;
}

/* line 160, app/assets/stylesheets/colorjoe.scss */
.colorPicker .oned .pointer .shape {
  position: absolute;
  margin-left: -3px;
  height: 5px;
  border: 1px solid white;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px #eae6e6;
}

/* gradients, tweak as needed based on which browsers you want to support */
/* line 171, app/assets/stylesheets/colorjoe.scss */
.colorPicker .oned .bg {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(66%, #0000ff), color-stop(83%, #ff00ff), color-stop(100%, #ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
}

/* line 226, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod .bg1 {
  z-index: 0;
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

/* line 257, app/assets/stylesheets/colorjoe.scss */
.colorPicker .twod .bg2 {
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
}

/* line 288, app/assets/stylesheets/colorjoe.scss */
#hslPicker .twod .bg1 {
  background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(66%, #0000ff), color-stop(83%, #ff00ff), color-stop(100%, #ff0000));
  background: -webkit-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
}

/* line 343, app/assets/stylesheets/colorjoe.scss */
#hslPicker .twod .bg2 {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #7f7f7f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #7f7f7f));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #7f7f7f 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #7f7f7f 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #7f7f7f 100%);
}

/* line 373, app/assets/stylesheets/colorjoe.scss */
#hslPicker .oned .bg {
  z-index: 1;
  background: -moz-linear-gradient(top, white 0%, rgba(0, 0, 0, 0) 50%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, white 0%, rgba(0, 0, 0, 0), black 100%);
  background: -o-linear-gradient(top, white 0%, rgba(0, 0, 0, 0) 50%, black 100%);
  background: linear-gradient(to bottom, white 0%, rgba(0, 0, 0, 0) 50%, black 100%);
}

/* line 409, app/assets/stylesheets/colorjoe.scss */
#hslPicker .extras {
  width: 100px;
}

/* line 413, app/assets/stylesheets/colorjoe.scss */
#hslPicker .oned.alpha {
  margin: 0;
}

/* line 417, app/assets/stylesheets/colorjoe.scss */
#hslPicker .oned.alpha .bg {
  background: -moz-linear-gradient(top, white 0%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, black 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, black 100%);
  /* W3C */
}

/*! jQuery UI - v1.12.1 - 2018-05-15
* http://jqueryui.com
* Includes: sortable.css, core.css, autocomplete.css, menu.css, selectmenu.css, button.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* line 7, app/assets/stylesheets/jquery-ui.scss */
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers
----------------------------------*/
/* line 13, app/assets/stylesheets/jquery-ui.scss */
.ui-helper-hidden {
  display: none;
}

/* line 16, app/assets/stylesheets/jquery-ui.scss */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 26, app/assets/stylesheets/jquery-ui.scss */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/* line 36, app/assets/stylesheets/jquery-ui.scss */
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

/* line 42, app/assets/stylesheets/jquery-ui.scss */
.ui-helper-clearfix:after {
  clear: both;
}

/* line 45, app/assets/stylesheets/jquery-ui.scss */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

/* line 55, app/assets/stylesheets/jquery-ui.scss */
.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
/* line 62, app/assets/stylesheets/jquery-ui.scss */
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
/* line 70, app/assets/stylesheets/jquery-ui.scss */
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* line 80, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 90, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 97, app/assets/stylesheets/jquery-ui.scss */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

/* line 104, app/assets/stylesheets/jquery-ui.scss */
.ui-menu .ui-menu {
  position: absolute;
}

/* line 107, app/assets/stylesheets/jquery-ui.scss */
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

/* line 113, app/assets/stylesheets/jquery-ui.scss */
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

/* line 117, app/assets/stylesheets/jquery-ui.scss */
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

/* line 124, app/assets/stylesheets/jquery-ui.scss */
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
/* line 130, app/assets/stylesheets/jquery-ui.scss */
.ui-menu-icons {
  position: relative;
}

/* line 133, app/assets/stylesheets/jquery-ui.scss */
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
/* line 138, app/assets/stylesheets/jquery-ui.scss */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
/* line 147, app/assets/stylesheets/jquery-ui.scss */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/* line 151, app/assets/stylesheets/jquery-ui.scss */
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* line 159, app/assets/stylesheets/jquery-ui.scss */
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

/* line 164, app/assets/stylesheets/jquery-ui.scss */
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

/* line 173, app/assets/stylesheets/jquery-ui.scss */
.ui-selectmenu-open {
  display: block;
}

/* line 176, app/assets/stylesheets/jquery-ui.scss */
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 182, app/assets/stylesheets/jquery-ui.scss */
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

/* line 187, app/assets/stylesheets/jquery-ui.scss */
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

/* line 191, app/assets/stylesheets/jquery-ui.scss */
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

/* line 209, app/assets/stylesheets/jquery-ui.scss */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
/* line 218, app/assets/stylesheets/jquery-ui.scss */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
/* line 226, app/assets/stylesheets/jquery-ui.scss */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
/* line 231, app/assets/stylesheets/jquery-ui.scss */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

/* line 239, app/assets/stylesheets/jquery-ui.scss */
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

/* line 248, app/assets/stylesheets/jquery-ui.scss */
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
/* line 258, app/assets/stylesheets/jquery-ui.scss */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 263, app/assets/stylesheets/jquery-ui.scss */
.ui-slider {
  position: relative;
  text-align: left;
}

/* line 267, app/assets/stylesheets/jquery-ui.scss */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

/* line 276, app/assets/stylesheets/jquery-ui.scss */
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
/* line 286, app/assets/stylesheets/jquery-ui.scss */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

/* line 291, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-horizontal {
  height: .8em;
}

/* line 294, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

/* line 298, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

/* line 302, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

/* line 305, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* line 309, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

/* line 313, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

/* line 318, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

/* line 322, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

/* line 325, app/assets/stylesheets/jquery-ui.scss */
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* Component containers
----------------------------------*/
/* line 331, app/assets/stylesheets/jquery-ui.scss */
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

/* line 335, app/assets/stylesheets/jquery-ui.scss */
.ui-widget .ui-widget {
  font-size: 1em;
}

/* line 338, app/assets/stylesheets/jquery-ui.scss */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

/* line 345, app/assets/stylesheets/jquery-ui.scss */
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

/* line 348, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

/* line 353, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-content a {
  color: #333333;
}

/* line 356, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

/* line 362, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
/* line 368, app/assets/stylesheets/jquery-ui.scss */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

/* line 382, app/assets/stylesheets/jquery-ui.scss */
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a.ui-button:link,
a.ui-button:visited,
.ui-button {
  color: #454545;
  text-decoration: none;
}

/* line 392, app/assets/stylesheets/jquery-ui.scss */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

/* line 405, app/assets/stylesheets/jquery-ui.scss */
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

/* line 419, app/assets/stylesheets/jquery-ui.scss */
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

/* line 422, app/assets/stylesheets/jquery-ui.scss */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

/* line 433, app/assets/stylesheets/jquery-ui.scss */
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

/* line 438, app/assets/stylesheets/jquery-ui.scss */
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
/* line 447, app/assets/stylesheets/jquery-ui.scss */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

/* line 454, app/assets/stylesheets/jquery-ui.scss */
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

/* line 458, app/assets/stylesheets/jquery-ui.scss */
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

/* line 463, app/assets/stylesheets/jquery-ui.scss */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

/* line 470, app/assets/stylesheets/jquery-ui.scss */
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

/* line 475, app/assets/stylesheets/jquery-ui.scss */
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

/* line 480, app/assets/stylesheets/jquery-ui.scss */
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

/* line 485, app/assets/stylesheets/jquery-ui.scss */
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

/* line 492, app/assets/stylesheets/jquery-ui.scss */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

/* line 499, app/assets/stylesheets/jquery-ui.scss */
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
/* line 508, app/assets/stylesheets/jquery-ui.scss */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

/* line 514, app/assets/stylesheets/jquery-ui.scss */
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

/* line 520, app/assets/stylesheets/jquery-ui.scss */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

/* line 526, app/assets/stylesheets/jquery-ui.scss */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
/* line 534, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

/* line 539, app/assets/stylesheets/jquery-ui.scss */
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/* line 1, app/assets/stylesheets/sketch-measure.scss */
.spec-shadow {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

/* line 6, app/assets/stylesheets/sketch-measure.scss */
.specs * {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget {
  display: flex;
  width: 100px;
  position: absolute;
  bottom: 25px;
  left: 15px;
}

/* line 8, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget button {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 0;
  background: grey;
  cursor: pointer;
}

/* line 9, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget button:after, .specs .zoom-widget button:before {
  position: absolute;
  top: 9px;
  left: 5px;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #FFF;
}

/* line 10, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget button:after {
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
}

/* line 11, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget button:disabled {
  background: #222;
  cursor: default;
}

/* line 12, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget button:disabled:after, .specs .zoom-widget button:disabled:before {
  background: #606264;
}

/* line 13, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget button.zoom-in:after {
  display: none;
}

/* line 14, app/assets/stylesheets/sketch-measure.scss */
.specs .zoom-widget .zoom-text {
  display: block;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
  flex: 1;
}

/* line 15, app/assets/stylesheets/sketch-measure.scss */
.specs main {
  position: relative;
  height: 100%;
  width: 100%;
}

/* line 16, app/assets/stylesheets/sketch-measure.scss */
.specs .screen-viewer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: scroll;
}

/* line 17, app/assets/stylesheets/sketch-measure.scss */
.specs .screen-viewer .overlay {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  background: transparent;
  overflow: hidden;
  z-index: 2;
  cursor: none;
}

/* line 18, app/assets/stylesheets/sketch-measure.scss */
.specs .screen-viewer-inner {
  position: relative;
  margin: 0 auto;
  cursor: move;
  /* fallback: no `url()` support or images disabled */
  cursor: -webkit-grab;
  /* Chrome 1-21, Safari 4+ */
  cursor: -moz-grab;
  /* Firefox 1.5-26 */
  cursor: grab;
  /* W3C standards syntax, should come least */
}

/* line 23, app/assets/stylesheets/sketch-measure.scss */
.specs .screen-viewer-inner.moving {
  cursor: -webkit-grabbing;
  /* Chrome 1-21, Safari 4+ */
  cursor: -moz-grabbing;
  /* Firefox 1.5-26 */
  cursor: grabbing;
  /* W3C standards syntax, should come least */
}

/* line 27, app/assets/stylesheets/sketch-measure.scss */
.specs .screen {
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all .15s ease;
}

/* line 28, app/assets/stylesheets/sketch-measure.scss */
.specs .layer {
  position: absolute;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/sketch-measure.scss */
.specs .hover, .specs .selected {
  border: 1px solid #F63E7C;
}

/* line 30, app/assets/stylesheets/sketch-measure.scss */
.specs .has-slice {
  border: 1px dashed #F63E7C;
  background: rgba(255, 85, 0, 0.32);
}

/* line 31, app/assets/stylesheets/sketch-measure.scss */
.specs .layer b, .specs .layer i {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #FFF;
  border: 1px solid #F63E7C;
  border-radius: 50%;
  overflow: hidden;
  display: none;
}

/* line 32, app/assets/stylesheets/sketch-measure.scss */
.specs .layer b {
  width: 3px;
  height: 3px;
  background: #F63E7C;
}

/* line 33, app/assets/stylesheets/sketch-measure.scss */
.specs .selected i {
  display: block;
}

/* line 34, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.h div[data-width]:before, .specs .distance.v div[data-height]:before, .specs .selected:after, .specs .selected:before {
  position: absolute;
  display: block;
  left: 50%;
  top: -23px;
  transform: translateX(-50%);
  content: attr(data-width);
  font-size: 12px;
  color: #FFF;
  height: 12px;
  line-height: 12px;
  padding: 4px;
  background: #F63E7C;
  border-radius: 2px;
  z-index: 1;
}

/* line 35, app/assets/stylesheets/sketch-measure.scss */
.specs .percentage-mode .distance.h div[data-width]:before, .specs .percentage-mode .distance.v div[data-height]:before, .specs .percentage-mode .selected:after, .specs .percentage-mode .selected:before {
  content: attr(percentage-width);
}

/* line 36, app/assets/stylesheets/sketch-measure.scss */
.specs .selected.hidden:after, .specs .selected.hidden:before {
  display: none;
}

/* line 37, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.v div[data-height]:before, .specs .selected:after {
  content: attr(data-height);
  left: auto;
  right: 0;
  top: 50%;
  transform: translateX(calc(100% + 3px)) translateY(-50%);
}

/* line 38, app/assets/stylesheets/sketch-measure.scss */
.specs .percentage-mode .distance.v div[data-height]:before, .specs .percentage-mode .selected:after {
  content: attr(percentage-height);
}

/* line 39, app/assets/stylesheets/sketch-measure.scss */
.specs .layer .tl {
  top: -3px;
  left: -3px;
}

/* line 40, app/assets/stylesheets/sketch-measure.scss */
.specs .layer .tr {
  top: -3px;
  right: -3px;
}

/* line 41, app/assets/stylesheets/sketch-measure.scss */
.specs .layer .bl {
  bottom: -3px;
  left: -3px;
}

/* line 42, app/assets/stylesheets/sketch-measure.scss */
.specs .layer .br {
  bottom: -3px;
  right: -3px;
}

/* line 43, app/assets/stylesheets/sketch-measure.scss */
.specs .hover {
  border: 1px solid #419bf9;
}

/* line 44, app/assets/stylesheets/sketch-measure.scss */
.specs .selected {
  border: 1px solid #F63E7C;
}

/* line 45, app/assets/stylesheets/sketch-measure.scss */
.specs .ruler {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px dashed #419bf9;
}

/* line 46, app/assets/stylesheets/sketch-measure.scss */
.specs .ruler.h {
  border-left: 0;
  border-right: 0;
}

/* line 47, app/assets/stylesheets/sketch-measure.scss */
.specs .ruler.v {
  border-top: 0;
  border-bottom: 0;
}

/* line 48, app/assets/stylesheets/sketch-measure.scss */
.specs .distance, .specs .distance div, .specs .distance div:before, .specs .distance:after, .specs .distance:before {
  position: absolute;
}

/* line 49, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.v, .specs .distance.v div {
  width: 1px;
}

/* line 50, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.h, .specs .distance.h div {
  height: 1px;
}

/* line 51, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.v div {
  top: 0;
  bottom: 0;
  background: #F63E7C;
}

/* line 52, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.h div {
  left: 0;
  right: 0;
  background: #F63E7C;
}

/* line 53, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.v:after, .specs .distance.v:before {
  content: "";
  top: 0;
  left: -2px;
  width: 5px;
  height: 1px;
  background: #F63E7C;
}

/* line 54, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.h:after, .specs .distance.h:before {
  content: "";
  top: -2px;
  left: 0;
  width: 1px;
  height: 5px;
  background: #F63E7C;
}

/* line 55, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.v:after {
  top: auto;
  bottom: 0;
}

/* line 56, app/assets/stylesheets/sketch-measure.scss */
.specs .distance.h:after {
  left: auto;
  right: 0;
}

/* line 57, app/assets/stylesheets/sketch-measure.scss */
.specs .empty {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  vertical-align: middle;
  text-align: center;
}

/* line 58, app/assets/stylesheets/sketch-measure.scss */
.specs .message {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px 20px;
  max-width: 320px;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #FFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
  z-index: 9;
  display: none;
}

/*!
 * Quill Editor v1.3.4
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
/* line 7, app/assets/stylesheets/quill.core.scss */
.ql-container {
  box-sizing: border-box;
  font-family: 'DM sans', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 0.8125rem;
  height: 100%;
  margin: 0px;
  position: relative;
}

/* line 16, app/assets/stylesheets/quill.core.scss */
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

/* line 20, app/assets/stylesheets/quill.core.scss */
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

/* line 24, app/assets/stylesheets/quill.core.scss */
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

/* line 32, app/assets/stylesheets/quill.core.scss */
.ql-clipboard p {
  margin: 0;
  padding: 0;
}

/* line 37, app/assets/stylesheets/quill.core.scss */
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 51, app/assets/stylesheets/quill.core.scss */
.ql-editor > * {
  cursor: text;
}

/* line 55, app/assets/stylesheets/quill.core.scss */
.ql-editor p,
.ql-editor ol,
.ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

/* line 63, app/assets/stylesheets/quill.core.scss */
.ql-editor strong {
  font-weight: bold;
}

/* line 67, app/assets/stylesheets/quill.core.scss */
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

/* line 72, app/assets/stylesheets/quill.core.scss */
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

/* line 77, app/assets/stylesheets/quill.core.scss */
.ql-editor ul > li::before {
  content: '\2022';
}

/* line 81, app/assets/stylesheets/quill.core.scss */
.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
  pointer-events: none;
}

/* line 86, app/assets/stylesheets/quill.core.scss */
.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
  pointer-events: all;
}

/* line 91, app/assets/stylesheets/quill.core.scss */
.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

/* line 98, app/assets/stylesheets/quill.core.scss */
.ql-editor ul[data-checked='true'] > li::before {
  content: '\2611';
}

/* line 102, app/assets/stylesheets/quill.core.scss */
.ql-editor ul[data-checked='false'] > li::before {
  content: '\2610';
}

/* line 106, app/assets/stylesheets/quill.core.scss */
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

/* line 112, app/assets/stylesheets/quill.core.scss */
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

/* line 118, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

/* line 123, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

/* line 128, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

/* line 133, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

/* line 138, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

/* line 142, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

/* line 146, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

/* line 150, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

/* line 154, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

/* line 158, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

/* line 162, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

/* line 166, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

/* line 170, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

/* line 174, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

/* line 178, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

/* line 182, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

/* line 186, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

/* line 190, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

/* line 194, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

/* line 198, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

/* line 202, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

/* line 206, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

/* line 210, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

/* line 214, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

/* line 218, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

/* line 222, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

/* line 226, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

/* line 230, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

/* line 234, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

/* line 238, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

/* line 242, app/assets/stylesheets/quill.core.scss */
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

/* line 246, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

/* line 250, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

/* line 254, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

/* line 258, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

/* line 262, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

/* line 266, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

/* line 270, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

/* line 274, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

/* line 278, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

/* line 282, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

/* line 286, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

/* line 290, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

/* line 294, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

/* line 298, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

/* line 302, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

/* line 306, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

/* line 310, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

/* line 314, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

/* line 318, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

/* line 322, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

/* line 326, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

/* line 330, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

/* line 334, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

/* line 338, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

/* line 342, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

/* line 346, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

/* line 350, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

/* line 354, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

/* line 358, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

/* line 362, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

/* line 366, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

/* line 370, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

/* line 374, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

/* line 378, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

/* line 382, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

/* line 386, app/assets/stylesheets/quill.core.scss */
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

/* line 390, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

/* line 395, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

/* line 399, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

/* line 403, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-bg-black {
  background-color: #000;
}

/* line 407, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-bg-red {
  background-color: #e60000;
}

/* line 411, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-bg-orange {
  background-color: #f90;
}

/* line 415, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

/* line 419, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-bg-green {
  background-color: #008a00;
}

/* line 423, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-bg-blue {
  background-color: #06c;
}

/* line 427, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-bg-purple {
  background-color: #93f;
}

/* line 431, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-color-white {
  color: #fff;
}

/* line 435, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-color-red {
  color: #e60000;
}

/* line 439, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-color-orange {
  color: #f90;
}

/* line 443, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-color-yellow {
  color: #ff0;
}

/* line 447, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-color-green {
  color: #008a00;
}

/* line 451, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-color-blue {
  color: #06c;
}

/* line 455, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-color-purple {
  color: #93f;
}

/* line 459, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-size-small {
  font-size: 0.75em;
}

/* line 463, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-size-large {
  font-size: 1.5em;
}

/* line 467, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

/* line 471, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

/* line 476, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-align-center {
  text-align: center;
}

/* line 480, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-align-justify {
  text-align: justify;
}

/* line 484, app/assets/stylesheets/quill.core.scss */
.ql-editor .ql-align-right {
  text-align: right;
}

/* line 488, app/assets/stylesheets/quill.core.scss */
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* line 500, app/assets/stylesheets/quill.core.scss */
.ql-editor table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* line 506, app/assets/stylesheets/quill.core.scss */
.ql-editor .table-wrapper {
  margin-bottom: 40px;
  margin-top: 30px;
}

/* line 511, app/assets/stylesheets/quill.core.scss */
.ql-editor table td {
  border: 1px solid #dfdfdf;
  padding: 8px;
}

/* line 6, app/assets/stylesheets/plugin.scss */
body {
  font-family: 'DM sans', 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 0.8125rem;
}

/* line 11, app/assets/stylesheets/plugin.scss */
i {
  color: gray;
  font-size: 15px;
}

/* line 16, app/assets/stylesheets/plugin.scss */
i.disabled {
  color: #e8e8e8;
}

/* line 20, app/assets/stylesheets/plugin.scss */
svg .fill-region {
  fill: inherit;
}

/* line 24, app/assets/stylesheets/plugin.scss */
svg {
  fill: inherit;
}

/* line 28, app/assets/stylesheets/plugin.scss */
svg .stroke-region {
  stroke: inherit;
}

/* line 32, app/assets/stylesheets/plugin.scss */
.cover-page *:focus-visible,
.page-settings *:focus-visible,
.page *:focus-visible,
.left-pane *:focus-visible,
.page-footer-container *:focus-visible,
button[role="switch"]:focus-visible {
  outline-color: revert;
}