.u96yin2 {
    position: relative
}

.u96yin3 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 0
}

.u96yin4 {
    position: relative;
    z-index: 1
}

@media screen and (min-width:0) {
    .u96yin1 {
        padding-top: var(--u2xc4hh3);
        padding-bottom: var(--u2xc4hh4)
    }
}

@media screen and (min-width:640px) {
    .u96yin1 {
        padding-top: var(--u2xc4hh5);
        padding-bottom: var(--u2xc4hh6)
    }
}

@media screen and (min-width:1280px) {
    .u96yin1 {
        padding-top: var(--u2xc4hh7);
        padding-bottom: var(--u2xc4hh8)
    }
}

:active ._1oq2qd80,
:focus ._1oq2qd80,
:hover ._1oq2qd80 {
    text-decoration: none;
    color: inherit
}

._1oq2qd81 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: var(--_1krm5z727)
}

._1oq2qd80:active ._1oq2qd81,
._1oq2qd80:focus ._1oq2qd81,
._1oq2qd80:hover ._1oq2qd81 {
    background-image: linear-gradient(to right, var(--_1krm5z727) 0, var(--_194tgwh1q) 75%)
}

._1oq2qd82 {
    transition: opacity .2s ease-in-out;
    opacity: 0
}

._1oq2qd80:active ._1oq2qd82,
._1oq2qd80:focus ._1oq2qd82,
._1oq2qd80:hover ._1oq2qd82 {
    opacity: 1
}

._1oq2qd83 {
    cursor: pointer
}