/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/Admin/Admin.module.pcss ***!
  \*********************************************************************************************************************************************************************************/
.Admin___nD1VF {
    width: 100vw;
    height: 100vh;
    background: url('./background.jpg');
}

.header___tw1lN {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_text___UabzM {
        color: #fff;
        font-size: 32px;
    }

.button___vCqwL {
    margin-right: var(--m-m);
}

.modal___Gh6Z8 {
    padding:  var(--m-m);
    display: flex;
    flex-flow: column;
    gap: var(--m-s);
}

.formLine___luaC_ {
    display: flex;
    flex-flow: column;
    gap: var(--m-xs);
    padding: var(--m-m);
}

.formLine___luaC_ > span {
        font-size: 16px;
        color:rgb(145, 144, 144);
    }

.formLine___luaC_ > input, .formLine___luaC_ div {
        width: 250px;
    }

.content___ewzG2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: var(--m-m);
}

.content_chart___LDT9o {
        flex-shrink: 0;
        width: 500px;
        height: 500px;
    }

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/Player/Task/Task.module.pcss ***!
  \**************************************************************************************************************************************************************************************/
.Task___wdZ8L {
    /* text-align: center; */
    color: #fff;

    width: 100%;
    max-width: 500px;
    height: 350px;
}

    .Task_title___Oe8T9 {
        font-size: 50px;
        font-weight: 600;
        margin-bottom: var(--m-s);
        text-align: center;
    }

    .Task_description___KBzAh {
        font-size: 16px;
        margin-bottom: 48px;
        list-style: initial;
    }

    .Task_description___KBzAh > li {
            margin-left: var(--m-m);
        }

    .Task_button___B14rq {
        margin: 0 auto;
    }
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/Player/Player.module.pcss ***!
  \***********************************************************************************************************************************************************************************/
html {
    background-color: #181818;
}

* {
    box-sizing: border-box;
}

.Welcome___YbJ3Q {
    width: 100vw;
    height: 100vh;
    background: url(./welcome.jpg);
    background-size: cover;
    background-position: center;
    background-color: #241e1b;
    box-sizing: border-box;
    padding: var(--m-m);
    display: flex;
}

.Welcome_button___SWeHr {
        margin: auto;
        padding: 35px 40px;
        font-size: 32px;
    }

.Player___JJx6U {
    width: 100vw;
    height: 100vh;
    min-width: 600px;
    min-height: 100vh;
    background: url('./background.jpg');
    background-size: cover;
    padding: var(--m-xl);
    display: flex;
    flex-flow: column;

    box-sizing: border-box;

}

.Player_steps___G8sUO {
        margin: 0 auto 0;
    }

.Player_steps__inactive___tCZLq, .Player_steps__progress___v4xMP, .Player_steps__finished___TpMhQ {
            width: 32px;
            height: 32px;
            background-position: center;
            background-size: contain;
        }

.Player_steps__inactive___tCZLq {
            background-image: url('./flag1.png')
        }

.Player_steps__progress___v4xMP {
            background-image: url('./flag2.png')
        }

.Player_steps__finished___TpMhQ {
            background-image: url('./flag3.png')
        }

.Player_container___sP4vw {
        display: flex;
        justify-content: space-between;
        height: 100%;
        width: 100%;
        gap: 50px;
        padding: var(--m-max) var(--m-l) var(--m-l) 0;
    }

.Player_info___wLfEz {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: space-between;

        background: linear-gradient(0deg,rgba(89, 34, 151, 1) 0%, rgba(247, 55, 132, 1) 50%, rgba(247, 83, 157, 1) 100%);
        background-size: cover;
        background-position: center;

        padding: var(--m-xl);
        box-shadow: rgba(89, 32, 151, 0.5)  0px 25px 50px -12px;
        border-radius: var(--m-s);
    }

.Player_info_links___ctYr3 {
            height: 100%;
            cursor: pointer;
        }

.Player_info_link___FhQQh {
            display: block;
            text-decoration: none;
            padding: var(--m-l);
            width: 400px;
            height: 200px;
            background-size: cover;
            color: white;
            border-radius: 8px;
            margin-bottom: var(--m-l);
            font-size: 20px;
            cursor: pointer;
        }

.Player_info_link___FhQQh:hover {
                color: #f48e22;
            }

.Player_blogger___g1EL_ {
        margin-top: auto;
        margin-left: auto;
        position: relative;
        bottom: -24px;
        right: -24px;
        display: block;
    }

.Player_blogger_img____NvI9 {
            max-width: 400px;
            max-height: 500px;
        }

.Player_tasks___BVevQ {
        width: 500px;
        flex-shrink: 0;

        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }

.Player_chart___wR3I1 {
        margin: 0 auto;
    }

.Player_drawer_link___EFGSt {
        display: block;
        color: white;
        text-decoration: none;
        margin: var(--m-l) 0;
        font-size: 16px;
    }

.Player_drawer_link___EFGSt:hover {
            color: #f48e22;
        }

.Player_drawer_tank___r2yJD {
        display: block;
        color: white;
        text-decoration: none;
        margin: var(--m-l) 0;
        font-size: 16px;
        cursor: pointer;
    }

.Player_drawer_tank___r2yJD:hover {
            color: #f48e22;
        }

/**
#592297
#f73784
#a232ec
#f7539d
#f48e22
#ff884e

#177DDC
*/

/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/theme/reset.pcss ***!
  \**********************************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Roboto", sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    min-height: 100vh;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/theme/constants.pcss ***!
  \**************************************************************************************************************************************************/
:root {
    --m-xxs: 4px;
    --m-xs: 8px;
    --m-s: 12px;
    --m-m: 16px;
    --m-l: 20px;
    --m-xl: 24px;
    --m-xxl: 32px;
    --m-xxxl: 40px;
    --m-max: 48px;
    --borderRadius: 12px;
    --borderRadiusSmall: 8px;
}

/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/theme/layout.module.pcss ***!
  \**********************************************************************************************************************************************************************************/
.content___XFYtq {
    padding: var(--m-s);
    height: 100vh;
    overflow: auto;
}


/*# sourceMappingURL=index.css.map*/