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: rgba(0,0,0,0)
}

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: -0.25em
}

sup {
    top: -0.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
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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
}

* {
    box-sizing: border-box
}

body {
    background: #fff;
    color: #111;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden
}

@media(max-width: 500px) {
    body {
        font-size:15px
    }
}

@media(prefers-color-scheme: dark) {
    body:not(.light) {
        background:#111;
        color: #fff
    }
}

body.dark {
    background: #111;
    color: #fff
}

a {
    color: #194c61;
    transition: color .25s,background .25s
}

@media(prefers-color-scheme: dark) {
    body:not(.light) a {
        color:#fff
    }
}

body.dark a {
    color: #fff
}

a:hover {
    color: #236c8a;
    transition: color .25s,background .25s
}

@media(prefers-color-scheme: dark) {
    body:not(.light) a:hover {
        color:#eee
    }
}

body.dark a:hover {
    color: #eee
}

.tabs {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0;
    list-style: none;
    display: flex;
    white-space: nowrap;
    z-index: 100;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tabs ::-webkit-scrollbar {
    display: none
}

.tabs:not(.js) {
    overflow: hidden
}

.tabs li {
    display: flex;
    position: relative
}

.tabs li.overflowed {
    display: none
}

.tabs li a,.tabs li span {
    background: #434343;
    color: #fff;
    margin-right: 5px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center
}

.tabs li a:hover,.tabs li a:focus,.tabs li a.active,.tabs li span:hover,.tabs li span:focus,.tabs li span.active {
    background: #c2c2c2;
    color: #111
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .tabs li a:hover,.tabs li a:focus,.tabs li a.active,.tabs li span:hover,.tabs li span:focus,.tabs li span.active {
        background:#767676;
        color: #fff
    }
}

body.dark .tabs li a:hover,.tabs li a:focus,.tabs li a.active,.tabs li span:hover,.tabs li span:focus,.tabs li span.active {
    background: #767676;
    color: #fff
}

@media(max-width: 767px) {
    .tabs li a,.tabs li span {
        margin-right:2px
    }
}

.tabs li.more ul {
    -moz-columns: 1 !important;
    columns: 1 !important
}

.tabs li.more span em {
    height: 3px;
    width: 30px;
    display: block;
    position: relative;
    background: #fff
}

.tabs li.more span em:before,.tabs li.more span em:after {
    position: absolute;
    content: "";
    height: inherit;
    display: inherit;
    width: inherit;
    background: inherit
}

.tabs li.more span em:before {
    top: -10px
}

.tabs li.more span em:after {
    bottom: -10px
}

.tabs li:last-child a,.tabs li:last-child span {
    margin-right: 0
}

.tabs li.search {
    flex: 1;
    min-width: 120px
}

.tabs li.search input {
    outline: none;
    border: none;
    width: 100%;
    text-align: right;
    padding-right: 0;
    background: rgba(0,0,0,0)
}

.tabs li.search input::-webkit-search-decoration,.tabs li.search input::-webkit-search-cancel-button,.tabs li.search input::-webkit-search-results-button,.tabs li.search input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .tabs li.search input {
        color:#fff
    }
}

body.dark .tabs li.search input {
    color: #fff
}

.tabs li.search .results {
    display: block;
    left: unset;
    right: 0;
    background: #eee
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .tabs li.search .results {
        background:#434343
    }
}

body.dark .tabs li.search .results {
    background: #434343
}

.tabs li.search .results li {
    min-width: unset
}

.tabs li.search .results li.no-results {
    display: none
}

.tabs li.search .results li.no-results.show {
    display: block
}

.tabs li.search .results li a {
    background: none;
    color: #111;
    text-align: right;
    display: block;
    white-space: normal
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .tabs li.search .results li a {
        color:#fff
    }
}

body.dark .tabs li.search .results li a {
    color: #fff
}

.tabs li.search .results li a:hover,.tabs li.search .results li a:focus,.tabs li.search .results li a.active {
    background: #434343;
    color: #fff
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .tabs li.search .results li a:hover,.tabs li.search .results li a:focus,.tabs li.search .results li a.active {
        background:#767676
    }
}

