/* /App.razor.rz.scp.css */
.frame[b-9wgy5mojle]
{
    width: 100%;
    height: 99.35vh
}
/* /Areas/Analytics.razor.rz.scp.css */
.stock-title-container[b-0byx74i0zp]
{
    position: relative
}

.stock-item-container[b-0byx74i0zp]
{
    overflow-y: scroll;
    height: calc(100vh - 128px - 32px)
}

    .stock-item-container[b-0byx74i0zp]::-webkit-scrollbar
    {
        width: .25rem
    }

    .stock-item-container[b-0byx74i0zp]::-webkit-scrollbar-track
    {
        background: #DCDCDC
    }

    .stock-item-container[b-0byx74i0zp]::-webkit-scrollbar-thumb
    {
        border-radius: .25rem;
        background-color: #696969;
        height: 7rem
    }

        .stock-item-container[b-0byx74i0zp]::-webkit-scrollbar-thumb:hover
        {
            cursor: grab
        }

        .stock-item-container[b-0byx74i0zp]::-webkit-scrollbar-thumb:active
        {
            cursor: grabbing
        }

.stock-grid-container[b-0byx74i0zp]
{
    display: grid;
    grid-template-columns: repeat(8, minmax(9rem, 1fr));
    padding: .5rem 0 0 0;
    margin: .5rem .25rem;
    border-radius: .5rem;
    border: 1px solid #DCDCDC;
    box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2)
}

.stock-grid-item[b-0byx74i0zp]
{
    align-content: center;
    padding: .25rem .5rem
}

    .stock-grid-item:nth-child(1)[b-0byx74i0zp]
    {
        grid-row: span 3
    }

    .stock-grid-item:nth-child(2)[b-0byx74i0zp]
    {
        grid-row: span 2
    }

    .stock-grid-item:nth-child(3)[b-0byx74i0zp]
    {
        grid-row: span 2
    }

    .stock-grid-item:nth-child(4)[b-0byx74i0zp]
    {
        grid-row: span 2
    }

    .stock-grid-item:nth-child(5)[b-0byx74i0zp]
    {
        grid-row: span 2
    }

    .stock-grid-item:nth-child(6)[b-0byx74i0zp]
    {
        grid-row: span 2
    }

    .stock-grid-item:nth-child(7)[b-0byx74i0zp]
    {
        grid-row: span 2
    }

    .stock-grid-item:nth-child(8)[b-0byx74i0zp]
    {
        grid-row: span 2
    }

    .stock-grid-item:nth-child(9)[b-0byx74i0zp]
    {
        font-weight: bolder;
        grid-column: span 7
    }

    .stock-grid-item:nth-child(10)[b-0byx74i0zp]
    {
        text-align: center;
        grid-column: span 8;
        padding: 0 .5rem
    }

.stock-market-cap-item[b-0byx74i0zp]
{
    text-align: end
}

.stock-text-align[b-0byx74i0zp]
{
    text-align: center
}

.stock-theme-contents[b-0byx74i0zp]
{
    display: grid;
    text-align: start;
    font-family: "Cute Font", sans-serif;
    grid-template-columns: .1fr 1.5fr .1fr
}

.stock-theme-grid-item[b-0byx74i0zp]
{
    cursor: pointer;
    align-content: center;
    padding: 0 .75rem
}

    .stock-theme-grid-item:nth-child(1)[b-0byx74i0zp]
    {
        text-align: end;
        grid-row: span 2
    }

    .stock-theme-grid-item:nth-child(3)[b-0byx74i0zp]
    {
        text-align: start;
        grid-row: span 2
    }

.stock-theme-title[b-0byx74i0zp]
{
    font-size: larger;
    padding: 0 .5rem
}

.stock-theme-description[b-0byx74i0zp]
{
    font-weight: lighter
}

.stock-grid-title[b-0byx74i0zp]
{
    text-align: center;
    font-weight: bolder
}

.stock-grid-code[b-0byx74i0zp]
{
    font-size: smaller;
    font-weight: normal;
    color: #828282
}

.stock-grid-name[b-0byx74i0zp]
{
    font-size: larger;
    font-weight: bolder
}

.stock-text-overflow[b-0byx74i0zp]
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.stock-bull-color[b-0byx74i0zp]
{
    color: #F00
}

