/* =========================================
   VRChatCustom 2.0
   CSS Reset
========================================= */


/* ===============================
   GLOBAL RESET
================================ */


*,
*::before,
*::after {

    margin: 0;
    padding: 0;

    box-sizing: border-box;

}





/* ===============================
   HTML BODY
================================ */


html {

    scroll-behavior: smooth;

    font-size: 16px;

}





body {

    min-height: 100vh;

    background: var(--bg-primary);

    color: var(--text-primary);

    font-family: var(--font-main);

    overflow-x: hidden;

}





/* ===============================
   TEXT ELEMENTS
================================ */


h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: 700;

    line-height: 1.2;

}



p {

    line-height: 1.7;

}





/* ===============================
   LINKS
================================ */


a {

    text-decoration: none;

    color: inherit;

}





/* ===============================
   IMAGES
================================ */


img {

    max-width: 100%;

    display: block;

    object-fit: cover;

}





/* ===============================
   BUTTON RESET
================================ */


button {

    border: none;

    outline: none;

    cursor: pointer;

    font-family: inherit;

}





/* ===============================
   INPUT RESET
================================ */


input,
textarea,
select {

    font-family: inherit;

    outline: none;

    border: none;

}





/* ===============================
   LIST RESET
================================ */


ul,
ol {

    list-style: none;

}





/* ===============================
   SELECTION STYLE
================================ */


::selection {

    background: var(--primary);

    color: #000;

}





/* ===============================
   SCROLLBAR
================================ */


::-webkit-scrollbar {

    width: 10px;

}





::-webkit-scrollbar-track {

    background:

    var(--bg-secondary);

}





::-webkit-scrollbar-thumb {

    background:

    var(--primary);

    border-radius:

    var(--radius-full);

}





::-webkit-scrollbar-thumb:hover {

    background:

    var(--secondary);

}