body.dark .tabs li.search .results li a:hover,.tabs li.search .results li a:focus,.tabs li.search .results li a.active {
    background: #767676
}

.tabs li.search .results li a strong {
    font-weight: inherit;
    color: #0080ff
}

.tabs li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 3px solid #c2c2c2;
    background: #434343
}

@media(min-width: 801px) {
    .tabs li ul:not(.results):has(li:nth-child(5)) {
        -moz-columns:2;
        columns: 2;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.tabs li ul li {
    min-width: 180px
}

.tabs li ul li a {
    width: 100%
}

.tabs li.more {
    position: static
}

.tabs li.more>ul {
    left: 0;
    right: 0
}

.tabs li.more>ul li {
    flex-wrap: wrap
}

.tabs li.more>ul ul {
    position: static;
    width: 100%;
    border-top: none
}

.tabs li.more>ul ul a {
    background: #c2c2c2;
    color: #111
}

.tabs li.more>ul ul a:hover,.tabs li.more>ul ul a:focus,.tabs li.more>ul ul a:active {
    background: #767676;
    color: #fff
}

.tabs li.open>ul {
    display: block
}

.tabs>li:not(.more):hover>ul,.tabs>li:not(.more):focus>ul {
    display: block
}

.tabs.has-overflow .search input {
    text-align: center
}

.tabs.has-overflow .search .results {
    left: 0
}

.tabs.has-overflow .search .results a {
    text-align: center
}

.btn,.tabs a,.tabs span {
    background: #c2c2c2;
    color: #111;
    border: 0;
    padding: 5px 8px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    cursor: pointer
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .btn,.tabs a,.tabs span {
        background:#767676;
        color: #fff
    }
}

body.dark .btn,.tabs a,.tabs span {
    background: #767676;
    color: #fff
}

@media(max-width: 768px) {
    .btn,.tabs a,.tabs span {
        padding:10px 16px
    }

    .btn img,.tabs a img,.tabs span img {
        left: -2px
    }
}

.btn img,.tabs a img,.tabs span img {
    height: 13px;
    width: auto;
    position: relative;
    top: 1px
}

.btn.btn-small,.tabs a.btn-small,.tabs span.btn-small {
    padding: 2px 5px;
    border-top: 0
}

@media(max-width: 700px) {
    .btn.btn-small,.tabs a.btn-small,.tabs span.btn-small {
        padding:6px;
        margin-bottom: 6px
    }
}

.btn:hover,.btn:focus,.tabs a:hover,.tabs a:focus,.tabs span:hover,.tabs span:focus {
    background: #434343;
    color: #fff
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .btn:hover,.btn:focus,.tabs a:hover,.tabs a:focus,.tabs span:hover,.tabs span:focus {
        background:#111
    }
}

body.dark .btn:hover,.btn:focus,.tabs a:hover,.tabs a:focus,.tabs span:hover,.tabs span:focus {
    background: #111
}

.btn.fb,.tabs a.fb,.tabs span.fb {
    background: #3b5998;
    color: #fff
}

.btn.fb:hover,.tabs a.fb:hover,.tabs span.fb:hover {
    background: #2d4373
}

.btn.tw,.tabs a.tw,.tabs span.tw {
    background: #147ac8;
    color: #fff
}

.btn.tw:hover,.tabs a.tw:hover,.tabs span.tw:hover {
    background: #0f5e9a
}

.btn.pp,.tabs a.pp,.tabs span.pp {
    background: #1e477a;
    color: #fff
}

.btn.pp:hover,.tabs a.pp:hover,.tabs span.pp:hover {
    background: #142f51
}

.btn.tc,.tabs a.tc,.tabs span.tc {
    background: #066;
    color: #fff
}

.btn.tc:hover,.tabs a.tc:hover,.tabs span.tc:hover {
    background: #033
}

.btn.kg,.tabs a.kg,.tabs span.kg {
    background: #3e8538;
    color: #fff
}

.btn.kg:hover,.tabs a.kg:hover,.tabs span.kg:hover {
    background: #2d6129
}

.btn.ug,.tabs a.ug,.tabs span.ug {
    background: #067bff;
    color: #fff
}

.btn.ug:hover,.tabs a.ug:hover,.tabs span.ug:hover {
    background: #0063d2
}

.btn.kofi,.tabs a.kofi,.tabs span.kofi {
    background: #ff5f5f;
    color: #fff
}

.btn.kofi:hover,.tabs a.kofi:hover,.tabs span.kofi:hover {
    background: #ff2c2c
}

.btn.chr,.tabs a.chr,.tabs span.chr {
    background: #ffa700
}

.btn.chr:hover,.tabs a.chr:hover,.tabs span.chr:hover {
    background: #cc8600
}

.btn.ff,.tabs a.ff,.tabs span.ff {
    background: #e55b0a;
    color: #fff
}

.btn.ff:hover,.tabs a.ff:hover,.tabs span.ff:hover {
    background: #b44808
}

.btn.edg,.tabs a.edg,.tabs span.edg {
    background: #a020f0;
    color: #fff
}

.btn.edg:hover,.tabs a.edg:hover,.tabs span.edg:hover {
    background: #850ecf
}

.wrapper {
    margin: 10px 10px 105px;
    overflow-x: hidden;
    position: relative
}

@media(max-width: 1000px) {
    .wrapper {
        margin:10px 10px 65px
    }
}

.container {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 1200px;
    background: #e0e0e0;
    border-top: 3px solid #c2c2c2;
    padding: 10px 15px;
    position: relative;
    z-index: 1
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .container {
        background:#434343;
        border-top-color: #767676
    }
}

body.dark .container {
    background: #434343;
    border-top-color: #767676
}

h1,h2,p,.row,.feature,.col,.message {
    margin-top: 0;
    margin-bottom: 10px
}

h1,h2 {
    font-size: 24px;
    font-weight: 700
}

@media(max-width: 700px) {
    h1,h2 {
        font-size:22px
    }
}

@media(max-width: 500px) {
    h1,h2 {
        font-size:18px
    }
}

h2 {
    font-size: 16px
}

.feature {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90px
}

@media(max-width: 700px) {
    .feature {
        min-height:100px
    }
}

.feature ins {
    width: 100%;
    height: auto;
    display: block
}

.feature.bottom {
    margin: 20px 0;
    flex-wrap: wrap
}

.feature.bottom .half {
    padding: 0 10px;
    width: 50%;
    min-height: 250px
}

@media(max-width: 700px) {
    .feature.bottom .half {
        width:100%
    }

    .feature.bottom .half:first-child {
        margin-bottom: 10px
    }
}

.feature.footer {
    margin: 15px 0 0
}

.row {
    width: 100%;
    overflow: hidden
}

.row .right {
    float: right;
    padding-top: 5px
}

@media(max-width: 500px) {
    .row .right {
        float:none;
        display: block;
        margin-top: 10px;
        padding-bottom: 0
    }
}

textarea,#output,#output2 {
    width: 100%;
    height: 100px;
    min-height: 25vh;
    padding: 10px;
    border: 0;
    border-top: 3px solid #c2c2c2;
    background: #fff;
    display: block
}

.rand #output,.rand #output2 {
    padding: 30px 15px;
    font-size: 24px;
    min-height: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    flex: 1
}

