@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('/world/resources/module/bootstrap/dist/css/bootstrap.min.css');
@import url('./home/slick.css');
@import url('./home/style.css');

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('../fonts/NEXON_Lv2_Gothic.eot');
    src: url('../fonts/NEXON_Lv2_Gothic.woff');
    src: url('../fonts/NEXON_Lv2_Gothic?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('../fonts/NEXON_Lv2_Gothic_Light.eot');
    src: url('../fonts/NEXON_Lv2_Gothic_Light.woff');
    src: url('../fonts/NEXON_Lv2_Gothic_Light?#iefix') format('embedded-opentype');
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('../fonts/NEXON_Lv2_Gothic_Bold.eot');
    src: url('../fonts/NEXON_Lv2_Gothic_Bold.woff');
    src: url('../fonts/NEXON_Lv2_Gothic_Bold?#iefix') format('embedded-opentype');
}

html {
    overflow: hidden;
}

#eskimo-main-container {
    overflow: auto;
}

/* Vertical Scrollbar (RIGHT SIDE) */
::-webkit-scrollbar-track:vertical {
    background: -webkit-linear-gradient(
        180deg,
        #fff,
        #fff,
        #fff,
        #fff,
        rgba(0, 0, 255, 0.5),
        rgba(0, 0, 255, 0.5),
        rgba(0, 0, 255, 0.5),
        #fff,
        #fff,
        #fff
    );
    border-radius: 10px;
}

/* Horizontal Scrollbar (BOTTOM SIDE) */
::-webkit-scrollbar-track:horizontal {
    background: -webkit-linear-gradient(
        90deg,
        #fff,
        #fff,
        #fff,
        #fff,
        rgba(0, 0, 255, 0.5),
        rgba(0, 0, 255, 0.5),
        rgba(0, 0, 255, 0.5),
        #fff,
        #fff,
        #fff
    );
    border-radius: 10px;
}

body,
html {
    -webkit-overflow-scrolling: auto;
    touch-action: auto;
    font-family: 'NEXON Lv2 Gothic' !important;
    margin: 0;
    padding: 0;
    background: none;
}

#contents_wrapper {
    height: 100%;
    width: 100%;
}

#contents_wrapper .content {
    position: relative;
    overflow: hidden;
    height: calc(1em * 6);
}
#contents_wrapper .card img {
    object-fit: cover;
}

#contents_wrapper .content pre {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

#contents_wrapper .content pre:hover {
    overflow: visible;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-overflow: unset;
}

#page_nav {
    justify-content: center;
}