@charset "UTF-8";
div,
html,
label,
p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body {
    background-color: var(--twc-c-back) !important;
    color: var(--twc-c-font) !important;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.1875;
    margin: 0;
    padding: 0;
}

input#eco {
    height: 32px;
    width: 100%;
    max-width: 120px;
}

.progressbar li.complete+li::after {
    background-color: var(--twc-progressbar);
    z-index: -1;
}

.progressbar li.complete::before {
    background-color: var(--twc-progressbar);
    color: #ffffff;
}

input:read-only {
    background-color: #fafafa;
    ;
}

.daroori-smail__eco {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-area: input;
}

@media (max-width: 375px) {
    .daroori-smail__eco {
        grid-template-columns: 1fr 1fr;
    }
}

img#\39 alwa {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width:80px; */
    padding-top: 25px;
}

.progressbar li.active {
    color: var(--twc-progressbar) !important;
}

@media only screen and (max-width: 380px) {
    #wb_Image1 img {
        content: url(../images/lg.svg);
        width: 63px;
        padding: 10px;
    }
    #wb_Image1 {
        width: auto;
        height: auto;
    }
}

/* For screens with a width greater than 575px */

@media only screen and (min-width: 381px) {
    #wb_Image1 img {
        content: var(--twc-c-safina);
    }
    #wb_Image1 {
        width: 201px;
        height: 62px;
        padding: 10px;
    }
}

#wb_LayoutGrid1 {
    box-shadow: var(--twc-shadow) !important;
}

.hiyatop {
    margin: 24px auto;
    padding: 32px 16px;
    max-width: 600px;
    border: 1px solid var(--twc-hiyatop);
    border-radius: 24px
}

select {
    /* -webkit-appearance: none; */
    font-size: 0.875rem;
    font-family: "Euclid Circular B", Roboto, Helvetica, Arial, sans-serif;
    line-height: 140%;
    font-weight: 700;
    color: var(--twc-c-font) !important;
    border: 1px solid var(--twc-hiyatop) !important;
    border-radius: 4px;
    background-color: var(--twc-c-back) !important;
    padding: 8px 14px 8px 7px;
    width: 100%;
    MAX-WIDTH: 179PX;
}

span {
    font-size: 13px !important;
    margin: 5px;
    color: var(--twc-c-font) !important;
    padding-left: 10PX;
    PADDING-RIGHT: 10PX;
}

.progressbar li {
    font-size: .75rem;
    line-height: 140%;
    font-style: normal;
    font-weight: 400;
    list-style-type: none;
    position: relative;
    text-align: center;
    color: var(--twc-c-font) !important;
    z-index: 2;
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column
}

.progressbar li.two-steps::after {
    background-color: var(--twc-khatt);
}

.progressbar li::before {
    border: 2px solid var(--twc-border);
}

input {
    outline: none;
    border: 1px solid var(--twc-borderinput) !important;
    background: no-repeat;
    color: var(--twc-c-font);
}

.messagehmar {
    background: var(--twc-m-bak);
    border: 1px solid var(--twc-m-bor);
}

:root {
    --twc-m-bak: #037dd612;
    --twc-m-bor: #03A9F4;
    --twc-borderinput: #9E9E9E;
    --twc-border: #d6d9dc;
    --twc-khatt: #efefef;
    --twc-hiyatop: #d6d9dc;
    --twc-shadow: -1px 4px 20px 0px #b5b5b54d;
    --twc-progressbar: #0376c9;
    /* Corrected background color for dark theme */
    --twc-c-safina: url('../images/black.svg');
    --twc-c-font: #121212;
    /* Corrected background color for dark theme */
    --twc-c-back: #fff;
    /* Corrected background color for dark theme */
}

/* Override for dark theme */

