:root {
    /* Global Variables */
    --font-family: 'Inter', serif;
    --app-height: 100vh;
    /* Primary Colors */
    --color-primary-blue: var(--color-B400);
    --color-primary-pink: var(--color-P400);
    --color-primary-violet: var(--color-V400);
    --color-primary-cream: var(--color-C400);
    /* Validation Colors */
    --color-validation-green: var(--color-G400);
    --color-validation-red: var(--color-R400);
    --color-validation-orange: var(--color-O400);
    /* Color Extended Neutral */
    --color-N900: #101840;
    --color-N800: #474D66;
    --color-N700: #696F8C;
    --color-N600: #8F95B2;
    --color-N500: #C1C4D6;
    --color-N400: #D8DAE5;
    --color-N300: #E6E8F0;
    --color-N200: #EDEFF5;
    --color-N100: #F4F6FA;
    --color-N75: #F9FAFC;
    --color-N50: #FAFBFF;
    --color-N0: #FFFFFF;
    /* Color Extended Blue */
    --color-B600: #04368E;
    --color-B500: #053EA2;
    --color-B400: #0758E8;
    --color-B300: #3174EC;
    --color-B200: #6F9EF2;
    --color-B100: #BDD2F7;
    --color-B50: #F0F5FF;
    /* Color Extended Pink */
    --color-P600: #993646;
    --color-P500: #B03E50;
    --color-P400: #FB5872;
    --color-P300: #FC748A;
    --color-P200: #FD9EAD;
    --color-P100: #FDBBC5;
    --color-P50: #FFEEF1;
    /* Color Extended Violet */
    --color-V600: #161439;
    --color-V500: #191641;
    --color-V400: #24205D;
    --color-V300: #494679;
    --color-V200: #807EA1;
    --color-V100: #A5A4BD;
    --color-V50: #E9E9EF;
    /* Color Extended Cream */
    --color-C600: #958C7E;
    --color-C500: #ACA191;
    --color-C400: #F5E6CF;
    --color-C300: #F7EAD7;
    --color-C200: #F9F1E3;
    --color-C100: #FBF5EB;
    --color-C50: #FEFDFA;
    /* Color Extended Green */
    --color-G600: #0E7C4F;
    --color-G500: #108F5B;
    --color-G400: #17CC82;
    --color-G300: #3ED597;
    --color-G200: #78E1B7;
    --color-G100: #A0EACC;
    --color-G50: #E8FAF3;
    /* Color Extended Red */
    --color-R600: #9C332D;
    --color-R500: #B33B34;
    --color-R400: #FF544A;
    --color-R300: #FF7169;
    --color-R200: #FF9C96;
    --color-R100: #FFB9B5;
    --color-R50: #FFEEED;
    /* Color Extended Orange */
    --color-O600: #9C602D;
    --color-O500: #B36F34;
    --color-O400: #FF9E4A;
    --color-O300: #FFAE69;
    --color-O200: #FFC796;
    --color-O100: #FFD7B5;
    --color-O50: #FFF5ED;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-ExtraBold.eot');
    src: url('content/fonts/inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
    url('content/fonts/inter/Inter-ExtraBold.woff') format('woff'),
    url('content/fonts/inter/Inter-ExtraBold.ttf') format('truetype'),
    url('content/fonts/inter/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-Bold.eot');
    src: url('content/fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-Bold.woff2') format('woff2'),
    url('content/fonts/inter/Inter-Bold.woff') format('woff'),
    url('content/fonts/inter/Inter-Bold.ttf') format('truetype'),
    url('content/fonts/inter/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-Black.eot');
    src: url('content/fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-Black.woff2') format('woff2'),
    url('content/fonts/inter/Inter-Black.woff') format('woff'),
    url('content/fonts/inter/Inter-Black.ttf') format('truetype'),
    url('content/fonts/inter/Inter-Black.svg#Inter-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-Medium.eot');
    src: url('content/fonts/inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-Medium.woff2') format('woff2'),
    url('content/fonts/inter/Inter-Medium.woff') format('woff'),
    url('content/fonts/inter/Inter-Medium.ttf') format('truetype'),
    url('content/fonts/inter/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-Light.eot');
    src: url('content/fonts/inter/Inter-Light.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-Light.woff2') format('woff2'),
    url('content/fonts/inter/Inter-Light.woff') format('woff'),
    url('content/fonts/inter/Inter-Light.ttf') format('truetype'),
    url('content/fonts/inter/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-ExtraLight.eot');
    src: url('content/fonts/inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-ExtraLight.woff2') format('woff2'),
    url('content/fonts/inter/Inter-ExtraLight.woff') format('woff'),
    url('content/fonts/inter/Inter-ExtraLight.ttf') format('truetype'),
    url('content/fonts/inter/Inter-ExtraLight.svg#Inter-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-SemiBold.eot');
    src: url('content/fonts/inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-SemiBold.woff2') format('woff2'),
    url('content/fonts/inter/Inter-SemiBold.woff') format('woff'),
    url('content/fonts/inter/Inter-SemiBold.ttf') format('truetype'),
    url('content/fonts/inter/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-Thin.eot');
    src: url('content/fonts/inter/Inter-Thin.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-Thin.woff2') format('woff2'),
    url('content/fonts/inter/Inter-Thin.woff') format('woff'),
    url('content/fonts/inter/Inter-Thin.ttf') format('truetype'),
    url('content/fonts/inter/Inter-Thin.svg#Inter-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('content/fonts/inter/Inter-Regular.eot');
    src: url('content/fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
    url('content/fonts/inter/Inter-Regular.woff2') format('woff2'),
    url('content/fonts/inter/Inter-Regular.woff') format('woff'),
    url('content/fonts/inter/Inter-Regular.ttf') format('truetype'),
    url('content/fonts/inter/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body::-webkit-scrollbar-button {
    display:none;
}

.page-content, .main-content-holder-no-margin, .main-content-holder {
    height: 100%;
    background: var(--color-N100);
    position: relative;
}

.page-content-with-scroll {
    height: var(--app-height);
    overflow: auto;
}

.page-content-with-scroll > .main-content-holder-no-margin, .page-content-with-scroll > .main-content-holder {
    overflow-x: hidden;
    height: calc(var(--app-height) - 70px);
    position: relative;
}

.main-content-holder {
    margin-top: 70px;
    margin-left: 70px;
}

.main-content-holder-top-margin {
    padding-top: 70px;
    height: 100%;
    overflow: hidden;
}

.main-content-holder-no-margin {
    margin: 0px !important;
    height: var(--app-height) !important;
    background: #ffffff;
}

.on-boarding .image-side {
    background: url('content/images/on-boarding/login.webp') no-repeat top;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.grecaptcha-badge {
    visibility: hidden;
}

.on-boarding .image-review {
    position: absolute;
    bottom: 50px;
    left: calc(50% - 165px);
    width: 330px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: white;
    border-radius: 6px;
}

.on-boarding .image-review .stars {
    padding: 10px 0;
}

.on-boarding .image-review .stars .icon{
    width: 107px;
    height: 19px;
    background: url('content/images/on-boarding/stars.svg');
}

.on-boarding .image-review .content {
    padding: 18px 27px 8px;
    background: #F5E6CF;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 100%;
}

.on-boarding .image-review .content .description {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #4B330E;
    margin-bottom: 16px;
}

.on-boarding .image-review .content .divider {
    width: 162px;
    height: 2px;
    background: white;
    margin: 0 auto 4px;
}

.on-boarding .image-review .content .author {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: var(--color-B400);
}

.on-boarding .content-side{
    background: var(--color-N50);
    padding: 40px 20px;
    flex: 2;
}

.on-boarding .top-descriptions-holder {
    width: 100%;
    margin-bottom: 72px;
}

.on-boarding .logo img {
    height: 32px;
    position: fixed;
    right: 36px;
    top: 36px;
    z-index: 9999;
}

.on-boarding .description1-text {
    font-size: 24px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: center;
    color: var(--color-N700);
}

.on-boarding .description2-text {
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    text-align: center;
    color: var(--color-N700);
    margin-bottom: 0;
    margin-top: 8px;
}

.on-boarding .form-holder form {
    max-width: 380px;
    width: 100%;
    margin: 8px auto 0;
}

.on-boarding .form-holder form.wide {
    max-width: 720px;
}

.on-boarding .buttons-holder {
    max-width: 380px;
    width: 100%;
    margin: 8px auto 0;
}

.on-boarding .buttons-holder button {
    width: 100%!important;
}
.on-boarding .buttons-holder button.lottie {
    padding: 0;
}

.on-boarding .buttons-holder .secondary-button-section {
    margin-top: 24px;
    text-align: center;
    cursor: pointer;
}

.on-boarding .buttons-holder .secondary-button-section .secondary-button {
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.91;
    text-align: center;
    color: var(--color-primary-blue);
}

.on-boarding .general-information {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 100px;
}

.on-boarding .general-information .logo {
    margin-bottom: 22px;
}

.on-boarding .general-information .title {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;
    color: var(--color-N700);
    text-align: center;
}

.on-boarding .general-information .description {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: var(--color-N700);
    margin-top: 8px;
}

.on-boarding .general-information .buttons {
    margin-top: 40px;
}

.on-boarding .general-information .buttons a {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    color: var(--color-primary-blue);
    cursor: pointer;
}

.on-boarding .global-error {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-validation-red);
    margin-bottom: 20px;
    max-width: 450px;
    text-align: center;
}

.on-boarding .scroll {
    overflow: auto;
    max-height: 100%;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

input[disabled] {
    background-color: #e9ecef !important;
    opacity: 1;
}

.terms {
    margin-top:32px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-N600);
}

.responsive-logo {
    display: none;
    margin-bottom: 28px;
}

.responsive-logo img {
    height: 40px;
}

@media (max-width: 768px) {
    .on-boarding .logo {
        display: none;
    }

    .responsive-logo {
        display: block;
    }

    .on-boarding .general-information {
        margin: 0 50px;
    }

    .on-boarding .top-descriptions-holder {
        margin-bottom: 48px;
    }
}


/* Form Group */
.form-group {
    margin-bottom: 28px;
    position: relative;
}
.form-group label {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-N700);
    margin-bottom: 8px;
}
.form-group label.label-sm {
    font-size: 12px;
    line-height: 18px;
}
.form-group .form-control {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 12px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid var(--color-N400);
    border-radius: 4px;
    color: var(--color-N700);
}
.form-group .form-control.form-control-sm {
    height: 36px;
    font-size: 12px;
    line-height: 18px;
}
.form-group .form-control.form-control-sm.ng-select .ng-select-container {
    min-height: 34px;
}
.form-group .form-control.form-control-sm.ng-select .ng-select-container .ng-value-container .ng-value {
    font-size: 12px;
}
.form-group .form-control.form-control-sm.ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 220px;
}
.form-group .form-control.form-control-sm.ng-dropdown-panel .ng-dropdown-footer {
    width: 100%;
    border-top: 1px solid #d9dae5;
}
.form-group .form-control.form-control-lg {
    height: 60px;
}
.form-group .form-control.with-shadow {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.03);
}
.form-group .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--color-primary-blue);
}
.form-group .form-control:disabled, .form-group .form-control.form-control-disabled {
    background: var(--color-N100);
    border-color: var(--color-N400);
    color: var(--color-N600);
}
.form-group .form-control::placeholder {
    color: var(--color-N500);
}
.form-group .form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--color-N500);
}
.form-group .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--color-N500);
}
.form-group .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--color-N500);
}
.form-group .form-control :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--color-N500);
}
.form-group .form-control.form-control-date[readonly] {
    background: white;
    border: 1px solid var(--color-N400);
    color: var(--color-N700);
}
.form-group .form-control.ng-select {
    padding: 0;
}
.form-group .form-control.ng-select.ng-select-focused {
    border-color: var(--color-primary-blue);
}
.form-group .form-control.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
    outline: none;
    box-shadow: none;
}
.form-group .form-control.ng-select .ng-select-container {
    border: none;
    height: 100%;
    border-radius: 4px;
    background: transparent;
}
.form-group .form-control.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: var(--color-N500);
}
.form-group .form-control.ng-select .ng-select-container .ng-value-container .ng-value {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-N700);
}
.form-group .form-control.ng-select .ng-select-container .ng-value-container .ng-input {
    top: auto;
}
.form-group .form-control.ng-select .ng-select-container .ng-value-container .ng-input input {
    height: 30px;
    padding: 0;
}
.form-group .form-control.ng-select .ng-clear-wrapper .ng-clear {
    font-size: 24px;
}
.form-group .form-control.ng-select.large-ng-dropdown .ng-dropdown-panel {
    width: 400px;
}
.form-group .form-control.ng-select.ng-select-disabled {
    background: var(--color-N100);
    border-color: var(--color-N400);
}
.form-group .form-control.ng-select.ng-select-disabled .ng-placeholder {
    color: var(--color-N500) !important;
}
.form-group .form-control.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    gap: 5px;
}
.form-group .form-control.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: inherit;
    padding: 0;
}
.form-group .form-control.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0;
}
.form-group .form-control.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input input {
    height: auto;
    padding: 0;
}
.form-group .form-control.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin: 0;
    display: flex;
}
.form-group .form-control.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-group .form-control.ng-dropdown-panel {
    height: auto !important;
    margin-top: 1px;
    margin-bottom: 1px;
    width: calc(100% + 2px);
    margin-left: -1px;
    padding: 0;
}
.form-group .form-control.ng-dropdown-panel .ng-dropdown-panel-items {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    max-height: 235px;
}
.form-group .form-control.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.form-group .form-control.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:has(span.divider) {
    border-bottom: 2px solid var(--color-N400);
}
.form-group .form-control.ng-dropdown-panel .ng-dropdown-header {
    padding: 5px;
    width: 100%;
}
.form-group .form-control.ng-dropdown-panel.ng-select-multiple .ng-dropdown-panel-items .ng-option {
    background: white;
}
.form-group .form-control.ng-dropdown-panel.ng-select-multiple .ng-dropdown-panel-items .ng-option:not(:last-child) {
    border-bottom: 1px solid var(--color-N100);
}
.form-group textarea.form-control {
    resize: none;
    padding: 12px;
    height: 100px !important;
}
.form-group .form-info {
    margin-top: 8px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: var(--color-N600);
}
.form-group .form-info.form-error {
    color: var(--color-validation-red);
}
.form-group .form-info.form-error:before {
    content: "";
    background: url("content/images/foundation/error-roundal.svg");
    height: 20px;
    width: 20px;
    min-width: 20px;
    display: block;
    margin-right: 8px;
}
.form-group .form-info.with-icon:before {
    background: var(--design-sprite-url);
    background-position: -2px -9709px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    margin-right: 8px;
    content: "";
}
.form-group.has-error .form-control {
    border-color: var(--color-validation-red);
    background-color: #FFF5F5;
}
.form-group.has-error .input-group.input-group-phone {
    border-color: #FB7487 !important;
}
.form-group.has-error .input-group.input-group-phone .ng-dropdown-panel .form-control {
    border-color: var(--color-N400) !important;
    background-color: white !important;
}
.form-group .input-group-transparent {
    position: relative;
    width: 100%;
}
.form-group .input-group-transparent:has(.input-group-append-icon) .form-control {
    padding-right: 50px;
}
.form-group .input-group-transparent .input-group-append-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 12px;
    cursor: pointer;
}
.form-group .progress-bar-holder {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--color-N700);
    font-size: 14px;
}

