[x-cloak] {
    display: none !important;
}

.gradient-border-container::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 2px;
    background: var(--gradient-border-bg, linear-gradient(to right, #A24DF1, #E18A98));
    -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

.gradient-border-container-thick::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 3px;
    background: var(--gradient-border-bg, linear-gradient(to right, #A24DF1, #E18A98));
    -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

.gradient-border-container-reversed::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 2px;
    background: var(--gradient-border-bg, linear-gradient(to right, #E18A98, #A24DF1));
    -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

.gradient-border-container-rounded::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    padding: 2px;
    background: var(--gradient-border-bg, linear-gradient(to right, #A24DF1, #E18A98));
    -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

.hide-scrollbar::-webkit-scrollbar {
    width: 0 !important
}
.hide-scrollbar {
    overflow: -moz-scrollbars-none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
}

.text-align-last-right {
    text-align-last: right;
}