/* ==========================================================
   HASHVIX RESET
========================================================== */

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

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

-webkit-text-size-adjust:100%;

}

body{

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

background:var(--hx-bg);

color:var(--hx-text);

font-size:var(--hx-body);

line-height:1.65;

overflow-x:hidden;

text-rendering:optimizeLegibility;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale;

}

/* ---------------------------------------------------------
   SELECTION
--------------------------------------------------------- */

::selection{

background:var(--hx-primary);

color:#fff;

}

::-moz-selection{

background:var(--hx-primary);

color:#fff;

}

/* ---------------------------------------------------------
   SCROLLBAR
--------------------------------------------------------- */

::-webkit-scrollbar{

width:10px;

height:10px;

}

::-webkit-scrollbar-track{

background:#09111d;

}

::-webkit-scrollbar-thumb{

background:#243348;

border-radius:999px;

}

::-webkit-scrollbar-thumb:hover{

background:var(--hx-primary);

}

/* ---------------------------------------------------------
   IMAGES
--------------------------------------------------------- */

img{

max-width:100%;

display:block;

height:auto;

}

/* ---------------------------------------------------------
   LINKS
--------------------------------------------------------- */

a{

text-decoration:none;

color:inherit;

transition:var(--hx-normal);

}

a:hover{

text-decoration:none;

}

/* ---------------------------------------------------------
   BUTTONS
--------------------------------------------------------- */

button{

font-family:inherit;

border:none;

background:none;

outline:none;

cursor:pointer;

transition:var(--hx-normal);

}

button:focus{

outline:none;

}

/* ---------------------------------------------------------
   INPUTS
--------------------------------------------------------- */

input,

textarea,

select{

font-family:inherit;

outline:none;

border:none;

background:none;

}

textarea{

resize:vertical;

min-height:120px;

}

/* ---------------------------------------------------------
   LISTS
--------------------------------------------------------- */

ul,

ol{

list-style:none;

margin:0;

padding:0;

}

/* ---------------------------------------------------------
   HEADINGS
--------------------------------------------------------- */

h1,

h2,

h3,

h4,

h5,

h6{

margin:0;

font-weight:700;

line-height:1.2;

color:var(--hx-white);

}

h1{

font-size:var(--hx-h1);

}

h2{

font-size:var(--hx-h2);

}

h3{

font-size:var(--hx-h3);

}

h4{

font-size:var(--hx-h4);

}

h5{

font-size:var(--hx-h5);

}

/* ---------------------------------------------------------
   TEXT
--------------------------------------------------------- */

p{

margin:0;

color:var(--hx-text-light);

}

small{

font-size:var(--hx-small);

}

/* ---------------------------------------------------------
   TABLE
--------------------------------------------------------- */

table{

width:100%;

border-collapse:collapse;

}

/* ---------------------------------------------------------
   SVG
--------------------------------------------------------- */

svg{

display:block;

}

/* ---------------------------------------------------------
   IFRAME
--------------------------------------------------------- */

iframe{

border:none;

max-width:100%;

}

/* ---------------------------------------------------------
   VIDEO
--------------------------------------------------------- */

video{

display:block;

max-width:100%;

}

/* ---------------------------------------------------------
   AUDIO
--------------------------------------------------------- */

audio{

width:100%;

}

/* ---------------------------------------------------------
   HIDDEN
--------------------------------------------------------- */

[hidden]{

display:none!important;

}

/* ---------------------------------------------------------
   DISABLED
--------------------------------------------------------- */

:disabled{

opacity:.55;

cursor:not-allowed;

}

/* ---------------------------------------------------------
   PLACEHOLDER
--------------------------------------------------------- */

::placeholder{

color:var(--hx-text-muted);

opacity:1;

}

/* ---------------------------------------------------------
   FOCUS
--------------------------------------------------------- */

:focus-visible{

outline:2px solid var(--hx-primary);

outline-offset:2px;

}

/* ---------------------------------------------------------
   TRANSITIONS
--------------------------------------------------------- */

a,

button,

input,

textarea,

select,

img{

transition:var(--hx-normal);

}