button {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: inherit;
    min-height: 40px;
    min-width: 40px;
    text-transform: none;
    position: relative;
    transition: background-color 0.3s;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

:root {
    --primary-color: #01875f;
    --primary-color-hover: #0b7857;
    --primary-color-disabled: #a5d6a7;
    --btn-text-color-disabled: #e0e0e0;
    --secondary-color: #01875f;
    --btn-text-color: #f4fdfe;
    --background-color: #fff;
    --title-color: rgb(32, 33, 36);
    --subtitle-color: rgb(95, 99, 104);
    --divider: #00000080;
    --icon-color: rgb(95, 99, 104);
    --rating-color: #dbdbdb;
    --tag-border-color: #dadce0;
    --stat-item-divider-color: #e8eaed;
    --skeleton-light: #f0f0f0;
    --skeleton-dark: #e0e0e0;
    --developer-block-color: rgb(248, 249, 250);
    --footer-bg-color: #F5F5F5;
}

/*.mobile-root {*/
/*    --primary-color: rgb(13,87,208);*/
/*    --primary-color-hover: rgb(11,78,187);*/
/*    --primary-color-disabled: rgba(13,87,208, 0.5);*/
/*    --btn-text-color-disabled: rgba(244, 253, 254, 0.5);*/
/*    --secondary-color: rgb(37, 85, 161);*/
/*    --btn-text-color: rgb(244, 253, 254);*/
/*    --background-color: white;*/
/*    --title-color: rgb(32, 33, 36);*/
/*    --subtitle-color: rgb(95, 99, 104);*/
/*    --divider: rgba(0, 0, 0, 0.5);*/
/*    --icon-color: rgb(58, 59, 59);*/
/*    --rating-color: #DBDBDB;*/
/*    --tag-border-color:rgb(218, 220, 224);*/
/*    --stat-item-divider-color: rgb(232, 234, 237);*/
/*}*/


@media (prefers-color-scheme: dark) {
    /*:root {*/
    /*    --primary-color: rgb(102, 187, 106);*/
    /*    --primary-color-hover: rgb(67, 160, 71);*/
    /*    --primary-color-disabled: rgb(79, 79, 79);*/
    /*    --btn-text-color-disabled: rgb(125, 125, 125);*/
    /*    --secondary-color: rgb(102, 187, 106);*/
    /*    --btn-text-color: rgb(255, 255, 255);*/


    /*    --background-color: rgb(18, 18, 18);*/
    /*    --title-color: rgb(224, 224, 224);*/
    /*    --subtitle-color: rgb(176, 176, 176);*/


    /*    --divider: rgb(46, 46, 46);*/
    /*    --icon-color: rgb(176, 176, 176);*/

    /*    --rating-color: rgb(79, 79, 79);*/
    /*    --tag-border-color: rgb(66, 66, 66);*/
    /*    --stat-item-divider-color: rgb(46, 46, 46);*/
    /*}*/

    /*.mobile-root {*/
    /*    --primary-color: rgb(168, 199, 250);*/
    /*    --primary-color-hover: rgb(168,205,244);*/
    /*    --primary-color-disabled: rgba(168,205,244, 0.5);*/
    /*    --btn-text-color-disabled: rgba(7, 42, 102, 0.5);*/
    /*    --secondary-color: rgb(179, 200, 233);*/
    /*    --background-color: rgb(19,19,20);*/
    /*    --title-color: rgb(238, 238, 238);*/
    /*    --divider: rgb(52, 53, 53);*/
    /*    --subtitle-color: rgb(186, 188, 187);*/
    /*    --icon-color: rgb(204, 206, 205);*/
    /*    --btn-text-color: rgb(7, 42, 102);*/
    /*    --tag-border-color: rgb(126, 128, 128);*/
    /*    --rating-color: rgb(48, 48, 48);*/
    /*    --stat-item-divider-color: rgb(48, 48, 48);*/
    /*}*/
}

html {
    -webkit-font-smoothing: antialiased;
    font-family: Open Sans, Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 100%;
    line-height: 1;
    position: static;
    z-index: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--background-color);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-family: inherit;
    font-weight: 400;
    height: 100%;
    line-height: 1;
    margin: 0;
    position: static;
    bottom: auto;
    right: auto;
    width: auto;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    background: none;
    border: none;
    font: inherit;
    outline: none;
    background: transparent;
}

a:focus, a:active {
    outline: none;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    color: inherit;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

* {
    box-sizing: border-box
}

button,
input[type="button"],
input[type="submit"] {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    /*background-color: transparent;*/
}

button:active,
input[type="button"]:active,
input[type="submit"]:active {
    /*background-color: transparent;*/
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
    outline: none;
    /*background-color: transparent;*/
}

.title-color {
    color: var(--title-color);
    fill: var(--title-color);
    stop-color: var(--title-color);
}

.sub-title-color {
    color: var(--subtitle-color);
    fill: var(--subtitle-color);
    stop-color: var(--subtitle-color);
}