/* _content/Server/Components/LoadingFragment.razor.rz.scp.css */
.loader[b-477mc8y5re]
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: auto 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin-b-477mc8y5re 2s linear infinite
}

@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg)
    }

    100%
    {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin-b-477mc8y5re
{
    0%
    {
        transform: rotate(0deg)
    }

    100%
    {
        transform: rotate(360deg)
    }
}

.display[b-477mc8y5re]
{
    position: relative;
    margin-top: 11rem
}
/* _content/Server/Pages/ActiveConversation.razor.rz.scp.css */
input[type="time"][b-afpfgeji7a], input[type="date"][b-afpfgeji7a], input[type="search"][b-afpfgeji7a]
{
    text-align: center;
    background: #fff;
    outline: none;
    color: #d4d4d4;
    border: none;
    border-radius: 0 10px 10px 0;
    font-weight: 700;
    font-size: 17.75px;
    padding: .75rem;
    box-shadow: 2px 3px 5px 0px #c4c4c4
}

    input[type="time"][b-afpfgeji7a]::-webkit-clear-button, input[type="date"][b-afpfgeji7a]::-webkit-clear-button, input[type="time"][b-afpfgeji7a]::-webkit-inner-spin-button, input[type="date"][b-afpfgeji7a]::-webkit-inner-spin-button
    {
        display: none
    }

    input[type="time"]:hover[b-afpfgeji7a], input[type="date"]:hover[b-afpfgeji7a], input[type="search"]:hover[b-afpfgeji7a]
    {
        cursor: pointer
    }

input[type="text"][b-afpfgeji7a]
{
    border: none;
    padding: .75rem;
    width: -webkit-fill-available;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 3px 5px 0px #c4c4c4
}

    input[type="text"]:hover[b-afpfgeji7a]
    {
        border: 1px solid #63a1fc
    }

input[b-afpfgeji7a]::placeholder
{
    color: #d4d4d4;
    font-weight: 100;
    font-size: 1rem;
    font-family: 'Noto Sans CJK KR'
}

.active-file-upload-container[b-afpfgeji7a]
{
    padding: 0.95rem;
    display: inline-flex;
    width: 100%;
    flex: 0 0 auto
}

.active-submit-container[b-afpfgeji7a]
{
    justify-content: end
}

.active-revise-container[b-afpfgeji7a]
{
    justify-content: space-between
}

.active-form-container[b-afpfgeji7a]
{
    margin: 0 .35rem 0 0
}

.btn-active-file[b-afpfgeji7a]
{
    color: #fff;
    border-radius: .5em;
    background-color: #63a1fc;
    font-weight: 700;
    font-family: 'Noto Sans CJK KR';
    transition: all .4s;
    box-shadow: 2px 3px 5px 0px #c4c4c4
}

    .btn-active-file:hover[b-afpfgeji7a]
    {
        background-color: #4577c4
    }

.btn-active-submit[b-afpfgeji7a]
{
    padding: .75rem
}

.btn-remove[b-afpfgeji7a]
{
    background-color: #e34444 !important
}

    .btn-remove:hover[b-afpfgeji7a]
    {
        background-color: #b33636 !important
    }

.active-audio-container[b-afpfgeji7a]
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-self: center
}

.input-title[b-afpfgeji7a]
{
    font-weight: 900;
    font-family: 'Noto Sans CJK KR';
    background-color: #63a1fc;
    padding: .75rem;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 10px 0 0 10px;
    box-shadow: 2px 3px 5px 0px #c4c4c4
}

.day-wrap-container[b-afpfgeji7a]
{
    padding: .75rem
}

.day-wrap[b-afpfgeji7a]
{
    text-align: center;
    background-color: ghostwhite;
    border-radius: 10px;
    padding: .75rem;
    box-shadow: 2px 3px 5px 0px #c4c4c4
}

.day-wrap-input-checkbox input[b-afpfgeji7a]
{
    display: none
}

    .day-wrap-input-checkbox input[type=checkbox] + label[b-afpfgeji7a], input[type=radio] + label[b-afpfgeji7a]
    {
        border-radius: 6px;
        background: #f1f1f1;
        font-weight: 900;
        font-family: 'Noto Sans CJK KR';
        cursor: pointer;
        margin: .1rem;
        padding: .1rem .1rem
    }

    .day-wrap-input-checkbox input[type=checkbox]:checked + label[b-afpfgeji7a], input[type=radio]:checked + label[b-afpfgeji7a]
    {
        color: #fff;
        background: #63a1fc
    }

.active-wrap[b-afpfgeji7a]
{
    padding: .85rem 0 .75rem .95rem
}

.active-title-wrap[b-afpfgeji7a]
{
    padding: .75rem .95rem
}

.active-title-wrap-label[b-afpfgeji7a]
{
    width: 100% !important
}

.active-wrap-label[b-afpfgeji7a]
{
    display: inline-flex;
    width: 45.75%;
    flex: 0 0 auto
}

.active-grid-container[b-afpfgeji7a]
{
    display: grid;
    row-gap: 2.135rem;
    column-gap: 1.875rem;
    grid-template-columns: repeat(auto-fit, minmax(29.5rem, 27.5vw))
}

.append-btn-container[b-afpfgeji7a]
{
    height: 90vh
}

.active-grid-item[b-afpfgeji7a]
{
    background-color: whitesmoke;
    border-radius: 1.25rem;
    box-shadow: 2px 3px 5px 0px #c1c1c1
}

.btn-wrap[b-afpfgeji7a]
{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.active-grid-btn-image[b-afpfgeji7a]
{
    border-radius: 50%;
    border: none;
    background-color: transparent;
    width: 11.429rem;
    height: 11.429rem;
    background-repeat: no-repeat;
    background-image: url(./images/active_conversation/plus_icon.svg)
}

@media (max-width:641px)
{
    .active-grid-item[b-afpfgeji7a]
    {
        font-size: smaller
    }

    .active-grid-container[b-afpfgeji7a]
    {
        row-gap: .75rem;
        column-gap: .75rem;
        grid-template-columns: repeat(auto-fit, minmax(20.5rem, 27.5vw))
    }

    .active-wrap-label[b-afpfgeji7a]
    {
        width: 47.5%
    }

    .day-wrap-input-checkbox input[type=checkbox] + label[b-afpfgeji7a]
    {
        margin: .25rem .5rem .25rem .25rem
    }

    .active-audio-container[b-afpfgeji7a]
    {
        text-align-last: end
    }

    .active-file-upload-container[b-afpfgeji7a]
    {
        display: block
    }

    .active-form-container[b-afpfgeji7a]
    {
        margin: 0 0 .5rem 0
    }

    input[type="time"][b-afpfgeji7a], input[type="date"][b-afpfgeji7a], input[type="search"][b-afpfgeji7a]
    {
        font-size: smaller
    }
}
/* _content/Server/Pages/Animation.razor.rz.scp.css */
.flex-end[b-uugutu5vu5]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-uugutu5vu5]
{
    margin-right: 1rem
}

.vertical-middle[b-uugutu5vu5]
{
    vertical-align: middle
}
/* _content/Server/Pages/As.razor.rz.scp.css */
header[b-v3gq9itktv]
{
    width: 100%;
    height: 100px;
    margin: auto;
    display: flex;
    padding-top: 25px
}

button[id="search-button"][b-v3gq9itktv]
{
    width: 50px;
    height: 50px;
    border-radius: 0px 8px 8px 0px;
    border-left: none;
    outline: none;
    border: 1px solid #ececec;
    border-left: none;
    background-image: url(/images/as/search.png);
    background-color: #fff
}

