#visually_setting_panel.show {
    padding: 10px 0;
    -webkit-transition-property: top, max-height, opacity;
    transition-property: top, max-height, opacity;
    -webkit-transition-duration: .5s, .5s, .5s;
    transition-duration: .5s, .5s, .5s;
    height: 100%;
    top: 0;
    max-height: 100%;
    opacity: 1;
    display: block
}

#visually_setting_panel {
    color: #000;
    opacity: 0;
    top: -1000px;
    -webkit-transition-property: top, max-height, opacity;
    transition-property: top, max-height, opacity;
    -webkit-transition-duration: 1s, .3s, .3s;
    transition-duration: 1s, .3s, .3s;
    max-height: 0;
    position: relative;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .8);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .8)
}

#visually_setting_panel button {
    margin: 2px 0;
    background: none;
    line-height: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 0;
    vertical-align: middle
}

#visually_setting_panel .button--change-theme--active {
    border-color: #5380e8;
    -webkit-box-shadow: 0 0 1px 1px #5380e8;
    box-shadow: 0 0 1px 1px #5380e8
}

#visually_setting_panel .settings__footer {
    border-top: 1px solid #000;
    padding-top: 10px;
    margin-top: 10px
}

#visually_setting_panel [data-hidden-panel] {
    position: relative
}

#visually_setting_panel [data-hidden-panel]:after,
#visually_setting_panel [data-hidden-panel]:before {
    content: "";
    width: 15px;
    display: block;
    height: 4px;
    position: absolute;
    background: #000
}

#visually_setting_panel [data-hidden-panel]:before {
    -webkit-transform: rotate(-40deg) translate(-2px, -2px);
    transform: rotate(-40deg) translate(-2px, -2px)
}

#visually_setting_panel [data-hidden-panel]:after {
    -webkit-transform: rotate(40deg) translate(5px, -5px);
    transform: rotate(40deg) translate(5px, -5px)
}

#visually_setting_panel [data-version-default]:before {
    content: "";
    background: url(/static/images/not-version.jpg) no-repeat 50%;
    height: 25px;
    width: 25px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

#visually_setting_panel [data-ext-settings]:before {
    content: "";
    background: url(/static/images/settings-gears.png) no-repeat 50%;
    height: 25px;
    width: 25px;
    margin-right: 5px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

#visually_setting_panel [data-change-color=white] {
    color: #000 !important;
    background: #fff !important
}

#visually_setting_panel [data-change-color=black] {
    color: #fff !important;
    background: #000 !important
}

#visually_setting_panel [data-change-color=blue] {
    color: #063dbb !important;
    background: #5380e8 !important
}

#visually_setting_panel [data-change-color=brown] {
    color: #4d4b43 !important;
    background: #f7f3d6 !important
}

#visually_setting_panel [data-change-color=green] {
    color: #a9e44d !important;
    background: #3b2716 !important
}

#visually_setting_panel [data-change-image=include] {
    background: #000;
    position: relative
}

#visually_setting_panel [data-change-image=include]:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 90px;
    background: #fff
}

#visually_setting_panel [data-change-image=off] {
    position: relative
}

#visually_setting_panel [data-change-image=off]:before {
    content: "";
    width: 18px;
    border: 1px solid #000;
    height: 18px;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    top: 10px;
    border-radius: 90px;
    background: #fff
}

#visually_setting_panel [data-change-image=off]:after {
    content: "";
    width: 6px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 16px
}

#visually_setting_panel [data-change-image=grayscale] {
    position: relative
}

#visually_setting_panel [data-change-image=grayscale]:before {
    content: "";
    width: 18px;
    border: 1px solid #000;
    height: 18px;
    left: 0;
    right: 0;
    position: absolute;
    top: 10px;
    margin: auto;
    border-radius: 90px;
    background: #000;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(0, #fff));
    background: linear-gradient(90deg, #000 50%, #fff 0)
}

#visually_setting_panel [data-footer-settings=false] {
    display: none
}

html body [data-set-size="10"] * {
    font-size: 10px !important
}

html body [data-set-size="11"] * {
    font-size: 11px !important
}

html body [data-set-size="12"] * {
    font-size: 12px !important
}

html body [data-set-size="13"] * {
    font-size: 13px !important
}

html body [data-set-size="14"] * {
    font-size: 14px !important
}

html body [data-set-size="15"] * {
    font-size: 15px !important
}

html body [data-set-size="16"] * {
    font-size: 16px !important
}

html body [data-set-size="17"] * {
    font-size: 17px !important
}

html body [data-set-size="18"] * {
    font-size: 18px !important
}

html body [data-set-size="19"] * {
    font-size: 19px !important
}

html body [data-set-size="20"] * {
    font-size: 20px !important
}

