@import "https://fonts.googleapis.com/css?family=Droid+Sans:regular,bold";
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible!important;background:#f2f2f2!important;background:rgba(0,0,0,.06)!important;border:0 none!important;box-shadow:inset 0 0 12px 4px #fff}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}
.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}
.selectize-control .dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:3px 3px 0 0}
.selectize-control .dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important}
.selectize-control .dropdown-header-close:hover{color:#000}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}
.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}
.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0!important}
.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:2px 6px;border-left:1px solid #d0d0d0;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:6px}
.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}
.selectize-control.plugin-remove_button .item.active .remove{border-left-color:#cacaca}
.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:0 0}
.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:#fff}
.selectize-control.plugin-remove_button .remove-single{position:absolute;right:0;top:0;font-size:23px}
.selectize-control{position:relative}
.selectize-dropdown,.selectize-input,.selectize-input input{color:#303030;font-family:inherit;font-size:13px;line-height:18px;font-smoothing:inherit}
.selectize-control.single .selectize-input.input-active,.selectize-input{background:#fff;cursor:text;display:inline-block}
.selectize-input{border:1px solid #d0d0d0;padding:8px 8px;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border-radius:3px}
.selectize-control.multi .selectize-input.has-items{padding:calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0)}
.selectize-input.full{background-color:#fff}
.selectize-input.disabled,.selectize-input.disabled *{cursor:default!important}
.selectize-input.focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}
.selectize-input.dropdown-active{border-radius:3px 3px 0 0}
.selectize-input>*{vertical-align:baseline;display:inline-block;zoom:1}
.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#f2f2f2;color:#303030;border:0 solid #d0d0d0}
.selectize-control.multi .selectize-input>div.active{background:#e8e8e8;color:#303030;border:0 solid #cacaca}
.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#7d7d7d;background:#fff;border:0 solid #fff}
.selectize-input>input{display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0!important;text-indent:0!important;border:0 none!important;background:0 0!important;line-height:inherit!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important;box-shadow:none!important}
.selectize-input>input::-ms-clear{display:none}
.selectize-input>input:focus{outline:0!important}
.selectize-input>input[placeholder]{box-sizing:initial}
.selectize-input.has-items>input{margin:0 4px!important}
.selectize-input::after{content:" ";display:block;clear:left}
.selectize-input.dropdown-active::before{content:" ";display:block;position:absolute;background:#f0f0f0;height:1px;bottom:0;left:0;right:0}
.selectize-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0 0 3px 3px}
.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}
.selectize-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}
.selectize-dropdown .create,.selectize-dropdown .no-results,.selectize-dropdown .optgroup-header,.selectize-dropdown .option{padding:5px 8px}
.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}
.selectize-dropdown [data-selectable].option{opacity:1;cursor:pointer}
.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}
.selectize-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}
.selectize-dropdown .active{background-color:#f5fafd;color:#495c68}
.selectize-dropdown .active.create{color:#495c68}
.selectize-dropdown .create{color:rgba(48,48,48,.5)}
.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;overflow-scrolling:touch}
.selectize-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:5px 8px}
.selectize-dropdown .spinner:after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 transparent #d0d0d0 transparent;animation:lds-dual-ring 1.2s linear infinite}
@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}
.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}
.selectize-control.single .selectize-input:after{content:" ";display:block;position:absolute;top:50%;right:15px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:gray transparent transparent transparent}
.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent gray transparent}
.selectize-control.rtl{text-align:right}
.selectize-control.rtl.single .selectize-input:after{left:15px;right:auto}
.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px!important}
.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fafafa}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}
.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}
@media all and (max-width:900px){.mfp-arrow{transform:scale(0.75)}.mfp-arrow-left{transform-origin:0 0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
/* Variables */
:root {
  --black: #1B1B1B;
  --gray: #777;
  --gray-light: #cfe3ff;
  --gray-xlight: #EFEFEF;

  --dark: rgba(0,0,0,0.85);
  --yellow: #FFDD3A40;
  --orange: #FFA03C40;
  --red: #E45B5B40;
  --pink: #E678DC40;
  --blue: #6B96D540;
  --turquoise: #3CC0DC40;
  --green: #40D26E40;
  --lemon: #CFF41740;
}
body {
  font-family: 'Droid Sans', Helvetica, sans-serif;
}
fieldset, iframe {
  border: none;
  padding: 0;
  margin: 0;
}
.main-header .filter-group {
  display: flex;
}
@media (min-width: 750px) {
  .main-header .filter-group {
    width: 30rem;
  }
}
.main-header .filter .selectize-input {
      padding: .5rem 1rem;
      display: block !important;
      border: none;
      border-radius: 0;
      background: var(--gray-light);
    }
.main-header .filter .selectize-input:hover {
        background: #fefefe;
      }
.main-header .filter .selectize-dropdown,
    .main-header .filter .selectize-dropdown-content {
      border: none;
      border-radius: 0 0 6px 6px;
    }
.main-header .filter .selectize-dropdown {
      color: var(--gray);
    }
.main-header .filter .selectize-dropdown .active {
        background: var(--gray-xlight);
      }
.main-header .filter .selectize-dropdown .highlight {
        color: var(--black);
        background: none;
        text-decoration: underline;
      }
.main-header .filter-version {
  white-space: nowrap;
  margin-right: 2px;
  width: 5rem;
}
.main-header .filter-search {
  width: 100%;
}
.main-header .filter-version .selectize-input {
      border-radius: 6px 0 0 6px;
    }
.main-header .filter-search .selectize-input {
      border-radius: 0 6px 6px 0;
      cursor: text !important;
    }
.main-header .filter-search .selectize-input.dropdown-active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
.main-header .filter-search .selectize-dropdown-content {
      padding: 0;
    }
.main-header .filter-search .selectize-dropdown-content .option {
        border-left-style: solid;
        border-left-width: 8px;
      }
.main-header .about {
    font-size: 0.9rem;
    outline: 0;
  }

/* Main content */
.main-content {
  display: flex;
  flex-wrap: wrap;
}
.main-content article {
    flex-shrink: 0;
    flex-grow: 1;
    background: white;
    margin-right: 1px;
    margin-bottom: 1px;
  }
.main-content article h1 {
      font-size: .9em;
      margin: 0;
      padding: .5rem 1rem;
      background: rgba(0,0,0,0.1);
      text-transform: uppercase;
    }
.main-content article a {
      color: inherit;
    }
.main-content article > div {
      padding: 1rem;
    }
.main-content article > div div {
        min-width: 100px;
      }
.main-content article > div section {
        margin-top: .8rem;
      }
.main-content section h2 {
      font-size: 0.9rem;
      line-height: 1em;
      margin: 0 0 .2em 0;
    }
.main-content section ul {
      font-size: 0.8rem;
      line-height: 1em;
      list-style: none;
      margin: 0;
      padding: 0;
    }
.main-content section ul li a {
        text-decoration: none;
        display: block;
        padding: .15em .5em;
      }
@media (min-height: 800px) {
.main-content section ul li a {
          padding-top: .2em;
          padding-bottom: .2em;
      }
        }
.main-content section h2.deactivate,
    .main-content section a.deactivate,
    .main-content section a.old-version {
      opacity: 0.3;
    }
.main-content section a.removed {
      text-decoration: line-through;
    }
@media (min-width: 600px) {
    .main-content article > div {
      display: flex;
      flex-shrink: 0;
      align-content: flex-start;
    }

      .main-content article > div > div {
        flex-grow: 1;
      }

      :is(.main-content article > div) > div + div {
        margin-left: 1rem;
      }

      .main-content article > div section:first-child {
        margin-top: 0;
      }
  }

.main-content.hide-removed a.removed {
    display: none;
  }
.main-content.hide-deprecated a.old-version {
    display: none;
  }
/* SELECTORS theme */
.selectors {
  --color: var(--yellow);
  --dark: rgba(0,0,0,0.85);
}
article.selectors {
    background: var(--color);
    color: var(--dark);
}
article.selectors a:hover {
  text-decoration: underline;
  transform: translateY(-1px);
    }
.selectors.option {
    border-color: var(--color);
  }
/* ATTRIBUTES theme */
.attributes {
  --color: var(--orange);
}
article.attributes {
    background: var(--color);
    color: var(--dark);
}
article.attributes a:hover {
  text-decoration: underline;
  transform: translateY(-1px);
    }
.attributes.option {
    border-color: var(--color);
  }
/* MANIPULATION theme */
.manipulation {
  --color: var(--red);
}
article.manipulation {
    background: var(--color);
    color: var(--dark);
}
article.manipulation a:hover {
  text-decoration: underline;
  transform: translateY(-1px);
    }
.manipulation.option {
    border-color: var(--color);
  }
/* TRAVERSING theme */
.traversing {
  --color: var(--pink);
}
article.traversing {
    background: var(--color);
    color: var(--dark);
}
article.traversing a:hover {
  text-decoration: underline;
  transform: translateY(-1px);
    }
.traversing.option {
    border-color: var(--color);
  }
/* EVENTS theme */
.events {
  --color: var(--blue);
}
article.events {
    background: var(--color);
    color: var(--dark);
}
article.events a:hover {
  text-decoration: underline;
  transform: translateY(-1px);
    }
.events.option {
    border-color: var(--color);
  }
/* EFFECTS theme */
.effects {
  --color: var(--turquoise);
}
article.effects {
    background: var(--color);
    color: var(--dark);
}
article.effects a:hover {
  text-decoration: underline;
  transform: translateY(-1px);  
    }
.effects.option {
    border-color: var(--color);
  }
/* AJAX theme */
.ajax {
  --color: var(--green);
}
article.ajax {
    background: var(--color);
    color: var(--dark);
}
article.ajax a:hover {
  text-decoration: underline;
  transform: translateY(-1px);  
    }
.ajax.option {
    border-color: var(--color);
  }
/* CORE theme */
.core {
  --color: var(--lemon);
}
article.core {
    background: var(--color);
    color: var(--dark);
}
article.core a:hover {
  text-decoration: underline;
  transform: translateY(-1px);  
    }
.core.option {
    border-color: var(--color);
  }
/* Popups */
.mfp-bg {
  background: rgba(0,0,0,0.5);
}
.mfp-content {
  background: white;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.modal-doc .mfp-container {
    padding: 0;
  }
.modal-doc .mfp-container .mfp-content {
      width: calc(100% - 40px);
      height: calc(100% - 40px);
      background: white;
    }
.modal-about .mfp-content {
    max-width: 400px;
  }
.modal-about fieldset {
    padding: 1rem;
  }
.modal-about h4 {
    margin: 0 0 1rem 0;
  }
.modal-about label {
    font-size: 0.8em;
    padding: 5px 0;
    display: block;
  }
.modal-about label > input {
      margin-right: .3em;
    }
.modal-about p {
    padding: 1rem;
    font-size: 0.8rem;
    border-top: solid 1px var(--gray-light);
    margin: 0;
  }
.modal-about p a {
      color: inherit;
    }
.modal-about p a:hover {
        text-decoration: none;
      }
/* Modal */
#modal {
  padding: 5px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#modal ul {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
    display: flex;
    font-size: 0.8rem;
  }
#modal ul li {
      margin-right: 5px;
    }
#modal ul a {
      display: block;
      color: black;
      padding: 0.5em 1em;
      text-decoration: none;
    }
#modal ul a:hover {
        background: var(--gray-xlight);
      }
#modal ul a.selected {
        color: white;
        background: black;
      }
#modal > div {
    flex-grow: 1;
    position: relative;
  }
#modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
/* Offline */
html.is-offline {
  --offline-color: #C00;

  border-top: solid 3px var(--offline-color);
}
html.is-offline .main-header h1::after {
        content: "Offline";
        display: inline-block;
        font-size: .8em;
        background: var(--offline-color);
        color: white;
        padding: .3em;
        border-radius: 3px;
        text-transform: uppercase;
        margin-left: .5em;
      }
html.is-offline .main-content section ul li a {
    pointer-events: none;
  }