.promo_users {
	width: 90%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	
}
.promo_users  .wrapper {
	width: 100%;
    min-height: 220px;
    position: relative;
	display: flex;
	flex-direction: row;
}
.promo_users  .wrapper .buttons {
	display: flex;
	width: 100%;
	flex-direction: row;
	position: absolute;
	justify-content: space-between;
	z-index: 6;
	top: 100px;
  pointer-events: none;
}
.promo_users  .wrapper .buttons  button {
	pointer-events: all;
}
.promo_users .promo_users_topics {
  width: 100%;
  min-height: 220px;
  display: flex;
  
  flex-direction: row;
  gap: 6px;

  /*overflow-x: auto;*/
  overflow-y: hidden;

  scroll-behavior: smooth;
}
#promo_users_buttons {
    display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
}
#promo_users_buttons_in {
    display: flex;
	flex-direction: row;
    gap: 6px;
}
#promo_users_buttons .button2 {
    display: flex;
    align-items: center;
    gap: 4px;
}

.gallery {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.profile_content ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.profile_content ul li {
  border: 1px solid #ddd;
  border-radius: 999px;
  font-size: 0.95rem;
  line-height: 1.4;
  color: var(--fp-li-text-color);
  background: var(--fp-li-bg-color);
}

.home_users {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	
}
.home_users  .wrapper {
	width: 100%;
    min-height: 390px;
    position: relative;
	display: flex;
	flex-direction: row;
}
.home_users  .wrapper .buttons {
	display: flex;
	width: 100%;
	flex-direction: row;
	position: absolute;
	justify-content: space-between;
	z-index: 20;
	top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.home_users  .wrapper .buttons  button {
   pointer-events:all;
}
.home_users .users_topics {
  width: 100%;
  min-height: 390px;
  display: flex;
  
  flex-direction: row;
  gap: 20px;

  /*overflow-x: auto;*/
  overflow-y: hidden;

  scroll-behavior: smooth;
}


.button, .button2, .button3 {
    backdrop-filter: blur(12px);
}


.profile_content  .wrapper {
	width: 100%;
    min-height: 220px;
    position: relative;
	display: flex;
	flex-direction: row;
}
.profile_content  .wrapper .buttons {
	display: flex;
	width: 100%;
	flex-direction: row;
	position: absolute;
	justify-content: space-between;
	z-index: 10;
	top: 90px;
    pointer-events: none;
}
.profile_content  .wrapper .buttons  button {
    pointer-events: all;
}



/*===============================================*/
a.profile-card:focus-visible, a.profile-card:focus, a.profile-card-small:focus-visible, a.profile-card-small:focus {
    outline: 3px solid var(--input-border-color);
    outline-offset: 0;
    box-shadow: 0 0 0 3px var(--input-focus-shadow);
}
.profile-card {
    position: relative;
    display: flex;
    flex: 0 0 280px;
    overflow: hidden;
    height: 390px;
    width: 280px !important;
    border-radius: 24px;
    background: var(--profile-image-background-color);
    border: 1px solid var(--user-card-border-color);
    cursor: pointer;
    isolation: isolate;
}
.profile-card-small {
    position: relative;
    display: flex;
    flex: 0 0 160px;
    overflow: hidden;
    height: 220px;
    width: 160px !important;
    border-radius: 24px;
    background: var(--profile-image-background-color);
    border: 1px solid var(--user-card-border-color);
    cursor: pointer;
    isolation: isolate;
    font-size: 0.8rem;
}

.profile-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

    transform: scale(1);
    transition: transform .5s ease;

    z-index: -3;
}

.profile-card:hover .profile-photo, .profile-card-small:hover .profile-photo {
    transform: scale(1.07);
}

.profile-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            rgba(9,8,7,.94) 5%,
            rgba(9,8,7,.08) 58%,
            rgba(9,8,7,0) 100%
        );

    z-index: -2;
}

.profile-card::after, .profile-card-small::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 23px;
    border: 1px solid var(--user-card-border-color-after);
    pointer-events: none;
    z-index: 3;
}