/* Shopney Buttons */
.btn.btn-shopney {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-B400);
    border-radius: 4px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    height: 44px;
    outline: none;
    box-shadow: none;
    padding: 0 18px;
}
.btn.btn-shopney:hover {
    background: var(--color-B500);
}
.btn.btn-shopney:focus {
    background: var(--color-B400);
}
.btn.btn-shopney.disabled, .btn.btn-shopney:disabled {
    background: var(--color-B100);
    color: white;
}
.btn.btn-shopney.btn-shopney-xs {
    height: 28px;
    font-size: 12px;
    padding: 0 12px;
}
.btn.btn-shopney.btn-shopney-sm {
    height: 32px;
    font-size: 12px;
}
.btn.btn-shopney.btn-shopney-lg {
    height: 52px;
    font-size: 16px;
}
.btn.btn-shopney.btn-shopney-outline {
    background: #FFFFFF;
    border: 1px solid var(--color-B400);
    color: var(--color-B400);
}
.btn.btn-shopney.btn-shopney-outline:hover {
    border: 1px solid var(--color-B500);
    color: var(--color-B500);
}
.btn.btn-shopney.btn-shopney-outline:focus {
    border: 1px solid var(--color-B400);
}
.btn.btn-shopney.btn-shopney-success {
    background: var(--color-G400);
}
.btn.btn-shopney.btn-shopney-success:hover {
    background: var(--color-G500);
}
.btn.btn-shopney.btn-shopney-success:focus {
    background: var(--color-G400);
}
.btn.btn-shopney.btn-shopney-success.btn-shopney-outline {
    border: 1px solid var(--color-G400);
    color: var(--color-G400);
    background: white;
}
.btn.btn-shopney.btn-shopney-success.btn-shopney-outline:hover {
    border: 1px solid var(--color-G500);
    color: var(--color-G500);
}
.btn.btn-shopney.btn-shopney-success.btn-shopney-outline:focus {
    border: 1px solid var(--color-G400);
    color: var(--color-G400);
}
.btn.btn-shopney.btn-shopney-error {
    background: var(--color-P400);
}
.btn.btn-shopney.btn-shopney-error:hover {
    background: var(--color-P500);
}
.btn.btn-shopney.btn-shopney-error:focus {
    background: var(--color-P400);
}
.btn.btn-shopney.btn-shopney-error.btn-shopney-outline {
    border: 1px solid var(--color-P400);
    color: var(--color-P400);
    background: white;
}
.btn.btn-shopney.btn-shopney-error.btn-shopney-outline:hover {
    border: 1px solid var(--color-P500);
    color: var(--color-P500);
}
.btn.btn-shopney.btn-shopney-error.btn-shopney-outline:focus {
    border: 1px solid var(--color-P400);
    color: var(--color-P400);
}
.btn.btn-shopney.btn-shopney-dark-blue {
    background: var(--color-B500);
}
.btn.btn-shopney.btn-shopney-dark-blue:hover {
    background: var(--color-B600);
}
.btn.btn-shopney.btn-shopney-dark-blue:focus {
    background: var(--color-B500);
}
.btn.btn-shopney.btn-shopney-dark-blue.btn-shopney-outline {
    border: 1px solid var(--color-B500);
    color: var(--color-B500);
    background: white;
}
.btn.btn-shopney.btn-shopney-dark-blue.btn-shopney-outline:hover {
    border: 1px solid var(--color-B600);
    color: var(--color-B600);
}
.btn.btn-shopney.btn-shopney-dark-blue.btn-shopney-outline:focus {
    border: 1px solid var(--color-B500);
    color: var(--color-B500);
}
.btn.btn-shopney.btn-shopney-warning {
    background: var(--color-O400);
}
.btn.btn-shopney.btn-shopney-warning:hover {
    background: var(--color-O500);
}
.btn.btn-shopney.btn-shopney-warning:focus {
    background: var(--color-O400);
}
.btn.btn-shopney.btn-shopney-warning.btn-shopney-outline {
    border: 1px solid var(--color-O400);
    color: var(--color-O400);
    background: white;
}
.btn.btn-shopney.btn-shopney-warning.btn-shopney-outline:hover {
    border: 1px solid var(--color-O500);
    color: var(--color-O500);
}
.btn.btn-shopney.btn-shopney-warning.btn-shopney-outline:focus {
    border: 1px solid var(--color-O400);
    color: var(--color-O400);
}
.btn.btn-shopney.btn-shopney-dark {
    background: var(--color-N900);
}
.btn.btn-shopney.btn-shopney-dark:hover {
    background: var(--color-N800);
}
.btn.btn-shopney.btn-shopney-dark:focus {
    background: var(--color-N900);
}
.btn.btn-shopney.btn-shopney-dark.btn-shopney-outline {
    border: 1px solid var(--color-N900);
    color: var(--color-N900);
    background: white;
}
.btn.btn-shopney.btn-shopney-dark.btn-shopney-outline:hover {
    border: 1px solid var(--color-N800);
    color: var(--color-N800);
}
.btn.btn-shopney.btn-shopney-dark.btn-shopney-outline:focus {
    border: 1px solid var(--color-N900);
    color: var(--color-N900);
}
.btn.btn-shopney.btn-shopney-white {
    background: white;
    color: var(--color-N700);
    border: 1px solid var(--color-N400);
}
.btn.btn-shopney.btn-shopney-white:hover {
    background: var(--color-N100);
}
.btn.btn-shopney.btn-shopney-white:focus {
    background: white;
}
.btn.btn-shopney.btn-shopney-gray {
    background: var(--color-N200);
    color: var(--color-N700);
    border: 1px solid var(--color-N400);
}
.btn.btn-shopney.btn-shopney-gray:hover {
    background: var(--color-N400);
}
.btn.btn-shopney.btn-shopney-gray:focus {
    background: var(--color-N200);
}
.btn.btn-shopney.btn-close-cross {
    background-position: 0 -9820px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: var(--design-sprite-url);
    background-repeat: no-repeat;
    padding: 0;
}