.rand .settings {
    justify-content: center;
    margin: 10px 0 0
}

@media(prefers-color-scheme: dark) {
    body:not(.light) textarea,body:not(.light) #output,body:not(.light) #output2 {
        border-top:none;
        color: #fff;
        background: #767676
    }
}

body.dark textarea,body.dark #output,body.dark #output2 {
    border-top: none;
    color: #fff;
    background: #767676
}

textarea {
    outline: none;
    resize: vertical;
    font: inherit
}

.editable {
    height: unset !important
}

.editable mark {
    background: #ff0
}

.btns {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.center .btns {
    justify-content: center
}

.tool .col {
    display: flex;
    flex-direction: column
}

.tool .col textarea {
    height: 100%
}

.tool .col:last-child textarea,.tool .col:last-child #output,.tool .col:last-child #output2 {
    flex: 1;
    min-height: unset;
    height: unset
}

@media(max-width: 768px) {
    .tool .col:last-child textarea,.tool .col:last-child #output,.tool .col:last-child #output2 {
        height:100px;
        min-height: 25vh
    }
}

.tool .btns {
    margin-top: 10px
}

.tool #output h3,.tool #output p,.tool #output2 h3,.tool #output2 p {
    margin: 0 0 10px
}

.tool #output p,.tool #output2 p {
    font-family: Arial,"Trebuchet MS",Helvetica,sans-serif
}