button[id="search-btn"][b-v3gq9itktv]
{
    width: 80px;
    height: 50px;
    border: none;
    border-radius: 8px 0px 0px 8px;
    background-color: #1b6ec2;
    font-size: 16px;
    font-weight: 900;
    margin-left: 20px;
    color: #fff
}

#date[b-v3gq9itktv], #number[b-v3gq9itktv]
{
    width: 100px
}

#as[b-v3gq9itktv]
{
    width: 420px
}

#condition[b-v3gq9itktv], #user[b-v3gq9itktv]
{
    width: 220px
}

#reference[b-v3gq9itktv]
{
    width: 300px
}

#phone[b-v3gq9itktv]
{
    width: 120px
}

.header-text[b-v3gq9itktv]
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-weight: 900
}

.condition-box[b-v3gq9itktv]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 8px;
    background-color: #fff;
    appearance: none;
    height: 40px;
    margin-left: 0;
    border-left: none;
    border: 1px solid #ececec;
    color: #000;
    width: 190px;
    background-repeat: no-repeat;
    background-position: 150px;
    padding-left: 10px;
    cursor: pointer;
    outline: none;
    background-image: url(./images/as/arrow_small.png)
}

.flex-end[b-v3gq9itktv]
{
    display: flex;
    justify-content: end
}

.btn-margin-left[b-v3gq9itktv]
{
    height: 50px;
    margin-left: 0.35em
}

.vertical-middle[b-v3gq9itktv]
{
    vertical-align: middle
}

.overflow-ellipsis[b-v3gq9itktv]
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ellipsis-width[b-v3gq9itktv]
{
    width: 9.75rem;
}

.ellipsis-symptom-width[b-v3gq9itktv]
{
    width: 21rem;
}

.title-align[b-v3gq9itktv]
{
    text-align: end
}

.title-div[b-v3gq9itktv]
{
    width: 80px;
    height: 50px;
    background-color: #ffc107;
    border-radius: 8px 0px 0px 8px;
    color: #fff;
    font-size: 16px;
    display: table
}

.area-combobox[b-v3gq9itktv]
{
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px 8px 8px 0px;
    background-color: #fff;
    appearance: none;
    height: 50px;
    border-left: none;
    border: 1px solid #ececec;
    width: 200px;
    cursor: pointer;
    padding-left: 10px;
    outline: none
}

.number-search[b-v3gq9itktv]
{
    width: 210px;
    outline: none;
    border: 1px solid #ececec;
    height: 50px;
    border-left: none;
    border-right: none;
    padding-left: 10px
}

.agency-search[b-v3gq9itktv]
{
    display: flex;
    padding-left: 1rem
}

.total-search[b-v3gq9itktv]
{
    display: flex;
    margin-left: 56%
}

.icon-1[b-v3gq9itktv]
{
    width: 40px
}

.icon-2[b-v3gq9itktv]
{
    width: 40px
}

.icon-3[b-v3gq9itktv]
{
    width: 40px;
    padding-right: 20px
}

.emend[b-v3gq9itktv], .remove[b-v3gq9itktv], .check[b-v3gq9itktv]
{
    width: 40px;
    height: 40px;
    outline: none;
    border: none;
    background-color: #fff;
    background-image: url(/images/as/emend.png);
    transition: .5s
}

    .emend:hover[b-v3gq9itktv]
    {
        background-image: url(/images/as/emend_hover.png)
    }

.remove[b-v3gq9itktv]
{
    background-image: url(/images/as/remove.png)
}

    .remove:hover[b-v3gq9itktv]
    {
        background-image: url(/images/as/remove_hover.png)
    }

.check[b-v3gq9itktv]
{
    background-image: url(/images/as/check.png)
}

    .check:hover[b-v3gq9itktv]
    {
        background-image: url(/images/as/check_hover.png)
    }

.input[b-v3gq9itktv]
{
    border: none;
    outline: none
}

.date-input[b-v3gq9itktv]
{
    width: 90px
}

.number-input[b-v3gq9itktv]
{
    width: 90px
}

.condition-input[b-v3gq9itktv]
{
    width: 340px
}

.memo-input[b-v3gq9itktv]
{
    width: 280px
}

.phone-input[b-v3gq9itktv]
{
    width: 120px
}
/* _content/Server/Pages/Bible.razor.rz.scp.css */
.flex-end[b-48z1v0zmub]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-48z1v0zmub]
{
    margin-right: 1rem
}

.vertical-middle[b-48z1v0zmub]
{
    vertical-align: middle
}
/* _content/Server/Pages/BlindDate.razor.rz.scp.css */
.vertical-middle[b-mhbye254i9]
{
    vertical-align: middle
}

.button-play[b-mhbye254i9]
{
    border: hidden;
    border-radius: 50%
}

.test-capsule[b-mhbye254i9]
{
    position: fixed;
    display: block;
    right: 25px;
    bottom: 41px;
}

.center-align[b-mhbye254i9]
{
    text-align: center
}
/* _content/Server/Pages/BlindDateLog.razor.rz.scp.css */
/* _content/Server/Pages/Book.razor.rz.scp.css */
.flex-end[b-pn7l11zwgq]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-pn7l11zwgq]
{
    margin-right: 1rem
}

.vertical-middle[b-pn7l11zwgq]
{
    vertical-align: middle
}
/* _content/Server/Pages/Buddhist.razor.rz.scp.css */
.flex-end[b-fdnqmfz77m]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-fdnqmfz77m]
{
    margin-right: 1rem
}

.vertical-middle[b-fdnqmfz77m]
{
    vertical-align: middle
}
/* _content/Server/Pages/Capsule.razor.rz.scp.css */
.btn-container[b-oyfjtmeas8]
{
    display: inline-flex;
    flex-flow: row;
    padding: 1em
}

.end-content[b-oyfjtmeas8]
{
    justify-content: flex-end
}

.control[b-oyfjtmeas8]
{
    text-align: center;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.vertical-middle[b-oyfjtmeas8]
{
    vertical-align: middle;
    text-align: center
}
/* _content/Server/Pages/Doll.razor.rz.scp.css */
.btn-container[b-5ywgalfxg5]
{
    display: inline-flex;
    flex-flow: row;
    padding: 1em
}

.end-content[b-5ywgalfxg5]
{
    justify-content: flex-end
}

.control[b-5ywgalfxg5]
{
    text-align: center;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
/* _content/Server/Pages/Drawing.razor.rz.scp.css */
.picture[b-zum4wf9i4j]
{
    width: 192px;
    height: 108px;
}

.flex-end[b-zum4wf9i4j]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-zum4wf9i4j]
{
    margin-right: 1rem
}

.vertical-middle[b-zum4wf9i4j]
{
    vertical-align: middle
}
/* _content/Server/Pages/Effect.razor.rz.scp.css */
.flex-end[b-7ztvd7rbhk]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-7ztvd7rbhk]
{
    margin-right: 1rem
}

.vertical-middle[b-7ztvd7rbhk]
{
    vertical-align: middle
}
/* _content/Server/Pages/Emotion.razor.rz.scp.css */
.picture[b-ye3rnifs0r]
{
    width: 192px;
    height: 108px;
}

.flex-end[b-ye3rnifs0r]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-ye3rnifs0r]
{
    margin-right: 1rem
}

.vertical-middle[b-ye3rnifs0r]
{
    vertical-align: middle
}