.top-badges {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 0;
    padding: 16px;
    width: 100%;
    z-index: 5;
}
.bottom-badges {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    bottom: 0;
    padding: 16px;
    width: 100%;
    z-index: 5;
}
.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: var(--user-card-border-badge-background);
    color: var(--user-card-badge-color);
    border: 1px solid var(--user-card-badge-border-color);
    backdrop-filter: blur(12px);

    font-size: 0.8rem;
    font-weight: 700;
}
.badge3 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: var(--user-card-border-badge-background3);
    color: var(--user-card-badge-color);
    border: 1px solid var(--user-card-badge-border-color);
    backdrop-filter: blur(12px);

    font-size: 0.8rem;
    font-weight: 700;
}
.badge2 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    backdrop-filter: blur(12px);
}
.badgeTop {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: var(--user-card-border-badge-background3);
    color: var(--user-card-badge-color);
    border: 1px solid var(--user-card-badge-border-color);
    backdrop-filter: blur(12px);

    font-size: 0.8rem;
    font-weight: 700;
}
.online-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--online-badge-color);
    box-shadow: 0 0 10px rgba(82,210,115,.9);
}
.not-online-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ab074b;
    box-shadow: 0 0 10px rgba(246, 5, 89, 0.9);
}

.like-badge {
    color: var(--like-badge-color);
    border-color: var(--like-badge-border-color);
}
.vip-badge {
    color: var(--vip-badge-color);
    border-color: var(--vip-badge-border-color);
}
.boost-badge {
    color: var(--boost-badge-color);
    border-color: var(--boost-badge-border-color);
}
.online-badge {
    color: var(--online-badge-color);
    border-color: var(--online-badge-border-color);
}
.not-online-badge {
    color: var(--not-online-badge-color);
    border-color: var(--not-online-badge-border-color);
}
.photos-badge {
    color: var(--photos-badge-color);
    border-color: var(--photos-badge-border-color);
}
.photos-action-badge {
    color: var(--photos-action-badge-color);
    border-color: var(--photos-action-badge-border-color);
    
}
.photos2-action-badge {
    color: var(--photos-action-badge-color);
    border-color: var(--photos-action-badge-border-color);
    
}
.likes-action-badge {
    color: var(--photos-action-badge-color);
    border-color: var(--photos-action-badge-border-color);
    
}
.photos-action-badge .material-symbols-outlined, .photos2-action-badge .material-symbols-outlined, .likes-action-badge .material-symbols-outlined {
   font-size: var(--badge-icon-size);
}

.profile-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px 18px 18px;
    z-index: 2;
}

.name-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
}

.profile-name {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
    color: var(--profile-name-color);
}
.profile-name.small {
    font-size: 1rem;
}


.profile-location {
    margin: 0 0 16px;
    color: var(--profile-location-color);
    font-size: 0.9rem;
}
.profile-data {
    margin: 0;
    color: var(--profile-data-color);
    font-size: 0.9rem;
}

.card-actions {
    display: grid;
    grid-template-columns: 46px 1fr 46px;
    gap: 10px;
}



/*profile*/
/* FEATURED PROFILE */