.stock-bear-color[b-0byx74i0zp]
{
    color: #00F
}

.stock-quotes-container[b-0byx74i0zp]
{
    display: grid;
    font-family: "Kanit", sans-serif;
    grid-template-columns: .5fr .25fr .25fr 2fr 2fr
}

.stock-quotes-item[b-0byx74i0zp]
{
    align-content: center
}

    .stock-quotes-item:nth-child(1)[b-0byx74i0zp]
    {
        font-size: larger;
        font-weight: bolder;
        text-align: center
    }

    .stock-quotes-item:nth-child(2)[b-0byx74i0zp]
    {
        font-size: smaller
    }

    .stock-quotes-item:nth-child(4)[b-0byx74i0zp]
    {
        text-align: end;
        grid-column: span 2
    }

.stock-caret-item[b-0byx74i0zp]
{
    align-content: center
}

.oi-quotes-item[b-0byx74i0zp]
{
    font-family: "Kanit", sans-serif;
    font-size: larger;
    align-content: start
}

.analysis-chart-container[b-0byx74i0zp]
{
    text-align: start;
    padding: 0 2.5rem
}

.sort-descending-pointer[b-0byx74i0zp]
{
    cursor: pointer
}

.grip-auto-margin[b-0byx74i0zp]
{
    cursor: grab;
    margin: 0 auto
}

    .grip-auto-margin:active[b-0byx74i0zp]
    {
        cursor: grabbing
    }

.content-auto-margin[b-0byx74i0zp]
{
    margin: 5rem auto 0 auto
}

.cursor-not-allowed[b-0byx74i0zp]
{
    color: #DCDCDC;
    cursor: not-allowed
}

.loading-dots[b-0byx74i0zp]
{
    display: flex;
    place-content: center;
    padding: 3.75rem 0
}

.dot[b-0byx74i0zp]
{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(128, 128, 128, .5);
    margin: 0 6px;
    animation: pulse-b-0byx74i0zp 2s infinite
}

    .dot:nth-child(1)[b-0byx74i0zp]
    {
        animation-delay: .25s
    }

    .dot:nth-child(2)[b-0byx74i0zp]
    {
        animation-delay: .5s
    }

    .dot:nth-child(3)[b-0byx74i0zp]
    {
        animation-delay: .75s
    }

@keyframes pulse-b-0byx74i0zp
{
    0%, 100%
    {
        transform: scale(1)
    }

    50%
    {
        transform: scale(.5)
    }
}
/* /Areas/Chart.razor.rz.scp.css */
.stock-chart-container[b-8o0oth0o3w]
{
    height: 100vh;
    background-color: #000
}
/* /Areas/IndexChart.razor.rz.scp.css */
.loading-index-chart-container[b-3fe1h9467t]
{
    height: 100vh
}
/* /Areas/Intro.razor.rz.scp.css */
#init[b-ibxbmu9j36]
{
    height: 100vh
}

#map-compass[b-ibxbmu9j36], #kakao-share-link[b-ibxbmu9j36], #tree-map-link[b-ibxbmu9j36], #theme-chart-link[b-ibxbmu9j36], #simulation-chart-link[b-ibxbmu9j36], #simulation-link[b-ibxbmu9j36]
{
    height: 40px;
    width: 40px;
    background: transparent
}

#overview-chart-container[b-ibxbmu9j36]
{
    position: absolute;
    border-radius: .5rem
}

.link-container[b-ibxbmu9j36]
{
    margin: 10px 10px 5px 0px
}

.compass-container[b-ibxbmu9j36]
{
    margin: 0px 0px 0px 10px
}

.kakao-link-image[b-ibxbmu9j36], .tree-map-image[b-ibxbmu9j36], .theme-chart-image[b-ibxbmu9j36]
{
    cursor: pointer;
    background-color: transparent;
    border: 0 none;
    overflow: hidden;
    position: absolute;
    padding: 0 10px 0 0
}

.tree-map-image-radius[b-ibxbmu9j36], .theme-chart-image-radius[b-ibxbmu9j36]
{
    height: 40px;
    width: 40px;
    border-radius: 5px
}

.privacy-terms-text-style[b-ibxbmu9j36]
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: dimgray;
    text-decoration: none;
    text-shadow: .75px .75px #F3F6FB, -.75px -.75px #F3F6FB, -.75px .75px #F3F6FB, .75px -.75px #F3F6FB;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

    .privacy-terms-text-style:hover[b-ibxbmu9j36]
    {
        color: #0A58CA
    }

