.gradient-border,
.gradient-border:before {
    border-radius: calc(var(--v54c331d8)*1px)
}

.gradient-border:after {
    background-image: var(--f9852534);
    background-position: 50%;
    background-size: calc(100% + var(--v07269303)*2px) calc(100% + var(--v07269303)*2px);
    border: calc(var(--v07269303)*1px) solid transparent;
    border-radius: calc(var(--v54c331d8)*1px + var(--v07269303)*1px);
    content: "";
    height: calc(100% + var(--v07269303)*2px);
    inset: calc(var(--v07269303)*-1px);
    -webkit-mask-clip: padding-box, border-box, border-box;
    mask-clip: padding-box, border-box, border-box;
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect;
    -webkit-mask-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), linear-gradient(#fff, #fff);
    mask-image: linear-gradient(#fff0, #fff0), linear-gradient(#fff, #fff);
    opacity: 0;
    position: absolute;
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    width: calc(100% + var(--v07269303)*2px);
    z-index: -10
}

.gradient-border[data-enabled=true]:after {
    opacity: 1
}