@font-face
  font-family: 'icomoon'
  font-style: normal
  font-weight: normal
  src: url('icomoon.eot?alv1ju')
  src: url('icomoon.eot?alv1ju#iefix') format('embedded-opentype'), url('icomoon.ttf?alv1ju') format('truetype'), url('icomoon.woff?alv1ju') format('woff'), url('icomoon.svg?alv1ju#icomoon') format('svg')

.c-field--choice
  margin-top: 5px

.noselect
  -webkit-touch-callout: none
  -webkit-user-select: none
  -khtml-user-select: none
  -moz-user-select: none
  -ms-user-select: none
  user-select: none

[data-ec-menu-publish], [data-ec-menu-save]
  display: none

[data-ec-editing]
  padding-bottom: 55px
  .modal a.close-modal
    top: 0
    right: 0

[data-ec-editing='1']
  [data-ec-block], [data-ec-sub-block]
    box-shadow: inset 0 0 2px #468
    min-height: 35px
    position: relative
  [data-ec-container=''] [data-ec-item], [data-ec-dlg] [data-ec-item]
    background: repeating-linear-gradient( -45deg, #def, #def 10px, #f4f4f4 10px, #f4f4f4 20px )
    box-shadow: inset 0 0 2px #789
    cursor: pointer
  [data-ec-item]
    min-height: 15px
  [data-ec-menu-publish], [data-ec-menu-save]
    display: inline

[data-ec-new-block], [data-ec-new-sub-block], [data-ec-newblk-dlg], [data-ec-newsubcmp]
  background: #def
  border: 1px dashed #789
  font-style: italic
  margin-top: 5px
  padding: 8px
  position: relative
  text-align: center
  [data-ec-icon]
    margin: 0

[data-ec-status]
  color: #eee
  padding: 6px 0
  text-align: center

[data-ec-form]
  display: inline-block

[data-ec-menu-dropup]
  bottom: 100%
  color: #444
  display: none
  position: absolute
  width: 200px

[data-ec-toolbar]
  background: rgba(0, 0, 0, .75)
  z-index: 1000
  a
    color: #fff
    text-decoration: none
  a:hover
    background-color: transparent
  .c-nav__item--right
    padding-left: 5px
    padding-right: 5px
    &.last-item
      margin-right: 10px
  .c-button
    margin-bottom: 4px
  .c-card__item
    line-height: initial
  .item-menu-add
    display: none

[data-ec-btn-add]
  float: right
  font-size: 80%

[data-ec-block-buttons], [data-ec-new-block] > button, [data-ec-new-sub-block] > button
  padding: 2px 2px 1px 3px
  position: absolute
  right: 5px
  top: 5px

[data-ec-block-buttons] button
  padding: 4px 4px 3px 5px

[data-ec-new-block] > button
  padding: 2px 2px 1px 3px

[data-ec-btn-destroy], [data-ec-btn-cancel], [data-ec-btn-settings], .ec-btn-sort
  border-radius: 20px
  margin-top: 4px
  padding: 4px 4px 5px 5px
  position: absolute
  text-shadow: 1px 1px #000
  z-index: 999

[data-ec-btn-destroy], [data-ec-btn-cancel]
  background: #a00
  color: #fff
  cursor: no-drop
  right: 28px

[data-ec-btn-destroy]
  display: none

[data-ec-destroy='1']
  opacity: 0.3

[data-ec-btn-settings]
  background: #e80
  color: #fff
  cursor: pointer
  display: none
  right: 52px

.ec-btn-sort
  background: #080
  color: #fff
  cursor: move
  cursor: -webkit-grabbing
  display: none
  right: 4px

// --- dialogs -------------------------------------------------------------- //
[data-ec-dlg]
  display: none

[data-ec-dlg='preview']
  .c-card__body
    height: 100%
    margin-top: 20px
    padding: 0
  .o-modal
    height: 90%
    padding: 0
    &[data-ec-target='mobile']
      max-width: 480px
      iframe
        width: 480px
    &[data-ec-target='tablet']
      max-width: 768px
      iframe
        width: 768px
  iframe
    border: 0 none
    height: 100%

[data-ec-dlg='options']
  .o-modal
    padding: 14px 12px
    [data-ec-type='ItemImage']
      vertical-align: middle
      max-width: 200px
      max-height: 150px
    [data-ec-sub-block]
      margin-bottom: 5px
      position: relative
  .c-card__footer
    text-align: right

[data-ec-dlg-buttons]
  margin-top: 3px
  position: absolute
  right: 10px
  font-size: 80%

// --- icons ---------------------------------------------------------------- //
[data-ec-icon]
  font-family: 'icomoon' !important
  speak: none
  font-style: normal
  font-weight: normal
  font-variant: normal
  text-transform: none
  line-height: 1
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
[data-ec-icon='icon-pencil']:before
  content: '\e905'
[data-ec-icon='icon-image']:before
  content: '\e90d'
[data-ec-icon='icon-file-text2']:before
  content: '\e926'
[data-ec-icon='icon-mobile2']:before
  content: '\e959'
[data-ec-icon='icon-upload']:before
  content: '\e961'
[data-ec-icon='icon-floppy-disk']:before
  content: '\e962'
[data-ec-icon='icon-user']:before
  content: '\e971'
[data-ec-icon='icon-search']:before
  content: '\e986'
[data-ec-icon='icon-cog']:before
  content: '\e994'
[data-ec-icon='icon-bin']:before
  content: '\e9ac'
[data-ec-icon='icon-eye']:before
  content: '\e9ce'
[data-ec-icon='icon-eye-blocked']:before
  content: '\e9d1'
[data-ec-icon='icon-plus']:before
  content: '\ea0a'
[data-ec-icon='icon-move-down']:before
  content: '\ea47'

// -------------------------------------------------------------------------- //

[v-cloak]
  display: none