.compass-needle[b-ibxbmu9j36]
{
    cursor: pointer;
    background-color: transparent;
    border: 0 none;
    height: 40px;
    left: 10px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.search-form[b-ibxbmu9j36]
{
    position: relative;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 40px;
    border-radius: 40px;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    background: transparent
}

    .search-form.focus[b-ibxbmu9j36]
    {
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15)
    }

.search-input[b-ibxbmu9j36]
{
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 16px;
    font-weight: bolder;
    background: none;
    color: #5a6674;
    width: 80%;
    height: 20px;
    border: none;
    outline: none;
    appearance: none
}

    .search-input[b-ibxbmu9j36]::-webkit-search-cancel-button
    {
        appearance: none
    }

.search-button[b-ibxbmu9j36]
{
    top: 10px;
    height: 20px;
    width: 93.75%;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bolder;
    text-align: end;
    color: gainsboro;
    outline: none !important
}

    .search-button:hover[b-ibxbmu9j36]
    {
        color: dimgray
    }

    .search-button svg[b-ibxbmu9j36]
    {
        width: 20px;
        height: 20px;
        fill: #5a6674
    }

.antalk-footer[b-ibxbmu9j36]
{
    background-color: transparent;
    position: absolute;
    right: 0;
    padding: 16px 32px
}

.antalk-copyright[b-ibxbmu9j36]
{
    font-size: 12px;
    font-weight: bolder;
    color: dimgray;
    text-shadow: .75px .75px #F3F6FB, -.75px -.75px #F3F6FB, -.75px .75px #F3F6FB, .75px -.75px #F3F6FB
}

.privacy-terms-container[b-ibxbmu9j36]
{
    position: absolute;
    bottom: 4.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9
}

@media (min-width: 851px) and (orientation: landscape)
{
    .privacy-terms-container[b-ibxbmu9j36]
    {
        bottom: initial;
        top: .5rem
    }
}

.privacy-terms-divider[b-ibxbmu9j36]
{
    width: 0;
    vertical-align: middle
}

.download-container[b-ibxbmu9j36]
{
    text-align-last: center;
    padding: 13rem 0
}

.download-img-container[b-ibxbmu9j36]
{
    height: 7rem
}
/* /Areas/LightweightChart.razor.rz.scp.css */
.lightweight-chart-container[b-5pwgxjpcn0]
{
    background-color: #131722
}

.loading-lightweight-container[b-5pwgxjpcn0]
{
    height: 100vh
}
/* /Areas/StrategicsChart.razor.rz.scp.css */
.loading-strategics-chart-container[b-m6270q9bjc]
{
    height: 100vh
}
/* /Areas/ThemeChart.razor.rz.scp.css */
.theme-chart-container[b-pq4tthq5w1]
{
    background-color: #131722
}

.loading-theme-chart-container[b-pq4tthq5w1]
{
    height: 100vh
}
/* /Areas/TradingChart.razor.rz.scp.css */
.loading-trading-chart-container[b-n6mlu2hw3h]
{
    height: 100vh
}

.trading-chart-container[b-n6mlu2hw3h]
{
    background-color: transparent
}

@media (prefers-color-scheme: dark)
{
    .trading-chart-container[b-n6mlu2hw3h]
    {
        background-color: #131722
    }
}
/* /Areas/TreeMap.razor.rz.scp.css */
#tree-map-container[b-9tfnwmxvk0]
{
    height: 100vh;
    background-color: #000
}
/* /Shared/CoreLayout.razor.rz.scp.css */
.page[b-5dou14bnpb]
{
    flex-direction: column;
    display: flex;
    position: relative
}
/* /Shared/CoreNavMenu.razor.rz.scp.css */
.nav[b-fszx8jz591]
{
    justify-content: end;
    background-color: transparent;
    position: absolute;
    z-index: 9;
    width: 100%
}

.nav-item[b-fszx8jz591]
{
    padding: 1.25rem 2.5rem
}

.toggle-nav-menu[b-fszx8jz591]
{
    display: none
}

@media only screen and (min-width: 851px) and (orientation: landscape)
{
    .toggle-nav-menu[b-fszx8jz591]
    {
        display: block
    }
}