/* PFD AI Studio entry point in the shared store switcher. */
.unified-store-filter .store-discovery-tabs {
  --store-launcher-size: clamp(76px, calc(3.6vw + 52px), 104px);
  --store-launcher-gap: clamp(4px, calc(4vw - 8px), 44px);
  width: fit-content;
  max-width: 100%;
  grid-template-columns: repeat(3, var(--store-launcher-size));
  justify-content: center;
  gap: var(--store-launcher-gap);
}

.unified-store-filter .store-discovery-tab {
  width: var(--store-launcher-size);
  min-width: var(--store-launcher-size);
  height: var(--store-launcher-size);
  min-height: var(--store-launcher-size);
  justify-self: center;
}

.unified-store-filter .store-discovery-tab__icon,
.unified-store-filter .store-discovery-tab--marketplace .store-discovery-tab__icon,
.unified-store-filter .store-discovery-tab--studio .store-discovery-tab__icon {
  width: calc(var(--store-launcher-size) - 16px);
  height: calc(var(--store-launcher-size) - 16px);
  flex-basis: calc(var(--store-launcher-size) - 16px);
}

.unified-store-filter .store-discovery-tab__icon img,
.unified-store-filter .store-discovery-tab--studio .store-discovery-tab__icon img {
  width: calc(var(--store-launcher-size) - 18px);
  height: calc(var(--store-launcher-size) - 18px);
}

.unified-store-filter .store-discovery-tab__copy {
  width: clamp(100px, calc(var(--store-launcher-size) + 30px), 140px);
  min-width: clamp(100px, calc(var(--store-launcher-size) + 30px), 140px);
}

.unified-store-filter .store-discovery-tab__copy strong {
  font-size: clamp(12px, 1.2vw, 15px);
  line-height: 1.15;
  text-align: center;
  white-space: normal;
}

.unified-store-filter .store-discovery-tab__copy small,
.unified-store-filter .store-discovery-tab.active .store-discovery-tab__copy small {
  font-size: clamp(10px, .9vw, 12px);
  line-height: 1.25;
  text-align: center;
  white-space: normal;
}

@media (min-width: 770px) {
  .unified-store-filter .store-discovery-tab:hover,
  .unified-store-filter .store-discovery-tab:focus-visible {
    transform: translateY(-4px) scale(1.03);
  }

  .unified-store-filter .store-discovery-tab:hover .store-discovery-tab__copy,
  .unified-store-filter .store-discovery-tab:focus-visible .store-discovery-tab__copy {
    top: calc(100% + 9px);
    width: 220px;
    min-width: 220px;
    padding: 10px 34px 10px 46px;
  }

  .unified-store-filter .store-discovery-tab:hover .store-discovery-tab__copy strong,
  .unified-store-filter .store-discovery-tab:focus-visible .store-discovery-tab__copy strong {
    font-size: 14px;
  }

  .unified-store-filter .store-discovery-tab:hover .store-discovery-tab__copy small,
  .unified-store-filter .store-discovery-tab:focus-visible .store-discovery-tab__copy small {
    font-size: 11px;
    white-space: normal;
  }
}

.store-discovery-tab--studio:hover,
.store-discovery-tab--studio:focus-visible {
  border-color: transparent;
  background: linear-gradient(120deg, #16c7ca 0%, #7652d6 100%);
  box-shadow: 0 17px 32px rgba(85, 78, 208, .27);
}

.store-discovery-tab--studio .store-discovery-tab__icon {
  background: radial-gradient(circle at 38% 30%, #fff 0%, #eefbff 48%, #e5dcff 100%);
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(82, 197, 211, .2), 0 8px 18px rgba(102, 82, 214, .17);
}

.unified-store-filter .store-discovery-tab--studio {
  border-color: rgba(91, 104, 211, .42);
  background: radial-gradient(circle at 38% 30%, #fff 0%, #edfaff 48%, #dcd8ff 100%);
  box-shadow: 0 0 0 6px rgba(87, 105, 211, .1), 0 13px 28px rgba(78, 66, 181, .2);
}

.unified-store-filter .store-discovery-tab--studio:hover,
.unified-store-filter .store-discovery-tab--studio:focus-visible {
  background: linear-gradient(145deg, #21d0d0 0%, #7652d6 100%);
  box-shadow: 0 0 0 7px rgba(74, 199, 211, .15), 0 0 30px rgba(110, 82, 214, .3), 0 20px 34px rgba(70, 55, 160, .24);
}

.unified-store-filter .store-discovery-tab--studio .store-discovery-tab__icon {
  background: rgba(255, 255, 255, .94);
  box-shadow: inset 0 0 0 2px #fff, 0 4px 12px rgba(65, 75, 170, .12);
}

.unified-store-filter .store-discovery-tab--studio .store-discovery-tab__copy {
  color: #5264c9;
}

.unified-store-filter .store-discovery-tab--studio .store-discovery-tab__copy::before {
  border-bottom-color: #6674d8;
}

.unified-store-filter .store-discovery-tab--studio:hover .store-discovery-tab__copy,
.unified-store-filter .store-discovery-tab--studio:focus-visible .store-discovery-tab__copy {
  background: linear-gradient(110deg, #20c8cb 0%, #7450d3 100%);
  box-shadow: 0 14px 28px rgba(76, 65, 178, .25);
}

.unified-store-filter .store-discovery-tab--studio .store-discovery-tab__copy strong::before {
  content: '\f1fc';
  color: #5968ce;
}

@media (max-width: 560px) {
  .unified-store-filter .store-discovery-tabs {
    width: 100%;
    min-height: 130px;
  }

  .unified-store-filter .store-discovery-tab__copy {
    top: calc(100% + 9px);
  }

  .unified-store-filter .store-discovery-tab__copy small {
    display: none;
  }
}

@media (max-width: 360px) {
  .unified-store-filter .store-discovery-tab__copy {
    width: calc(var(--store-launcher-size) + 6px);
    min-width: calc(var(--store-launcher-size) + 6px);
  }

  .unified-store-filter .store-discovery-tab__copy strong {
    font-size: 9px;
    letter-spacing: -.2px;
    white-space: nowrap;
  }
}