.control[b-ye3rnifs0r]
{
    text-align: center;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
/* _content/Server/Pages/Friend.razor.rz.scp.css */
.flex-end[b-3onggx4dmh]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-3onggx4dmh]
{
    margin-right: 1rem
}

.vertical-middle[b-3onggx4dmh]
{
    vertical-align: middle
}
/* _content/Server/Pages/Genie.razor.rz.scp.css */
/* _content/Server/Pages/Geo.razor.rz.scp.css */
.loader[b-eooc2wm31s]
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: auto 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin-b-eooc2wm31s 2s linear infinite
}

@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg)
    }

    100%
    {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin-b-eooc2wm31s
{
    0%
    {
        transform: rotate(0deg)
    }

    100%
    {
        transform: rotate(360deg)
    }
}

.display[b-eooc2wm31s]
{
    position: relative;
    margin-top: 11rem
}

.sample[b-eooc2wm31s]
{
    height: calc(100vh - 9rem);
    width: 100%
}
/* _content/Server/Pages/Guardian.razor.rz.scp.css */
.btn-container[b-3whowvjkyt]
{
    display: inline-flex;
    flex-flow: row;
    padding: 1em
}

.end-content[b-3whowvjkyt]
{
    justify-content: flex-end
}

.control[b-3whowvjkyt]
{
    text-align: center;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.vertical-middle[b-3whowvjkyt]
{
    vertical-align: middle
}

.zero-label[b-3whowvjkyt]
{
    margin-bottom: 0px
}
/* _content/Server/Pages/Gymnastics.razor.rz.scp.css */
.flex-end[b-5kxdvtsm2s]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-5kxdvtsm2s]
{
    margin-right: 1rem
}

.vertical-middle[b-5kxdvtsm2s]
{
    vertical-align: middle
}

.video[b-5kxdvtsm2s]
{
    width: 192px;
    height: 108px
}
/* _content/Server/Pages/JangMinHo.razor.rz.scp.css */
.flex-end[b-iq086m38h1]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-iq086m38h1]
{
    margin-right: 1rem
}

.vertical-middle[b-iq086m38h1]
{
    vertical-align: middle
}
/* _content/Server/Pages/Link.razor.rz.scp.css */
.vertical-middle[b-h2tbyhulr6]
{
    vertical-align: middle
}

.btn-margin-right[b-h2tbyhulr6]
{
    margin-right: .25rem
}

.form-bottom-group[b-h2tbyhulr6]
{
    margin-bottom: 3rem
}

.overflow-ellipsis[b-h2tbyhulr6]
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ellipsis-width[b-h2tbyhulr6]
{
    width: 42.75rem;
}
/* _content/Server/Pages/Map.razor.rz.scp.css */
html[b-yqix94jovm], body[b-yqix94jovm]
{
    height: 100%;
    box-sizing: border-box
}

h3[b-yqix94jovm]
{
    font-size: 10px;
    margin: auto;
    padding-top: 5px;
    color: #fff
}

h4[b-yqix94jovm]
{
    color: #fff;
    font-size: 10px;
    background-color: #11101d;
    position: absolute;
    margin: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 0px 10px;
}

#battery[b-yqix94jovm]
{
    width: 280px;
    margin-left: 40px;
    display: flex;
    padding: 22px 0px
}

#icon[b-yqix94jovm]
{
    background-color: #1b2433;
    width: 50px;
    height: 50px;
    border-radius: 0px 8px 8px 0px;
    margin-right: 40px;
    margin-top: 35px;
    position: relative;
    background-repeat: no-repeat
}

    #icon[b-yqix94jovm]::before
    {
        content: "";
        background-image: url(./images/search.png);
        opacity: 0.1;
        position: absolute;
        padding-bottom: 1px;
        padding-right: 1px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px
    }

#container[b-yqix94jovm]
{
    background-color: #11101d;
    width: 360px;
    height: 834px;
    padding: 0;
    box-shadow: 1px 5px 30px -5px #6d6d6d;
    border-radius: 10px;
    right: 20px;
    margin-top: 2.35rem;
    z-index: 3;
    position: absolute;
    opacity: .75
}

#search[b-yqix94jovm]
{
    background-color: #11101d;
    height: 120px;
    display: flex;
    border-radius: 10px 10px 0px 0px
}

#logo[b-yqix94jovm]
{
    width: 50px;
    height: 50px;
    border-radius: 8px 0px 0px 8px;
    background-color: #1b2433;
    margin-top: 35px;
    margin-left: 40px;
    background-image: url(./images/logo.png)
}

#profile[b-yqix94jovm]
{
    background-color: #11101d;
    height: 280px
}

#doll-search[b-yqix94jovm]
{
    width: 180px;
    height: 50px;
    background-color: #1b2433;
    border: none;
    margin: auto;
    font-size: 14px;
    outline: none;
    margin-left: 0px;
    padding-left: 0px;
    color: #fff
}

#grid-container[b-yqix94jovm]
{
    z-index: 10;
    opacity: 0.75;
    position: absolute
}

.dangerous-words-container[b-yqix94jovm]
{
    position: absolute;
    opacity: 0.75;
    left: 70vw;
    top: 17vh;
    z-index: 9
}

.dangerous-words-close-btn[b-yqix94jovm]
{
    text-align: end
}

.dangerous-words-gauge[b-yqix94jovm]
{
    font-weight: bold;
    margin: 0 1.25rem 0 0
}

.dangerous-words-vertical-align[b-yqix94jovm]
{
    vertical-align: middle;
    margin-right: 0 !important;
    margin: 0 0 0 .25rem
}

.dangerous-words-slider[b-yqix94jovm]
{
    opacity: .5;
    margin: 0 0 0 0 !important
}

.dangerous-words-fold-btn[b-yqix94jovm]
{
    background-image: url(./images/apple_icon/minimization.svg) !important
}

.dangerous-words-unfold-btn[b-yqix94jovm]
{
    background-image: url(./images/apple_icon/enlargement.svg) !important
}

.dangerous-words-list[b-yqix94jovm]
{
    opacity: .9;
    background: #11101d;
    border-radius: 0.35rem;
    height: 33vh;
    overflow-y: scroll;
    text-align: start !important
}

.dangerous-words-message[b-yqix94jovm]
{
    font-size: 12px;
    font-weight: bold;
    color: crimson;
    width: 11rem !important
}

.dangerous-words-time[b-yqix94jovm]
{
    font-size: 9px !important;
    font-weight: initial !important;
    color: snow !important;
    margin: 0 0 0 .15rem
}

.dangerous-words-date[b-yqix94jovm]
{
    color: deepskyblue;
    font-size: 11px;
    text-align: center;
    font-weight: bold
}

.show-btn[b-yqix94jovm]
{
    width: 120px;
    height: 40px;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #11101d;
    position: absolute;
    cursor: pointer;
    z-index: 15
}

.chart-icon[b-yqix94jovm]
{
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-image: url(./images/chart.svg)
}

