.dark-theme {
    color: #fff
}

.dark-theme p {
    color: #999;
    font-size: 15px
}

.dark-theme p.white {
    color: #fff
}

.dark-theme p .white {
    color: #fff
}

.dark-theme .button[active] {
    background-color: #e68721;
    border-color: #e68721;
    color: #fff;
    cursor: pointer
}

.dark-theme .button[active]:hover {
    background-color: #d87104;
    border-color: #d87104
}

.dark-theme .button {
    background-color: #333;
    border-color: #333;
    font-size: 18px;
    height: 50px;
    color: #a1a1a1;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.dark-theme input {
    height: 50px;
    background-color: #333;
    background-image: none;
    border: 1px solid #eee0;
    border-radius: 8px;
    box-sizing: border-box
}

.dark-theme textarea {
    background-color: #333;
    border: 1px solid #eee0;
    border-radius: 8px
}

.dark-theme textarea::-webkit-input-placeholder {
    color: #868686
}

.dark-theme textarea:-moz-placeholder {
    color: #868686
}

.pwa-icons .ozon,
.yandex,
.wallet {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pwa-icons .ozon img,
.yandex img,
.wallet img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.pwa-icons .ozon img[active],
.yandex img[active],
.wallet img[active] {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.pwa-icons>div {
    cursor: pointer
}

.pwa-icons p.small {
    font-size: 12px;
    margin-top: 6px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2
}

input {
    width: -moz-available;
    display: block;
    height: 50px;
    padding: 5px 20px;
    font-size: 18px;
    color: #fff;
    font-size: 28px;
    color: #fff;
    letter-spacing: 10px
}

.button {
    font-size: 16px;
    height: 50px
}

.gif-wrapper {
    border-radius: 8px;
    box-shadow: 0 0 12px #11111170;
    background-color: #333
}

.img-cover {
    overflow: hidden
}

.img-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.bg-dark {
    background-color: #222
}

.h100 {
    height: 100%
}

.bold,
.bold * {
    font-weight: 600
}

.link {
    color: #fff;
    border-bottom: 1px dashed #999;
    text-decoration: none;
    cursor: pointer
}

.link.orange {
    color: #e68721;
    border-bottom: 1px dashed #e68721
}

.link:hover {
    color: #e68721;
    border-bottom: 1px dashed #e68721
}

.orange {
    color: #e68722
}

.text-danger {
    color: #a94442
}

.small {
    font-size: 12px
}

.App .cercle-wr .cercle {
    border-radius: 50px;
    width: 10px;
    height: 10px;
    padding: 0
}

.App .keyboard .key {
    border-radius: 50px;
    cursor: pointer;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto
}

.App.splash-screen img {
    filter: grayscale(0)
}

.App.yandex.splash-screen {
    background-color: #000
}

.App.yandex {
    background-color: #222
}

.App.yandex .cercle-wr .cercle {
    border: 2px solid #777;
    background-color: #0000
}

.App.yandex .cercle-wr[active] .cercle {
    background-color: #e68722;
    border: 2px solid #e68722
}

.App.yandex .keyboard .key {
    border: 1px solid #e4e4e4;
    color: #fff;
    font-size: 28px
}

.App.yandex .keyboard .key:active {
    background-color: #ccc
}

.App.yandex p {
    color: #8b8b8b;
    font-size: 14px
}

.App.yandex p.blue {
    color: #0f6292
}

.App.wallet .cercle-wr .cercle {
    width: 12px;
    height: 12px
}

.App.wallet {
    background-color: #222835
}

.App.wallet .cercle-wr .cercle {
    background-color: #cbccdb38
}

.App.wallet .cercle-wr[active] .cercle {
    background-color: #e68722
}

.App.wallet .keyboard .key {
    color: #fff;
    font-size: 30px
}

.App.wallet .keyboard .key:active {
    background-color: #ffffff14;
    border: 15px solid #222835
}

.App.wallet .keyboard .key small {
    color: #9499a3;
    font-size: 11px;
    font-weight: 400
}

.App.wallet p {
    color: #8b8b8b;
    font-size: 14px
}

.App.wallet p.bold {
    font-weight: 500
}

.App.wallet p.white {
    color: #fff
}

.App.wallet .pdd-sm {
    margin: -10px 0;
    padding: 0
}

.App.ozon.splash-screen {
    background-color: #005bff
}

.App.ozon {
    background-color: #1d1f24
}

.App.ozon .cercle-wr .cercle {
    background-color: #575c62
}

.App.ozon .cercle-wr[active] .cercle {
    background-color: #e68722
}

.App.ozon .keyboard .key {
    color: #fff;
    font-size: 30px
}

.App.ozon .keyboard .key:active {
    background-color: #ffffff1c
}

.App.ozon .keyboard .key small {
    color: #82848c;
    font-size: 11px
}

.App.ozon p {
    color: #82848c;
    font-size: 14px
}

.App.ozon p.bottom {
    font-size: 11px;
    margin-bottom: 60px
}

.url textarea {
    box-sizing: border-box;
    letter-spacing: normal;
    font-size: 14px;
    padding: 12px;
    color: #fff
}

ul {
    list-style: symbols;
    padding-left: 20px
}

ul li {
    color: #999;
    margin-bottom: 6px
}

.text-icon {
    height: 14px;
    margin: 0 4px
}