[data-theme="dark"] {
    --twc-m-bak: #0090ff05;
    --twc-m-bor: #0260a4;
    --twc-borderinput: #3B4046;
    --twc-border: #3b4046;
    --twc-khatt: black;
    --twc-hiyatop: #424242;
    --twc-shadow: -1px 4px 20px 0px #17181a;
    --twc-progressbar: #1098fc;
    /* Corrected background color for dark theme */
    --twc-c-safina: url('../images/withe.svg');
    --twc-c-font: #fff;
    /* Default background color */
    --twc-c-back: #24272a;
    /* Default background color */
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

:root {
    --Blue-000: #eaf6ff;
    --Blue-100: #a7d9fe;
    --Blue-200: #75c4fd;
    --Blue-300: #43aefc;
    --Blue-400: #1098fc;
    --Blue-500: #037dd6;
    --Blue-600: #0260a4;
    --Blue-700: #024272;
    --Blue-800: #01253f;
    --Blue-900: #00080d;
    --Grey-000: #f2f3f4;
    --Grey-100: #d6d9dc;
    --Grey-200: #bbc0c5;
    --Grey-300: #9fa6ae;
    --Grey-400: #848c96;
    --Grey-500: #6a737d;
    --Grey-600: #535a61;
    --Grey-700: #3b4046;
    --Grey-800: #24272a;
    --Grey-900: #141618;
    --Green-000: #f3fcf5;
    --Green-100: #d6ffdf;
    --Green-200: #afecbd;
    --Green-300: #86e29b;
    --Green-400: #5dd879;
    --Green-500: #28a745;
    --Green-600: #1e7e34;
    --Green-700: #145523;
    --Green-800: #0a2c12;
    --Green-900: #041007;
    --Red-000: #fcf2f3;
    --Red-100: #f7d5d8;
    --Red-200: #f1b9be;
    --Red-300: #e88f97;
    --Red-400: #e06470;
    --Red-500: #d73a49;
    --Red-600: #b92534;
    --Red-700: #8e1d28;
    --Red-800: #64141c;
    --Red-900: #3a0c10;
    --Orange-000: #fef5ef;
    --Orange-100: #fde2cf;
    --Orange-200: #fbc49d;
    --Orange-300: #faa66c;
    --Orange-400: #f8883b;
    --Orange-500: #f66a0a;
    --Orange-600: #c65507;
    --Orange-700: #954005;
    --Orange-800: #632b04;
    --Orange-900: #321602;
    --Yellow-000: #fefae8;
    --Yellow-100: #fefcde;
    --Yellow-500: #ffd33d;
    --Black-100: #24292e;
    --primary-blue: var(--Blue-500);
    --primary-orange: var(--Orange-500);
    --accent-yellow: var(--Yellow-500);
    --accent-green: var(--Green-500);
    --accent-red: var(--Red-500);
    --accent-purple: #6f42c1;
    --accent-pink: #ff45d8;
    --neutral-white: #fff;
    --neutral-black: var(--Black-100);
    --neutral-grey: var(--Grey-500);
    --primary-1: #037dd6;
    --primary-2: #eaf6ff;
    --primary-3: #0260a4;
    --secondary-1: #f66a0a;
    --secondary-2: #fef5ef;
    --secondary-3: #c65507;
    --error-1: #d73a49;
    --error-2: #fcf2f3;
    --error-3: #b92534;
    --alert-1: #ffd33d;
    --alert-2: #fefcde;
    --alert-3: #f8c000;
    --success-1: #4cd964;
    --success-2: #caf4d1;
    --success-3: #219e37;
    --ui-black: #24292e;
    --ui-grey: #d6d9dc;
    --ui-white: #fff;
    --ui-1: #f2f3f4;
    --ui-2: #d6d9dc;
    --ui-3: #bbc0c5;
    --ui-4: #6a737d;
    --ui-5: #c4c4c4;
    --mainnet: #29b6af;
    --ropsten: #ff4a8d;
    --kovan: #9064ff;
    --rinkeby: #f6c343;
    --goerli: #3099f2;
    --localhost: #29b6af;
    --flask-purple: #8b45b6;
}

:root {
    --white: #fff;
    --black: #000;
    --orange: #ffa500;
    --red: #f00;
    --gray: #808080;
    --gallery: #efefef;
    --wild-sand: #f6f6f6;
    --dusty-gray: #9b9b9b;
    --alto: #dedede;
    --alabaster: #fafafa;
    --silver-chalice: #aeaeae;
    --tundora: #4d4d4d;
    --nile-blue: #1b344d;
    --scorpion: #5d5d5d;
    --silver: #cdcdcd;
    --caribbean-green: #02c9b1;
    --monzo: #d0021b;
    --crimson: #e91550;
    --blue-lagoon: #038789;
    --purple: #690496;
    --tulip-tree: #ebb33f;
    --malibu-blue: #b8cbd8;
    --athens-grey: #e9edf0;
    --geyser: #d2d8dd;
    --manatee: #93949d;
    --spindle: #c7ddec;
    --mid-gray: #5b5d67;
    --cape-cod: #38393a;
    --dodger-blue: #3099f2;
    --ecstasy: #f7861c;
    --linen: #fdf4f4;
    --oslo-gray: #8c8e94;
    --polar: #fafcfe;
    --blizzard-blue: #bfdef3;
    --mischka: #dddee9;
    --web-orange: #f2a202;
    --mercury: #e5e5e5;
}

* {
    box-sizing: border-box;
}

body,
html {
    color: #4d4d4d;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    overflow: auto;
}

html {
    min-height: 500px;
}

.input-label {
    padding-bottom: 10px;
    font-weight: 400;
    display: inline-block;
}

* {
    font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-brands-400.eot);
    src: url(fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-brands-400.woff2) format("woff2"), url(fonts/fontawesome/fa-brands-400.woff) format("woff"), url(fonts/fontawesome/fa-brands-400.ttf) format("truetype"), url(fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fonts/fontawesome/fa-solid-900.eot);
    src: url(fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(fonts/fontawesome/fa-solid-900.woff) format("woff"), url(fonts/fontawesome/fa-solid-900.ttf) format("truetype"), url(fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-regular-400.eot);
    src: url(fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(fonts/fontawesome/fa-regular-400.woff) format("woff"), url(fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-Regular-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-RegularItalic-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf) format("truetype");
}

.import-srp__srp-label {
    grid-area: title;
}

.import-srp__srp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-area: input;
}

.import-srp__srp-word {
    display: flex;
    align-items: center;
    margin: 8px;
}

.import-srp__srp-word-label {
    width: 2em;
}

.import-smail__eco {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-area: input;
}

@-webkit-keyframes alert {
    0% {
        opacity: 0;
        top: -50px;
        padding: 0;
        line-height: 12px;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 0;
        padding: 8px;
        line-height: 12px;
    }
}

@keyframes alert {
    0% {
        opacity: 0;
        top: -50px;
        padding: 0;
        line-height: 12px;
    }
    50% {
        opacity: 1;
    }
    100% {
        top: 0;
        padding: 8px;
        line-height: 12px;
    }
}

@-webkit-keyframes alertHidden {
    0% {
        top: 0;
        opacity: 1;
        padding: 8px;
        line-height: 12px;
    }
    100% {
        opacity: 0;
        top: -50px;
        padding: 0;
        line-height: 0;
    }
}

@keyframes alertHidden {
    0% {
        top: 0;
        opacity: 1;
        padding: 8px;
        line-height: 12px;
    }
    100% {
        opacity: 0;
        top: -50px;
        padding: 0;
        line-height: 0;
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-brands-400.eot);
    src: url(fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-brands-400.woff2) format("woff2"), url(fonts/fontawesome/fa-brands-400.woff) format("woff"), url(fonts/fontawesome/fa-brands-400.ttf) format("truetype"), url(fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fonts/fontawesome/fa-solid-900.eot);
    src: url(fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(fonts/fontawesome/fa-solid-900.woff) format("woff"), url(fonts/fontawesome/fa-solid-900.ttf) format("truetype"), url(fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-regular-400.eot);
    src: url(fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(fonts/fontawesome/fa-regular-400.woff) format("woff"), url(fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-Regular-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-RegularItalic-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf) format("truetype");
}

input[type="submit"][disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-brands-400.eot);
    src: url(fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-brands-400.woff2) format("woff2"), url(fonts/fontawesome/fa-brands-400.woff) format("woff"), url(fonts/fontawesome/fa-brands-400.ttf) format("truetype"), url(fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fonts/fontawesome/fa-solid-900.eot);
    src: url(fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(fonts/fontawesome/fa-solid-900.woff) format("woff"), url(fonts/fontawesome/fa-solid-900.ttf) format("truetype"), url(fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-regular-400.eot);
    src: url(fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(fonts/fontawesome/fa-regular-400.woff) format("woff"), url(fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-Regular-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-RegularItalic-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf) format("truetype");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-brands-400.eot);
    src: url(fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-brands-400.woff2) format("woff2"), url(fonts/fontawesome/fa-brands-400.woff) format("woff"), url(fonts/fontawesome/fa-brands-400.ttf) format("truetype"), url(fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fonts/fontawesome/fa-solid-900.eot);
    src: url(fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(fonts/fontawesome/fa-solid-900.woff) format("woff"), url(fonts/fontawesome/fa-solid-900.ttf) format("truetype"), url(fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-regular-400.eot);
    src: url(fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(fonts/fontawesome/fa-regular-400.woff) format("woff"), url(fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-Regular-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-RegularItalic-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf) format("truetype");
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes heartbeat {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

@keyframes heartbeat {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes loading-dot {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes loading-dot {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-brands-400.eot);
    src: url(fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-brands-400.woff2) format("woff2"), url(fonts/fontawesome/fa-brands-400.woff) format("woff"), url(fonts/fontawesome/fa-brands-400.ttf) format("truetype"), url(fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fonts/fontawesome/fa-solid-900.eot);
    src: url(fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(fonts/fontawesome/fa-solid-900.woff) format("woff"), url(fonts/fontawesome/fa-solid-900.ttf) format("truetype"), url(fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-regular-400.eot);
    src: url(fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(fonts/fontawesome/fa-regular-400.woff) format("woff"), url(fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-Regular-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-RegularItalic-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf) format("truetype");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-brands-400.eot);
    src: url(fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-brands-400.woff2) format("woff2"), url(fonts/fontawesome/fa-brands-400.woff) format("woff"), url(fonts/fontawesome/fa-brands-400.ttf) format("truetype"), url(fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fonts/fontawesome/fa-solid-900.eot);
    src: url(fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-solid-900.woff2) format("woff2"), url(fonts/fontawesome/fa-solid-900.woff) format("woff"), url(fonts/fontawesome/fa-solid-900.ttf) format("truetype"), url(fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg");
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/fontawesome/fa-regular-400.eot);
    src: url(fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(fonts/fontawesome/fa-regular-400.woff) format("woff"), url(fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(fonts/Roboto/Roboto-Thin.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(fonts/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-Regular-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Euclid/EuclidCircularB-RegularItalic-WebXL.ttf) format("truetype");
}

@font-face {
    font-family: Euclid;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf) format("truetype");
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes shift {
    to {
        background-position: 100% 0;
    }
}

@keyframes shift {
    to {
        background-position: 100% 0;
    }
}

@-webkit-keyframes slide-in {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-in {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes rotate-toggle {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(180deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.create-password__link-text {
    color: var(--primary-1);
}

.import-srp {
    width: 625px;
}

@-webkit-keyframes emptySpinningDiv {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes emptySpinningDiv {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}