.fp-card {
    width:100%;
    margin:auto;
    display:grid;
    grid-template-columns:390px 1fr;
    background:
        var(--main-banner-bg-url),
        var(--fp-window-bg),
        var(--fp-window-color-bg);
    background-position:
    var(--banner-bg-pos) top,
    var(--banner-bg-pos) bottom,
    bottom var(--banner-bg-pos);

    background-repeat:
    no-repeat,
    no-repeat;
    background-size: 25%, 100%,100%;
    border-radius:28px;
    overflow:hidden;
    
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.fp-card-list {
    grid-template-columns:300px 1fr;
}

.fp-card-block {

    width:100%;
    margin:auto;

    border-radius:28px;
    overflow:hidden;

    padding:28px;

    background:
        var(--fp-window-bg2),
        var(--fp-window-color-bg);

    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

/* TABS */

.fp-type-tabs{
    display:flex;
    gap:8px;
    flex:0 0 auto;
}


/* GRID */

.fp-type-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

/* PERSON CARD */

.fp-person-card {
    background:var(--fp-person-card-bg);
    border-radius:23px;
    padding:18px;
}

.fp-person-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;

    margin-bottom:16px;
}
.fp-person-top.hide {
    display:none;
    margin-bottom:0 !important;
}
.fp-detail-list.hide {
    display:none;
    bottom:0 !important;
}

.fp-person-card h3 {
    margin:0;
    font-size:var(--font-size);
    line-height:1;
}




/* DETAILS */

.fp-detail-list {
    display:grid;
    gap:9px;
}
.fp-detail-list.margin {
    margin-bottom: 18px;
}

.fp-detail.margin_minus ul {
    margin-top: 10px;
    
}

.fp-detail {
    display:grid;
    grid-template-columns:200px 1fr;
    gap:10px;

    padding-bottom:9px;

    border-bottom:1px solid var(--sep-border);
}
.fp-detail.margin_minus {
    grid-template-columns:1fr;
    
}

.fp-detail:last-child {
    border-bottom:0;
    padding-bottom:0;
}

.fp-detail span {
    font-size: calc(var(--font-size) - 0.2rem);
    font-weight:900;
    color:var(--fp-meta-box-color);
    line-height:1.35;
}

.fp-detail b {
    font-size: calc(var(--font-size) - 0.2rem);
    color:var(--fp-meta-box-color2);
    line-height:1.35;
}

/* PHOTO */

.fp-photo{
    position:relative;
    min-height:400px;
    max-height: inherit;
    width: 100%;
    overflow:hidden;
}

.fp-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.fp-photo:after{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
    to top,
    rgba(0,0,0,0.35),
    rgba(0,0,0,0.05)
    );
}


.fp-photo_list {
    position:relative;
    height:100%;
    max-height: 360px;
    width: 300px;
    overflow:hidden;
}
.fp-photo_list::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--img);
    background-size: cover;
    background-position: center;
    filter: blur(18px);
    transform: scale(1.12);
    z-index: 1;
}
.fp-photo_list::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    z-index: 2;
}

.fp-photo_list img {
    width:100%;
    height:inherit;
    object-fit: contain;
    display:block;
    position: relative;
    z-index: 3;
}



/* BIG BADGE */


/* CONTENT */
.btn-image {
    border:0;
    cursor:pointer;
    background:transparent;
    padding:0;
    display:inline-flex;
    padding: 0;
    margin: 0;
}
.fp-content {
    padding:24px;
    width: 100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;

    gap:18px;
}

.fp-type-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;

    margin-bottom:18px;
}