html body [data-set-size="21"] * {
    font-size: 21px !important
}

html body [data-set-size="22"] * {
    font-size: 22px !important
}

html body [data-set-size="23"] * {
    font-size: 23px !important
}

html body [data-set-size="24"] * {
    font-size: 24px !important
}

html body [data-set-size="10"] * h1 {
    font-size: 26px !important
}

html body [data-set-size="11"] * h1 {
    font-size: 27px !important
}

html body [data-set-size="12"] * h1 {
    font-size: 28px !important
}

html body [data-set-size="13"] * h1 {
    font-size: 29px !important
}

html body [data-set-size="14"] * h1 {
    font-size: 30px !important
}

html body [data-set-size="15"] * h1 {
    font-size: 31px !important
}

html body [data-set-size="16"] * h1 {
    font-size: 32px !important
}

html body [data-set-size="17"] * h1 {
    font-size: 33px !important
}

html body [data-set-size="18"] * h1 {
    font-size: 34px !important
}

html body [data-set-size="19"] * h1 {
    font-size: 35px !important
}

html body [data-set-size="20"] * h1 {
    font-size: 36px !important
}

html body [data-set-size="21"] * h1 {
    font-size: 37px !important
}

html body [data-set-size="22"] * h1 {
    font-size: 38px !important
}

html body [data-set-size="23"] * h1 {
    font-size: 39px !important
}

html body [data-set-size="24"] * h1 {
    font-size: 40px !important
}

html body [data-set-size="10"] * .h1--main-page {
    font-size: 44px !important
}

html body [data-set-size="11"] * .h1--main-page {
    font-size: 45px !important
}

html body [data-set-size="12"] * .h1--main-page {
    font-size: 46px !important
}

html body [data-set-size="13"] * .h1--main-page {
    font-size: 47px !important
}

html body [data-set-size="14"] * .h1--main-page {
    font-size: 48px !important
}

html body [data-set-size="15"] * .h1--main-page {
    font-size: 49px !important
}

html body [data-set-size="16"] * .h1--main-page {
    font-size: 50px !important
}

html body [data-set-size="17"] * .h1--main-page {
    font-size: 51px !important
}

html body [data-set-size="18"] * .h1--main-page {
    font-size: 52px !important
}

html body [data-set-size="19"] * .h1--main-page {
    font-size: 53px !important
}

html body [data-set-size="20"] * .h1--main-page {
    font-size: 54px !important
}

html body [data-set-size="21"] * .h1--main-page {
    font-size: 55px !important
}

html body [data-set-size="22"] * .h1--main-page {
    font-size: 56px !important
}

html body [data-set-size="23"] * .h1--main-page {
    font-size: 57px !important
}

html body [data-set-size="24"] * .h1--main-page {
    font-size: 58px !important
}

html body [data-set-color=white] {
    background-color: #fff !important;
    fill: #000 !important
}

html body [data-set-color=black] {
    background-color: #000 !important;
    fill: #fff !important
}

html body [data-set-color=blue] {
    background-color: #9dd1ff !important;
    fill: #063462 !important
}

html body [data-set-color=brown] {
    background-color: #f7f3d6 !important;
    fill: #4d4b43 !important
}

html body [data-set-color=green] {
    background-color: #3b2716 !important;
    fill: #a9e44d !important
}

html body [data-set-color=white] * {
    background-color: #fff !important;
    background: #fff !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #000 !important;
    color: #000 !important;
    fill: #000 !important
}

html body [data-set-color=black] * {
    background-color: #000 !important;
    background: #000 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #fff !important;
    color: #fff !important;
    fill: #fff !important
}

html body [data-set-color=blue] * {
    background-color: #9dd1ff !important;
    background: #9dd1ff !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #063462 !important;
    color: #063462 !important;
    fill: #063462 !important
}

html body [data-set-color=brown] * {
    background-color: #f7f3d6 !important;
    background: #f7f3d6 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #4d4b43 !important;
    color: #4d4b43 !important;
    fill: #4d4b43 !important
}

html body [data-set-color=green] * {
    background-color: #3b2716 !important;
    background: #3b2716 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #a9e44d !important;
    color: #a9e44d !important;
    fill: #a9e44d !important
}

html body [data-set-image=grayscale] img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

html body [data-set-image=off] img {
    opacity: 0
}

[data-footer-settings=true] {
    display: block
}

html body [data-set-line-height=middle] * {
    line-height: 2 !important
}

html body [data-set-line-height=big] * {
    line-height: 2.5 !important
}

html body [data-set-letter-spacing="1.5"] * {
    letter-spacing: 2px !important
}

html body [data-set-letter-spacing="2"] * {
    letter-spacing: 4px !important
}

html body [data-set-font=None] * {
    font-family: Times New Roman !important
}