.tool #output>*:last-child,.tool #output2>*:last-child {
    margin-bottom: 0
}

.tool#cursed #output p:first-child {
    margin-top: 10px;
    margin-bottom: 20px
}

.tool#cursed #output p:not(:last-child) {
    margin-bottom: 15px
}

.arial {
    font-family: Arial,"Trebuchet MS",Helvetica,sans-serif
}

.cols {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.cols.middle {
    align-items: center
}

.cols .col {
    width: 50%;
    padding: 0 10px;
    flex-grow: 1
}

.cols .col:first-child {
    padding-left: 0
}

.cols .col:last-child {
    padding-right: 0
}

.cols .col.right {
    text-align: right;
    justify-content: flex-end
}

@media(max-width: 700px) {
    .cols .col {
        width:100%;
        padding: 0
    }

    .cols .col.right {
        text-align: center;
        justify-content: center
    }
}

.copy {
    height: 1em;
    margin-left: .5em;
    cursor: pointer
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .copy {
        filter:grayscale(1) invert(1)
    }
}

body.dark .copy {
    filter: grayscale(1) invert(1)
}

.center {
    text-align: center
}

@media(max-width: 700px) {
    .counts {
        text-align:center
    }
}

.actions {
    margin-bottom: 10px;
    min-height: 64px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.actions .btn {
    border-top: 0
}

@media(max-width: 768px) {
    .actions {
        justify-content:center
    }
}

@media(max-width: 420px) {
    .actions {
        min-height:255px;
        width: 336px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }
}

.social {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center
}

.social .btn {
    border-top: 0
}

.credits p:last-child {
    margin-bottom: 0
}

.message {
    background: #eee;
    border-top: 3px solid #208000;
    padding: 5px 10px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .message {
        background:#767676
    }
}

body.dark .message {
    background: #767676
}

.message.error {
    border-top-color: #c03
}

.message.info {
    border-top-color: #0080ff
}

.message.upgrade {
    border-top-color: #c03;
    margin: 0 auto 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

.lang {
    margin-top: 15px
}

.lang .short {
    display: none
}

@media(max-width: 1000px) {
    .lang {
        margin-top:10px;
        margin-bottom: -11px
    }
}

@media(max-width: 700px) {
    .lang .short {
        display:inline
    }

    .lang .full {
        display: none
    }
}

.about {
    width: 100%;
    max-width: 1200px;
    margin: 15px auto;
    text-align: center;
    position: relative;
    z-index: 1
}

@media(min-width: 801px) {
    .about {
        -moz-columns:2;
        columns: 2
    }

    .about>* {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    .about>*:only-child {
        -moz-column-span: all;
        column-span: all
    }
}

.about h2,.about h3 {
    font-size: 15px;
    margin-top: 0
}

.about>div:not(.cols) {
    text-align: left;
    background: #eee;
    border-top: 2px solid #767676;
    padding: 15px;
    margin-bottom: 15px
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .about>div:not(.cols) {
        border-top-color:#c2c2c2;
        background: #434343
    }
}

body.dark .about>div:not(.cols) {
    border-top-color: #c2c2c2;
    background: #434343
}

.about>div:not(.cols)>*:last-child,.about>div:not(.cols) div[itemprop=text]>*:last-child {
    margin-bottom: 0
}

.about>div:not(.cols):last-child {
    margin-bottom: 0
}

.about>table {
    margin-bottom: 15px
}

.legal {
    text-align: center;
    margin: 15px auto 0;
    font-size: 12px;
    color: #767676;
    width: 600px;
    max-width: 100%
}

@media(max-width: 500px) {
    .legal {
        font-size:14px
    }
}

@media(prefers-color-scheme: dark) {
    body:not(.light) .legal {
        color:#fff
    }
}

body.dark .legal {
    color: #fff
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

table th,table td {
    border: 1px solid #767676;
    padding: 5px
}

table th.fw-100,table td.fw-100 {
    width: 100px
}

table thead th {
    background: #c2c2c2
}

table tbody tr:nth-child(even) td {
    background: #eee
}

.drag_holder {
    height: 200px;
    border: 4px dashed #c2c2c2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color .25s;
    position: relative;
    padding: 15px;
    text-align: center;
    margin-bottom: 10px
}

.drag_holder span {
    position: relative
}

.drag_holder.over,.drag_holder:hover {
    border-color: #767676;
    transition: border-color .25s
}

input[type=file] {
    display: none
}

#ascii .output {
    display: none
}

#ascii .output.show {
    display: block
}

#ascii #output {
    overflow: auto;
    height: auto
}

#webpjpg .drag_holder {
    height: 100%;
    min-height: 200px;
    margin: 0
}

.hidden {
    display: none !important
}

.settings {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 10px
}

.settings.middle {
    align-items: center
}

.settings label {
    margin-right: 5px
}

.settings input {
    width: 50px
}

.settings input.wide {
    width: 100px
}

.settings input[type=checkbox] {
    width: unset
}

.settings input[type=number] {
    width: 60px
}

.settings>div {
    display: flex;
    align-items: center
}

@media(max-width: 479px) {
    .settings>div {
        width:100%
    }

    .settings>div input,.settings>div input.wide {
        width: 50%
    }
}

.settings>div label {
    flex: 1;
    text-align: left
}

.fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -10px
}