.fp-title {
    margin:10px 0 0;
    font-size:calc(var(--font-size) + 0.2rem);
    line-height:1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fp-text {
    margin:14px 0 0;
    line-height:1.7;
    color:var(--fp-text);
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.fp-text.buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.margin_minus {
    margin-top: -15px;
}

/* META */

.fp-meta {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.fp-meta2 {
    display:grid;
    width: 100%;
    flex: 1;
    gap:10px;

    margin-top:14px;
}

.fp-meta-box{
    background:var(--meta-box-bg);
    border-radius:18px;
    padding:14px;
    color: var(--meta-box-color);
    border: 1px solid var(--fp-meta-box-border-color);
    backdrop-filter: blur(12px);
    

}
.fp-meta-box span.span {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.fp-meta-box .material-symbols-outlined {
    font-size: 20px;
}
.fp-meta-box.special_red {
    background:rgba(255,0,0,.05);
    border-color: rgba(255,0,0,.25);
}
.fp-meta-box.special_green {
    background:rgba(0,255,0,.05);
    border-color: rgba(0,255,0,.25);
}
.fp-meta-box.special_red2 {
    background:rgba(255,0,0,.05);
    border-color: rgba(255,0,0,.25);
}

.fp-meta-box small {
    display:block;

    margin-bottom:5px;
    padding-bottom: 5px;

    font-size: calc(var(--font-size) - 0.3rem);
    font-weight:bold;

    text-transform:uppercase;
    letter-spacing:1px;

    color: (var(--fp-meta-box-title-color));
    border-bottom: 1px dotted var(--fp-meta-box-title-color);
}

.fp-meta-box b {
    line-height:1.4;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    font-size: calc(var(--font-size) - 0.1rem);
}
.fp-meta-box b.top-border {
    padding-top: 5px;
    border-top: 1px dotted var(--fp-meta-box-title-color);
}
.fp-meta-box span.type_data {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.fp-horo-badge {
    padding:7px 10px;
    border-radius:999px;
    background:var(--fp-horo-badge-bg-color);
    color:var(--fp-horo-badge-color);
    font-family: var(--font-family) !important;
    font-weight:900;
    white-space:nowrap;
}

a .fp-card-list {
    color: var(--fp-text);
    &:hover {
     color: var(--fp-text);
    }
    &:focus {
     color: var(--fp-text);
    }
}


@media screen and (min-width: 1px) and (max-width: 920px) {
    .fp-card{
        grid-template-columns:1fr;
    }
    .fp-photo{
        height:430px;
        min-height:430px;
        
    }
    .fp-photo_list{
        height:200px;
        min-height:200px;
        width: 100% !important;
    }
    .fp-photo_list img {
        height:200px;
    }

    .fp-title{
        
    }

    .fp-meta{
        grid-template-columns:1fr;
    }

    .fp-card-block{
        border-radius:24px;
        padding:16px;
    }

    .fp-type-head{
        flex-direction:column;
    }

    .fp-type-tabs{
        width:100%;
    }

    .fp-type-tabs button{
        flex:1;
    }

    .fp-type-grid,
    .fp-lifestyle-row{
        grid-template-columns:1fr;
    }

    .fp-detail{
        grid-template-columns:1fr;
        gap:4px;
    }
    .fp-person-top {
        flex-direction: column;
    }
    .fp-text.buttons {
    flex-direction: column;
    
}
    
}







.photo-dialog {
    position: fixed;
    inset: 0;
    width: 100vw;
    width: 100dvw;
    height: 100vh;
    height: 100dvh;
    z-index: 999999;
}



.photo-dialog__box {
    position: relative;
    width: 98%;
    height: 98dvh;
    max-height: 98dvh;
    margin: 1dvh auto;
    display: grid;
    grid-template-columns: minmax(0,1fr) 320px;
    overflow: hidden;
    border-radius: 26px;
    background: var(--album-view-thumb-bg);
    box-shadow: 0 35px 100px var(--album-view-thumb-box-shadow);
    outline: none;
    transform-origin: center;
    animation: popup-dialog-grow-in 280ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.photo-dialog__image-wrap {
    position: relative;
    overflow: hidden;
    background: var(--album-view-thumb-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.photo-dialog__bg {
    position: absolute;
    inset: -60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(60px);
    transform: scale(1.18);
    opacity: .95;
    z-index: 1;
}

.photo-dialog__image {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    object-fit: contain !important;
    display: flex;
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    transform-origin: center;
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-drag: none;
    transition: opacity .22s ease, transform .22s cubic-bezier(.2,.8,.2,1);
}

.photo-dialog__image.is-changing {
    opacity: 0;
}


.photo-dialog__close {
    position: fixed;
    display: flex;
    top: 0;
    z-index: 300;
    margin: 16px;
}

.photo-dialog__nav {
    position: absolute;
    top: 50%;
    z-index: 25;
    transform: translateY(-50%);
}

.photo-dialog__nav--prev {
    margin: 10px;
}

.photo-dialog__nav--next {
    margin: 10px;
}

.photo-dialog__side {
    padding: 22px;
    background: var(--popup-bg-gradient);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overscroll-behavior: contain;
}

.photo-dialog__title {
    
    font-size: calc(var(--font-size) + 0.2rem);
}

.photo-dialog__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}
.photo-dialog__data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px; 
}
.photo-dialog__data div {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    background: var(--popup-image-data-bg-color);
    border-radius: 16px;
    border: 1px var(--popup-image-data-border-color) solid;
    color: var(--popup-image-data-color);
    padding: 14px;
    font-weight: 800;
}
#photoDialogCounter {
   font-size: calc(var(--font-size) - 0.2rem);
   margin-bottom: 10px;
}


/*.photo-dialog__info span,
.photo-dialog__like {
    padding: 14px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #f0c8d8;
    color: #755c68;
    font-size: 15px;
}

.photo-dialog__info span:first-child {
    grid-column: 1 / -1;
    color: #c2185b;
    font-weight: 700;
}

.photo-dialog__like {
    width: 100%;
    margin-bottom: 18px;
    cursor: pointer;
    font-weight: 700;
    color: #c2185b;
}

.photo-dialog__like.is-liked {
    background: #c2185b;
    border-color: #c2185b;
    color: #fff;
}*/

.photo-dialog__thumbs {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin-top: 10px;
}

.photo-dialog__thumb {
    position: relative;
    /*aspect-ratio: 1;*/
    width: 86px;
    height: 86px;
    border: 2px solid transparent;
    border-radius: 16px;
    overflow: hidden;
    background: var(--album-view-thumb-bg);
    cursor: pointer;
}

.photo-dialog__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.photo-dialog__thumb.is-active {
    border-color: var(--album-view-thumb-border-color);
    box-shadow: var(--album-view-thumb-box-shadow);
}

.photo-dialog__moderation {
    display: none;
    position: absolute;
    z-index: 40;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: min(320px,calc(100% - 40px));
    padding: 18px;
    border-radius: 22px;
    background: rgba(255,255,255,.94);
    text-align: center;
    box-shadow: 0 20px 60px var(--input-focus-shadow-global);
}

.photo-dialog__moderation strong {
    display: block;
    margin-bottom: 8px;
    color: #c2185b;
    font-size: calc(var(--font-size) + 0.2rem);
}

.photo-dialog__moderation span {
    display: block;
    color: #755c68;
    
}

.photo-dialog__image-wrap.is-under-moderation .photo-dialog__image {
    filter: blur(300px);
}

.photo-dialog__image-wrap.is-under-moderation .photo-dialog__moderation {
    display: block;
}



@media (max-width: 860px) {
    .photo-dialog__box {
        grid-template-columns: 1fr;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .photo-dialog__image-wrap {
        min-height: 58vh;
        height: 58vh;
    }

    .photo-dialog__side {
        overflow: auto;
    }

    .photo-dialog__thumbs {
        display: flex;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .photo-dialog__thumb {
        flex: 0 0 72px;
    }
}

@media (max-width: 520px) {
    .photo-dialog__box {
        width: 98%;
        height: 98dvh;
        max-height: 98dvh;
        margin: 1dvh auto;
        border-radius: 20px;
        overflow-y: auto;
    }

    .photo-dialog__image-wrap {
        min-height: 56vh;
        height: 56vh;
    }

    .photo-dialog__close {
        top: 10px;
        right: 10px;
    }

    
}



.fp-btn-private-album {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.fp-btn-private-album .material-symbols-outlined {
    font-size: 20px;
}















.album-thumbs{
    display:flex;
    gap:14px;
    overflow-x:auto;
    padding:4px;
}

.album-thumb{
    position:relative;

    flex:0 0 170px;
    height:220px;

    border:0;
    padding:0;

    border-radius:20px;

    overflow:hidden;

    cursor:pointer;

    background:#eee;

    box-shadow:
        0 8px 24px rgba(0,0,0,.12);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.album-thumb:hover{
    transform:translateY(-3px);

    box-shadow:
        0 14px 34px rgba(0,0,0,.18);
}

.album-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.album-thumb::after{
    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.65) 0%,
        rgba(0,0,0,.25) 25%,
        transparent 55%
    );
}

.album-thumb__stats{
    position:absolute;

    left:10px;
    right:10px;
    bottom:10px;

    z-index:2;

    display:flex;
    justify-content:center;
    gap:6px;
}

.album-thumb__badge{
    display:flex;
    align-items:center;
    justify-content:center;

    height:30px;

    padding:0 10px;

    border-radius:999px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    color:#222;

    
    font-weight:700;
}