.hide-button[b-yqix94jovm]
{
    background-color: #14c914;
    width: 155px;
    height: 30px;
    position: absolute;
    border-radius: 10px 0 0 0;
    margin-top: 9px;
    display: flex;
    align-items: center;
    background: linear-gradient(-45deg, transparent 20px,#252837 0)
}

.header-flex[b-yqix94jovm]
{
    display: flex;
    height: 80px
}

.sub-wrap[b-yqix94jovm]
{
    background-color: #171b29;
    width: 135px;
    height: 55px;
    margin-top: 25px
}

.slider[b-yqix94jovm]
{
    margin-top: 32px;
    margin-left: 20px;
    -webkit-appearance: none;
    background: transparent;
    width: 100px;
    height: 4px;
    background-color: #3c4053;
    border-radius: 15px;
    position: absolute
}

.tab-background[b-yqix94jovm]
{
    background-color: #171b29;
    width: -webkit-fill-available;
    height: 80px;
    background: linear-gradient(135deg, transparent 20px,#171b29 0);
    border-radius: 0 10px 0 0
}

.tab-input[type="radio"][b-yqix94jovm]
{
    display: none
}

.tab-label[b-yqix94jovm]
{
    color: rgb(243, 243, 243);
    font-size: 14px;
    width: 100px;
    height: 50px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all .2s;
    z-index: 30
}

    .tab-label:hover[b-yqix94jovm]
    {
        color: rgb(41, 66, 207);
        cursor: pointer;
        font-weight: 700
    }

.tab-input:checked + .tab-label[b-yqix94jovm]
{
    color: #fff;
    font-weight: 900;
    background: linear-gradient(to bottom, #252837, #171b29);
    border-radius: 10px 10px 0 0
}

.tab-wrap-gradient[b-yqix94jovm]
{
    background-color: #171b29;
    height: 10px;
    width: 470px;
    margin-left: 10px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(135deg, transparent 13px,#171b29 0);
    z-index: 30
}

.tab-wrap[b-yqix94jovm]
{
    display: flex;
    justify-content: flex-end
}

.btn-expand-click[b-yqix94jovm]
{
    width: 40px;
    height: 80px;
    top: 55%;
    left: 205px;
    border-radius: 0 10px 10px 0;
    background: linear-gradient(to top, #370849, #2f0d4e);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.btn-expand-icon[b-yqix94jovm]
{
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    background-image: url(./images/message/scale_arrow.png)
}

.characters-icon[b-yqix94jovm]
{
    width: 22px;
    height: 22px;
    margin-top: -3px;
    background-color: transparent;
    position: absolute;
    background-size: contain;
    transition: all .2s;
    transform-origin: top;
    z-index: 3
}

.characters-button[b-yqix94jovm]
{
    cursor: pointer;
    border: none
}

.hide[b-yqix94jovm]
{
    width: 15px;
    height: 15px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    margin-left: 10px;
    background-image: url(./images/hide_icon.svg)
}

.grid-dummy-container[b-yqix94jovm]
{
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 20px;
    display: flex
}

.grid-dummy[b-yqix94jovm]
{
    transform: translate(-50%, -50%);
    background: rgb(230, 22, 22);
    width: 8px;
    height: 8px;
    border-radius: 50%
}

    .grid-dummy[b-yqix94jovm]:before
    {
        content: '';
        position: absolute;
        background: rgb(212, 39, 39);
        width: 9px;
        height: 9px;
        border-radius: 50%;
        overflow: hidden;
        animation: wave 1.5s infinite linear
    }

    .grid-dummy[b-yqix94jovm]:after
    {
        content: '';
        position: absolute;
        background: rgb(230, 31, 31);
        width: 11px;
        height: 11px;
        margin-left: 1px;
        margin-top: 1px;
        border-radius: 50%;
        animation: wave 1s infinite linear
    }

.grid-item[b-yqix94jovm]
{
    color: #fff;
    position: absolute;
    z-index: 30;
    text-shadow: 1px 1px 1px rgb(53, 52, 52)
}

.grid-battery[b-yqix94jovm]
{
    align-items: center;
    justify-content: flex-end;
    display: flex;
    height: 35px;
    top: 0;
    margin-right: auto
}

.grid-ping[b-yqix94jovm]
{
    font-weight: 700;
    font-size: x-small;
    position: absolute;
    left: 5.85rem;
    color: gold
}

.grid-ellipsis[b-yqix94jovm]
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 2.25rem
}

.title-header[b-yqix94jovm]
{
    display: flex;
    width: 650px
}

.tab-menu[b-yqix94jovm]
{
    color: #fff;
    width: 140px;
    height: 36px;
    background-color: #3C4154;
    background: linear-gradient(-120deg, transparent 28px,#252837 0);
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 10px 0 0 0;
    z-index: 2
}

.menu[b-yqix94jovm]
{
    width: 560px;
    height: 26px;
    border-radius: 0 6px 6px 0;
    background-color: rgb(42, 47, 63);
    position: absolute;
    margin-left: 80px;
    margin-top: 10px;
    display: flex;
    z-index: 1
}

.menu-background[b-yqix94jovm]
{
    width: 570px;
    height: 46px;
    border-radius: 0 10px 0 0;
    background-color: #252837;
    position: absolute;
    margin-top: 3px;
    margin-left: 80px;
    display: flex
}

.grid-tltle[b-yqix94jovm]
{
    background-color: #252837;
    width: 650px;
    height: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600
}

.info[b-yqix94jovm]
{
    resize: vertical;
    display: grid;
    grid-auto-flow: row;
    height: 350px;
    overflow-y: scroll;
    grid-template-columns: repeat(5,130px)
}

.chart-info-container[b-yqix94jovm]
{
    height: 33rem;
    overflow: overlay;
    min-width: -webkit-fill-available;
    resize: both
}

.chart-scroll-container[b-yqix94jovm]
{
    height: 95%
}

.chart-period-container[b-yqix94jovm]
{
    height: 5%
}

.bottom-border-radius[b-yqix94jovm]
{
    border-radius: 0 0 10px 10px
}

[b-yqix94jovm]::-webkit-resizer
{
    background: orange
}

.item[b-yqix94jovm]
{
    color: #fff;
    text-shadow: 1.25px 1.25px 0 #000;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-right: 2px solid #343a4d
}

.div-middle[b-yqix94jovm]
{
    background-color: #3C4154
}

.div-last-left-radius[b-yqix94jovm]
{
    border-radius: 0 0 0 10px;
    background-color: #3C4154
}

.div-last-right-radius[b-yqix94jovm]
{
    border-radius: 0 0 10px 0;
    background-color: #3C4154
}

.admin-container[b-yqix94jovm]
{
    position: absolute;
    z-index: 99;
    bottom: 2rem
}

.admin-message[b-yqix94jovm]
{
    width: 740px;
    background-color: #fff;
    box-shadow: 5px 5px 15px 5px rgba(214, 214, 214, 0.2);
    background-color: #11101d;
    border-radius: 20px;
    margin-bottom: 16px;
    position: relative
}

    .admin-message[b-yqix94jovm]:after
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 6%;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-top-color: #11101d;
        border-bottom: 0;
        border-left: 0;
        margin-left: -6px;
        margin-bottom: -14px
    }

.message-header[b-yqix94jovm]
{
    height: 70px;
    border-radius: 20px 20px 0 0;
    background-color: #11101d;
    display: flex;
    align-items: center
}

.massage-icon[b-yqix94jovm]
{
    width: 36px;
    height: 36px;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-image: url(./images/message/admin_icon.png)
}

.title-container[b-yqix94jovm]
{
    margin-left: 10px;
    height: 36px;
    margin-top: 2px
}

.name-title[b-yqix94jovm]
{
    color: rgb(240, 240, 240);
    font-size: 13px;
    display: block;
    height: 16px;
    font-weight: 900
}

.dummy-container[b-yqix94jovm]
{
    height: 20px;
    display: flex;
    align-items: center
}

.dummy-title[b-yqix94jovm]
{
    margin-right: 0.25em;
    color: rgb(192, 192, 192);
    font-size: 11px
}

.dummy-wrap[b-yqix94jovm]
{
    position: relative;
    height: 20px;
    width: 20px;
    padding-left: 10px;
    margin-top: 1px
}

.dummy[b-yqix94jovm]
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgb(20, 214, 20);
    width: 8px;
    height: 8px;
    border-radius: 50%
}

    .dummy[b-yqix94jovm]:before
    {
        content: '';
        position: absolute;
        background: rgb(20, 214, 20);
        width: 8px;
        height: 8px;
        border-radius: 50%;
        animation: wave 1.2s infinite linear
    }

    .dummy[b-yqix94jovm]:after
    {
        content: '';
        position: absolute;
        background: rgb(114, 202, 114);
        width: 6px;
        height: 6px;
        margin-left: 1px;
        margin-top: 1px;
        border-radius: 50%;
        animation: wave 1.2s infinite linear
    }

.message-wrap[b-yqix94jovm]
{
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 0 auto;
    height: 110px;
    border-radius: 0 0 10px 10px
}

.send-icon[b-yqix94jovm]
{
    width: 41px;
    height: 40px;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 0 6px 6px 0;
    background-color: #1b2433;
    background-image: url(./images/message/send_icon.png)
}

.margin[b-yqix94jovm]
{
    height: 1px;
    width: 680px;
    background-color: #1b2433;
    margin: 0 auto
}

.message-input[b-yqix94jovm]
{
    height: 40px;
    width: 620px;
    align-items: center;
    justify-content: center;
    border: none;
    vertical-align: middle;
    outline: none;
    padding-left: 15px;
    font-size: 13px;
    background-color: #1b2433;
    border-radius: 6px 0 0 6px;
    color: #fff
}

.doll-list[b-yqix94jovm]
{
    width: 120px;
    height: 30px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: 20px;
    background-color: #1b2433;
    border: none;
    outline: none;
    color: #fff;
    font-size: 12px;
    padding-left: 5px
}

.button-click[b-yqix94jovm]
{
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background-color: #11101d;
    border: none;
    cursor: pointer;
    background-image: url(./images/message/message_icon.png);
    box-shadow: 5px 5px 15px 5px rgba(214, 214, 214, 0.2)
}

.time-wrap[b-yqix94jovm]
{
    width: 280px;
    height: 20px;
    margin: auto;
    display: flex
}

.time[b-yqix94jovm]
{
    width: 280px;
    height: 2px;
    background-color: #2f3a4b;
    margin: auto;
    position: relative
}

.conversation-detection[b-yqix94jovm]
{
    padding: 0 7px 0 7px
}

.chatting-container[b-yqix94jovm]
{
    position: relative;
    z-index: 2;
    position: absolute;
    margin-top: 2.35rem;
    right: 20px;
    height: 834px
}

.chatting-header[b-yqix94jovm]
{
    height: 40px;
    border-radius: 10px 10px 0px 0px;
    background-color: #1b2433;
    display: flex;
    align-items: center
}

.flex-margin[b-yqix94jovm]
{
    width: 182px
}

.connect-btn[b-yqix94jovm], .close-btn[b-yqix94jovm]
{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    outline: none;
    border: none;
    background-color: #4cdd30;
    margin-right: 10px
}

.close-btn[b-yqix94jovm]
{
    margin-right: 15px;
    background-image: url(./images/apple_icon/close.svg)
}

.chatting-wrap[b-yqix94jovm]
{
    height: 89.5%;
    background-attachment: scroll;
    overflow-y: scroll;
    background-color: #11101d
}

[b-yqix94jovm]::-webkit-scrollbar
{
    height: 3px;
    width: 3px
}

[b-yqix94jovm]::-webkit-scrollbar-track
{
    background: #1b2433
}

[b-yqix94jovm]::-webkit-scrollbar-thumb
{
    border-radius: 80px;
    background-color: #dcdcdc
}

.intro[b-yqix94jovm]
{
    height: 100px;
    display: flex;
    padding-top: 75%
}

.intro-icon[b-yqix94jovm]
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #4cdd30;
    margin: auto;
    background-color: #11101d;
    background-image: url(./images/intro.png)
}

.intro-text[b-yqix94jovm]
{
    display: flex;
    flex-direction: column;
    color: #fff;
    margin-top: 25%
}

.intro-title[b-yqix94jovm]
{
    display: block;
    margin: auto;
    font-size: 14px;
    font-weight: 800;
    color: #fff
}

.intro-time[b-yqix94jovm]
{
    display: block;
    margin: auto;
    padding-top: 15px;
    font-size: 12px;
    font-weight: 600
}

.bot-time[b-yqix94jovm]
{
    font-size: xx-small;
    color: #ccc;
    padding-bottom: 1px;
    align-self: end
}

.margin-div[b-yqix94jovm]
{
    height: 13px;
    background-color: #11101d
}

.chatting-user[b-yqix94jovm]
{
    display: flex;
    justify-content: flex-start
}

.user-icon[b-yqix94jovm]
{
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.lookup-container[b-yqix94jovm]
{
    width: 100%;
    color: navy;
    margin-left: -120px;
    position: fixed;
    display: block
}

.index[b-yqix94jovm]
{
    z-index: 5
}

.display[b-yqix94jovm]
{
    position: relative;
    margin-top: 11rem
}

.loader[b-yqix94jovm]
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: auto 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.user-time[b-yqix94jovm]
{
    font-size: xx-small;
    color: #ccc;
    padding-bottom: 1px;
    align-self: end
}

.chatting-bot[b-yqix94jovm]
{
    display: flex;
    justify-content: flex-end
}

.user-wrapper[b-yqix94jovm]
{
    position: relative;
    border-radius: 10px;
    max-width: 195px;
    height: 100%;
    margin-left: 15px;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    padding: 11px;
    box-shadow: 1px 5px 10px -12px #6d6d6d;
    line-height: 1.3rem;
    word-break: break-all;
    color: #fff;
    background: #1b2433
}

    .user-wrapper[b-yqix94jovm]:after
    {
        content: '';
        position: absolute;
        left: 0;
        top: 20%;
        width: 0;
        height: 0;
        border: 12px solid transparent;
        border-left: 0;
        border-top: 0;
        margin-left: -12px;
        border-right-color: #1b2433
    }

.bot-wrapper[b-yqix94jovm]
{
    position: relative;
    border-radius: 10px;
    max-width: 195px;
    height: 100%;
    margin-right: 15px;
    margin-left: 3px;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    padding: 11px;
    box-shadow: 1px 5px 10px -12px #6d6d6d;
    line-height: 1.3rem;
    word-break: break-all;
    color: #fff;
    background: #1b2433
}

    .bot-wrapper[b-yqix94jovm]:after
    {
        content: '';
        position: absolute;
        right: 0;
        top: 20%;
        width: 0;
        height: 0;
        border: 12px solid transparent;
        border-right: 0;
        border-top: 0;
        margin-right: -12px;
        border-left-color: #1b2433
    }

.bot-icon[b-yqix94jovm]
{
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.chatting-input[b-yqix94jovm]
{
    width: 360px;
    height: 50px;
    border-radius: 0px 0px 10px 10px;
    background: #1b2433;
    color: #fff
}

.input-wrap[b-yqix94jovm]
{
    padding-left: 15px;
    display: flex
}

.chat-input[b-yqix94jovm]
{
    width: 300px;
    height: 50px;
    outline: none;
    border: none;
    box-sizing: border-box;
    position: relative;
    padding-left: 10px;
    font-size: 12px;
    background: #1b2433;
    color: #fff
}

    .chat-input[b-yqix94jovm]::placeholder
    {
        font-size: 12px;
        color: #fff
    }

.chat-btn[b-yqix94jovm]
{
    height: 30px;
    width: 30px;
    outline: none;
    border: none;
    box-sizing: border-box;
    position: absolute;
    margin-left: 300px;
    margin-top: 10px;
    background-image: url(./images/send.png);
    background-color: #1b2433
}

input[b-yqix94jovm]::-webkit-input-placeholder
{
    color: #313946
}

.header-title[b-yqix94jovm]
{
    max-width: 300px;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-left: 40px;
    color: #fff
}

.header-text[b-yqix94jovm]
{
    max-width: 300px;
    font-size: 12px;
    margin-left: 40px;
    margin-top: 4px;
    color: rgb(209, 209, 209)
}

.overflow-ellipsis[b-yqix94jovm]
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px
}

.vertical-middle[b-yqix94jovm]
{
    height: 100%;
    vertical-align: middle
}

.header-space[b-yqix94jovm]
{
    background-color: #11101d;
    height: 20px;
    border-bottom: 3px solid #1b2433
}

.div-space[b-yqix94jovm]
{
    height: 1px;
    width: 280px;
    margin-left: 40px;
    background-color: #1b2433
}

.title-text[b-yqix94jovm]
{
    font-weight: 900;
    font-size: 18px;
    margin: auto;
    color: #fff;
    font-weight: 800;
    flex: 2
}

.title-text-button[b-yqix94jovm]
{
    background-color: #11101d;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.25rem;
    padding-top: 5px
}

.user[b-yqix94jovm], .phone[b-yqix94jovm], .agency[b-yqix94jovm], .chat[b-yqix94jovm]
{
    height: 70px;
    display: flex
}

.user-div[b-yqix94jovm], .phone-div[b-yqix94jovm], .agency-div[b-yqix94jovm]
{
    display: flex;
    width: 280px;
    height: 50px;
    margin: auto;
    color: rgb(219, 218, 218);
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    transition: background-color .4s;
    background-repeat: no-repeat;
    background-color: #11101d;
    background-image: url(./images/person.png)
}

.phone-div[b-yqix94jovm]
{
    background-image: url(./images/phone.png)
}

.agency-div[b-yqix94jovm]
{
    background-image: url(./images/agency_company.png)
}

    .user-div:hover[b-yqix94jovm], .phone-div:hover[b-yqix94jovm], .agency-div:hover[b-yqix94jovm]
    {
        background-color: #1b2433;
        border-radius: 8px;
        color: #fff
    }

.battery-title[b-yqix94jovm]
{
    font-weight: 900;
    font-size: 18px;
    color: #fff
}

.warning-percent[b-yqix94jovm]
{
    font-weight: 900;
    font-size: 18px;
    color: #fff
}

.container-battery[b-yqix94jovm]
{
    height: 30px;
    border: none;
    outline: none;
    text-align: end;
    width: 57.5%
}

.battery-2[b-yqix94jovm]
{
    width: 59px;
    height: 30px;
    border: none;
    outline: none;
    position: absolute
}

.battery-disconnect[b-yqix94jovm]
{
    padding-top: 3px;
    padding-left: 3px;
    width: 80%;
    height: 90%;
    vertical-align: middle
}

.battery-green[b-yqix94jovm]
{
    padding-top: 3px;
    padding-left: 3px;
    width: 80%;
    height: 90%;
    vertical-align: middle;
    background: transparent url(./images/battery_green.png)
}

.battery-orange[b-yqix94jovm]
{
    padding-top: 3px;
    padding-left: 3px;
    width: 80%;
    height: 90%;
    vertical-align: middle;
    background: transparent url(./images/battery_orange.png)
}

.battery-red[b-yqix94jovm]
{
    padding-top: 3px;
    padding-left: 3px;
    width: 80%;
    height: 90%;
    vertical-align: middle;
    background: transparent url(./images/battery_red.png)
}

.battery-1[b-yqix94jovm]
{
    margin-top: -5.25px;
    margin-left: -5px;
    width: 135%;
    height: 125%;
    border-radius: 2px;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    background-image: url( "./images/battery.png")
}

.div-box[b-yqix94jovm]
{
    width: 280px;
    margin-left: 40px;
    display: flex;
    padding: 22px 0px
}

.div-title-box[b-yqix94jovm]
{
    padding: 17px 0px
}

.chat[b-yqix94jovm]
{
    width: 280px;
    height: 40px;
    margin-left: 40px;
    display: flex
}

.conversation[b-yqix94jovm]
{
    display: block;
    color: rgb(219, 218, 218);
    font-size: 14px;
    font-weight: 100;
    text-align: left;
    margin: auto;
    margin-left: 0;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    width: 345px;
    text-overflow: ellipsis
}

.chat-boxx[b-yqix94jovm]
{
    display: block;
    color: rgb(163, 159, 159);
    font-size: 10px;
    font-weight: 100;
    text-align: left;
    margin: auto;
    margin-right: 0;
    padding: 0px 0px 0px 0px
}

.map-scale[b-yqix94jovm]
{
    height: calc(100vh - 56px);
    margin-top: -1.1rem
}

.audio-container[b-yqix94jovm]
{
    position: absolute;
    z-index: 9
}
/* _content/Server/Pages/MilitarySong.razor.rz.scp.css */
.flex-end[b-1jwrvlobt8]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-1jwrvlobt8]
{
    margin-right: 1rem
}

.vertical-middle[b-1jwrvlobt8]
{
    vertical-align: middle
}
/* _content/Server/Pages/Mind.razor.rz.scp.css */
.frame[b-fxrffj2gy7]
{
    height: calc(100vh - 62.501px);
    margin-top: -1.1rem;
    margin-left: -1.5rem;
    width: calc(100% + 3rem)
}
/* _content/Server/Pages/Name.razor.rz.scp.css */
/* _content/Server/Pages/Observe.razor.rz.scp.css */
h4[b-m06ydd19dj]
{
    color: gold;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: .75px .75px #171b29;
    padding: 0px 10px
}

#map[b-m06ydd19dj]
{
    height: calc(100vh - 56px);
    margin: -1.1rem -1.5rem 0 -227.5px
}

#grid-container[b-m06ydd19dj]
{
    left: 0;
    top: 56px;
    margin: 10px;
    position: absolute;
    z-index: 3
}

.chatting-container[b-m06ydd19dj]
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 0 30px 20px
}

.chatting-wrap[b-m06ydd19dj]
{
    max-width: 95vw;
    max-height: 85vh;
    min-width: 20vw;
    min-height: 15vh;
    resize: both;
    overflow-y: scroll
}

.chatting-time-container[b-m06ydd19dj]
{
    width: 80%;
    height: 1.75rem;
    margin: auto;
    padding: .5rem 0 0 0
}

.chatting-time-wrap[b-m06ydd19dj]
{
    position: relative
}

.chatting-message-container[b-m06ydd19dj]
{
    display: flex;
    padding: .5rem;
}

.chatting-icon-container[b-m06ydd19dj]
{
    color: navy;
    font-size: small;
    text-align: center;
    font-weight: 800
}

.chatting-icon[b-m06ydd19dj]
{
    display: inline-grid;
    border-radius: 50%;
    width: 40px
}

.chatting-user-message[b-m06ydd19dj]
{
    position: relative;
    border-radius: 10px;
    background: #1b2433;
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 11px;
    max-width: 67.5%;
    margin: 10px 0 0 15px
}

    .chatting-user-message[b-m06ydd19dj]:after
    {
        content: '';
        position: absolute;
        left: 0;
        top: 20%;
        border: 12px solid transparent;
        border-left: 0;
        border-top: 0;
        border-right-color: #1b2433;
        margin: 0 0 0 -12px
    }

.chatting-bot-message-container[b-m06ydd19dj]
{
    justify-content: end
}

.chatting-bot-message[b-m06ydd19dj]
{
    position: relative;
    border-radius: 10px;
    background: #1b2433;
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 11px;
    max-width: 67.5%;
    margin: 10px 15px 0 0
}

    .chatting-bot-message[b-m06ydd19dj]:after
    {
        content: '';
        position: absolute;
        right: 0;
        top: 20%;
        border: 12px solid transparent;
        border-right: 0;
        border-top: 0;
        border-left-color: #1b2433;
        margin: 0 -12px 0 0
    }

.chatting-time[b-m06ydd19dj]
{
    font-size: xx-small;
    align-self: end;
    white-space: nowrap;
    padding: 0 3px 7px 0
}

.grid-scroller[b-m06ydd19dj]
{
    color: #fff;
    font-size: 13px;
    resize: both;
    overflow-y: scroll;
    background-color: #171b29;
    max-height: 77.75vh;
    max-width: 95vw;
    min-width: -webkit-fill-available;
    border-radius: 0 0 .75rem .75rem
}

.grid-stock-scroller[b-m06ydd19dj]
{
    height: 29.75rem;
    padding: 0 0 0 .15rem
}

.grid-stock-container[b-m06ydd19dj]
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr))
}