.fields .field {
    margin-bottom: 10px;
    width: 50%;
    padding: 0 10px
}

@media(max-width: 950px) {
    .fields .field {
        width:100%
    }
}

.fields .field label {
    display: block;
    margin-bottom: 5px
}

.fields .field label small {
    margin-left: 5px
}

.fields .field label small:before {
    content: "("
}

.fields .field label small:after {
    content: ")"
}

.fields .field input[type] {
    width: 100%;
    display: block;
    padding: 8px;
    margin: 0
}

input[type=text],input[type=url],input[type=number],select {
    padding: 4px;
    border: 1px solid #c2c2c2;
    outline: none;
    background: #fff
}

@media(prefers-color-scheme: dark) {
    body:not(.light) input[type=text],input[type=url],input[type=number],select {
        color:#fff;
        background: #767676;
        border-color: #767676
    }
}

body.dark input[type=text],body.dark input[type=url],body.dark input[type=number],body.dark select {
    color: #fff;
    background: #767676;
    border-color: #767676
}

pre {
    font-family: Courier,monospace;
    line-height: 6px;
    font-size: 11px;
    display: block
}

body:not(.light):not(.dark) #toggle-theme span.light,body:not(.light):not(.dark) #toggle-theme span.dark {
    display: none
}

body.light #toggle-theme span.auto,body.light #toggle-theme span.dark {
    display: none
}

body.dark #toggle-theme span.auto,body.dark #toggle-theme span.light {
    display: none
}

img {
    max-width: 100%;
    height: auto
}

footer.mega {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

footer.mega .col {
    padding: 10px;
    flex: 1;
    min-width: 200px;
    margin: 0
}

footer.mega .col h3 {
    margin: 0 0 3px;
    font-size: 1em
}

footer.mega .col ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer.mega .col ul li {
    padding: 3px 0
}

footer.mega .col ul+h3 {
    margin-top: 1em
}

@media(min-width: 801px) {
    footer.mega .col.dbl {
        flex:2
    }

    footer.mega .col.split ul {
        -moz-columns: 2;
        columns: 2;
        -moz-column-gap: 15px;
        column-gap: 15px
    }
}

body.noads .feature {
    display: none
}

.ukr {
    position: fixed;
    top: 20px;
    right: 20px
}

@media(max-width: 1300px) {
    .ukr {
        display:none
    }
}

.ukr:before {
    content: "";
    width: 300px;
    border-top: 20px solid #0057b7;
    border-bottom: 20px solid gold;
    transform: translateX(50%) rotate(45deg);
    display: block
}

.bigtext #output {
    overflow: auto
}

.bigtext #output pre {
    line-height: 1em
}