.antic-settings
{
  background-color: #000;
  height: 100vh;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  display: block;
  z-index: 9999999999;
}

.antic-settings header
{
  color: #fff;
  font-weight: 900;
  margin: 0;
  padding: 2vw;
  padding-bottom: 3vw;
  text-align: right;
  width: 100vw;
  background: rgba(0, 0, 0, 1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  /**-webkit-box-shadow: 0px 0px 23px 6px rgba(0,0,0,01);
  box-shadow: 0px 0px 23px 6px rgba(0,0,0,1);*/
  display: inline-block;
}

.antic-settings header .settings-header-rows
{
  width: 100%;
  display: flex;
}

.antic-settings header .settings-ant-right
{
  font-size:0.9em;
  font-weight: 900;
  color: var(--antic-color-active);
  opacity: 0.6;
  padding-right: 2vw;
  margin-right: 0;
  margin-left: auto;
}

.antic-settings header .settings-ant-left
{
  color: var(--antic-color-active);
  opacity: 0.6;
  margin-right: auto;
  margin-left: 0;
}

.antic-settings header .settings-ant-left.settings-header-online
{
  opacity: 1;
}

.antic-settings header .settings-select-color
{
  display: none;
  position: absolute;
  right: 2vw;
  top: 6vw;
  z-index: 2;
}

.antic-settings header .settings-select-color-item
{
  width: 15vw;
  height: 15vw;
  margin: 2vw;
  border-radius: 2px;
}

.antic-settings header .settings-icons
{
  background: rgba(255, 255, 255, 0);
  display: flex;
  font-weight: 100;
  margin-top: 1vw;
  margin-left: 0;
  text-align: left;
  width: calc( 100vw - 2vw );
}

.antic-settings header .settings-reload-label
{
  font-weight: 100;
  font-size: 0.95em;
  padding: 3px 3vw 4px 3vw;
  margin: auto;
}

.antic-settings header .settings-keyboard-ico,
.antic-settings header .settings-fullscreen-ico,
.antic-settings header .settings-service-worker-ico
{
  padding: 5px 2vw 2px 2vw;
  background: rgba(255,255,255,0.2);
  margin: auto;
  border-radius: 2px;
  margin-left: 0;
}

.antic-settings header .settings-keyboard-ico,
.antic-settings header .settings-service-worker-ico
{
  margin-right: 2vw;
}

.antic-settings header .settings-fullscreen-ico
{
  margin-right: auto;
}

.antic-settings header .settings-reload-ico
{
  margin-right: 4vw;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding: 3vw 2vw 2px 2vw;
  background: transparent;
}

.antic-settings header .settings-reload-ico .ico
{
  color: var(--antic-color-active);
}

.antic-settings header .settings-keyboard-ico
{
  background: var(--antic-color-active);
}

.antic-settings header .settings-background-selected
{
  background: var(--antic-color-active);
}

.antic-settings content
{
  color: #fff;
  display: block;
  margin-top: 25vw;
  padding: 2vw;
  text-align: center;
  width: 100vw;
  background-color: #222;
  min-height: 100vh;
}

.antic-settings content .settings-parametres-title
{
  display: flex;
  font-size: 1.2em;
  font-weight: 100;
  margin-top: 12vw;
  text-align: left;
}

.antic-settings content .settings-parametres-container
{
  display: none;
}

.antic-settings content .antic-sequences-container
{
  margin-top: 6vw;
}

.antic-settings content .settings-option-title
{
  margin-top: 6vw;
  color: var(--antic-color-active);
  font-weight: 100;
  text-transform: uppercase;
  font-size: 90%;
  width: 100%;
  text-align: left;
}

.antic-settings content .antic-sequence-id
{
  margin-top: 4vw;
  text-align: left;
}

.antic-settings content .antic-info-sequence
{
  font-size: 1.2em;
  font-weight: 100;
}

.antic-settings content .antic-info-sequence .sequence
{
  color: var(--antic-color-active);
}

.antic-settings content .antic-info-date,
.antic-settings content .antic-info-title
{
  font-size: 0.9em;
}

.antic-settings content .antic-info-description
{
  font-size: 0.9em;
  opacity: 0.6;
}

.antic-settings content .settings-container-open
{
  display: none;
  margin-bottom: 6vw;
}

.antic-settings content .settings-font-size-list
{
  display:flex;
  width:100%;
}

.antic-settings content .settings-font-size
{
  line-height: 15vw;
  margin:auto;
  background: rgba(250, 250, 250, 0.2);
  border-radius: 2px;
  font-size: 1em;
  height: 15vw;
  vertical-align: middle;
  width: 30vw
}

.antic-settings content .settings-background-selected
{
  background: var(--antic-color-active);
}

.antic-settings content .settings-color-selected
{
  color: var(--antic-color-active);
}

.antic-settings content .settings-content-list,
.antic-settings content .settings-cutting-list
{
  display: inline-block;
  width:100%;
}

.antic-settings content .settings-content,
.antic-settings content .settings-cutting
{
  float: left;
  line-height: inherit;
  border-radius: 2px;
  font-size: 0.9em;
  padding: 3vw 5vw;
  margin: 1vw 2vw 1vw 0;
  text-align: left;
  min-width: 30vw;
  max-width: 46vw;
}

.antic-settings content .settings-content[cutting-selected='0'],
.antic-settings content .settings-cutting[cutting-selected='0']
{
  background: rgba(250, 250, 250, 0.1);
}

.antic-settings content .settings-content[cutting-selected='1'],
.antic-settings content .settings-cutting[cutting-selected='1']
{
  background: var(--antic-color-active);
}

.settings .settings-edit-content
{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #222;
  z-index: 99999999991;
  width: 100vw;
  height: 100vh;
  color: #fff;
  overflow: hidden;
}

.settings .settings-content-footer
{
  position: absolute;
  bottom: 10vw;
  right: 10vw;
  border-radius: 50%;
  background-color: var(--antic-color-active);
  display: flex;
  height: 3em;
  width: 3em;
  z-index: 2;
}

.settings .settings-modal-header,
.settings .settings-content-header
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: max-content;
  z-index: 2;
  padding: 2vw;
  background-color: #222;
}

.settings-edit-content .settings-modal-description,
.settings-edit-content .settings-content-description
{
  position:relative;
  z-index: 2;
  font-size: 0.9em;
  opacity: 0.6;
}

.settings-edit-content .antic-modal .antic-modal-form
{
  margin: 5vw;
  margin-top: 2vw;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.settings-edit-content .antic-modal .settings-modal-field-label
{
  padding-top: 5vw;
}

.settings-edit-content .antic-modal .settings-modal-field-label .label
{
  font-weight: 300;
  color: rgba(255,255,255,0.4);
  font-size: 1em;
}

.settings-edit-content .antic-modal .settings-modal-field-container .settings-modal-field-value
{
  outline: none;
  font-size: 1em;
  padding-left: 5vw;
  padding-right: 5vw;
  height: 15vw;
  background: rgba(250, 250, 250, 0.2);
  color: #fff;
  border: transparent 0 solid;
  border-radius: 2px;
  font-family: inherit;
}

.settings-edit-content .antic-modal .antic-modal-actions
{
  display: flex;
  margin-top: 8vw;
}

.settings-edit-content .antic-modal .antic-modal-actions-delete
{
  color: var(--antic-color-active);
  padding: 0;
  background-color: transparent;
  font-size: 1em;
  width: max-content;
}

.settings .settings-content-add
{
  margin: auto;
}

.settings .settings-content-add-icon
{
  font-size: 2.2em;
  padding-top: 1vw;
}