/* Input Group */
.input-group-text {
    font-size: 14px;
    color: var(--color-N700);
}
.input-group-text.input-group-text-sm {
    font-size: 12px;
}

/* Phone Input Group Customization */
.input-group-phone {
    border: 1px solid var(--color-N400);
    border-radius: 4px;
}
.input-group-phone .form-control.ng-select,
.input-group-phone input.form-control {
    border: none !important;
}
.input-group-phone .form-control.ng-select {
    border-right: 1px solid var(--color-N400) !important;
    border-radius: 4px 0px 0px 4px;
    margin-right: 1px;
    /* height: 32px;
     margin: 6px 1px 6px 0;*/
}
.input-group-phone .ng-dropdown-panel {
    min-width: 200px;
}
.input-group-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    position: relative;
}
.input-group-phone .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .divider {
    height: 2px;
    background: var(--color-N400);
    position: absolute;
    width: calc(100% + 20px);
    left: -10px;
    bottom: 0;
}
.input-group-phone .ng-select .ng-select-container:hover {
    box-shadow: none !important;
}

/* Shopney Radio Inputs */
.shopney-radio-inline {
    display: flex;
    align-items: center;
}
.shopney-radio-inline [type=radio] {
    display: none;
}
.shopney-radio-inline [type=radio]:hover + label span {
    background-position: -308px 0 !important;
}
.shopney-radio-inline [type=radio]:checked + label span {
    background-position: -336px 0 !important;
}
.shopney-radio-inline [type=radio][disabled] + label span {
    background-position: -280px 0 !important;
}
.shopney-radio-inline.success [type=radio]:hover + label span {
    background-position: -420px 0 !important;
}
.shopney-radio-inline.success [type=radio]:checked + label span {
    background-position: -448px 0 !important;
}
.shopney-radio-inline label {
    display: inline-flex;
    gap: 4px;
    cursor: pointer;
    width: 100%;
    line-height: 24px;
    margin: 0;
}
.shopney-radio-inline label span {
    background-position: -280px 0 !important;
    background-size: auto !important;
    height: 24px;
    min-width: 24px;
    background-image: var(--checkbox-radio-sprite-url);
    background-repeat: no-repeat;
}

