.layout_biolink_customs_column {
  aspect-ratio: unset;
}

.layout_biolink_customs_column.linkbio-style {
  display: grid;
}

.layout_biolink_customs_column .plr-avatar-bio-icon {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: min-content 1fr;
}

.layout_biolink_customs_column a .link-btn-image-wrapper {
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 16 / 9;
}

.layout_biolink_customs_column .link-btn-image-wrapper {
  position: unset;
}

.layout_biolink_customs_column a .link-btn-image-wrapper .link-btn-image {
  width: 100%;
  height: 100%;
  border-radius: unset;
}

.layout_biolink_customs_column .content-biolink-main {
  white-space: normal;
  flex-direction: unset;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  min-height: 4rem;
}

.layout_biolink_customs_column .share-block-biolink {
  bottom: 20px;
}

.layout_biolink_customs_column .content-biolink-main {
  position: unset;
}

.layout_biolink_customs_column .content-biolink-main span[data-name] {
  overflow: unset;
  display: unset;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
}

.layout_biolink_customs_column .share-block-biolink svg path {
  opacity: 0.5;
}

.layout_biolink_customs_column .btn::after {
  content: unset;
}

.item-mobile-app-dowload-detail .avatar-thumb-app {
  display: flex;
  justify-content: center;
  padding-bottom: 16px;
}

.item-mobile-app-dowload-detail .avatar-thumb-app img {
  width: 240px;
  height: 240px;
  object-fit: cover;
  border-radius: 48px;
  margin-top: 20px;
}

.item-mobile-app-dowload-detail .title-name-app {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: var(--gray-900);
}

.item-mobile-app-dowload-detail .label-dowload {
  margin-top: 48px;
  font-weight: 500;
  color: var(--gray-600);
  margin-bottom: 12px;
}

.item-mobile-app-dowload-detail .list-item-dowload {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}

.item-mobile-app-dowload-detail .list-item-dowload .item-list-dowload {
  width: 100%;
}

.item-mobile-app-dowload-detail .item-list-dowload a {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--gray-300);
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}

.item-mobile-app-dowload-detail .item-list-dowload a:hover {
  background: var(--gray-100);
}

.share-block-biolink svg:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4rem;
}
.info-user-onwer-main {
  display: flex;
  justify-content: space-between;
}
.stick-info-share {
  left: 0;
}
.share_bio_user_mobile:hover,
.share_bio_user:hover {
  background: white;
}
.cta-round {
  border-radius: 32px;
}

.link-footer {
  height: 100%;
  min-height: 48px;
}
.profile-review .timeline-date-review {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-500);
}


.layout_img_grid_bioblock{
  display: flex;
  flex-direction: column;
  gap: 12px !important;
  margin-top: 20px;
}

.layout_img_grid_bioblock a{
  display: flex;
  align-items: start;
  gap: 12px;
  border: 1px solid var(--gray-300);
  border-radius: 12px;
  padding: 12px;
  flex-direction: column;
}

.layout_img_grid_bioblock a img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 12px;
  margin-top: 0;
}

.layout_img_grid_bioblock a:hover{
  background: var(--gray-100);
}

.layout_img_grid_bioblock .item-info-main .title-content{
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-900);
  padding-bottom: 4px;
}

.layout_img_grid_bioblock .item-info-main .decs-content{
  font-size: 14px;
  color: var(--gray-700);
}

.branding-avatar-wrap img{
  width: 120px;
  height: auto;
}

.desc-img-slider{margin-top: -6px; padding: 0px 12px 12px 12px !important; font-weight: 400 !important; opacity: 0.7;}.layout_img_slide_bioblock .splide__track .splide__slide .desc-img-slider{display:none !important}.layout_img_slide_bioblock .splide__track .splide__slide .title-img-slider{text-align:center}

.pro-layout-portrait{
    top: -38px;    
}

@property --mask-y {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}

.mask-gradient {
  --mask-y: 0%;
  -webkit-mask: radial-gradient(
    110.26% 96% at 50% var(--mask-y),
    rgba(0,0,0,0) 60%,
    rgba(0,0,0,0.01) 64.72%,
    rgba(0,0,0,0.03) 68.55%,
    rgba(0,0,0,0.07) 71.65%,
    rgba(0,0,0,0.12) 74.13%,
    rgba(0,0,0,0.18) 76.15%,
    rgba(0,0,0,0.25) 77.82%,
    rgba(0,0,0,0.33) 79.3%,
    rgba(0,0,0,0.41) 80.7%,
    rgba(0,0,0,0.5) 82.18%,
    rgba(0,0,0,0.59) 83.85%,
    rgba(0,0,0,0.67) 85.87%,
    rgba(0,0,0,0.76) 88.35%,
    rgba(0,0,0,0.85) 91.45%,
    rgba(0,0,0,0.93) 95.28%,
    rgb(0,0,0) 100%
  );
  mask: radial-gradient(
    110.26% 96% at 50% var(--mask-y),
    rgba(0,0,0,0) 60%,
    rgba(0,0,0,0.01) 64.72%,
    rgba(0,0,0,0.03) 68.55%,
    rgba(0,0,0,0.07) 71.65%,
    rgba(0,0,0,0.12) 74.13%,
    rgba(0,0,0,0.18) 76.15%,
    rgba(0,0,0,0.25) 77.82%,
    rgba(0,0,0,0.33) 79.3%,
    rgba(0,0,0,0.41) 80.7%,
    rgba(0,0,0,0.5) 82.18%,
    rgba(0,0,0,0.59) 83.85%,
    rgba(0,0,0,0.67) 85.87%,
    rgba(0,0,0,0.76) 88.35%,
    rgba(0,0,0,0.85) 91.45%,
    rgba(0,0,0,0.93) 95.28%,
    rgb(0,0,0) 100%
  );
  
  animation: slideMask linear both;
  animation-timeline: scroll(root);
  animation-range: 0 60vh;
}

@keyframes slideMask {
  to { --mask-y: -60%; }
}

@supports not (animation-timeline: scroll()) {
  .mask-gradient {
    animation: none;
  }
}

.mask-gradient { will-change: -webkit-mask-position; contain: paint; }

@media only screen and (min-width: 992px) {
   .layout_img_grid_bioblock a{
      flex-direction: row;
  }
  .layout_img_grid_bioblock a img{
      width: 120px;
      height: 120px;
  }

  .pro-layout-portrait {
        top: 0;
    }
    
    .background-gradient-pro-layout-portrait {
        display: block;
    }
}