.grid-stock-usim-container[b-m06ydd19dj]
{
    display: grid
}

.grid-stock-battery-container[b-m06ydd19dj]
{
    height: .25rem;
    padding: 0 .15rem 0 0
}

.grid-stock-battery-chart[b-m06ydd19dj]
{
    width: 100%;
    float: left;
    height: inherit;
    background: linear-gradient(to left, #24bd24, #800000)
}

.grid-stock-item[b-m06ydd19dj]
{
    font-weight: bold;
    padding: 0 0 .75rem 0;
    text-shadow: .75px .75px #696969
}

.grid-stock-item-code[b-m06ydd19dj]
{
    color: gold;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 0 0 .25rem
}

.grid-stock-item-front-code[b-m06ydd19dj]
{
    text-align: start
}

.grid-stock-item-back-code[b-m06ydd19dj]
{
    text-align: end
}

.grid-stock-ping[b-m06ydd19dj]
{
    font-size: smaller;
    color: dimgray;
    padding: .25rem .15rem 0 0
}

.grid-stock-image[b-m06ydd19dj]
{
    vertical-align: sub;
    width: 1.25rem
}

.grid-stock-item-ellipsis[b-m06ydd19dj]
{
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    width: 9.725rem
}

.grid-stock-item-reception[b-m06ydd19dj]
{
    color: wheat;
    font-size: x-small;
    text-align: end;
    padding: 0 .15rem 0 0
}

.display[b-m06ydd19dj]
{
    position: relative;
    margin-top: 11rem
}

.loader[b-m06ydd19dj]
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: auto 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin-b-m06ydd19dj 2s linear infinite
}