/* Shopney Checkbox Inputs */
.shopney-checkbox-inline {
    display: flex;
    align-items: center;
}
.shopney-checkbox-inline [type=checkbox] {
    display: none;
}
.shopney-checkbox-inline [type=checkbox]:checked + label span {
    background-position: -84px 0 !important;
}
.shopney-checkbox-inline [type=checkbox]:hover + label span {
    background-position: -56px 0 !important;
}
.shopney-checkbox-inline [type=checkbox]:checked:hover + label span {
    background-position: -84px 0 !important;
}
.shopney-checkbox-inline label {
    display: inline-flex;
    gap: 4px;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    color: var(--color-N700);
    font-weight: 400;
}
.shopney-checkbox-inline label span {
    background-position: -28px 0 !important;
    background-size: auto !important;
    height: 24px;
    min-width: 24px;
    background-image: var(--checkbox-radio-sprite-url);
    background-repeat: no-repeat;
}

.shopney-checkbox-inline.small label {
    font-size: 12px;
}

/* Margins And Paddings */
.m-4px {
    margin: 4px !important;
}

.mt-4px {
    margin-top: 4px !important;
}

.mb-4px {
    margin-bottom: 4px !important;
}

.ml-4px {
    margin-left: 4px !important;
}

.mr-4px {
    margin-right: 4px !important;
}

