.slim-file-hopper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer
}
.slim-image-editor {
    position: relative;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}
.slim-image-editor .slim-wrapper {
    position: relative;
    z-index: 2
}
.slim-image-editor .slim-crop-preview,
.slim-image-editor .slim-stage {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 0
}
.slim-image-editor .slim-stage {
    z-index: 4
}
.slim-image-editor .slim-crop-preview {
    z-index: 3;
    border-radius: 4px
}
.slim-image-editor .slim-crop-preview:after,
.slim-image-editor .slim-crop-preview canvas,
.slim-image-editor .slim-crop-preview img {
    position: absolute;
    display: block;
    border-radius: inherit;
    left: 0;
    top: 0
}
.slim-image-editor .slim-crop-preview .slim-crop {
    z-index: 3
}
.slim-image-editor .slim-crop-preview:after {
    z-index: 2;
    right: 0;
    bottom: 0;
    content: ''
}
.slim-image-editor .slim-crop-preview .slim-crop-blur {
    -webkit-filter: contrast(.7);
    -moz-filter: contrast(.7);
    filter: contrast(.7);
    z-index: 1
}
.slim-image-editor .slim-btn-group {
    position: relative;
    padding: 2rem 0 0;
    z-index: 3;
    text-align: center
}
.slim-image-editor .slim-btn-group button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    margin: 0 .75em;
    padding: .75em 1.5em .875em;
    cursor: pointer;
    overflow: hidden;
    transition: color .25s, box-shadow .25s, background-color .25s;
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .15);
    background-color: transparent;
    outline: none
}
.slim-image-editor .slim-btn-group button:active {
    padding: .875em 1.5em .75em;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)
}
.slim-image-editor-btn {
    color: hsla(0, 0%, 100%, .75);
    border: 2px solid rgba(0, 0, 0, .25);
    border-radius: .5em
}
.slim-image-editor-btn:focus,
.slim-image-editor-btn:hover {
    color: hsla(0, 0%, 100%, .9)
}
.slim-image-editor-preview:after {
    background-color: rgba(244, 250, 255, .4);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .07), 0 1px 5px rgba(0, 0, 0, .3)
}
@media (min-width: 30em) {
    .slim-image-editor .slim-btn-group {
        padding-top: 1rem
    }
}
@media (min-width: 40em) {
    .slim-image-editor .slim-btn-group {
        padding-top: 2rem
    }
}
.slim-crop-area {
    position: absolute;
    transition: background-color .125s ease-in-out;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .75)
}
.slim-crop-area .grid {
    overflow: hidden
}
.slim-crop-area .grid:after,
.slim-crop-area .grid:before {
    position: absolute;
    content: '';
    opacity: 0;
    transition: opacity .5s
}
.slim-crop-area .grid:before {
    top: 33.333%;
    bottom: 33.333%;
    left: 1px;
    right: 1px;
    box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .35), inset 0 1px 0 0 hsla(0, 0%, 100%, .35)
}
.slim-crop-area .grid:after {
    top: 1px;
    bottom: 1px;
    left: 33.333%;
    right: 33.333%;
    box-shadow: inset -1px 0 0 0 hsla(0, 0%, 100%, .35), inset 1px 0 0 0 hsla(0, 0%, 100%, .35)
}
.slim-crop-area button {
    position: absolute;
    background: #fafafa;
    box-shadow: inset 0 1px 0 0 #fff, 0 1px 1px rgba(0, 0, 0, .15);
    border: none;
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 8px;
    z-index: 2
}
.slim-crop-area [class*=n] {
    top: 0
}
.slim-crop-area [class*=s] {
    top: 100%
}
.slim-crop-area [class*=w] {
    left: 0
}
.slim-crop-area [class*=e] {
    left: 100%
}
.slim-crop-area .e,
.slim-crop-area .w {
    top: 50%;
    cursor: ew-resize;
    height: 30px;
    margin-top: -15px
}
.slim-crop-area .n,
.slim-crop-area .s {
    left: 50%;
    cursor: ns-resize;
    width: 30px;
    margin-left: -15px
}
.slim-crop-area .ne,
.slim-crop-area .sw {
    cursor: nesw-resize
}
.slim-crop-area .nw,
.slim-crop-area .se {
    cursor: nwse-resize
}
.slim-crop-area .c {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 0;
    border-radius: 0;
    border: none;
    z-index: 1;
    box-shadow: none;
    opacity: 0;
    cursor: move
}
.slim-crop-area button:not(.c):after {
    content: '';
    position: absolute;
    left: -12px;
    right: -12px;
    top: -12px;
    bottom: -12px
}
.slim-crop-area[data-dragging=true] .grid:after,
.slim-crop-area[data-dragging=true] .grid:before {
    opacity: 1
}
.slim-popover {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: .5rem;
    font-size: 16px;
    background: rgba(25, 27, 29, .99);
    z-index: 2147483647
}
.slim-popover[data-state=off] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.slim-popover:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, 0) 80%)
}
@media (min-width: 30em) {
    .slim-popover {
        padding: 1rem
    }
}
@media (min-width: 40em) {
    .slim-popover {
        padding: 2rem
    }
}
.slim,
.slim-crop-area,
.slim-image-editor,
.slim-popover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box
}
.slim-crop-area button,
.slim-image-editor button,
.slim-popover button,
.slim button {
    -webkit-highlight: none;
    -webkit-tap-highlight-color: transparent
}
.slim *,
.slim-crop-area *,
.slim-image-editor *,
.slim-popover * {
    box-sizing: inherit
}
.slim-crop-area img,
.slim-image-editor img,
.slim-popover img,
.slim img {
    width: 100%;
    height: auto;
    background-color: #eee;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1)), linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1));
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    border-radius: 4%;
}
.slim {
    position: relative;
    font-size: inherit;
    background-color: #eee;
    transition: background-color .25s;
    padding-bottom: .025px
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
.slim[data-state*=empty]:hover {
    background-color: #ddd
}
.slim[data-state*=error] {
    background-color: #e8a69f!important;
    color: #702010
}
.slim>img,
.slim>input[type=file] {
    display: block!important;
    opacity: 0!important;
    width: 0!important;
    height: 0!important;
    padding: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 0!important;
    border: 0!important
}
.slim>input[type=hidden] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    opacity: 0
}
.slim .slim-file-hopper {
    z-index: 1
}
.slim .slim-area,
.slim .slim-drip,
.slim .slim-ratio,
.slim .slim-result,
.slim .slim-status {
    border-radius: inherit
}
.slim .slim-area {
    width: 100%;
    color: inherit;
    overflow: hidden;
    z-index: 2
}
.slim .slim-area:only-of-type {
    margin: 0
}
.slim .slim-area .slim-loader {
    pointer-events: none;
    position: absolute;
    right: .875em;
    top: .875em;
    width: 23px;
    height: 23px;
    z-index: 1
}
.slim .slim-area .slim-loader svg {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0
}
.slim .slim-area .slim-upload-status {
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 1;
    opacity: 0;
    transition: opacity .25s;
    white-space: nowrap;
    line-height: 1.65;
    font-weight: 400
}
.slim .slim-area .slim-upload-status-icon {
    display: inline-block;
    opacity: .9
}
.slim .slim-area .slim-drip,
.slim .slim-area .slim-result,
.slim .slim-area .slim-status {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.slim .slim-area .slim-drip,
.slim .slim-area .slim-result {
    position: absolute
}
.slim .slim-area .slim-status {
    padding: 3em 1.5em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.slim .slim-area .slim-drip {
    overflow: hidden
}
.slim .slim-area .slim-drip>span {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    margin-left: -25%;
    margin-top: -25%;
    width: 50%;
    padding-bottom: 50%
}
.slim .slim-area .slim-drip>span>span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    border-radius: 50%;
    opacity: .5;
    left: 0;
    top: 0
}
.slim .slim-area .slim-result {
    overflow: hidden;
    -webkit-perspective: 1px
}
.slim .slim-area .slim-result img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.slim .slim-area .slim-result img:not([src]),
.slim .slim-area .slim-result img[src=''] {
    visibility: hidden
}
.slim .slim-btn-group {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    overflow: hidden
}
.slim .slim-btn-group button {
    cursor: pointer
}
.slim[data-ratio*=':'] {
    min-height: initial
}
.slim[data-ratio*=':'] .slim-status {
    position: absolute;
    padding: 1px;
}
.slim[data-ratio='16:10']>img,
.slim[data-ratio='16:10']>input[type=file] {
    margin-bottom: 62.5%!important
}
.slim[data-ratio='10:16']>img,
.slim[data-ratio='10:16']>input[type=file] {
    margin-bottom: 160%!important
}
.slim[data-ratio='16:9']>img,
.slim[data-ratio='16:9']>input[type=file] {
    margin-bottom: 56.25%!important
}
.slim[data-ratio='9:16']>img,
.slim[data-ratio='9:16']>input[type=file] {
    margin-bottom: 177.77778%!important
}
.slim[data-ratio='5:3']>img,
.slim[data-ratio='5:3']>input[type=file] {
    margin-bottom: 60%!important
}
.slim[data-ratio='3:5']>img,
.slim[data-ratio='3:5']>input[type=file] {
    margin-bottom: 166.66667%!important
}
.slim[data-ratio='5:4']>img,
.slim[data-ratio='5:4']>input[type=file] {
    margin-bottom: 80%!important
}
.slim[data-ratio='4:5']>img,
.slim[data-ratio='4:5']>input[type=file] {
    margin-bottom: 125%!important
}
.slim[data-ratio='4:3']>img,
.slim[data-ratio='4:3']>input[type=file] {
    margin-bottom: 75%!important
}
.slim[data-ratio='3:4']>img,
.slim[data-ratio='3:4']>input[type=file] {
    margin-bottom: 133.33333%!important
}
.slim[data-ratio='3:2']>img,
.slim[data-ratio='3:2']>input[type=file] {
    margin-bottom: 66.66667%!important
}
.slim[data-ratio='2:3']>img,
.slim[data-ratio='2:3']>input[type=file] {
    margin-bottom: 150%!important
}
.slim[data-ratio='1:1']>img,
.slim[data-ratio='1:1']>input[type=file] {
    margin-bottom: 100%!important
}
.slim-btn-group {
    padding: 1.5em 0;
    text-align: center
}
.slim-btn {
    position: relative;
    padding: 0;
    margin: 0 7.2px;
    font-size: 0;
    outline: none;
    width: 36px;
    height: 36px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 50%
}
.slim-btn,
.slim-btn:before {
    border-radius: 50%
}
.slim-btn:before {
    position: absolute;
    box-sizing: border-box;
    left: -3px;
    right: -3px;
    bottom: -3px;
    top: -3px;
    border: 3px solid #fff;
    content: '';
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0;
    transition: all .25s;
    z-index: -1;
    pointer-events: none
}
.slim-btn:focus:before,
.slim-btn:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.slim-btn * {
    pointer-events: none
}
.slim-btn-remove {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E")
}
.slim-btn-download {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E")
}
.slim-btn-upload {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")
}
.slim-btn-edit {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568a785.126 785.126 0 0 0-.988 3.25c-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993a1275.615 1275.615 0 0 0 9.41-2.83c1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E")
}
.slim-loader-background {
    stroke: hsla(0, 0%, 100%, .25)
}
.slim-loader-foreground {
    stroke: #fff
}
.slim-upload-status {
    padding: 0 .5em;
    border-radius: .3125em;
    font-size: .75em;
    box-shadow: 0 .125em .25em rgba(0, 0, 0, .25)
}
.slim-upload-status[data-state=success] {
    background-color: #d1ed8f;
    color: #323e15
}
.slim-upload-status[data-state=success] .slim-upload-status-icon {
    width: .5em;
    height: .75em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: .1875em solid currentColor;
    border-left: none;
    border-top: none;
    margin-right: .325em;
    margin-left: .25em;
    margin-bottom: .0625em
}
.slim-upload-status[data-state=error] {
    background: #efd472;
    color: #574016
}
.slim-upload-status[data-state=error] .slim-upload-status-icon {
    margin-left: -.125em;
    margin-right: .5em;
    width: .5625em;
    height: 1em;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.slim-upload-status[data-state=error] .slim-upload-status-icon:after,
.slim-upload-status[data-state=error] .slim-upload-status-icon:before {
    content: '';
    position: absolute;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: .09em solid currentColor;
    background-color: currentColor;
    -webkit-transform: translate(-50%, -50%) translate(.5em, .5em);
    transform: translate(-50%, -50%) translate(.5em, .5em)
}
.slim-upload-status[data-state=error] .slim-upload-status-icon:before {
    width: .66666666667em
}
.slim-upload-status[data-state=error] .slim-upload-status-icon:after {
    height: .66666666667em
}
.bytes {
    word-break: break-all
}
form .slim {
    margin: 0 auto 1em;
    width: 100%;
}
.default-value {
    color: #aaa;
    font-style: italic
}
[data-module="ui/Demo"] pre {
    margin-bottom: 2em
}
[data-module="ui/Demo"]>form .slim {
    /*width: 240px;*/
    border-radius: 50%
}

.slim {
	border-radius: 4%;
    margin-bottom: 2em;
    background-color: #f4f0ed
}
.slim[data-state*=empty]:hover {
    background-color: #ede9e6
}
.upload {
    text-align: center
}
.upload img {
    border-radius: 1em;
    max-width: 80%
}
.upload a {
    display: inline-block;
    margin: 0 0 1em
}
.hljs-comment {
    color: #8e908c
}
.css .hljs-class,
.css .hljs-id,
.css .hljs-pseudo,
.hljs-attribute,
.hljs-regexp,
.hljs-tag,
.hljs-variable,
.html .hljs-doctype,
.ruby .hljs-constant,
.xml .hljs-doctype,
.xml .hljs-pi,
.xml .hljs-tag .hljs-title {
    color: #61564e
}
.hljs-built_in,
.hljs-constant,
.hljs-literal,
.hljs-number,
.hljs-params,
.hljs-pragma,
.hljs-preprocessor {
    color: #f5871f
}
.css .hljs-rule .hljs-attribute,
.ruby .hljs-class .hljs-title {
    color: #eab700
}
.hljs-header,
.hljs-inheritance,
.hljs-name,
.hljs-string,
.hljs-value,
.ruby .hljs-symbol,
.xml .hljs-cdata {
    color: #718c00
}
.css .hljs-hexcolor,
.hljs-title {
    color: #61564e
}
.coffeescript .hljs-title,
.hljs-function,
.javascript .hljs-title,
.perl .hljs-sub,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword {
    color: #4271ae
}
.hljs-keyword,
.javascript .hljs-function {
    color: #8959a8
}
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .css,
.xml .hljs-cdata,
.xml .javascript,
.xml .vbscript {
    opacity: .5
}