.lookup-container[b-m06ydd19dj]
{
    width: 100%;
    font-weight: bolder;
    color: navy;
    position: fixed;
    margin: 0 0 0 -1.75rem
}

.lookup-container-index[b-m06ydd19dj]
{
    z-index: 5
}

.grid-tab-background[b-m06ydd19dj]
{
    width: -webkit-fill-available;
    background: linear-gradient(135deg, transparent 20px,#171b29 0);
    border-radius: 0 10px 0 0
}

.grid-tab-wrap-gradient[b-m06ydd19dj]
{
    height: 10px;
    margin-left: 10px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(135deg, transparent 13px,#171b29 0);
    z-index: 30
}

.grid-tab-wrap[b-m06ydd19dj]
{
    display: flex;
    justify-content: flex-end
}

.grid-tab-input[type="radio"][b-m06ydd19dj]
{
    display: none
}

.grid-tab-label[b-m06ydd19dj]
{
    color: rgb(243, 243, 243);
    font-size: 14px;
    width: 100px;
    height: 50px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all .2s;
    z-index: 30
}

    .grid-tab-label:hover[b-m06ydd19dj]
    {
        color: rgb(41, 66, 207);
        cursor: pointer;
        font-weight: 700
    }

.grid-tab-input:checked + .grid-tab-label[b-m06ydd19dj]
{
    color: #fff;
    font-weight: 900;
    background: linear-gradient(to bottom, #252837, #171b29);
    border-radius: 10px 10px 0 0
}

.grid-tab-input:disabled + .grid-tab-label[b-m06ydd19dj]
{
    color: #363636
}

.grid-header-flex[b-m06ydd19dj]
{
    display: flex;
    height: 80px
}

.grid-sub-wrap[b-m06ydd19dj]
{
    background-color: #171b29;
    width: 135px;
    height: 55px;
    margin-top: 25px
}

.grid-opacity-slider[b-m06ydd19dj]
{
    margin-top: 32px;
    margin-left: 20px;
    -webkit-appearance: none;
    background: transparent;
    width: 100px;
    height: 4px;
    background-color: #3c4053;
    border-radius: 15px;
    position: absolute
}

.grid-hide-button[b-m06ydd19dj]
{
    width: 155px;
    height: 30px;
    position: absolute;
    border-radius: 10px 0 0 0;
    margin-top: 9px;
    display: flex;
    align-items: center;
    background: linear-gradient(-45deg, transparent 20px,#252837 0)
}

.grid-hide-time[b-m06ydd19dj]
{
    text-align: center;
    font-family: fantasy;
    font-size: 13px;
    width: 100%;
    color: #808080;
    text-shadow: .5px .5px #e0e0e0
}

.btn-hide[b-m06ydd19dj]
{
    width: 15px;
    height: 15px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    margin-left: 10px;
    background-image: url(./images/hide_icon.svg)
}

.btn-show-container[b-m06ydd19dj]
{
    left: 160px !important;
    margin: 10px 0 !important
}

.btn-show[b-m06ydd19dj]
{
    width: 120px;
    height: 40px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    z-index: 3
}

.btn-show-icon[b-m06ydd19dj]
{
    width: 14px;
    height: 14px;
    background-image: url(./images/chart.svg);
    margin: 0 10px 0 0
}

[b-m06ydd19dj]::-webkit-resizer
{
    background-color: dimgray
}

[b-m06ydd19dj]::-webkit-scrollbar
{
    width: .5rem
}

[b-m06ydd19dj]::-webkit-scrollbar-track
{
    background: #1b2433
}

[b-m06ydd19dj]::-webkit-scrollbar-thumb:hover
{
    border-radius: .25rem;
    background-color: #dcdcdc
}

@media (max-width: 641px)
{
    #map[b-m06ydd19dj]
    {
        height: calc(100vh - 30px);
        margin: -1.1rem 0 0 0
    }

    .chatting-container[b-m06ydd19dj]
    {
        max-width: 79.25vw
    }
}

@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg)
    }

    100%
    {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin-b-m06ydd19dj
{
    0%
    {
        transform: rotate(0deg)
    }

    100%
    {
        transform: rotate(360deg)
    }
}
/* _content/Server/Pages/Quiz.razor.rz.scp.css */
.center[b-n7qmt95zdf]
{
    text-align: center
}

.flex-end[b-n7qmt95zdf]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-n7qmt95zdf]
{
    margin-right: 1rem
}

.vertical-middle[b-n7qmt95zdf]
{
    vertical-align: middle
}
/* _content/Server/Pages/Radio.razor.rz.scp.css */
.flex-end[b-ztdprsto8w]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-ztdprsto8w]
{
    margin-right: 1rem
}

.vertical-middle[b-ztdprsto8w]
{
    vertical-align: middle
}
/* _content/Server/Pages/Register.razor.rz.scp.css */
.register-grid-container[b-we4aur1cl9]
{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    display: grid;
    gap: .75rem
}

.register-grid-item[b-we4aur1cl9]
{
    display: inline-grid;
    align-items: center
}

    .register-grid-item:nth-child(1)[b-we4aur1cl9]
    {
        grid-row: 1 / span 2
    }

.wrap-container[b-we4aur1cl9]
{
    text-align: center;
    background-color: ghostwhite;
    border-radius: 10px;
    padding: .75rem;
    box-shadow: 2px 3px 5px 0px #c4c4c4
}

.wrap-form-container[b-we4aur1cl9]
{
    display: inline-block
}

.wrap-input-radio input[b-we4aur1cl9]
{
    display: none
}

    .wrap-input-radio input[type=radio] + label[b-we4aur1cl9]
    {
        border-radius: 6px;
        background: #f1f1f1;
        font-weight: 900;
        font-family: 'Noto Sans CJK KR';
        cursor: pointer;
        margin: .5rem;
        padding: .5rem .5rem
    }

    .wrap-input-radio input[type=radio]:checked + label[b-we4aur1cl9]
    {
        color: #fff;
        background: #63a1fc
    }

.wrap-syntax-container[b-we4aur1cl9]
{
    display: inline-block;
    border-radius: 6px;
    background: #f1f1f1;
    font-weight: 900;
    font-family: 'Noto Sans CJK KR';
    margin: .5rem;
    padding: .5rem .5rem
}

.wrap-form-control[b-we4aur1cl9]
{
    width: 50%;
    margin: 0 .35rem;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.item-color-maroon[b-we4aur1cl9]
{
    cursor: pointer;
    color: maroon
}

.item-color-navy[b-we4aur1cl9]
{
    cursor: pointer;
    color: navy;
    margin: 0 .25rem 0 0
}
/* _content/Server/Pages/Report.razor.rz.scp.css */
/* _content/Server/Pages/Sleep.razor.rz.scp.css */
.flex-end[b-6lwxdime2l]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-6lwxdime2l]
{
    margin-right: 1rem
}

.vertical-middle[b-6lwxdime2l]
{
    vertical-align: middle
}
/* _content/Server/Pages/Song.razor.rz.scp.css */
.flex-end[b-vcitdg9y00]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-vcitdg9y00]
{
    margin-right: 1rem
}

