/* ===========================================================
   AISUBIO RESET CSS
   Version : 2.0
   Modern CSS Reset
=========================================================== */

/* ===========================================================
   BOX MODEL
=========================================================== */

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

    margin:0;

    padding:0;

    box-sizing:border-box;

}

/* ===========================================================
   ROOT
=========================================================== */

html{

    font-size:16px;

    scroll-behavior:smooth;

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

    text-size-adjust:100%;

    overflow-y:scroll;

}

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

body{

    min-height:100vh;

    min-width:320px;

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

    font-size:var(--font-size-base);

    font-weight:var(--fw-regular);

    line-height:var(--lh-normal);

    color:var(--text-primary);

    background:var(--bg-body);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    overflow-x:hidden;

}

/* ===========================================================
   MEDIA
=========================================================== */

img,
picture,
video,
canvas,
svg{

    display:block;

    max-width:100%;

    height:auto;

}

img{

    border-style:none;

    user-select:none;

    -webkit-user-drag:none;

}

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

a{

    color:inherit;

    text-decoration:none;

}

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

ul,
ol{

    list-style:none;

}

/* ===========================================================
   TYPOGRAPHY
=========================================================== */

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

    font:inherit;

    color:inherit;

    overflow-wrap:break-word;

}

p{

    overflow-wrap:break-word;

}

/* ===========================================================
   FORM ELEMENTS
=========================================================== */

input,
button,
textarea,
select{

    font:inherit;

    color:inherit;

    background:transparent;

    border:none;

    outline:none;

}

button{

    appearance:none;

    -webkit-appearance:none;

    cursor:pointer;

    user-select:none;

    touch-action:manipulation;

}

button:disabled{

    cursor:not-allowed;

    opacity:.6;

}

input,
textarea,
select{

    width:100%;

}

textarea{

    resize:vertical;

    min-height:120px;

}

fieldset{

    border:0;

}

legend{

    padding:0;

}

/* ===========================================================
   SEARCH INPUT
=========================================================== */

input[type="search"]{

    appearance:none;

    -webkit-appearance:none;

}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{

    display:none;

}

/* ===========================================================
   PLACEHOLDER
=========================================================== */

::placeholder{

    color:var(--text-muted);

    opacity:1;

}

/* ===========================================================
   AUTOFILL
=========================================================== */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{

    -webkit-text-fill-color:var(--text-primary);

    transition:background-color 99999s ease-in-out 0s;

}

/* ===========================================================
   TABLE
=========================================================== */

table{

    width:100%;

    border-collapse:collapse;

    border-spacing:0;

}

caption{

    text-align:left;

}

/* ===========================================================
   DIALOG
=========================================================== */

dialog{

    border:none;

    padding:0;

    background:transparent;

    color:inherit;

}

dialog::backdrop{

    background:var(--overlay);

}

/* ===========================================================
   ACCESSIBILITY
=========================================================== */

:focus-visible{

    outline:var(--focus-ring-width) solid var(--border-focus);

    outline-offset:var(--outline-offset);

}

[hidden]{

    display:none !important;

}

[aria-hidden="true"]{

    pointer-events:none;

}

/* ===========================================================
   TAP HIGHLIGHT
=========================================================== */

a,
button,
input,
textarea,
select{

    -webkit-tap-highlight-color:transparent;

}

/* ===========================================================
   TEXT SELECTION
=========================================================== */

::selection{

    background:rgba(37,99,235,.18);

    color:inherit;

}

::-moz-selection{

    background:rgba(37,99,235,.18);

    color:inherit;

}

/* ===========================================================
   CURSOR
=========================================================== */

button,
[role="button"]{

    cursor:pointer;

}

button:disabled,
input:disabled,
textarea:disabled,
select:disabled{

    cursor:not-allowed;

}

/* ===========================================================
   DRAG & USER SELECT
=========================================================== */

img,
svg{

    -webkit-user-drag:none;

    user-select:none;

}

input,
textarea{

    user-select:text;

}

/* ===========================================================
   LOADER
=========================================================== */

body.loaded .page-loader{

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:
        opacity var(--transition-normal),
        visibility var(--transition-normal);

}

/* ===========================================================
   REDUCED MOTION
=========================================================== */

@media (prefers-reduced-motion:reduce){

    html{

        scroll-behavior:auto;

    }

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

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

        scroll-behavior:auto !important;

    }

}

/* ===========================================================
   PRINT
=========================================================== */

@media print{

    *{

        box-shadow:none !important;

        text-shadow:none !important;

    }

    body{

        background:#fff;

        color:#000;

    }

}

/* ===========================================================
   END OF RESET
=========================================================== */