/* ==========================================================================
   ELX UI · Reset
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Box Model
|--------------------------------------------------------------------------
*/

*,

*::before,

*::after{

    box-sizing:border-box;

}

/*
|--------------------------------------------------------------------------
| Document
|--------------------------------------------------------------------------
*/

html{

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

    text-size-adjust:100%;

    scroll-behavior:smooth;

}

line-height:1.5;

-webkit-tap-highlight-color:transparent;

body{

    margin:0;

    min-height:100vh;

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

/*
|--------------------------------------------------------------------------
| Block Elements
|--------------------------------------------------------------------------
*/

h1,

h2,

h3,

h4,

h5,

h6,

p,

figure,

blockquote,

dl,

dd{

    margin:0;

}

ul,

ol{

    margin:0;

    padding:0;

    list-style:none;

}

/*
|--------------------------------------------------------------------------
| Media
|--------------------------------------------------------------------------
*/

img,

picture,

svg,

canvas,

video{

    display:block;

    max-width:100%;

    height:auto;

}

/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/

button,

input,

textarea,

select{

    margin:0;

    font:inherit;

    color:inherit;

}

button{

    padding:0;

    border:0;

    background:none;

    cursor:pointer;
    
    letter-spacing:inherit;
    
    background:none;

}

textarea{

    resize:none;

}

input,

textarea,

select{

    outline:none;

}

/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

a{

    color:inherit;

    text-decoration:none;

}

/*
|--------------------------------------------------------------------------
| Tables
|--------------------------------------------------------------------------
*/

table{

    border-collapse:collapse;

    border-spacing:0;
    
    width:100%;

}

/*
|--------------------------------------------------------------------------
| Horizontal Rule
|--------------------------------------------------------------------------
*/

hr{

    margin:0;

    border:0;

}

/*
|--------------------------------------------------------------------------
| Selection
|--------------------------------------------------------------------------
*/

::selection{

    background:
        var(--elx-primary);

    color:
        var(--elx-white);

}

/*
|--------------------------------------------------------------------------
| Placeholder
|--------------------------------------------------------------------------
*/

::placeholder{

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

    opacity:1;

}

/*
|--------------------------------------------------------------------------
| Autofill
|--------------------------------------------------------------------------
*/

input:-webkit-autofill,

textarea:-webkit-autofill,

select:-webkit-autofill{

    -webkit-text-fill-color:inherit;

    transition:
        background-color 9999s;

}

/*
|--------------------------------------------------------------------------
| Appearance
|--------------------------------------------------------------------------
*/

button,

input,

textarea,

select{

    appearance:none;

    -webkit-appearance:none;

}

/*
|--------------------------------------------------------------------------
| Number Inputs
|--------------------------------------------------------------------------
*/

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button{

    appearance:none;

    margin:0;

}

input[type="number"]{

    appearance:textfield;

}

/*
|--------------------------------------------------------------------------
| Search Inputs
|--------------------------------------------------------------------------
*/

input[type="search"]{

    appearance:textfield;

}

input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button{

    appearance:none;

}

/*
|--------------------------------------------------------------------------
| Scrollbars
|--------------------------------------------------------------------------
*/

/*
| Reserved
*/

/*
|--------------------------------------------------------------------------
| Hidden
|--------------------------------------------------------------------------
*/

[hidden]{

    display:none !important;

}