.vertical-middle[b-vcitdg9y00]
{
    vertical-align: middle
}
/* _content/Server/Pages/Trot.razor.rz.scp.css */
.flex-end[b-mycxmbfajc]
{
    display: flex;
    justify-content: end
}

.btn-margin-right[b-mycxmbfajc]
{
    margin-right: 1rem
}

.vertical-middle[b-mycxmbfajc]
{
    vertical-align: middle
}
/* _content/Server/Pages/Weather.razor.rz.scp.css */
.vertical-middle[b-dyin6lbg7d]
{
    vertical-align: middle
}

.button-play[b-dyin6lbg7d]
{
    border: hidden;
    border-radius: 50%
}

.test-capsule[b-dyin6lbg7d]
{
    position: fixed;
    display: block;
    right: 25px;
    bottom: 41px;
}

.center-align[b-dyin6lbg7d]
{
    text-align: center
}
/* _content/Server/Pages/Words.razor.rz.scp.css */
.grid-container[b-u27n3vhbri]
{
    display: grid;
    grid-gap: 1rem;
    grid-auto-flow: row;
    grid-template-columns: 0.35fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin: 1rem 1rem 3rem 0
}

.item[b-u27n3vhbri]
{
    display: flex
}

.item-vertical-align[b-u27n3vhbri]
{
    padding-top: 0.35rem;
    align-self: center
}