.p-4px {
    padding: 4px !important;
}

.pt-4px {
    padding-top: 4px !important;
}

.pb-4px {
    padding-bottom: 4px !important;
}

.pl-4px {
    padding-left: 4px !important;
}

.pr-4px {
    padding-right: 4px !important;
}

.d-gap-4px {
    gap: 4px !important;
}

.m-8px {
    margin: 8px !important;
}

.mt-8px {
    margin-top: 8px !important;
}

.mb-8px {
    margin-bottom: 8px !important;
}

.ml-8px {
    margin-left: 8px !important;
}

.mr-8px {
    margin-right: 8px !important;
}

.p-8px {
    padding: 8px !important;
}

.pt-8px {
    padding-top: 8px !important;
}

.pb-8px {
    padding-bottom: 8px !important;
}

.pl-8px {
    padding-left: 8px !important;
}

.pr-8px {
    padding-right: 8px !important;
}

.d-gap-8px {
    gap: 8px !important;
}

.m-12px {
    margin: 12px !important;
}

.mt-12px {
    margin-top: 12px !important;
}

.mb-12px {
    margin-bottom: 12px !important;
}

.ml-12px {
    margin-left: 12px !important;
}

.mr-12px {
    margin-right: 12px !important;
}

.p-12px {
    padding: 12px !important;
}

