.BioNickname[data-v-8f2dc1ab],
.BioDescription[data-v-11bd027d] {
    color: var(--theme-bio-primary-color)
}

.TagSwiper[data-v-a26d7cb6] {
    max-width: 100%
}

.tag-swiper-content-wrapper[data-v-a26d7cb6] {
    max-width: 100%;
    overflow: auto
}

.btn-right[data-v-a26d7cb6] {
    transform: rotate(180deg)
}

.BioSection .bio .TagSwiperArrow .path-bg {
    fill: var(--theme-bio-color-3, #fff)
}

.BioSection .bio .TagSwiperArrow .path-border {
    fill: var(--theme-bio-color-1, #000)
}

.BioSection .bio .TagSwiperArrow:hover .path-bg {
    fill: var(--theme-bio-color-1, #fff)
}

.BioSection .bio .TagSwiperArrow:hover .path-border {
    fill: var(--theme-bio-color-1, #000)
}

.BioSection .Bio04 .TagSwiperArrow .path-bg,
.BioSection .Bio05 .TagSwiperArrow .path-bg {
    fill: var(--theme-bio-color-3, #fff)
}

.BioSection .Bio04 .TagSwiperArrow .path-border,
.BioSection .Bio05 .TagSwiperArrow .path-border {
    fill: var(--theme-bio-color-2, #000)
}

.BioSection .Bio04 .TagSwiperArrow:hover .path-bg,
.BioSection .Bio04 .TagSwiperArrow:hover .path-border,
.BioSection .Bio05 .TagSwiperArrow:hover .path-bg,
.BioSection .Bio05 .TagSwiperArrow:hover .path-border {
    fill: var(--theme-bio-color-3, #000)
}

.BioSection .Bio06 .TagSwiperArrow .path-bg,
.BioSection .Bio07 .TagSwiperArrow .path-bg {
    fill: var(--theme-bio-color-3, #fff)
}

.BioSection .Bio06 .TagSwiperArrow:hover .path-bg,
.BioSection .Bio06 .TagSwiperArrow:hover .path-border,
.BioSection .Bio07 .TagSwiperArrow:hover .path-bg,
.BioSection .Bio07 .TagSwiperArrow:hover .path-border {
    fill: var(--theme-bio-color-3, #000) !important
}

.BioSection .Bio06 .text-bg-bar:nth-child(odd) .TagSwiperArrow .path-border,
.BioSection .Bio07 .text-bg-bar:nth-child(odd) .TagSwiperArrow .path-border {
    fill: var(--theme-bio-color-2, #000)
}

.BioSection .Bio06 .text-bg-bar:nth-child(2n) .TagSwiperArrow .path-border,
.BioSection .Bio07 .text-bg-bar:nth-child(2n) .TagSwiperArrow .path-border {
    fill: var(--theme-bio-color-1, #000)
}

.tag[data-v-c97f70f9] {
    background-color: var(--theme-bio-primary-color, var(--theme-primary-color));
    color: var(--theme-bio-secondary-color, #fff)
}

.TagSwiper .tag[data-v-c97f70f9]:first-of-type {
    margin-left: 0 !important
}

.TagSwiper .tag[data-v-c97f70f9]:last-of-type {
    margin-right: 0 !important
}

.BioEmail[data-v-3c81cb7c] {
    color: var(--theme-bio-primary-color);
    word-break: break-all
}

a img[data-v-44ab2f8a] {
    vertical-align: middle
}

.TagSwiper .tag[data-v-44ab2f8a]:first-of-type {
    margin-left: 0 !important
}

.TagSwiper .tag[data-v-44ab2f8a]:last-of-type {
    margin-right: 0 !important
}

.bio-content[data-v-44a28005] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.bio-info[data-v-44a28005] {
    background: linear-gradient(180deg, hsla(0, 0%, 92%, 0) 0, var(--theme-bio-bg-color) 100%)
}

.bio-content[data-v-2bb03d5b] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.absolute-center[data-v-2bb03d5b] {
    background: linear-gradient(163deg, rgba(91, 193, 193, 0) 43.77%, var(--theme-bio-bg-color) 78.95%)
}

.Bio06[data-v-e0d47517] {
    margin-bottom: 20%
}

.bio-content[data-v-e0d47517] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.bio-info[data-v-e0d47517] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-bottom: 9%
}

.text-bg-bar[data-v-e0d47517] {
    display: flex;
    left: 3%;
    position: relative;
    transform: rotate(-15deg);
    transform-origin: bottom right;
    width: 110%;
    z-index: 1
}

.text-bg-bar .text-bg-bar-content[data-v-e0d47517] {
    background: var(--theme-bio-bg-color);
    flex: 1 0 auto;
    margin-left: -1px;
    max-width: 95%;
    min-width: 0;
    padding: .25rem 1rem
}

.text-bg-bar[data-v-e0d47517]:before {
    background: var(--theme-bio-bg-color);
    content: "";
    flex: 1 1 100%;
    min-width: 5%
}

.text-bg-bar[data-v-e0d47517]:after {
    content: "";
    flex: 1 1 50%
}

.text-bg-bar[data-v-e0d47517]:nth-child(2n) {
    z-index: 0
}

.text-bg-bar:nth-child(2n) .text-bg-bar-content[data-v-e0d47517],
.text-bg-bar[data-v-e0d47517]:nth-child(2n):before {
    background: linear-gradient(0deg, #0003 0, #0003), var(--theme-bio-bg-color)
}

.bio-content[data-v-24ebafae] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.text-bg-bar[data-v-24ebafae] {
    margin-bottom: -.125em;
    margin-top: -.125em;
    overflow: hidden;
    padding: .25em 1em .25em 2.5em;
    z-index: 1
}

.text-bg-bar[data-v-24ebafae],
.text-bg-bar[data-v-24ebafae]>* {
    position: relative
}

.text-bg-bar[data-v-24ebafae]:before {
    background: var(--theme-bio-bg-color);
    content: "";
    height: 100%;
    left: 0;
    margin-left: 1em;
    position: absolute;
    top: 0;
    transform: skew(-15deg);
    width: 100%
}

.text-bg-bar[data-v-24ebafae]:nth-child(2n) {
    z-index: 0
}

.text-bg-bar[data-v-24ebafae]:nth-child(2n):before {
    background: linear-gradient(0deg, #0003 0, #0003), var(--theme-bio-bg-color)
}

.Bio08[data-v-da81fdc1] .circle-text-text {
    fill: var(--theme-bio-primary-color)
}

.Bio08 .avatar-wrapper[data-v-da81fdc1] {
    pointer-events: none
}

.avator-deco[data-v-9c4292ac] {
    left: 43.5%;
    position: absolute;
    top: 42.5%;
    transform: translate(-50%, -50%);
    width: 128%
}

.avator-deco[data-v-2a243643] {
    left: 51.6%;
    position: absolute;
    top: 48.5%;
    transform: translate(-50%, -50%);
    width: 123%
}

[data-v-71d58666] .blur-glass {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: var(--theme-bio-bg-blur-color)
}