.item-text-align[b-u27n3vhbri]
{
    display: block;
    text-align: center
}

.btn-icon[b-u27n3vhbri]
{
    color: maroon;
    padding: 0
}
/* _content/Server/Pages/Xamarin.razor.rz.scp.css */
.loader[b-lp4n5jft67]
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin: auto 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin-b-lp4n5jft67 2s linear infinite
}

@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg)
    }

    100%
    {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin-b-lp4n5jft67
{
    0%
    {
        transform: rotate(0deg)
    }

    100%
    {
        transform: rotate(360deg)
    }
}

.display[b-lp4n5jft67]
{
    position: relative;
    margin-top: 11rem
}
/* _content/Server/Shared/MainLayout.razor.rz.scp.css */
main[b-kkt30o18ti]
{
    flex: 1;
}

span[b-kkt30o18ti]
{
    display: inline-block;
    padding-right: 15px;
    font-weight: 400
}

#warning-message[b-kkt30o18ti]
{
    height: 40px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    margin-right: auto;
    border-radius: 7px;
    color: navy
}

.strong-message[b-kkt30o18ti]
{
    color: black !important;
    font-weight: bold !important
}

.page[b-kkt30o18ti]
{
    position: relative;
    display: flex;
    flex-direction: column;
}

.sidebar[b-kkt30o18ti]
{
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-kkt30o18ti]
{
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kkt30o18ti]  a, .top-row .btn-link[b-kkt30o18ti]
    {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-kkt30o18ti]
    {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media only screen and (max-width: 850.98px) and (orientation: landscape)
{
    .top-row:not(.auth)[b-kkt30o18ti]
    {
        display: none;
    }

    .top-row.auth[b-kkt30o18ti]
    {
        justify-content: space-between;
    }

    .top-row a[b-kkt30o18ti], .top-row .btn-link[b-kkt30o18ti]
    {
        margin-left: 0;
    }
}

@media only screen and (min-width: 851px) and (orientation: landscape)
{
    .page[b-kkt30o18ti]
    {
        flex-direction: row;
    }

    .sidebar[b-kkt30o18ti]
    {
        width: 205px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-kkt30o18ti]
    {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-kkt30o18ti]
    {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Server/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-nl6y4qj04c]
{
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-nl6y4qj04c]
{
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-nl6y4qj04c]
{
    font-size: 1.1rem;
}

.oi[b-nl6y4qj04c]
{
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-nl6y4qj04c]
{
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-nl6y4qj04c]
    {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-nl6y4qj04c]
    {
        padding-bottom: 1rem;
    }

    .nav-item[b-nl6y4qj04c]  a
    {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-nl6y4qj04c]  a.active
        {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-nl6y4qj04c]  a:hover
        {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media only screen and (min-width: 851px) and (orientation: landscape)
{
    .navbar-toggler[b-nl6y4qj04c]
    {
        display: none;
    }

    .collapse[b-nl6y4qj04c]
    {
        display: block;
    }
}