.pt-12px {
    padding-top: 12px !important;
}

.pb-12px {
    padding-bottom: 12px !important;
}

.pl-12px {
    padding-left: 12px !important;
}

.pr-12px {
    padding-right: 12px !important;
}

.d-gap-12px {
    gap: 12px !important;
}

.m-16px {
    margin: 16px !important;
}

.mt-16px {
    margin-top: 16px !important;
}

.mb-16px {
    margin-bottom: 16px !important;
}

.ml-16px {
    margin-left: 16px !important;
}

.mr-16px {
    margin-right: 16px !important;
}

.p-16px {
    padding: 16px !important;
}

.pt-16px {
    padding-top: 16px !important;
}

.pb-16px {
    padding-bottom: 16px !important;
}

.pl-16px {
    padding-left: 16px !important;
}

.pr-16px {
    padding-right: 16px !important;
}

.d-gap-16px {
    gap: 16px !important;
}

.m-20px {
    margin: 20px !important;
}

.mt-20px {
    margin-top: 20px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.ml-20px {
    margin-left: 20px !important;
}

.mr-20px {
    margin-right: 20px !important;
}

.p-20px {
    padding: 20px !important;
}

.pt-20px {
    padding-top: 20px !important;
}

.pb-20px {
    padding-bottom: 20px !important;
}

.pl-20px {
    padding-left: 20px !important;
}

.pr-20px {
    padding-right: 20px !important;
}

.d-gap-20px {
    gap: 20px !important;
}

.m-24px {
    margin: 24px !important;
}

.mt-24px {
    margin-top: 24px !important;
}

.mb-24px {
    margin-bottom: 24px !important;
}

.ml-24px {
    margin-left: 24px !important;
}

.mr-24px {
    margin-right: 24px !important;
}

.p-24px {
    padding: 24px !important;
}

.pt-24px {
    padding-top: 24px !important;
}

.pb-24px {
    padding-bottom: 24px !important;
}

.pl-24px {
    padding-left: 24px !important;
}

.pr-24px {
    padding-right: 24px !important;
}

.d-gap-24px {
    gap: 24px !important;
}

.m-28px {
    margin: 28px !important;
}

.mt-28px {
    margin-top: 28px !important;
}

.mb-28px {
    margin-bottom: 28px !important;
}

.ml-28px {
    margin-left: 28px !important;
}

.mr-28px {
    margin-right: 28px !important;
}

.p-28px {
    padding: 28px !important;
}

.pt-28px {
    padding-top: 28px !important;
}

.pb-28px {
    padding-bottom: 28px !important;
}

.pl-28px {
    padding-left: 28px !important;
}

.pr-28px {
    padding-right: 28px !important;
}

.d-gap-28px {
    gap: 28px !important;
}

.m-32px {
    margin: 32px !important;
}

.mt-32px {
    margin-top: 32px !important;
}

.mb-32px {
    margin-bottom: 32px !important;
}

.ml-32px {
    margin-left: 32px !important;
}

.mr-32px {
    margin-right: 32px !important;
}

.p-32px {
    padding: 32px !important;
}

.pt-32px {
    padding-top: 32px !important;
}

.pb-32px {
    padding-bottom: 32px !important;
}

.pl-32px {
    padding-left: 32px !important;
}

.pr-32px {
    padding-right: 32px !important;
}

.d-gap-32px {
    gap: 32px !important;
}

.m-36px {
    margin: 36px !important;
}

.mt-36px {
    margin-top: 36px !important;
}

.mb-36px {
    margin-bottom: 36px !important;
}

.ml-36px {
    margin-left: 36px !important;
}

.mr-36px {
    margin-right: 36px !important;
}

.p-36px {
    padding: 36px !important;
}

.pt-36px {
    padding-top: 36px !important;
}

.pb-36px {
    padding-bottom: 36px !important;
}

.pl-36px {
    padding-left: 36px !important;
}

.pr-36px {
    padding-right: 36px !important;
}

.d-gap-36px {
    gap: 36px !important;
}

.m-40px {
    margin: 40px !important;
}

.mt-40px {
    margin-top: 40px !important;
}

.mb-40px {
    margin-bottom: 40px !important;
}

.ml-40px {
    margin-left: 40px !important;
}

.mr-40px {
    margin-right: 40px !important;
}

.p-40px {
    padding: 40px !important;
}

.pt-40px {
    padding-top: 40px !important;
}

.pb-40px {
    padding-bottom: 40px !important;
}

.pl-40px {
    padding-left: 40px !important;
}

.pr-40px {
    padding-right: 40px !important;
}

.d-gap-40px {
    gap: 40px !important;
}

.m-44px {
    margin: 44px !important;
}

.mt-44px {
    margin-top: 44px !important;
}

.mb-44px {
    margin-bottom: 44px !important;
}

.ml-44px {
    margin-left: 44px !important;
}

.mr-44px {
    margin-right: 44px !important;
}

.p-44px {
    padding: 44px !important;
}

.pt-44px {
    padding-top: 44px !important;
}

.pb-44px {
    padding-bottom: 44px !important;
}

.pl-44px {
    padding-left: 44px !important;
}

.pr-44px {
    padding-right: 44px !important;
}

.d-gap-44px {
    gap: 44px !important;
}

.m-48px {
    margin: 48px !important;
}

.mt-48px {
    margin-top: 48px !important;
}

.mb-48px {
    margin-bottom: 48px !important;
}

.ml-48px {
    margin-left: 48px !important;
}

.mr-48px {
    margin-right: 48px !important;
}

.p-48px {
    padding: 48px !important;
}

.pt-48px {
    padding-top: 48px !important;
}

.pb-48px {
    padding-bottom: 48px !important;
}

.pl-48px {
    padding-left: 48px !important;
}

.pr-48px {
    padding-right: 48px !important;
}

.d-gap-48px {
    gap: 48px !important;
}

.m-52px {
    margin: 52px !important;
}

.mt-52px {
    margin-top: 52px !important;
}

.mb-52px {
    margin-bottom: 52px !important;
}

.ml-52px {
    margin-left: 52px !important;
}

.mr-52px {
    margin-right: 52px !important;
}

.p-52px {
    padding: 52px !important;
}

.pt-52px {
    padding-top: 52px !important;
}

.pb-52px {
    padding-bottom: 52px !important;
}

.pl-52px {
    padding-left: 52px !important;
}

.pr-52px {
    padding-right: 52px !important;
}

.d-gap-52px {
    gap: 52px !important;
}

.m-56px {
    margin: 56px !important;
}

.mt-56px {
    margin-top: 56px !important;
}

.mb-56px {
    margin-bottom: 56px !important;
}

.ml-56px {
    margin-left: 56px !important;
}

.mr-56px {
    margin-right: 56px !important;
}

.p-56px {
    padding: 56px !important;
}

.pt-56px {
    padding-top: 56px !important;
}

.pb-56px {
    padding-bottom: 56px !important;
}

.pl-56px {
    padding-left: 56px !important;
}

.pr-56px {
    padding-right: 56px !important;
}

.d-gap-56px {
    gap: 56px !important;
}

.m-60px {
    margin: 60px !important;
}

.mt-60px {
    margin-top: 60px !important;
}

.mb-60px {
    margin-bottom: 60px !important;
}

.ml-60px {
    margin-left: 60px !important;
}

.mr-60px {
    margin-right: 60px !important;
}

.p-60px {
    padding: 60px !important;
}

.pt-60px {
    padding-top: 60px !important;
}

.pb-60px {
    padding-bottom: 60px !important;
}

.pl-60px {
    padding-left: 60px !important;
}

.pr-60px {
    padding-right: 60px !important;
}

.d-gap-60px {
    gap: 60px !important;
}

.m-64px {
    margin: 64px !important;
}

.mt-64px {
    margin-top: 64px !important;
}

.mb-64px {
    margin-bottom: 64px !important;
}

.ml-64px {
    margin-left: 64px !important;
}

.mr-64px {
    margin-right: 64px !important;
}

.p-64px {
    padding: 64px !important;
}

.pt-64px {
    padding-top: 64px !important;
}

.pb-64px {
    padding-bottom: 64px !important;
}

.pl-64px {
    padding-left: 64px !important;
}

.pr-64px {
    padding-right: 64px !important;
}

.d-gap-64px {
    gap: 64px !important;
}

.m-68px {
    margin: 68px !important;
}

.mt-68px {
    margin-top: 68px !important;
}

.mb-68px {
    margin-bottom: 68px !important;
}

.ml-68px {
    margin-left: 68px !important;
}

.mr-68px {
    margin-right: 68px !important;
}

.p-68px {
    padding: 68px !important;
}

.pt-68px {
    padding-top: 68px !important;
}

.pb-68px {
    padding-bottom: 68px !important;
}

.pl-68px {
    padding-left: 68px !important;
}

.pr-68px {
    padding-right: 68px !important;
}

.d-gap-68px {
    gap: 68px !important;
}

.m-72px {
    margin: 72px !important;
}

.mt-72px {
    margin-top: 72px !important;
}

.mb-72px {
    margin-bottom: 72px !important;
}

.ml-72px {
    margin-left: 72px !important;
}

.mr-72px {
    margin-right: 72px !important;
}

.p-72px {
    padding: 72px !important;
}

.pt-72px {
    padding-top: 72px !important;
}

.pb-72px {
    padding-bottom: 72px !important;
}

.pl-72px {
    padding-left: 72px !important;
}

.pr-72px {
    padding-right: 72px !important;
}

.d-gap-72px {
    gap: 72px !important;
}

.m-76px {
    margin: 76px !important;
}

.mt-76px {
    margin-top: 76px !important;
}

.mb-76px {
    margin-bottom: 76px !important;
}

.ml-76px {
    margin-left: 76px !important;
}

.mr-76px {
    margin-right: 76px !important;
}

.p-76px {
    padding: 76px !important;
}

.pt-76px {
    padding-top: 76px !important;
}

.pb-76px {
    padding-bottom: 76px !important;
}

.pl-76px {
    padding-left: 76px !important;
}

.pr-76px {
    padding-right: 76px !important;
}

.d-gap-76px {
    gap: 76px !important;
}

.m-80px {
    margin: 80px !important;
}

.mt-80px {
    margin-top: 80px !important;
}

.mb-80px {
    margin-bottom: 80px !important;
}

.ml-80px {
    margin-left: 80px !important;
}

.mr-80px {
    margin-right: 80px !important;
}

.p-80px {
    padding: 80px !important;
}

.pt-80px {
    padding-top: 80px !important;
}

.pb-80px {
    padding-bottom: 80px !important;
}

.pl-80px {
    padding-left: 80px !important;
}

.pr-80px {
    padding-right: 80px !important;
}

.d-gap-80px {
    gap: 80px !important;
}

/* Fonts */
.font-8 {
    font-size: 8px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-29 {
    font-size: 29px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-8 {
    font-size: 8px !important;
}

/* Upgrade Badges */
.upgrade-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    height: 24px;
    cursor: pointer;
    padding: 0 6px;
}
.upgrade-badge .icon {
    background-image: var(--design-sprite-url);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
.upgrade-badge .text {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.3px;
    white-space: nowrap;
    margin-left: 6px;
    text-transform: capitalize;
}
.upgrade-badge.small {
    height: 20px;
}
.upgrade-badge.small .text {
    font-size: 9px;
    line-height: 13px;
}
.upgrade-badge.small .icon {
    width: 10px;
    height: 10px;
}
.upgrade-badge.large {
    height: 32px;
    padding: 0 8px;
}
.upgrade-badge.large .text {
    font-size: 12px;
    line-height: 17px;
    margin-left: 8px;
}
.upgrade-badge.large .icon {
    width: 16px;
    height: 16px;
}
.upgrade-badge.gold {
    background: #FFF9E6 !important;
}
.upgrade-badge.gold .text {
    color: #AA880E !important;
}
.upgrade-badge.gold .icon {
    background-position: 0 -16079px;
}
.upgrade-badge.gold.small .icon {
    background-position: 0 -15977px;
}
.upgrade-badge.gold.large .icon {
    background-position: 0 -15991px;
}
.upgrade-badge.platinum {
    background: #FAEBF0 !important;
}
.upgrade-badge.platinum .text {
    color: #CD3C70 !important;
}
.upgrade-badge.platinum .icon {
    background-position: 0 -16097px;
}
.upgrade-badge.platinum.small .icon {
    background-position: 0 -16011px;
}
.upgrade-badge.platinum.large .icon {
    background-position: 0 -16025px;
}
.upgrade-badge.enterprise {
    background: #F0EDFC !important;
}
.upgrade-badge.enterprise .text {
    color: #4322CF !important;
}
.upgrade-badge.enterprise .icon {
    background-position: 0 -16115px;
}
.upgrade-badge.enterprise.small .icon {
    background-position: 0 -16045px;
}
.upgrade-badge.enterprise.large .icon {
    background-position: 0 -16059px;
}

/* Headlines */
.h-700-p-300 .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 16px;
}
.h-700-p-300 .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-N800);
}

.h-600-p-200 .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 8px;
}
.h-600-p-200 .desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-N800);
}

.h-500-p-200 .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 8px;
}
.h-500-p-200 .desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-N800);
}

.h-500-p-100 .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 4px;
}
.h-500-p-100 .desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-N800);
}

.h-400-p-100 .title {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 4px;
}
.h-400-p-100 .desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-N800);
}

.h-400 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 4px;
}

.h-500 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 4px;
}

.h-600 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 8px;
}

.h-700 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-N900);
    margin-bottom: 16px;
}

/*# sourceMappingURL=form-elements.css.map */

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.with-shopify-holder {
    max-width: 380px;
    width: 100%;
    margin: 32px auto 0;
}
.with-shopify-holder .btn {
    width: 100%;
}

.with-shopify-holder span {
    color: var(--color-N900);
    text-decoration: none !important;
}
.with-shopify-holder .separator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.with-shopify-holder .separator::before,
.with-shopify-holder .separator::after {
    content: "";
    flex: 1;
    border-top: 1px solid var(--color-N400);
    margin: 0 10px;
}

.with-shopify-holder .separator span {
    color: var(--color-N700);
    font-family: 'Inter', serif;
    font-size: 14px;
}