* {
    margin: 0;
    padding: 0;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #555555;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #888888;
}
.hideScroll::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.hideScroll::-webkit-scrollbar-track {
    background: transparent;
}
.cursorPointer {
    cursor: pointer;
}
.noSelectable::selection {
    color: inherit;
    background-color: inherit;
}
.lightScroll::-webkit-scrollbar {
    width: 10px;
}
.lightScroll::-webkit-scrollbar-track {
    background: transparent;
}
.lightScroll::-webkit-scrollbar-thumb {
    background: #555555;
    border-radius: 20px;
}
.lightScroll::-webkit-scrollbar-thumb:hover {
    background: #888888;
}
.flexBox {
    display: flex;
}
.flexBoxAlign {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexWrap {
    flex-wrap: wrap;
}
.alignStart {
    align-content: flex-start;
}
.alignEnd {
    align-items: flex-end;
}
.alignCenter {
    align-items: center;
}
.alignSelfCenter {
    align-self: center;
}
.justifyEnd {
    justify-content: flex-end;
}
.justifyStart {
    justify-content: flex-start;
}
.justifyCenter {
    justify-content: center;
}
.justifyBetween {
    justify-content: space-between;
}
.justifyAround {
    justify-content: space-around;
}
.rowDirection {
    flex-direction: row;
}
.columnDirection {
    flex-direction: column;
}
.horizontalMirror {
    transform: rotateY(180deg);
}
.hoverGrow,
.hoverGrowHMirror {
    cursor: pointer;
    transition-duration: 0.3s;
}
.hoverGrow:hover {
    transform: scale(1.1);
}
.hoverGrowHMirror:hover {
    transform: scale(1.1) rotateY(180deg);
}
@media (pointer: coarse) {
    .cursorPointer {
        cursor: none;
    }
    .hoverGrow,
    .hoverGrowHMirror {
        cursor: none;
    }
}
.underlineText {
    padding: 0 5px;
    border-bottom: 1px solid #999999;
}
.preWrap {
    white-space: pre-wrap;
}