.unline:hover {
    text-decoration: underline
}

.activable:active {filter: brightness(0.9);}

.activable.hoverable:active::after {
    opacity: .08;
    transition: all 0s ease 0s
}

.activable.hoverable:focus::after {
    opacity: .15
}

.hoverable.hoverableselect:hover::after {
    background: var(--media-hover)
}

.hoverable.hoverableselect::after {
    transition: all 0ms ease 0s
}

.hoverable {
    position: relative
}

.hoverable::after {
    position: absolute;
    border-radius: inherit;
    background: currentcolor;
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 250ms ease 0s
}

.hoverable:hover::after {
    opacity: .04;
    transition: all 50ms ease 0s
}

.activable {
    user-select: none;
    cursor: pointer
}

.disabled,
.disabled * {
    user-select: none;
    cursor: not-allowed !important
}

.activableopac:active {
    opacity: .7
}

.-root-vars-v2 {
    --uicolor-1: var(--uicolor2);
    --uicolor-1-hover: #7b68ee;
    --uicolor-1-light: #eef0fc;
    --uicolor-1-border: #c1c3d1;
    --uicolor-1-textlight: #4857df;
    --uicolor-1-textbold: #2c6af9;
    --gradient-accent: linear-gradient(to bottom, var(--bgcolor), var(--light-accent));
    --gradient-uicolor: linear-gradient(-165deg, #b842ff, #634edb);
    --codearea: #10141C;
    --drawer-color: #F6F7F9;
    --uicolor-dark: #344054;
    --uicolor-dark-darker: #2a3445;
    --uicolor-dark-hover: #2a3445;
    --avatar-default-color: #4c4f48;
    --tooltip: #161518eb;
    --tooltip-text: white;
    --scroll-thumb: #bcc0c4;
    --label-color: #E6EBF0;
    --label-text: #4B5865;
    --light-accent: #F5F7FA;
    --light-accent-2: #fafbfd;
    --light-accent-text: #747A85;
    --light-accent-focus: #e5e7eb;
    --fsize: 14px;
    --bgcolor: white;
    --ffamily: Inter,system-ui;
    --ffamilystrong: Lalezar;
    --lheight: 1.3;
    --hr: #e3eaf8;
    --basic-textcolor: var(
    --uicolor-3);
    --transition-out: cubic-bezier(0, 0, 1, 1);
    --transition-in: cubic-bezier(0, 0, 1, 1);
    --bghover: #70e1a90a;
    --gap: 14px;
    --divider-hover: #87868d;
    --divider: #d0d5dd;
    --divider-light-2: #e1e4e7;
    --divider-light-3: #CED7E3;
    --alphabg: white;
    --alphabg-trans-light2: #ffffffd1;
    --alphabg-trans-light3: #ffffffeb;
    --alphabg-trans-light4: #fffffff0;
    --alphabg-trans-light-blur: #ffffff2e;
    --alphabg-trans-light-blur-text: white;
    --shadow-high: 0px 4px 10px -20px var(
    --shadow-2);
    --alphabg-trans: #ffffffeb;
    --transparent1: linear-gradient(var(
    --alphabg-trans-light2), var(--alphabg-trans-light2));
    --alphabg-trans-light: #ededed8f;
    --divider-light: #F3F3F3;
    --inputs: #f4f4f7;
    --v-activated-opacity: 0.06;
    --divider-focused: #c6cad5;
    --miniradius: 10px;
    --largeradius: 20px;
    --radius-avg: 0.5rem;
    --circularradius: 40px;
    --secondarytext: #5D6874;
    --secondarytext-2: #9ba2b1;
    --shadow-1: #0206591c;
    --shadow-2: #05092e42;
    --disable-text: #9ea9bd;
    --disable-button: #d2d9e6;
    --positive: #4bcf73;
    --positive-contrast: #43b578;
    --negative: #d75656;
    --alinks: #1055bd;
    --heading-spacing: -.02em;
    --textcolor: #161518;
    --textcolor-2: #344054;
    --shadow-glue: 0 10px 10px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
    --shadow-elevated-hover: 0 10px 10px 1px var(--v-shadow-key-umbra-opacity), 0 9px 8px var(--v-shadow-key-penumbra-opacity), 0 1px 6px 4px var(--v-shadow-key-ambient-opacity);
    --shadow-elevated: 0 1px 2px rgba(16,24,40,.05);
    --v-shadow-key-penumbra-opacity: rgba(var(
    --v-theme-on-surface), 0.02);
    --v-shadow-key-ambient-opacity: rgba(var(
    --v-theme-on-surface), 0.01);
    --v-theme-on-surface: 51, 48, 60;
    --v-shadow-key-umbra-opacity: rgba(var(
    --v-theme-on-surface), 0.03)
}

.-button-ui.-ui-upgrade {
    --color: #e74d4d;
    background-color: var(--color);
    color: #fff;
    border: 1px solid var(--color);
}
.-button-ui.-ui-color1 {
    background-color: var(--uicolor2);
    border: 1px solid #7939EF;
    color: #fff;
    box-shadow: inset 0 1px #ffffff29;
}
.-button-ui.-ui-color1-gradient {
    background: #7939EF;
    border: 1px solid #7939EF;
    color: #fff;
    box-shadow: inset 0 1px #ffffff29;
}

a.-button-ui.-ui-color1.-ui-color1-purchase {
    --gradient-uicolor: linear-gradient(70deg, var(--uicolor-1), #8335ff);
}

a.-button-ui.-ui-color1.-solid {
    background: var(--uicolor-1);
}
.-button-ui.-ui-color1-secondary {
    border: 1px solid var(--divider);
    color: var(--textcolor-2);
    box-shadow: var(
    --shadow-elevated);
    background: transparent;
}

button.-button-ui.-ui-color1-secondary[disabled] {
    background: transparent !important;
    color: var(--secondarytext) !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 !important;
    opacity: .6;
}
.-button-ui.-ui-color1-dark {
    background-color: var(--uicolor-dark);
    border: 1px solid var(--uicolor-dark);
    color: #fff;
}

.-button-ui.-ui-light {
    background-color: transparent;
    border: 0;
    color: var(--secondarytext);
    box-shadow: 0 0 0;
}

.-button-ui[disabled] {
    background: var(--disable-button) !important;
    color: var(--disable-text) !important;
    border-color: var(--divider-light-2) !important;
    cursor: not-allowed !important;
    transition: 0s all ease !important;
}

.-button-ui.-ui-color1:hover {
}

.-button-ui.-ui-color1:focus, .-button-ui.-ui-color1:active {
}

.-button-ui.-ui-color1-dark:hover {
    background-color: var(--uicolor-dark-hover);
    border-color: var(--uicolor-dark-hover);
}

.-button-ui.-ui-color1-dark:focus {
    background-color: var(--uicolor-dark);
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 0 0 4px rgba(16,24,40,.05);
}

.-button-ui.-ui-negative {
    background-color: #f4405f17;
    border: 0;
    color: var(--negative);
}
.-button-ui.-ui-positive {
    background-color: #ddf9ee;
    border: 0;
    color: #288757;
}

.-button-ui.-ui-negative-light {
    background-color: transparent;
    border: 0px solid transparent;
    box-shadow:0 0 0;
    color: #e9574e;
}

.-button-ui.-ui-negative-bold {
    background-color: var(--negative);
    border: 0px solid transparent;
    box-shadow:0 0 0;
    color: #fff;
}

.-button-ui.-ui-negative:hover {
    color: var(--negative);
    background-color: #f4405f2e;
    border-color: #fdada8;
}
.-button-ui.-ui-negative-light:hover {
    color: #e9574e;
    background-color: #e8433614;
    border-color: #fdada8;
}
.-button-ui.-ui-negative:focus, .-button-ui.-ui-negative:active {
    background-color: #fff;
    box-shadow: 0 0 0 5px #b4231824;
}

.-button-ui {
    grid-column-gap: 0.5rem;
    text-align: center;
    white-space: nowrap;
    border-radius: 18px 18px 18px 18px;
    justify-content: center;
    align-items: center;
    padding: 18px;
    min-height: 46px;
    font-weight: 600;
    transition: 100ms all ease;
    display: flex;
    box-shadow: 0 4px 6px rgb(16 24 40 / 4%);
    cursor: pointer;
    user-select: none;
}

.-button-ui.-ui-whatsapp {
    background: #33bb4812;
    color: #0d3a14;
    min-height: inherit;
    border: 1px solid #c8ddcb;
    padding-block: 7px;
}

.-button-ui.-ui-whatsapp > svg {
    width: 20px;
    height: auto;
}

.-button-ui.-ui-email {
    background: #fcd46212;
    color: #403003;
    min-height: inherit;
    border: 1px solid #ddd9ce;
    padding-block: 7px;
}

.-button-ui.-ui-email > svg {
    width: 20px;
    height: auto;
}

.-button-ui.-ui-color1-light {
    border: 1px solid var(--uicolor-1);
    color: var(--uicolor-1-textlight);
    background: var(--uicolor-1-light);
}

.-button-ui.disabled {
    background: var(--disable-button) !important;
    border-color: var(--disable-button) !important;
    color: var(--disable-text) !important;
    box-shadow: 0 0 0 !important;
}
.-button-ui.-ui-light-negative {
    color: var(--negative);
    box-shadow: 0 0 0;
}

.-button-ui.-just-icon {
    padding-inline: 0.625rem;
    border-radius: 50px;
    font-size: 16px;
}

.-button-ui > svg {
    zoom: 1.2;
}

.-button-ui > svg#-urlpxl-svg-loading {
    zoom: 2;
    margin-block: -3px;
    margin-inline-start: -4px;
    margin-inline-end: -3px;
}

.-button-ui.-ui-secondary {
    background: var(--bgcolor);
    border: 1px solid #d0d5dd;
    color: var(--textcolor-2);
}

a.-button-ui.-ui-secondary.-ui-secondary-blued {
    background-image: linear-gradient(to bottom, #ffffffeb, #f5f7fae3);
    border: 1px solid #d2d4e1;
    color: #384191;
    background-color: var(--uicolor-1);
}

.-button-ui.-ui-secondary:hover {
    color: #1d2939;
    background-color: #f9fafb;
}
.-button-ui.-ui-secondary:focus, .-button-ui.-ui-secondary:active {
    background-color: #fff;
}

.-button-ui.-ui-secondary-nobg {
    background-color: #fff;
    border: 0;
    color: var(--textcolor-2);
    box-shadow: 0 0 0;
}

.-button-ui.-ui-secondary-nobg:hover {
    color: #1d2939;
    background-color: #f9fafb;
}
.-button-ui.-ui-secondary-nobg:focus, .-button-ui.-ui-secondary-nobg:active {
    background-color: #eceef0;
}
[inputkit] {
    height: auto;
    min-height: 3rem;
    color: #101828;
    background-color: white;
    border: 1px solid var(--divider);
    border-radius: 0.5rem;
    margin-bottom: 0;
    padding: 11px 15px;
    font-size: 1.2rem;
    line-height: 1.5;
    transition: box-shadow 150ms ease;
    box-shadow: var(--shadow-elevated);
    align-self: start;
}

[inputkit][type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: var(--uicolor-1-light);
  border-radius: 5px;
  border: 0;
  margin-top: 5px;
}
[inputkit][type="range"]::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  background: var(--uicolor-1-textlight);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
  box-shadow: 0 0 0 1px var(--bgcolor);
  border-radius: 50px;
}

[inputkit][type="range"]:focus::-webkit-slider-thumb {
    background: var(--uicolor-1);
}
[inputkit][type="range"]:focus::-webkit-slider-runnable-track {
  background: var(--divider-light-2);
}
[inputkit][type="range"] {
    box-shadow: 0 0 0 !important;
    padding: 0 !important;
    border: 0;
    position: relative;
    -webkit-appearance: none;
}

textarea[inputkit] {
    padding-block: 12px;
}

textarea[inputkit][resize="none"] {
    resize: none;
}

[inputkit][disabled] {
    cursor: not-allowed;
}
[inputkit][readonly]:not([readonly-light-ui]) {
    background: var(--disable-button);
}

[inputkit]:focus {
    color: #101828;
    border-color: var(--uicolor-1-border);
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 0 0 4px var(--uicolor-1-light);
}


.-separator {
    height: 14px;
}

.-separator.-lined {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    max-width: 200px;
    margin: 20px auto 30px;
    color: #afb3bb;
}

.-separator.-lined:after, .-separator.-lined:before {
    content: '';
    height: 1px;
    background: currentColor;
    flex: 1;
    opacity: .5;
    margin-inline: 12px;
}

.alert.alert-danger {
    --border-color: #E7A69D;
    --bgcolor: #FEFBFA;
    color: #BC3E28;
}

.alert.alert-success {
    --border-color: #5eb354;
    --bgcolor: #fafefa;
    color: #2c8e29;
}

.alert.alert-info {
    --border-color: #547cb3;
    --bgcolor: #3c7dd71a;
    color: #2a5ea7;
}

.alert {
    margin-bottom: 20px;
    border-radius: var(--miniradius);
    font-weight: 600;
    padding: 17px 22px;
    display: flex;
    background: var(--bgcolor);
    font-size: 15px;
    border: 1px solid var(--border-color);
    align-items: center;
}

.alert.button-alert {
    align-items: center;
    padding: 10px 17px;
    padding-inline-end: 10px;
}

.alert.button-alert > * {
    margin: 3px;
}

.alert.button-alert > a {
    padding: 8px 12px;
}

.alert.button-alert > p {
    flex: 1;
}

.alert > p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
}

.alert > p a {color: #002454;}

.alert > p a:hover {
    text-decoration: underline;
}

.alert > i {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid currentColor;
    border-radius: var(--circularradius);
    margin-inline-end: 13px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 900;
}

.alert > .-alert-body {
    flex: 1;
    align-self: center;
}

.alert > .-alert-body > .alert-line {
    margin-bottom: 2px;
}

.alert > .-alert-body > .alert-line:last-child {
    margin-bottom: 0;
}

.-divider {
    height: 10px;
}

a.-button-ui.-login-platform {
    margin-bottom: 13px;
    font-size: 15px;
    padding-block: 10px;
}

a.-button-ui.-create-new-account {
    margin-top: 10px;
    font-size: 15px;
}

a.-login-platform > i {
    color: var(--color);
    font-size: 17px;
}

a.-login-platform.-ui-facebook {
    --color: #1877F2;
}

a.-login-platform.-ui-google {
    --color: #DB4437;
}

a.-login-platform.-ui-google > .-google-icon {
    width: 18px;
    height: 18px;
    background-image: url(./img/google.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}