Floating Apiary Profile Code

<style>

/* PAGE SETUP: Removes default spacing. */
#root main {
  padding: 0 !important;
}
#root p {
  line-height: 1.65;
  margin-bottom: 0;
}

#root main > .profile-page-container {
  padding: 0 !important;
}

.Btn:before {
  display: none;
}

.profile-page-flex {
  flex-direction: column;
  align-items: center;
}

.profile-uc-background-flex {
  width: 100%;
  max-width: unset;
  padding: 0;
  overflow: visible;
  background: transparent;
  border-radius: 0;
}
.profile-uc-background-flex:hover {
  box-shadow: none;
}

.profile-about-me {
  display: contents;
}
.profile-about-me + div {
  grid-area: 2 / 4 / 6 / 2;
  position: relative;
  top: -45px;
  z-index: 18;
  justify-self: center;
  width: min(350px, 95%);
}

.profile-info-hstack {
  display: contents;
}

.pp-uc-member-since, .profile-member-since-box + button, .profile-background-box-1 {
  display: none;
}

/* AVATAR: Styles and positions the floating portrait frame. */
.pp-uc-avatar-container {
  position: relative;
  left: 4.5pc;
  top: 2pc;
  z-index: 12;
  aspect-ratio: 4 / 5;
  filter: drop-shadow(0 28px 34px rgba(6,4,1,.62)) drop-shadow(0 0 24px rgba(232,182,63,.24));
  animation: apiary-avatar-float 7s ease-in-out infinite;
  grid-area: 2 / 2 / 4 / 2;
  justify-self: center;
  width: 330px;
  margin: .5rem 0 0;
}
.pp-uc-avatar-container::before {
  content: "";
  position: absolute;
  inset: -31px -34px -44px;
  z-index: -3;
  width: 23pc;
  height: 37pc;
  left: -6pc;
  clip-path: shape(from 46.72% 99.24%,curve by -20.47% -16.07% with -8.64% -2.87%/-18.06% -10.25%,curve by -2.17% -4.51% with -0.48% -1.11%/-1.45% -3.14%,curve by -1.03% -6.54% with -1.21% -2.18%/-1.33% -2.98%,curve by 0.72% -4.78% with 0.24% -2.22%/0.54% -4.36%,curve by -1.21% 1.19% with 0.18% -0.38%/-0.36% 0.15%,curve by -1.51% 3.37% with -0.79% 1.07%/-1.51% 2.56%,curve by -1.51% 2.33% with 0% 1.07%/-0.42% 1.68%,curve by -1.51% 1.61% with -0.85% 0.5%/-1.51% 1.22%,curve by -5.19% 7.23% with -0.06% 1.15%/-3.26% 5.66%,curve by -8.52% 1.91% with -2.54% 2.1%/-4.77% 2.6%,curve by -1.21% -2.3% with -5.31% -1.03%/-5.74% -1.84%,curve by 7.13% -2.22% with 3.38% -0.34%/6.34% -1.26%,curve by 1.15% -4.32% with 0.36% -0.42%/0.91% -2.37%,curve by 6.7% -10.67% with 0.72% -5.51%/1.87% -7.31%,curve by 4.17% -3.41% with 2.29% -1.57%/4.17% -3.14%,curve by 4.23% -2.14% with 0% -0.73%/2.84% -2.14%,curve by 2.72% -1.72% with 0.66% 0%/1.75% -0.73%,curve by 3.38% -3.06% with 0.85% -0.96%/2.42% -2.33%,line by 1.81% -1.3%,line by -2.84% -2.22%,curve by -5.01% -5.09% with -1.57% -1.22%/-3.8% -3.48%,curve by -2.11% -6.12% with -1.93% -2.56%/-2.11% -3.18%,curve by 1.45% -4.94% with 0% -2.75%/0.24% -3.52%,line by 1.51% -1.65%,line by -2.17% -1.22%,curve by -4.71% -4.55% with -1.45% -0.77%/-3.08% -2.37%,curve by -1.93% -7.88% with -3.2% -4.48%/-3.44% -5.39%,curve by 0.6% -3.6% with 1.09% -1.72%/1.21% -2.26%,curve by -4.47% -3.33% with -0.85% -2.03%/-1.51% -2.53%,line by -2.42% -0.69%,line by 1.69% -0.42%,curve by 9.48% 9.49% with 5.98% -1.49%/8.27% 0.84%,curve by 0.91% 5.24% with 0.36% 2.45%/0.72% 4.82%,curve by 6.64% 4.74% with 0.36% 1.03%/5.56% 4.74%,curve by 5.13% -1.72% with 0.79% 0%/5.13% -1.45%,curve by -0.97% -1.57% with 0% -0.04%/-0.42% -0.77%,curve by -0.6% -3.02% with -0.66% -0.99%/-0.85% -1.95%,curve by 0.6% -3.18% with 0.24% -0.84%/0.48% -2.26%,curve by 5.56% -3.94% with 0.18% -2.03%/2.11% -3.41%,curve by 3.56% -1.15% with 1.45% -0.23%/3.02% -0.73%,curve by -0.36% -2.14% with 0.97% -0.65%/0.97% -0.77%,curve by -12.56% -10.18% with -3.38% -3.6%/-7.25% -6.7%,curve by -4.71% -4.36% with -5.38% -3.52%/-5.68% -3.75%,curve by 4.41% 1.42% with 0.97% -0.61%/1.21% -0.54%,curve by 13.11% 11.1% with 4.47% 2.83%/9.97% 7.46%,line by 2.54% 2.98%,line by 3.2% 0.15%,line by 3.2% 0.11%,line by 2.54% -2.98%,curve by 13.35% -11.36% with 3.02% -3.63%/8.82% -8.53%,curve by 4.41% -1.42% with 3.2% -1.95%/3.44% -2.03%,curve by -5.01% 4.55% with 0.97% 0.57%/0.6% 0.88%,curve by -13.53% 11.4% with -5.01% 3.25%/-13.53% 10.44%,curve by 4.59% 1.84% with 0% 0.54%/2.17% 1.42%,curve by 5.44% 3.98% with 3.38% 0.61%/5.25% 1.99%,curve by 0.6% 3.18% with 0.12% 0.92%/0.36% 2.33%,curve by -0.6% 3.02% with 0.24% 1.07%/0.06% 2.03%,curve by -0.72% 1.72% with -0.54% 0.8%/-0.85% 1.57%,curve by 2.48% 0.96% with 0.12% 0.11%/1.27% 0.57%,curve by 6.58% -1.8% with 2.6% 0.92%/3.14% 0.77%,curve by 3.2% -6.85% with 2.36% -1.76%/2.36% -1.8%,curve by 3.62% -9.95% with 0.85% -5.43%/2.11% -8.88%,curve by 6.04% -0.27% with 1.09% -0.77%/3.56% -0.88%,line by 1.69% 0.42%,line by -2.42% 0.69%,curve by -4.47% 3.33% with -2.96% 0.8%/-3.62% 1.3%,curve by 0.6% 3.6% with -0.6% 1.34%/-0.48% 1.87%,curve by -1.93% 7.88% with 1.51% 2.49%/1.27% 3.41%,curve by -4.65% 4.55% with -1.63% 2.18%/-3.26% 3.79%,curve by -1.51% 2.1% with -1.99% 1.11%/-2.11% 1.3%,curve by 2.29% 6.85% with 1.87% 2.41%/2.66% 4.78%,curve by -5.31% 8.11% with -0.36% 1.99%/-3.68% 7.04%,curve by -4.65% 3.9% with -1.39% 0.92%/-4.65% 3.67%,curve by 2.48% 2.22% with 0% 0.15%/1.09% 1.15%,curve by 3.32% 3.06% with 1.33% 1.07%/2.84% 2.45%,curve by 3.2% 1.8% with 0.48% 0.57%/1.93% 1.42%,curve by 10.75% 7.54% with 2.17% 0.73%/6.1% 3.48%,curve by 3.2% 7.73% with 2.11% 1.87%/3.2% 4.48%,curve by 2.17% 5.47% with 0% 2.6%/0.85% 4.78%,curve by 4.95% 1.11% with 0.54% 0.27%/2.72% 0.77%,curve by 4.17% 1.03% with 2.17% 0.34%/4.05% 0.8%,curve by -7.01% 1.65% with 0.3% 0.57%/-4.23% 1.65%,curve by -4.17% -0.96% with -1.63% 0%/-2.96% -0.31%,curve by -6.52% -7.84% with -1.99% -1.03%/-5.92% -5.82%,curve by -1.81% -2.22% with -0.24% -0.73%/-1.03% -1.72%,curve by -1.45% -2.3% with -1.03% -0.61%/-1.45% -1.3%,curve by -1.51% -3.33% with 0% -0.77%/-0.66% -2.26%,curve by -1.03% -0.77% with -1.03% -1.3%/-1.33% -1.57%,curve by -0.42% 11.25% with 0.72% 2.1%/0.48% 10.25%,curve by -1.93% 3.56% with -0.42% 0.5%/-1.33% 2.1%,curve by -7.67% 9.18% with -1.57% 3.6%/-3.44% 5.82%,curve by -12.98% 7.38% with -4.95% 3.83%/-9.18% 6.27%,curve by -6.76% 0.11% with -3.74% 1.15%/-3.74% 1.15%,close,move by 14.8% -5.85%,curve by 2.42% -1.72% with 0.72% -0.42%/1.81% -1.19%,line by 1.09% -0.96%,line by -14.98% 0%,line by -14.98% 0%,line by 1.09% 0.96%,curve by 4.53% 2.41% with 1.51% 1.3%/3.08% 2.18%,curve by 10.33% 0.15% with 0.66% 0.11%/5.31% 0.19%,curve by 10.51% -0.84% with 8.21% -0.08%/9.3% -0.15%,close,move by 8.27% -8.84%,curve by 2.05% -1.76% with 0.97% -0.15%/1.57% -0.73%,curve by 0.36% -1.68% with 0.3% -0.84%/0.48% -1.61%,curve by -6.82% 0.27% with -0.18% -0.11%/-3.26% 0%,curve by -15.34% 0.42% with -3.62% 0.23%/-10.51% 0.42%,curve by -15.34% -0.42% with -4.83% 0%/-11.72% -0.19%,curve by -6.82% -0.27% with -3.56% -0.27%/-6.64% -0.38%,curve by 0.48% 1.72% with -0.12% 0.08%/0.06% 0.84%,curve by 7.19% 2.1% with 0.79% 1.68%/1.09% 1.76%,curve by 34.24% -0.38% with 4.17% 0.23%/32.73% -0.08%,close,move by -5.86% -9.34%,curve by 9.24% -0.73% with 4.17% -0.19%/8.33% -0.54%,curve by 1.63% -2.79% with 1.51% -0.38%/1.63% -0.54%,curve by -0.48% -2.87% with 0% -1.34%/-0.24% -2.64%,curve by -8.88% 0.31% with -0.36% -0.38%/-2.36% -0.31%,curve by -30.74% 0% with -10.81% 1.03%/-19.99% 1.03%,curve by -8.64% -0.65% with -4.65% -0.42%/-8.52% -0.73%,curve by -0.79% 2.33% with -0.12% 0.08%/-0.48% 1.11%,curve by 10.87% 4.4% with -0.97% 3.71%/-0.3% 3.94%,curve by 27.78% 0% with 10.33% 0.38%/19.33% 0.42%,close,move by -13.59% -38.03%,curve by 10.15% 0.31% with 2.66% 0%/7.25% 0.15%,line by 5.38% 0.34%,line by -0.24% -0.88%,curve by -15.58% -3.44% with -0.42% -2.03%/-6.76% -3.44%,curve by -15.58% 3.44% with -8.58% 0%/-15.16% 1.45%,line by -0.24% 0.88%,line by 5.68% -0.34%,curve by 10.45% -0.31% with 3.08% -0.19%/7.79% -0.31%,close,move by -9.36% -17.03%,curve by 0.3% -0.54% with 1.27% -0.65%/1.27% -0.77%,curve by -3.32% 1.95% with -1.75% 0.34%/-3.32% 1.3%,curve by 0.79% 0% with 0% 0.54%/0.12% 0.54%,curve by 2.23% -1.42% with 0.36% -0.34%/1.39% -0.99%,close,move by 20.23% 0.34%,curve by -2.29% -0.92% with -0.54% -0.38%/-1.57% -0.8%,curve by 0.79% 1.03% with -1.09% -0.15%/-0.91% 0.04%,curve by 1.51% -0.11% with 2.17% 1.26%/3.38% 1.19%,close);
  background: radial-gradient(circle at 50% 15%, rgba(255,235,157,.14), transparent 27%),
    linear-gradient(145deg, #4a3217 0%, #21170d 48%, #120e08 100%);
}
.pp-uc-avatar-container::after {
  content: "";
  position: absolute;
  inset: -31px -34px -44px;
  z-index: -3;
  width: 55pc;
  height: 20.5pc;
  left: -22pc;
  top: 4.5pc;
	clip-path: shape(from 7.12% 99.16%,curve by -4.79% -8.55% with -1.71% -1.48%/-3.18% -4.11%,curve by -2.32% -15.68% with -1.87% -5.11%/-2.45% -9.08%,curve by 4.36% -21.33% with 0.18% -7.67%/1.36% -13.46%,curve by 8.15% -16.22% with 2.36% -6.19%/5.08% -11.57%,line by 2.34% -3.57%,line by -0.45% -2.09%,curve by 5.54% -28.4% with -1.65% -7.81%/1.02% -21.47%,curve by 6.17% -3.23% with 1.47% -2.22%/4.12% -3.63%,curve by 11.29% 12.99% with 3.21% 0.61%/7.35% 5.38%,curve by 8.26% 20.19% with 2.96% 5.79%/7.03% 15.68%,curve by -0.27% 6.06% with 0.36% 1.28%/0.33% 1.62%,curve by -1.71% 18.57% with -0.73% 5.18%/-1.49% 13.53%,line by -0.16% 3.36%,line by -4.47% 6.6%,curve by -6.03% 8.61% with -2.47% 3.63%/-5.16% 7.47%,curve by -3.67% 5.05% with -0.85% 1.08%/-2.52% 3.36%,curve by -6.68% 8.21% with -2.81% 4.04%/-4.41% 5.99%,curve by -2.11% 2.36% with -1.05% 1.01%/-1.98% 2.09%,curve by -6.79% 6.66% with -0.31% 0.74%/-5.59% 5.92%,curve by -6.66% 0.4% with -1.98% 1.28%/-5.37% 1.48%,close,move by 3.01% -1.35%,curve by -1.78% -13.86% with 0.24% -1.95%/-0.8% -10.09%,curve by -4.92% -9.02% with -1.07% -4.17%/-2.83% -7.34%,curve by -2.92% 0.67% with -2% -1.55%/-2.74% -1.35%,curve by 1.14% 10.36% with -0.24% 2.89%/0.11% 6.19%,curve by 4.12% 10.03% with 1.11% 4.58%/2.32% 7.54%,curve by 4.36% 1.82% with 1.91% 2.62%/4.14% 3.57%,close,move by 5.9% -2.96%,curve by 4.88% -6.19% with 3.63% -3.43%/4.88% -5.05%,curve by -1.91% -2.83% with 0% -1.75%/-0.47% -2.42%,curve by -3.67% -4.91% with -1.54% -0.4%/-2.27% -1.35%,line by -0.98% -2.49%,line by -2% 0.47%,curve by -3.81% 1.95% with -1.89% 0.4%/-3.58% 1.28%,curve by 0.8% 4.91% with -0.04% 0.13%/0.31% 2.36%,curve by 1.25% 8.28% with 0.49% 2.56%/1.07% 6.26%,line by 0.36% 3.63%,line by 1.51% -0.47%,curve by 3.58% -2.36% with 0.82% -0.2%/2.43% -1.28%,close,move by 9.44% -9.96%,curve by 2.45% -3.3% with 1.11% -1.28%/2.2% -2.76%,curve by -0.11% -2.29% with 0.45% -1.01%/0.45% -1.01%,curve by -4.52% -4.71% with -0.65% -1.48%/-3.74% -4.71%,curve by -0.69% 2.56% with -0.47% 0%/-0.56% 0.4%,curve by -0.69% 5.11% with -0.07% 1.48%/-0.38% 3.7%,curve by -0.16% 5.05% with -0.67% 2.96%/-0.69% 4.11%,curve by 3.72% -2.42% with 0.49% 0.94%/1.27% 0.4%,close,move by -4.21% -3.16%,curve by 0.76% -5.65% with 0.67% -2.02%/0.76% -2.69%,curve by -3.18% -7.54% with 0% -4.91%/-1.09% -7.54%,curve by -3.38% 7.94% with -1.96% 0%/-2.98% 2.42%,curve by 0.65% 4.51% with -0.13% 1.95%/-0.07% 2.49%,curve by 3.12% 2.96% with 0.89% 2.49%/1.2% 2.83%,curve by 2.05% -2.22% with 1.2% 0.07%/1.36% -0.13%,close,move by -12.36% -3.16%,curve by 0.82% -0.94% with 0.42% -0.47%/0.78% -0.87%,curve by -1.34% -7.6% with 0.18% -0.4%/-0.53% -4.44%,curve by -4.74% -12.25% with -0.91% -3.57%/-4.27% -12.25%,curve by -2.76% 11.98% with -0.45% 0%/-2.45% 8.68%,curve by 1.09% 2.83% with -0.22% 2.29%/-0.02% 2.83%,curve by 4.9% 4.98% with 0.98% 0%/4.01% 3.1%,curve by 2.03% 1.01% with 0.91% 1.95%/1.02% 2.02%,close,move by 21.82% -4.78%,curve by 2.87% -12.25% with 1.67% -5.65%/2.87% -10.77%,curve by -1.94% -1.21% with 0% -0.87%/-0.33% -1.08%,curve by -4.03% -0.2% with -1.09% 0%/-2.89% -0.13%,curve by -2.38% 1.75% with -2.07% -0.13%/-2.07% -0.13%,curve by -1.56% 5.72% with -0.2% 1.01%/-0.89% 3.63%,curve by -1.11% 4.24% with -0.67% 2.02%/-1.18% 3.97%,curve by 1.38% 1.41% with 0.04% 0.27%/0.67% 0.87%,curve by 4.63% 4.78% with 1.49% 0.94%/4.32% 3.9%,curve by 2.14% -4.24% with 0.4% 1.14%/0.69% 0.61%,close,move by 6.39% -5.05%,curve by 4.79% -7.34% with 2.63% -3.7%/4.79% -6.93%,curve by -5.1% -0.61% with 0.07% -0.87%/-2.18% -1.14%,curve by -2.74% 2.22% with -2.4% 0.47%/-2.49% 0.54%,curve by -3.61% 13.8% with -0.38% 2.42%/-3.09% 12.79%,curve by -0.42% 1.28% with -0.22% 0.4%/-0.42% 1.01%,curve by 7.08% -9.35% with 0% 0.54%/0.27% 0.13%,close,move by -22.06% 5.52%,curve by 0.67% -5.25% with 0.76% -4.11%/0.8% -4.31%,curve by -7.15% -14.33% with -0.18% -1.41%/-4.52% -10.09%,curve by -3.98% -0.07% with -2.63% -4.17%/-2.38% -4.17%,line by -0.65% 1.62%,line by 1.58% 3.5%,curve by 4.34% 14.74% with 1.74% 3.9%/3.63% 10.3%,line by 0.45% 2.89%,line by 2.14% -0.2%,line by 2.11% -0.2%,line by 0.49% -2.69%,close,move by 7.99% -6.53%,curve by 2.09% -9.96% with 1.07% -2.83%/2.09% -7.74%,curve by -1.16% -4.24% with 0% -1.82%/-0.47% -3.5%,curve by -4.12% 2.76% with -0.51% -0.54%/-3.07% 1.21%,curve by -2.14% 5.92% with -0.47% 0.74%/-1.42% 3.43%,curve by -0.87% 5.92% with -1.29% 4.64%/-1.65% 7%,curve by 4.52% 0.54% with 0.71% -1.14%/3.92% -0.74%,curve by 1.67% -0.94% with 0.71% 1.55%/0.73% 1.55%,close,move by -6.41% -3.84%,curve by 0.71% -3.63% with 0.4% -1.48%/0.71% -3.1%,curve by -6.37% -14.94% with 0% -2.09%/-3.74% -10.83%,line by -1.16% -1.82%,line by -1.47% 2.96%,curve by -1.47% 3.3% with -0.8% 1.62%/-1.47% 3.1%,curve by 2.67% 4.98% with 0% 0.2%/1.2% 2.42%,curve by 4.41% 8.08% with 1.47% 2.49%/3.45% 6.12%,curve by 1.85% 3.63% with 0.94% 1.95%/1.78% 3.63%,curve by 0.82% -2.56% with 0.07% 0.07%/0.45% -1.14%,close,move by 2.16% -6.8%,line by 0.62% -1.95%,line by -0.65% -2.83%,curve by -2.65% -9.22% with -0.36% -1.55%/-1.56% -5.72%,line by -2% -6.39%,line by -1.87% 2.83%,line by -1.85% 2.83%,line by 2.25% 4.17%,curve by 3.76% 8.34% with 1.25% 2.29%/2.94% 6.06%,curve by 1.63% 4.24% with 0.82% 2.29%/1.56% 4.17%,curve by 0.76% -2.02% with 0.07% 0%/0.4% -0.87%,close,move by 14.36% 0.74%,curve by -2.87% -6.46% with -0.38% -2.15%/-1.8% -5.32%,curve by -4.34% -2.89% with -1.09% -1.14%/-4.27% -3.23%,curve by -0.56% 2.49% with 0% 0.13%/-0.27% 1.21%,curve by -0.18% 2.83% with -0.47% 1.95%/-0.49% 2.36%,curve by 0.49% 2.62% with 0.18% 0.34%/0.4% 1.48%,line by 0.13% 1.95%,line by 2.72% 0.27%,curve by 3.78% 0.34% with 1.49% 0.07%/3.21% 0.27%,curve by 0.82% -1.14% with 0.98% 0.13%/1.05% 0.07%,close,move by 9.73% 0.47%,curve by 0.36% -3.36% with 0.13% -0.47%/0.29% -2.02%,line by 0.13% -2.49%,line by -1.49% -0.47%,curve by -7.59% 0.74% with -1.54% -0.47%/-7.24% 0.07%,curve by 0.13% 2.36% with -0.11% 0.2%/-0.07% 1.28%,curve by 0.2% 3.03% with 0.18% 1.14%/0.27% 2.49%,curve by 3.96% 1.01% with -0.11% 0.87%/0.47% 1.01%,curve by 4.3% -0.81% with 3.01% 0%/4.14% -0.2%,close,move by -8.97% -2.02%,curve by -2.98% -9.22% with -0.36% -3.63%/-1.56% -7.27%,curve by -4.96% -2.89% with -1.4% -1.82%/-4.23% -3.5%,curve by 1.85% 3.77% with -1.07% 0.87%/-0.24% 2.49%,curve by 5.23% 7.34% with 2.36% 1.35%/4.36% 4.17%,curve by 0.87% 1.01% with 0.78% 2.76%/1.09% 3.16%,close,move by -11.62% -3.63%,curve by 1.8% -0.54% with 0.8% -0.54%/1.63% -0.74%,curve by 0.69% -1.21% with 0.2% 0.2%/0.49% -0.27%,curve by -3.76% -10.9% with 1.14% -4.85%/-0.36% -9.15%,curve by -3.83% -2.89% with -1.11% -0.61%/-2.83% -1.88%,curve by -2.09% -1.08% with -1.34% -1.35%/-1.89% -1.68%,curve by 0.31% 2.29% with -0.18% 0.54%/-0.09% 1.14%,curve by 4.23% 14.67% with 0.51% 1.55%/3.38% 11.51%,curve by 0.78% 1.08% with 0.27% 1.01%/0.53% 1.35%,curve by 1.87% -1.41% with 0.2% -0.27%/1.05% -0.87%,close,move by 21.46% -4.04%,curve by -13.05% -8.41% with 0.36% -4.24%/-1.16% -5.18%,curve by -6.52% 1.08% with -3.18% -0.81%/-7.15% -0.2%,curve by 2.43% 1.21% with 0.22% 0.4%/1.31% 1.01%,curve by 5.99% 5.52% with 2.52% 0.54%/4.56% 2.42%,line by 1.11% 2.36%,line by 4.94% 0%,line by 4.96% 0%,line by 0.13% -1.75%,close,move by 0.6% -5.92%,curve by -6.37% -8.41% with 0.16% -1.21%/-0.62% -2.22%,curve by -6.26% -5.59% with -2.81% -3.03%/-5.1% -5.05%,curve by -2.6% 0.67% with -1.74% -0.74%/-1.89% -0.67%,curve by -1.98% 5.11% with -0.42% 0.74%/-1.31% 3.1%,line by -1.2% 3.77%,line by 2.09% 0%,curve by 14.03% 4.31% with 2.98% 0%/10.98% 2.49%,curve by 2.29% 0.13% with 1.94% 1.21%/2.16% 1.21%,close,move by 0.73% -5.18%,curve by 0.07% -3.77% with 0.29% -1.82%/0.31% -2.42%,curve by -7.39% -18.3% with -0.49% -2.83%/-3.87% -11.17%,curve by -2.29% -1.21% with -2.45% -4.98%/-2.47% -4.98%,curve by 1.58% 14.74% with 0.18% 3.5%/0.98% 10.9%,curve by 1.31% 3.84% with 0.27% 1.62%/0.71% 2.96%,curve by 5.97% 6.73% with 1.22% 1.88%/5.5% 6.66%,curve by 0.76% -2.02% with 0.22% 0.07%/0.56% -0.87%,close,move by -20.84% -2.29%,curve by -8.04% -13.19% with -1.8% -5.59%/-5.41% -11.51%,curve by -1.76% 3.57% with -1.38% -0.87%/-1.76% -0.13%,curve by 1.85% 8.41% with 0% 3.97%/0.51% 6.33%,curve by 6.39% 4.17% with 1.98% 3.1%/3.58% 4.17%,line by 2.54% 0.07%,line by -0.98% -3.03%,close,move by 4.45% -7%,curve by -1.42% -4.91% with 0.94% -2.49%/0.85% -2.76%,curve by -3.12% -0.67% with -1.38% -1.28%/-1.71% -1.35%,curve by -3.25% 2.69% with -1.91% 0.94%/-3.25% 2.02%,curve by 1.69% 3.84% with 0% 0.27%/0.76% 2.02%,curve by 2.34% 5.52% with 0.91% 1.88%/1.98% 4.31%,line by 0.69% 2.09%,line by 1.16% -3.23%,curve by 1.91% -5.32% with 0.62% -1.75%/1.49% -4.11%,close,move by 7.12% -3.77%,curve by -0.91% -10.23% with -0.33% -3.36%/-0.76% -7.94%,line by -0.29% -4.17%,line by -1.85% -2.69%,curve by -2.45% -3.16% with -1.02% -1.55%/-2.11% -2.96%,line by -0.58% -0.47%,line by 0.18% 10.03%,curve by 0.33% 11.04% with 0.09% 5.52%/0.24% 10.5%,curve by 3.16% 3.43% with 0.11% 0.61%/1.4% 2.02%,curve by 3.01% 2.29% with 1.63% 1.28%/2.98% 2.36%,curve by -0.6% -6.06% with 0.02% 0%/-0.24% -2.76%,close,move by -12.8% -2.76%,curve by 2.69% -0.81% with 0.87% -0.54%/2.07% -0.94%,line by 1.16% 0.2%,line by -0.87% -3.03%,curve by -2.36% -8.88% with -0.49% -1.68%/-1.54% -5.65%,curve by -1.94% -5.92% with -1.02% -4.17%/-1.63% -5.92%,curve by -6.37% 14.06% with -1.4% 0%/-5.52% 9.15%,line by -0.42% 2.56%,line by 1.49% 0.81%,curve by 2.47% 2.02% with 0.82% 0.47%/1.94% 1.41%,curve by 1.78% 0.61% with 0.76% 0.94%/1.18% 1.08%,curve by 2.36% -1.62% with 0.45% -0.34%/1.51% -1.08%,close,move by 6.39% 0.27%,curve by -0.45% -18.84% with 0.16% -2.76%/-0.2% -18.1%,curve by -6.06% -0.4% with -0.73% -2.22%/-6.06% -2.56%,curve by 6.06% 20.73% with 0% 2.49%/5.32% 20.73%,curve by 0.45% -1.48% with 0.2% 0%/0.38% -0.67%,close,close,move to 85.8% 98.89%,curve by -6.23% -5.85% with -1.96% -1.35%/-5.19% -4.37%,curve by -3.34% -3.7% with -0.36% -0.47%/-1.87% -2.15%,curve by -6.52% -8.08% with -1.47% -1.48%/-4.41% -5.11%,curve by -3.94% -5.32% with -2.11% -2.89%/-3.9% -5.32%,curve by -6.95% -9.89% with -0.13% 0%/-3.25% -4.44%,curve by -2.96% -5.85% with -2.54% -3.7%/-2.96% -4.51%,curve by -1.76% -19.52% with 0% -2.62%/-1.02% -14%,curve by 0.8% -10.57% with -0.8% -5.99%/-0.78% -6.12%,curve by 18.54% -30.01% with 5.99% -16.82%/13.51% -29%,curve by 8.97% 8.88% with 3.5% -0.67%/6.23% 2.02%,curve by 3.32% 14.6% with 1.83% 4.58%/2.96% 9.56%,curve by -0.29% 7.07% with 0.24% 3.5%/0.22% 3.97%,line by -0.53% 3.3%,line by 2.4% 3.63%,curve by 11.69% 28.13% with 5.19% 7.67%/10.22% 19.85%,curve by -4.65% 31.9% with 2.27% 12.92%/0.67% 23.82%,curve by -4.1% 2.36% with -1.34% 2.02%/-1.6% 2.15%,curve by -4.45% -1.08% with -2% 0.13%/-3.12% -0.13%,close,move by 8.64% -3.16%,curve by 2.69% -5.38% with 0.94% -1.35%/2.16% -3.77%,curve by 2.36% -12.38% with 1.29% -3.7%/2.36% -9.35%,curve by -1.58% -3.77% with 0% -3.77%/-0.22% -4.31%,curve by -6.52% 10.43% with -2.69% 1.08%/-5.25% 5.18%,curve by -1.69% 12.92% with -0.76% 3.16%/-1.69% 10.23%,curve by 1.54% 1.08% with 0% 1.41%/0.07% 1.48%,curve by 3.21% -2.89% with 1.11% -0.27%/1.96% -1.01%,close,move by -5.19% -0.87%,curve by 1.25% -8.55% with 0.13% -1.82%/0.69% -5.65%,curve by 0.91% -5.38% with 0.53% -2.83%/0.96% -5.32%,curve by -4.63% -1.62% with -0.18% -0.54%/-3.18% -1.62%,curve by -2.56% 2.42% with -1.63% 0%/-1.69% 0.07%,curve by -3.63% 4.64% with -1.11% 3.16%/-2.11% 4.44%,curve by -1.54% 1.62% with -0.98% 0.13%/-1.29% 0.47%,curve by -0.13% 2.09% with -0.2% 0.87%/-0.24% 1.75%,curve by 9.37% 8.01% with 0.6% 1.75%/7.75% 7.87%,curve by 0.96% -3.23% with 0.65% 0.07%/0.71% -0.13%,close,move by -10.93% -8.08%,curve by -0.42% -3.77% with 0.18% -1.01%/0.11% -1.75%,curve by -0.8% -5.45% with -0.38% -1.48%/-0.71% -3.7%,curve by -0.85% -2.62% with -0.13% -2.96%/-0.16% -3.03%,curve by -4.27% 4.71% with -1.14% 0.74%/-3.67% 3.5%,curve by 1% 4.17% with -0.71% 1.41%/-0.53% 2.15%,curve by 5.34% 2.96% with 3.23% 4.37%/4.94% 5.32%,close,move by 3.7% -2.83%,curve by 2.34% -6.06% with 1.36% -1.14%/2.34% -3.63%,curve by -1.45% -8.01% with 0% -2.83%/-0.73% -6.86%,curve by -4.36% 1.01% with -1% -1.62%/-3.32% -1.14%,curve by -0.87% 4.78% with -0.8% 1.55%/-0.87% 1.95%,curve by 4.34% 8.28% with 0% 7.2%/1.69% 10.43%,close,move by 13.16% -9.35%,curve by 2.36% -1.75% with 0.65% -0.67%/1.69% -1.48%,curve by 1.45% -0.87% with 0.65% -0.27%/1.29% -0.61%,curve by -2.07% -12.45% with 0.51% -0.87%/-0.51% -7.13%,curve by -1.14% -1.01% with -0.51% -1.82%/-0.6% -1.88%,curve by -5.59% 18.64% with -2% 3.23%/-5.77% 15.81%,curve by 0.96% 1.82% with 0.04% 0.61%/0.47% 1.35%,curve by 1.89% -1.14% with 0.82% 0.67%/0.98% 0.61%,curve by 2.14% -3.23% with 0.53% -1.01%/1.49% -2.49%,close,move by -26.74% 0.54%,curve by -2.27% -8.61% with -0.69% -2.29%/-1.71% -6.19%,line by -0.98% -4.51%,line by -1.49% -0.47%,curve by -6.14% 0.2% with -2.18% -0.61%/-6.01% -0.47%,curve by 10.55% 15.48% with -0.11% 0.47%/2.36% 4.11%,curve by 1.54% 2.02% with 0.8% 1.08%/1.49% 2.02%,curve by -1.2% -4.11% with 0.04% 0.07%/-0.51% -1.82%,close,move by 3.56% 2.22%,curve by 3.12% -3.1% with 0.62% -0.87%/2% -2.22%,curve by 2.07% -2.22% with 1.09% -0.81%/2.03% -1.82%,curve by -1.07% -3.9% with 0.04% -0.4%/-0.45% -2.15%,curve by -1.6% -5.52% with -0.6% -1.75%/-1.34% -4.24%,line by -0.47% -2.36%,line by -4.03% 0.47%,curve by -4.12% 0.74% with -2.2% 0.27%/-4.07% 0.61%,curve by 4.81% 17.7% with -0.36% 1.14%/4.32% 18.37%,curve by 1.29% -1.82% with 0.09% -0.13%/0.69% -0.94%,close,move by 17.97% -2.62%,curve by 4.27% -14.6% with 0.62% -4.04%/2.67% -11.1%,curve by 1.47% -3.7% with 0.8% -1.82%/1.47% -3.5%,curve by -0.6% -2.09% with 0% -0.2%/-0.27% -1.14%,curve by -3.34% -0.4% with -1.34% -3.63%/-1.2% -3.63%,curve by -7.64% 15.28% with -2.49% 3.84%/-7.3% 13.39%,curve by 0.2% 3.16% with -0.2% 1.14%/-0.16% 1.68%,curve by 0.47% 2.49% with 0.27% 0.94%/0.47% 2.09%,curve by 2.67% 2.42% with 0% 1.88%/0.58% 2.42%,line by 2.11% -0.07%,line by 0.38% -2.49%,close,move by -11.38% -5.99%,curve by 4.32% -0.54% with 0.82% -1.28%/3.14% -1.55%,line by 0.65% 0.54%,line by -0.42% -1.95%,curve by -6.23% -12.85% with -1.65% -7.74%/-3.78% -12.11%,curve by -2.09% 7.07% with -2.05% -0.67%/-2.89% 2.15%,curve by 2.76% 8.88% with 0.47% 2.83%/2.36% 8.88%,curve by 1.02% -1.14% with 0.16% 0%/0.6% -0.54%,close,move by 7.59% -6.39%,curve by 4.47% -8.28% with 1.16% -2.36%/3.16% -6.06%,curve by 2.36% -4.37% with 1.31% -2.22%/2.38% -4.17%,curve by -1.47% -3.1% with 0% -0.2%/-0.67% -1.62%,curve by -2.14% -2.15% with -1.31% -2.49%/-1.56% -2.76%,curve by -7.06% 16.15% with -1.65% 1.75%/-7.06% 14.13%,curve by 1.6% 5.92% with 0% 0.74%/1.38% 5.92%,curve by 2.23% -4.17% with 0.07% 0%/1.07% -1.88%,close,move by -21.13% -4.71%,curve by 0.2% -3.57% with 0.07% -1.21%/0.16% -2.83%,curve by -3.38% -1.55% with 0.07% -1.28%/-0.07% -1.35%,curve by -4.61% 0.2% with -1.89% -0.13%/-3.96% 0%,line by -1.16% 0.4%,line by 0.13% 2.49%,curve by 0.33% 3.3% with 0.07% 1.35%/0.22% 2.83%,curve by 4.3% 0.87% with 0.16% 0.54%/1.42% 0.81%,line by 4.07% 0%,line by 0.11% -2.15%,close,move by 4.39% 1.41%,curve by 4.45% -1.62% with 2.89% 0%/4.45% -0.61%,curve by 0.4% -2.42% with 0% -0.47%/0.18% -1.55%,curve by -0.04% -3.7% with 0.4% -1.48%/0.4% -1.55%,curve by -2.81% -1.28% with -0.53% -2.56%/-0.67% -2.62%,curve by -4.45% 6.19% with -2.18% 1.41%/-3.67% 3.43%,curve by -0.04% 3.3% with -0.85% 2.83%/-0.85% 3.77%,curve by 2.49% -0.47% with 0.33% -0.27%/1.45% -0.47%,close,move by 13.98% -4.37%,curve by 3.76% -8.14% with 0.94% -2.42%/2.63% -6.06%,curve by 2.07% -3.97% with 1.14% -2.02%/2.07% -3.84%,curve by -1.8% -3.03% with 0% -0.13%/-0.82% -1.48%,line by -1.8% -2.69%,line by -0.56% 1.55%,curve by -4.47% 15.68% with -0.82% 2.29%/-4.19% 14.13%,curve by 0.36% 3.23% with -0.2% 1.14%/-0.13% 1.68%,curve by 0.65% 1.82% with 0.31% 1.01%/0.6% 1.82%,curve by 1.8% -4.44% with 0.04% 0%/0.85% -2.02%,close,move by -14.89% -3.43%,curve by 3.23% -2.96% with 0.69% -0.87%/2.14% -2.22%,curve by 2.36% -3.03% with 2.25% -1.48%/2.36% -1.68%,curve by -5.74% 2.69% with 0% -2.15%/-3.74% -0.4%,curve by -2.47% 7.34% with -1.2% 1.88%/-2.14% 4.64%,curve by 0.56% 0.54% with -0.42% 3.36%/-0.27% 3.5%,curve by 2.07% -4.58% with 0.51% -1.75%/1.31% -3.5%,close,move by 12.2% -0.4%,curve by 2.58% -8.95% with 0.49% -1.88%/1.65% -5.99%,curve by -1.05% -4.37% with 2.07% -6.66%/1.91% -7.27%,curve by -3.65% 2.76% with -1.11% 1.08%/-2.76% 2.36%,curve by -4.05% 7.54% with -2.54% 1.08%/-4.05% 3.97%,curve by 1.51% 4.64% with 0% 3.5%/0.36% 4.58%,curve by 2.05% 0.87% with 0.58% 0%/1.49% 0.4%,curve by 2.6% -2.49% with 1.56% 1.41%/1.67% 1.28%,close,move by -13.69% -2.49%,curve by 7.01% -5.59% with 1.89% -3.77%/5.16% -6.39%,curve by 1.31% -1.08% with 0.51% 0.27%/0.89% -0.07%,line by 0.6% -1.41%,line by -3.54% 0%,curve by -5.21% 0.74% with -1.96% 0%/-4.3% 0.34%,curve by -4.9% 1.62% with -0.91% 0.34%/-3.12% 1.08%,curve by -6.61% 6.53% with -5.63% 1.75%/-6.9% 2.96%,line by 0.16% 1.68%,line by 4.92% 0.13%,line by 4.92% 0.13%,line by 1.34% -2.76%,close,move by -9.95% -5.05%,curve by 16.03% -4.78% with 3.34% -2.15%/15.23% -5.72%,curve by -1.27% -5.32% with 0.69% 0.74%/0.29% -0.94%,line by -1.58% -4.58%,line by -1.91% 0.4%,curve by -6.61% 5.45% with -1.65% 0.34%/-2.58% 1.08%,curve by -6.61% 9.35% with -6.48% 7%/-7.1% 7.94%,curve by 1.96% -0.54% with 0.18% 0.61%/0.16% 0.61%,close,move by 1.31% -6.66%,curve by 4.14% -7.74% with 3.21% -3.7%/3.56% -4.37%,curve by 1.56% -15.61% with 0.49% -2.96%/1.56% -13.66%,curve by -2.54% 2.83% with 0% -2.02%/-0.38% -1.55%,curve by -7.48% 19.25% with -3.58% 7.34%/-7.48% 17.36%,curve by 0.36% 3.03% with 0% 0.54%/0.16% 1.88%,curve by 3.96% -1.75% with 0.42% 2.42%/0.38% 2.42%,close,move by 22.51% 0.54%,curve by 4.05% -7% with 1.71% -1.35%/3.67% -4.64%,curve by -0.02% -8.01% with 0.38% -2.22%/0.36% -7.07%,curve by -9.68% 13.66% with -1.05% -2.62%/-7.32% 6.19%,line by -0.78% 2.42%,line by 2.49% 0%,curve by 3.94% -1.08% with 1.58% 0%/3.05% -0.4%,close,move by -6.21% -2.22%,curve by 2.32% -5.52% with 0.29% -1.08%/1.34% -3.57%,curve by 1.78% -4.11% with 0.98% -2.02%/1.78% -3.84%,curve by -4.68% -2.76% with 0% -0.81%/-3.43% -2.89%,curve by -3.9% 3.5% with -1.16% 0.07%/-3.65% 2.36%,curve by 3.85% 10.83% with -0.09% 0.47%/3.58% 10.77%,curve by 0.62% -1.95% with 0.04% 0%/0.31% -0.87%,close,move by -8.55% -6.46%,curve by 3.09% -3.1% with 1.6% -1.28%/3.01% -2.69%,curve by 0.38% -19.11% with 0.18% -0.94%/0.51% -16.15%,curve by -2.78% 1.21% with -0.09% -2.56%/-0.29% -2.49%,line by -1.91% 2.83%,line by -0.49% 6.06%,curve by -0.96% 10.3% with -0.27% 3.36%/-0.71% 7.94%,curve by -0.36% 4.17% with -0.24% 2.29%/-0.4% 4.17%,curve by 3.03% -2.36% with 0.04% 0%/1.4% -1.08%,close,move by 6.92% -11.37%,curve by 3.63% -15.01% with 1.89% -5.92%/3.9% -14.2%,curve by -5.3% 0% with -0.22% -0.67%/-4.25% -0.67%,curve by -0.96% 1.68% with -0.45% 0.27%/-0.87% 1.01%,curve by -0.24% 19.31% with -0.22% 1.55%/-0.42% 17.9%,curve by 2.87% -5.99% with 0.2% 1.68%/0.89% 0.27%,close,move by 7.93% 5.59%,curve by 2.52% -2.15% with 0.67% -0.74%/1.8% -1.75%,line by 1.31% -0.81%,line by -0.67% -3.1%,curve by -4.81% -12.11% with -0.69% -3.36%/-3.38% -10.16%,curve by -2.94% 2.96% with -1.51% -2.15%/-1.89% -1.75%,curve by -2.29% 8.68% with -0.51% 2.29%/-1.54% 6.19%,curve by -1.34% 4.71% with -0.73% 2.42%/-1.34% 4.58%,curve by 1.74% 0.34% with 0% 0.07%/0.78% 0.27%,curve by 3.27% 1.48% with 0.94% 0.07%/2.43% 0.74%,curve by 3.21% 0% with 1.98% 1.68%/1.8% 1.68%,close);
  background: linear-gradient(180deg, #fffdf7 0%, #edf7fb 18%, #e9d8a5 46%, #b58d4b 74%, #6f4d27 100%);
  transform: rotate(180deg);
  opacity: .8;
}
.pp-uc-avatar-container:hover {
  filter: drop-shadow(0 34px 38px rgba(6,4,1,.68))
    drop-shadow(0 0 34px rgba(232,182,63,.3));
}
.pp-uc-avatar-container .pp-uc-avatar {
  transition: border-radius 650ms ease,
    transform 650ms ease,
    filter 500ms ease,
    box-shadow 500ms ease;
}

.pp-uc-avatar {
  position: relative;
  display: block;
  width: 67%;
  height: 100%;
  top: 9.2pc;
  left: -1.4pc;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
  border: 2px solid #f6d66a;
  border-radius: 45% 45% 55% 55% / 30% 30% 72% 72%;
}

/* PROFILE CANVAS: Controls the main three-column desktop composition and background effects. */
.profile-info-stack-inner button {
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}
.profile-info-stack-inner::before {
  position: absolute;
  grid-area: 1 / 2 / 2 / 3;
  color: #f6d66a;
  line-height: 1;
  text-shadow: 0 0 13px rgba(255, 218, 104, .48), 11px 14px 0 rgba(128, 83, 25, .48), -8px 19px 0 rgb(39 26 10 / 46%);
  transform: translateX(-50%) rotate(-6deg);
  content: "◆";
  top: 8px;
  left: 28px;
  font-size: 2.2rem;
}
.profile-info-stack-inner::after {
  position: absolute;
  grid-area: 1 / 2 / 2 / 3;
  color: #e8b63f;
  line-height: 1;
  text-shadow: 0 0 13px rgba(255, 218, 104, .48), 11px 14px 0 rgba(128, 83, 25, .48), -8px 19px 0 rgba(59, 41, 20, .34);
  transform: rotate(45deg);
  content: "◆";
  right: 28px;
  bottom: -16px;
  font-size: 2rem;
}
.profile-info-stack-inner {
  align-items: flex-start;
  grid-area: 1 / 2 / 2 / 3;
  border: 1px solid rgba(232,182,63,.62);
  min-height: 210px;
  padding: 1rem 3.4rem 1.7rem 3.7rem;
  background: linear-gradient(103deg, rgba(59,41,20,.97), rgba(30,21,11,.94) 66%, rgba(18,14,8,.9));
  border-radius: 34px 52px 34px 34px;
  box-shadow: inset 0 0 0 1px rgba(255,241,188,.035),
    inset 0 0 46px rgba(246,214,106,.04),
    0 18px 36px rgba(0,0,0,.4);
  overflow: visible;
}
.profile-info-stack-inner:hover {
  box-shadow: inset 0 0 0 1px rgba(255,241,188,.05),
    inset 0 0 52px rgba(246,214,106,.05),
    0 22px 42px rgba(0,0,0,.44),
    0 0 24px rgba(232,182,63,.08);
}
.profile-info-wrapper-box {
  position: relative;
}
.profile-info-wrapper-box::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      30deg,
      transparent 48.8%,
      rgba(246,214,106,.035) 49.6%,
      transparent 50.4%
    ),
    linear-gradient(
      150deg,
      transparent 48.8%,
      rgba(246,214,106,.035) 49.6%,
      transparent 50.4%
    ),
    linear-gradient(
      90deg,
      transparent calc(50% - .5px),
      rgba(246,214,106,.045) calc(50% - .5px),
      rgba(246,214,106,.045) calc(50% + .5px),
      transparent calc(50% + .5px)
    );
  background-size: 84px 96px;
  top: -60px;
}

.profile-background-box-2 {
  background: linear-gradient(to bottom, rgb(20 18 24) 0%, rgb(20 18 24) 55%, rgb(20 18 24 / 80%) 88%, rgb(20 18 24 / 0%) 100%);
  top: -60px;
}

.profile-background-box-3 {
  background: linear-gradient(180deg, rgb(26 26 36 / 76%) 12.3558%, rgb(26 26 36 / 39%) 36.8364%, rgb(51 51 61 / 13%) 70.13%, rgb(153 153 163 / 0%) 100%);
  top: -60px;
}
.profile-info-stack {
  position: relative;
  display: grid;
  padding-top: 3rem;
  overflow: visible;
  color: #fff1bc;
  font-family: Georgia, "Times New Roman", serif;
  width: min(1800px, calc(100vw - 3rem));
  min-height: auto;
  margin: 0 auto;
  grid-template-columns: 380px minmax(620px, 1fr) 320px;
  grid-template-rows: 152px 218px auto auto auto;
  gap: 1.35rem 1.65rem;
  padding: 2.25rem 1.25rem 5rem;
}
.profile-info-stack::after {
  content: "";
  position: absolute;
  inset: -5rem;
  pointer-events: none;
  background: radial-gradient(circle at 3% 18%, #fff1bc 0 2px, transparent 3px),
    radial-gradient(circle at 8% 64%, #c98b22 0 1px, transparent 2px),
    radial-gradient(circle at 17% 7%, #f6d66a 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 24% 83%, #e8b63f 0 2px, transparent 3px),
    radial-gradient(circle at 34% 29%, #fff1bc 0 1px, transparent 2px),
    radial-gradient(circle at 46% 5%, #f6d66a 0 2px, transparent 3px),
    radial-gradient(circle at 56% 91%, #c98b22 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 67% 18%, #e8b63f 0 1px, transparent 2px),
    radial-gradient(circle at 76% 72%, #fff1bc 0 2px, transparent 3px),
    radial-gradient(circle at 88% 12%, #f6d66a 0 1px, transparent 2px),
    radial-gradient(circle at 94% 44%, #c98b22 0 2px, transparent 3px),
    radial-gradient(circle at 98% 88%, #e8b63f 0 1.5px, transparent 2.5px);
  filter: drop-shadow(0 0 7px rgba(255,225,125,.72));
  animation: apiary-pollen 9s ease-in-out infinite alternate;
  opacity: .9;
  animation-duration: 12s;
}

/* PROFILE IDENTITY: Styles the username plaque, follower count, badges, and title decorations. */
.pp-uc-followers-count {
  order: 6;
  margin-top: .45rem;
  color: #f8e8bd;
  font-family: "DM Serif Text", Georgia, "Times New Roman", serif;
  font-size: .68rem;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  text-shadow: 0 2px 5px rgba(0,0,0,.78);
}
.pp-uc-followers-count span:nth-of-type(2) {
  font-size: 0;
}
.pp-uc-followers-count span:nth-of-type(2)::before {
  font-size: 0.85rem;
}
.pp-uc-followers-count span:nth-of-type(2)::before {
  content: "Worker Bees";
}

.profile-badges {
  order: 5;
  margin-top: 1.1rem;
  pointer-events: auto;
}
.profile-badges img {
  filter: drop-shadow(0 8px 7px rgba(0,0,0,.44)) drop-shadow(0 0 8px rgba(232,182,63,.2));
  transition: transform 320ms ease, filter 320ms ease;
}
.profile-badges img:nth-child(3n + 1) {
  transform: translateY(-7px) rotate(-7deg);
}
.profile-badges img:nth-child(3n + 2) {
  transform: translateY(2px) rotate(3deg);
}
.profile-badges img:nth-child(3n + 3) {
  transform: translateY(7px) rotate(7deg);
}
.profile-badges img:hover {
  z-index: 4;
  filter: drop-shadow(0 11px 9px rgba(0,0,0,.48)) drop-shadow(0 0 14px rgba(246,214,106,.44));
  transform: translateY(-9px) rotate(0deg) scale(1.14);
}
.pp-uc-title {
  margin: 0;
  color: #fff1bc;
  font-family: "DM Serif Text", Georgia, "Times New Roman", serif;
  font-style: italic !important;
  font-weight: 700;
  letter-spacing: -1.5px;
  text-decoration: none;
  width: 925px;
  overflow: visible;
  white-space: nowrap;
  font-size: clamp(2.8rem, 4vw, 3.5rem);
  text-shadow: 0 5px 10px rgba(0,0,0,.82),
    0 0 18px rgba(246,214,106,.28);
}
.pp-uc-title::first-letter {
  font-size: 0;
}

/* FAVORITE CREATORS: Styles the right-side creator portraits and divider. Reminder, all images are best at a 1:1 aspect ratio. */
.apiary-friend:hover img {
  filter: brightness(1.08) saturate(1.08);
  transform: scale(1.06);
}
.apiary-friend img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin-bottom: .7rem;
  border: 2px solid #e8b63f;
  transition: transform 340ms ease,
    filter 340ms ease,
    box-shadow 340ms ease;
  border-radius: 0;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
  box-shadow: 0 10px 18px rgba(0,0,0,.38),
    0 0 0 4px rgba(18,14,8,.74),
    0 0 0 5px rgba(232,182,63,.6),
    0 0 18px rgba(232,182,63,.08);
}
.apiary-friend {
  display: block;
  width: 100%;
  min-width: 0;
  color: #f8e8bd !important;
  font-size: .68rem;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none !important;
  transition: transform 320ms ease, color 320ms ease, filter 320ms ease;
}
.apiary-friend:hover {
  color: #f6d66a !important;
  transform: translateY(-12px) rotate(0deg) scale(1.04);
}

.apiary-garden::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 5%;
  bottom: 2.8rem;
  left: 5%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(155,170,105,.45), rgba(232,182,63,.42), rgba(155,170,105,.45), transparent);
}
.apiary-garden::after {
  content: "·  ✦  ·";
  position: absolute;
  right: 48%;
  bottom: 3.28rem;
  color: #e8b63f;
  font-size: .95rem;
  opacity: .9;
}
.apiary-garden {
  position: relative;
  z-index: 20;
  grid-area: 1 / 3 / 3 / 4;
  align-self: start;
  width: 100%;
  padding: 2.2rem .25rem 2.8rem;
  padding-top: 1.75rem;
  top: -1pc;
}
.apiary-garden h3 {
  margin: 0 0 1.3rem;
  color: #f6d66a;
  font-family: "Cinzel Decorative", Cinzel, Georgia, serif;
  font-size: 1.05rem;
  font-style: italic;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 1.35rem;
  text-shadow: 0 0 10px rgba(246,214,106,.18);
}
.apiary-garden h3::before {
  margin: 0 .65rem;
  color: #e8b63f;
  font-size: .75rem;
  content: "✦";
}
.apiary-garden h3::after {
  margin: 0 .65rem;
  color: #e8b63f;
  font-size: .75rem;
  content: "✦";
}
.apiary-garden-grid::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 34%;
  z-index: -2;
  height: 70px;
  border-top: 1px dashed rgba(232,182,63,.25);
  border-radius: 50%;
  transform: rotate(-4deg);
}

/* FOOTER: Credit line. Do Not Remove. */
.apiary-footer a {
  color: #e8b63f !important;
  text-decoration: none !important;
}
.apiary-footer span {
  display: inline-block;
}
.apiary-footer::before {
  content: "";
  position: absolute;
  width: 28%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232,182,63));
  left: 18%;
  top: .8rem;
}
.apiary-footer::after {
  content: "";
  position: absolute;
  width: 28%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232,182,63));
  right: 18%;
  transform: scaleX(-1);
  top: .8rem;
}
.apiary-footer {
  padding: 1rem;
  color: #f8e8bd;
  font-size: .68rem;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
  grid-area: 6 / 1 / 7 / 4;
  position: relative;
  padding-top: 1.45rem;
  opacity: .7;
}

/* PROFILE CONTROLS: Positions and styles the Follow and Options buttons. */
.profile-about-me + div {
  grid-area: 2 / 4 / 2 / 2;
  position: relative;
  align-self: start;
  right: -9pc;
}
.profile-about-me + div > * {
  margin: 0;
}
.Btn>span {
  font-family: Georgia, "Times New Roman", serif;
}
.pp-uc-follow-button,
.pp-uc-options-menu {
  position: relative;
  height: 52px;
  min-height: 52px;
  margin: 0;
  color: #21170d;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.42), transparent 22%),
    linear-gradient(160deg, #fff1bc 0%, #e8b63f 48%, #805319 100%);
  border: 0;
  border-radius: 0;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.5),
    inset 0 -6px 10px rgba(89,50,14,.27),
    0 8px 0 #3b2914,
    0 15px 24px rgba(0,0,0,.37);
  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  transform: translateY(0) rotate(-2deg);
  transform-origin: center center;
  transition-property: transform, filter !important;
  transition-duration: 140ms !important;
  transition-timing-function: ease-out !important;
  transition-delay: 0ms !important;
  will-change: transform;
}
.pp-uc-follow-button {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 1.25rem;
}
.pp-uc-follow-button:hover,
.pp-uc-options-menu:hover {
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.42), transparent 22%),
    linear-gradient(160deg, #fff1bc 0%, #e8b63f 48%, #805319 100%);
  filter: brightness(1.1) saturate(1.06);
  transform: translateY(-5px) rotate(1deg);
}
.pp-uc-options-menu svg {
  color: #3b2914 !important;
}

/* BOT GALLERY: Gallery Notice, recommended Image size is 1:1 aspect ratio */
.apiary-gallery {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1.14 / 1;
    background: #21170d;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
    filter: sepia(.08) saturate(.96) contrast(1.04)
        drop-shadow(0 18px 20px rgba(0,0,0,.45));
    transition: transform 420ms ease,
        filter 420ms ease;
    outline: 1px solid rgba(246,214,106,.36);
    outline-offset: 7px;
}
.apiary-gallery img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform 420ms ease,
        object-position 420ms ease;
}
.apiary-gallery:hover {
    z-index: 13;
    filter: sepia(0)
        saturate(1.08)
        brightness(1.06)
        drop-shadow(0 24px 28px rgba(0,0,0,.55))
        drop-shadow(0 0 18px rgba(246,214,106,.32));
    transform: scale(1.08);
    outline-color: rgba(255,241,188,.72);
}
.apiary-gallery:hover img {
    transform: scale(1.08);
}

.apiary-gallerys {
  grid-area: 2 / 1 / 2 / 2;
  position: relative;
  z-index: 12;
  width: 100%;
  align-self: start;
  top: 3pc;
}
.apiary-gallerys h3 {
  margin: 0 0 1.3rem;
  color: #f6d66a;
  font-family: "Cinzel Decorative", Cinzel, Georgia, serif;
  font-size: 1.05rem;
  font-style: italic;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  z-index: 2;
  text-shadow: 0 0 10px rgba(246,214,106,.18);
}
.apiary-gallerys h3::before,
.apiary-gallerys h3::after {
  content: "✦";
  margin: 0 .65rem;
  color: #e8b63f;
  font-size: .75rem;
}
.apiary-gallerys h3 {
  content: "Gallery";
  position: relative;
  top: -2pc;
  display: block;
  z-index: 20;
  margin-bottom: -2rem;
  color: #f6d66a;
  font-size: 1.15rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
}
.apiary-gallerys::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 5%;
  bottom: -.2rem;
  left: 5%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(155, 170, 105, .45), rgba(232, 182, 63, .42), rgba(155, 170, 105, .45), transparent);
}

.apiary-gallerys-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  max-height: 570px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: .35rem;
  padding-bottom: 1.6rem;
  scrollbar-width: thin;
  scrollbar-color: #c98b22 rgba(18,14,8,.45);
  direction: rtl;
}
.apiary-gallerys-grid::-webkit-scrollbar {
  width: 8px;
}
.apiary-gallerys-grid::-webkit-scrollbar-track {
  background: rgba(18,14,8,.45);
  border-radius: 999px;
}
.apiary-gallerys-grid::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #f6d66a, #c98b22, #805319);
  border: 2px solid rgba(18,14,8,.78);
  border-radius: 999px;
}
.apiary-gallerys-grid::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fff1bc, #e8b63f, #c98b22);
}

/* GARDEN PATHS: Styles the upper-left image navigation panel and icon links. */
.apiary-link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 260ms ease, filter 260ms ease;
}
.apiary-link:hover img {
  filter: brightness(1.08) saturate(1.08);
  transform: scale(1.06);
}
.apiary-link {
  display: grid;
  place-items: center;
  overflow: hidden;
  width: 68px;
  max-width: 68px;
  height: 68px;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
  position: relative;
  filter: drop-shadow(0 8px 10px rgba(0,0,0,.28));
  transition: transform 300ms ease,
    filter 300ms ease,
    box-shadow 300ms ease;
}
.apiary-link-item:nth-child(1) .apiary-link {
  transform: translateY(2px) rotate(-2deg);
}
.apiary-link-item:nth-child(2) .apiary-link {
  transform: translateY(-2px) rotate(1deg);
}
.apiary-link-item:nth-child(3) .apiary-link {
  transform: translateY(1px) rotate(-1deg);
}
.apiary-link-item:nth-child(4) .apiary-link {
  transform: translateY(-1px) rotate(2deg);
}
.apiary-link:hover {
  filter: brightness(1.08) drop-shadow(0 10px 14px rgba(232,182,63,.24));
  z-index: 3;
  transform: translateY(-8px) rotate(0deg) scale(1.08);
  box-shadow: 0 14px 22px rgba(0,0,0,.36),
    0 0 18px rgba(246,214,106,.2);
}
.apiary-link-list {
  display: grid;
  place-items: center;
  grid-template-columns: repeat(4, 1fr);
  gap: .7rem;
  height: auto;
  filter: none;
}

.apiary-link-item {
  display: grid;
  place-items: center;
  gap: .45rem;
  min-width: 0;
}

.apiary-link-label {
  position: relative;
  right: 3px;
  font-family: Cinzel, Georgia, serif;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  transition:
    color 220ms ease,
    text-shadow 220ms ease,
    transform 220ms ease;
}

.apiary-link-item:hover .apiary-link-label {
  color: #f6d66a;
  text-shadow:
    0 1px 2px rgba(0,0,0,.82),
    0 0 10px rgba(246,214,106,.32);
  transform: translateY(-2px);
}

/* GARDEN PATHS EXTRA */
.apiary-links::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232,182,63,.65), transparent);
  pointer-events: none;
  top: 42px;
}
.apiary-links::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232,182,63,.65), transparent);
  pointer-events: none;
  bottom: 12px;
}
.apiary-links h3 {
  color: #f6d66a;
  font-family: "Cinzel Decorative", Cinzel, Georgia, serif;
  font-style: italic;
  letter-spacing: 2px;
  margin: 0 0 .65rem;
  text-align: left;
  font-size: 1.1rem;
  position: relative;
  z-index: 2;
  padding-left: .15rem;
  text-shadow: 0 0 12px rgba(246,214,106,.2);
}
.apiary-links {
  position: relative;
  top: 2pc;
  z-index: 8;
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
  min-height: 126px;
  padding: .8rem 1rem 1rem;
  border: 1px solid rgba(232,182,63,.72);
  background: linear-gradient(145deg, rgba(52,35,17,.96), rgba(18,14,8,.92));
  box-shadow: inset 0 0 0 1px rgba(255,241,188,.045),
    inset 0 0 28px rgba(246,214,106,.045),
    0 14px 26px rgba(0,0,0,.36);
  transition: transform 420ms ease,
    box-shadow 420ms ease,
    border-color 420ms ease;
}
.apiary-links:hover {
  border-color: rgba(246,214,106,.9);
  box-shadow: inset 0 0 0 1px rgba(255,241,188,.06),
    inset 0 0 34px rgba(246,214,106,.055),
    0 18px 34px rgba(0,0,0,.4),
    0 0 22px rgba(232,182,63,.08);
  transform: translateY(-4px);
}

/* LOWER PANELS: Styles the two biography panels in the lower composition. */
.apiary-lower-panel p {
  margin: 0;
  color: #f8e8bd;
  font-size: .95rem;
  line-height: 1.8;
}
.apiary-lower-panel p + p {
  margin-top: .7rem;
}
.apiary-lower-panel::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 16px;
  width: 76px;
  height: 24px;
  border-top: 1px solid rgba(232,182,63,.72);
  border-left: 1px solid rgba(232,182,63,.72);
}
.apiary-lower-panel::after {
  content: "⬡";
  position: absolute;
  right: 1.35rem;
  bottom: 1rem;
  color: rgba(232,182,63,.46);
  font-size: 1.35rem;
  line-height: 1;
  text-shadow: 0 0 12px rgba(246,214,106,.16);
  transform: rotate(30deg);
}
.apiary-lower-panel h3 {
  position: relative;
  margin: 0 0 .95rem;
  color: #f6d66a;
  font-size: 1.5rem;
  font-style: italic;
  letter-spacing: 2px;
  font-family: "Crimson Text", Georgia, "Times New Roman", serif;
}
.apiary-lower-panel h3::before {
  content: "✦";
  margin-right: .45rem;
  color: #fff1bc;
  font-size: .72rem;
}
.apiary-lower-panel {
  position: relative;
  padding: 2.15rem 2.35rem 2.35rem;
  overflow: hidden;
  border: 1px solid rgba(232,182,63,.58);
  background:
    radial-gradient(circle at 88% 16%, rgba(246, 214, 106, .065), transparent 28%), linear-gradient(145deg, rgb(50 34 17 / 77%), rgba(18, 14, 8, .62));
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.025),
    inset 0 0 34px rgba(246,214,106,.025),
    0 14px 28px rgba(0,0,0,.32);
  clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
  transition: transform 360ms ease, border-color 360ms ease, box-shadow 360ms ease;
}
.apiary-lower-shell {
  grid-area: 4 / 1 / 5 / 4;
  position: relative;
  z-index: 12;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 1rem;
  margin-top: 4.25rem;
  padding-left: 22px;
}
.apiary-lower-shell > .apiary-lower-panel:last-child {
  min-height: 230px;
  background:
    radial-gradient(circle at 14% 84%, rgba(120,131,79,.09), transparent 34%),
    linear-gradient(145deg, rgba(43,29,15,.86), rgba(18,14,8,.64));
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.apiary-lower-shell .apiary-lower-panel:hover {
  border-color: rgba(232,182,63,.76);
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.04),
    inset 0 0 42px rgba(246,214,106,.04),
    0 18px 34px rgba(0,0,0,.36),
    0 0 20px rgba(232,182,63,.06);
  transform: translateY(-4px);
}

/* HONEYED ARCHIVE: Styles the full-width archive panel beneath the biography. */
.apiary-treasury p {
  margin: 0;
  color: #f8e8bd;
  font-size: .95rem;
  line-height: 1.8;
}
.apiary-treasury::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 34px;
  pointer-events: none;
  background: #e8b63f;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: translateY(-50%);
  opacity: .8;
}
.apiary-treasury::after {
  content: "⬡  ◇  ⬡";
  position: absolute;
  right: 2rem;
  top: 50%;
  color: rgba(232,182,63,.34);
  font-size: .9rem;
  letter-spacing: .55rem;
  pointer-events: none;
  transform: translateY(-50%);
}
.apiary-treasury h3::before {
  content: "✦";
  margin-right: .45rem;
  color: #fff1bc;
  font-size: .72rem;
}
.apiary-treasury {
  grid-area: 5 / 1 / 6 / 4;
  position: relative;
  margin-left: 22px;
  padding: 1.2rem 5.5rem 1.35rem 2rem;
  border-top: 1px solid rgba(232,182,63,.58);
  border-bottom: 1px solid rgba(232,182,63,.58);
  background:
    linear-gradient(90deg, rgba(59,41,20,.94), rgba(33,23,13,.8) 58%, rgba(18,14,8,.92));
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.025),
    inset 0 0 28px rgba(246,214,106,.025),
    0 12px 24px rgba(0,0,0,.3);
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  transition: transform 360ms ease, box-shadow 360ms ease, border-color 360ms ease;
}
.apiary-treasury:hover {
  border-color: rgba(232,182,63,.78);
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.04),
    inset 0 0 34px rgba(246,214,106,.035),
    0 16px 30px rgba(0,0,0,.35),
    0 0 18px rgba(232,182,63,.06);
  transform: translateY(-3px);
}
.apiary-treasury h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 .7rem;
  color: #f6d66a;
  font-size: 1.5rem;
  font-style: italic;
  letter-spacing: 2px;
  font-family: "Crimson Text", Georgia, "Times New Roman", serif;
}
.apiary-treasury h3::after {
  content: "◇";
  display: inline-block;
  margin-left: .6rem;
  color: #e8b63f;
  font-size: .8rem;
  transform: rotate(45deg);
}

/* HIVE NOTE */
.apiary-note {
  position: relative;
  z-index: 8;
  grid-area: 3 / 3 / 3 / 3;
  top: 2.5pc;
  box-sizing: border-box;
  max-height: 21pc;
  padding: 1.35rem .65rem 1.5rem 2rem;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(49,33,16,.96), rgba(18,14,8,.9));
  border: 1px solid rgba(232,182,63,.68);
  border-radius: 18px 18px 32px 18px;
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.025),
    inset 0 0 28px rgba(246,214,106,.025),
    0 12px 24px rgba(0,0,0,.3);
}
.apiary-note::before {
  content: "⬡";
  position: absolute;
  right: 1.25rem;
  bottom: .8rem;
  z-index: 4;
  color: #f6d66a;
  font-size: 1.8rem;
  line-height: 1;
  pointer-events: none;
  text-shadow: 0 0 12px rgba(246,214,106,.65);
  transform: rotate(30deg);
}
.apiary-note:hover {
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.04),
    inset 0 0 36px rgba(246,214,106,.04),
    0 18px 32px rgba(0,0,0,.36),
    0 0 18px rgba(232,182,63,.07);
}
.apiary-note h3 {
  margin: 0 0 .85rem;
  color: #f6d66a;
  font-family: "Cinzel Decorative", Cinzel, Georgia, serif;
  font-size: 1.15rem;
  font-style: italic;
  letter-spacing: 2px;
  text-shadow: 0 0 12px rgba(246,214,106,.18);
}
.apiary-note p {
  margin: 0;
  color: #f8e8bd;
  font-size: 1rem;
  line-height: 1.8;
}
.apiary-note p + p {
  margin-top: .9rem;
}

.apiary-note-scroll {
  max-height: calc(21pc - 2.85rem);
  padding-right: 1.35rem;
  padding-bottom: 2.6rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #c98b22 rgba(18,14,8,.45);
}
.apiary-note-scroll::-webkit-scrollbar {
  width: 10px;
}
.apiary-note-scroll::-webkit-scrollbar-track {
  margin-top: 4px;
  margin-bottom: 18px;
  background: rgba(18,14,8,.45);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
.apiary-note-scroll::-webkit-scrollbar-thumb {
  min-height: 42px;
  background: linear-gradient(180deg, #f6d66a, #c98b22, #805319);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
.apiary-note-scroll::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, #fff1bc, #e8b63f, #c98b22)
    padding-box;
}

.apiary-garden-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem .9rem;
  width: 100%;
  max-height: 390px;
  padding: .25rem .45rem .25rem 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c98b22 rgba(18,14,8,.45);
}
.apiary-garden-grid::-webkit-scrollbar {
  width: 8px;
}
.apiary-garden-grid::-webkit-scrollbar-track {
  background: rgba(18,14,8,.45);
  border-radius: 999px;
}
.apiary-garden-grid::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #f6d66a, #c98b22, #805319);
  border: 2px solid rgba(18,14,8,.78);
  border-radius: 999px;
}
.apiary-garden-grid::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fff1bc, #e8b63f, #c98b22);
}

/* TOP BAR SHELL */
.pp-top-bar {
  position: relative;
  z-index: 9999;
  padding: .45rem .8rem;
  overflow: visible !important;
  background:
    radial-gradient(circle at 9% 50%, rgba(246,214,106,.07), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(201,139,34,.045), transparent 22%),
    linear-gradient(180deg, rgba(18,14,8,.97), rgba(33,23,13,.9));
  border-bottom: 1px solid rgba(232,182,63,.42);
  box-shadow:
    0 9px 24px rgba(0,0,0,.42),
    inset 0 -1px 0 rgba(255,241,188,.055);
}

/* TOP BAR SEARCH BAR */
.pp-top-bar .MuiInputBase-root,
.pp-top-bar .MuiOutlinedInput-root {
  overflow: hidden;
  color: #f8e8bd !important;
  background:
    linear-gradient(180deg, rgba(255,241,188,.065), transparent 50%),
    rgba(18,14,8,.72) !important;
  border: 1px solid rgba(232,182,63,.42) !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 0 0 2px rgba(59,41,20,.42),
    inset 0 3px 9px rgba(0,0,0,.38),
    0 4px 12px rgba(0,0,0,.2) !important;
}
.pp-top-bar input {
  color: #f8e8bd !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: .48rem .75rem !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .9rem !important;
  letter-spacing: .02em;
}
.pp-top-bar input::placeholder {
  color: rgba(248,232,189,.54) !important;
  opacity: 1 !important;
}
.pp-top-bar .MuiInputAdornment-root svg,
.pp-top-bar .MuiSvgIcon-root {
  color: #e8b63f !important;
}
.pp-top-bar .MuiInputBase-root:focus-within,
.pp-top-bar .MuiOutlinedInput-root:focus-within {
  background:
    linear-gradient(180deg, rgba(255,241,188,.09), transparent 48%),
    rgba(33,23,13,.86) !important;
  border-color: rgba(246,214,106,.78) !important;
  box-shadow:
    inset 0 0 0 2px rgba(59,41,20,.46),
    0 0 0 2px rgba(232,182,63,.07),
    0 0 15px rgba(246,214,106,.12) !important;
}

/* TOP BAR LAYOUT: Keeps the native navigation groups aligned and allows dropdowns to escape the bar. */
.pp-top-bar-outer,
.pp-top-bar-inner,
.pp-top-bar-left,
.pp-top-bar-right,
.pp-top-bar-search-spacer-top,
.pp-top-bar-search-spacer-bottom {
  overflow: visible !important;
  backdrop-filter: none;
  box-shadow: none;
}
.pp-top-bar-outer {
  width: min(1800px, calc(100vw - 1rem));
  margin: 0 auto;
  background: transparent;
  border: 0;
}

.pp-top-bar-inner {
  position: relative;
  z-index: 100;
  min-height: 54px;
  padding: .35rem .7rem;
  background: transparent;
  border: 0;
  clip-path: none;
}
.pp-top-bar-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(59,41,20,.68), rgba(18,14,8,.36) 28% 76%, rgba(59,41,20,.44)),
    linear-gradient(180deg, rgba(255,241,188,.035), transparent 55%);
    border-top: 1px solid rgba(232, 182, 63, .5);
    border-bottom: 1px solid rgba(232, 182, 63, .5);
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  box-shadow:
    inset 0 0 22px rgba(246,214,106,.035),
    0 6px 16px rgba(0,0,0,.3);
}
.pp-top-bar-inner::after {
  content: "◆";
  position: absolute;
  top: 50%;
  left: 9px;
  pointer-events: none;
  color: #e8b63f;
  font-size: .66rem;
  line-height: 1;
  text-shadow:
    0 0 8px rgba(246,214,106,.42),
    7px 7px 0 rgba(128,83,25,.28);
  transform: translateY(-50%) rotate(45deg);
}

/* MOBILE NAV: Removes native panel styling. */
.pp-mnb-wrapper {
  backdrop-filter: none;
  background: transparent !important;
}

.pp-mnb-container {
  padding-bottom: 0 !important;
}

.glow-on-hover::before,
.glow-on-hover::after {
  background: none !important;
}
.glow-on-hover::after {
  opacity: 1 !important;
}

/* APIARY TITLE: Rebuilds the top-bar design. */
.profile-top-bar-logo-box {
  min-width: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.pp-top-bar-logo-sub-name {
  display: none;
}

.css-1bmggo3 {
  position: relative;
  padding: .2rem .35rem .2rem .55rem;
  border: none;
  left: 2pc;
}
.css-1bmggo3::before {
  content: "";
  position: absolute;
  inset: -.25rem -.55rem -.35rem -.35rem;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 50%, rgba(246,214,106,.12), transparent 28%),
    radial-gradient(circle at 72% 45%, rgba(201,139,34,.1), transparent 24%);
  filter: blur(10px);
}
.css-1bmggo3 h2 {
  position: relative;
  width: max-content;
  margin: 0;
  padding: .2rem 0 .45rem;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
  font-size: 0;
}

.css-1bmggo3 h2::before {
  content: "Floating Apiary";
  position: relative;
  z-index: 3;
  display: inline-block;
  color: #fff1bc;
  font: italic 900 1.42rem/1 "Cinzel Decorative", Cinzel, Georgia, serif;
  letter-spacing: .35px;
  white-space: nowrap;
  text-shadow:
    0 0 6px rgba(246,214,106,.24),
    0 0 16px rgba(201,139,34,.12),
    1px 2px 0 rgba(59,41,20,.62);
}

/* PROFILE FLOURISH */
.css-1bmggo3 h2::after {
  content: "";
  position: absolute;
  inset: -.35rem -.75rem -.4rem -.45rem;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(30deg, transparent 48.8%, rgba(246,214,106,.08) 49.45%, transparent 50.1%),
    linear-gradient(150deg, transparent 48.8%, rgba(246,214,106,.08) 49.45%, transparent 50.1%),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(246,214,106,.08) calc(50% - .5px), rgba(246,214,106,.08) calc(50% + .5px), transparent calc(50% + .5px)),
    radial-gradient(circle at 16% 50%, rgba(246,214,106,.12), transparent 24%),
    radial-gradient(circle at 84% 48%, rgba(155,170,105,.08), transparent 22%);
  background-size:
    34px 39px,
    34px 39px,
    34px 39px,
    auto,
    auto;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.92) 10%, rgba(0,0,0,.98) 90%, transparent 100%);
  opacity: .85;
}
.css-1bmggo3 h2 span,
.css-1bmggo3 h2 strong {
  display: none;
}
.css-1bmggo3 h2:hover::before {
  color: #fff7d4;
  text-shadow:
    0 0 8px rgba(246,214,106,.34),
    0 0 20px rgba(201,139,34,.16),
    1px 2px 0 rgba(59,41,20,.62);
}
.css-1bmggo3 h2:hover::after {
  opacity: 1;
}
.css-1bmggo3::after {
  content: "";
  position: absolute;
  left: .85rem;
  right: .85rem;
  bottom: -.02rem;
  height: .55rem;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 12% 10%, rgba(246,214,106,.85) 0 18%, transparent 20%),
    radial-gradient(ellipse at 28% 45%, rgba(232,182,63,.5) 0 13%, transparent 15%),
    radial-gradient(ellipse at 52% 30%, rgba(246,214,106,.65) 0 11%, transparent 13%),
    radial-gradient(ellipse at 74% 55%, rgba(232,182,63,.4) 0 12%, transparent 14%),
    linear-gradient(180deg, rgba(232,182,63,.18), transparent 70%);
  filter: blur(.15px);
  opacity: .8;
}

/* NEW BROOD: Renames the New Character text. */
.pp-top-bar-create-char {
  position: relative;
  right: 4pc;
  padding: .35rem .75rem;
  font-size: 0;
  transition:
    transform 220ms ease,
    filter 220ms ease;
}
.pp-top-bar-create-char::after {
  content: "New Brood";
  color: #f8e8bd;
  font: italic 800 .8rem/1 "DM Serif Text", Georgia, "Times New Roman", serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-decoration-line: underline;
  text-decoration-color: rgba(232,182,63,.58);
  text-underline-offset: .45rem;
  text-shadow:
    1px 1px 0 #120e08,
    0 0 7px rgba(246,214,106,.08);
  white-space: nowrap;
}
.pp-top-bar-create-char:hover {
  filter: brightness(1.04);
  transform: translateY(-2px);
}
.pp-top-bar-create-char:hover::after {
  color: #fff1bc;
  letter-spacing: 1.4px;
  text-decoration-color: rgba(246,214,106,.9);
  text-shadow:
    1px 1px 0 #120e08,
    0 0 9px rgba(246,214,106,.16);
}

/* NOTIFICATIONS */
.pp-top-bar-notifications-icon {
  transform: rotate(180deg);
  aspect-ratio: 1.039;
	clip-path: shape(from 63.79% 99.65%,curve by -17.08% -15.6% with -6.77% -1.78%/-13.14% -7.59%,curve by -3.91% -16.16% with -2.49% -5.09%/-3.69% -10.12%,line by -0.16% -3.98%,line by -1.39% -0.44%,line by -1.42% -0.47%,line by -1.55% 0.97%,curve by -7.39% 2.73% with -2.03% 1.28%/-4.79% 2.31%,line by -2.09% 0.36%,line by 0% 1.14%,curve by -1.58% 7.7% with 0% 1.53%/-0.88% 5.78%,curve by -3.69% 6.2% with -0.78% 2.09%/-2.33% 4.7%,curve by -1.15% 2.03% with -0.8% 0.86%/-1.15% 1.47%,curve by -1.85% 3% with 0% 1.06%/-0.86% 2.47%,curve by -4.74% -1.67% with -1.74% 0.92%/-3.99% 0.14%,curve by 0.16% -3.11% with -0.51% -1.28%/-0.48% -2.06%,curve by 3.4% -1.86% with 0.78% -1.33%/1.69% -1.81%,line by 1.53% -0.03%,line by 1.39% -2.11%,curve by 2.09% -4.31% with 0.8% -1.25%/1.66% -3%,curve by 1.18% -6.92% with 0.67% -2.11%/1.45% -6.65%,curve by -2.11% -0.53% with -0.05% -0.08%/-1.02% -0.31%,curve by -3.67% -1% with -1.1% -0.22%/-2.73% -0.67%,curve by -1.77% -0.53% with -0.94% -0.33%/-1.71% -0.56%,curve by -0.67% 1.64% with -0.03% 0.06%/-0.35% 0.81%,curve by -8.78% 10.79% with -1.74% 4.37%/-5.49% 8.98%,curve by -1.85% 1.56% with -1.15% 0.61%/-1.74% 1.14%,curve by -5.14% 1.84% with -0.48% 2%/-3.35% 3%,curve by -0.46% -5.48% with -1.87% -1.22%/-2.09% -3.78%,curve by 2.11% -0.92% with 0.75% -0.78%/1.07% -0.92%,curve by 2.01% 0.42% with 0.7% 0%/1.61% 0.19%,curve by 2.65% -0.97% with 0.75% 0.39%/0.83% 0.36%,curve by 6.85% -9.65% with 2.84% -2.09%/5.65% -6.01%,line by 0.35% -1.03%,line by -2.28% -2.22%,curve by -5.54% -8.06% with -2.62% -2.59%/-3.96% -4.53%,curve by 6.8% -32.84% with -5.11% -11.32%/-2.22% -25.28%,curve by 20.88% -4.62% with 6% -5.01%/14.11% -6.81%,curve by 2.57% 0.11% with 1.58% 0.5%/1.77% 0.5%,line by 0.88% -0.44%,line by -1.71% -2.86%,curve by -1.71% -3.64% with -1.04% -1.75%/-1.71% -3.2%,curve by 2.03% -6.67% with 0% -1.28%/1.55% -6.31%,curve by 2.52% 1.33% with 1.07% -0.81%/2.52% -0.06%,curve by -0.54% 2.61% with 0% 0.36%/-0.24% 1.56%,curve by -0.54% 2.45% with -0.29% 1.06%/-0.54% 2.17%,curve by 3.08% 5.42% with 0% 0.33%/2.46% 4.67%,curve by 3.75% -0.92% with 0.03% 0.03%/1.71% -0.39%,curve by 5.27% -1.17% with 2.03% -0.56%/4.42% -1.06%,curve by 1.55% -0.22% with 0.86% -0.08%/1.55% -0.19%,curve by -0.94% -2.2% with 0% -0.03%/-0.43% -1.03%,curve by -0.91% -2.75% with -0.51% -1.2%/-0.94% -2.42%,curve by 1.02% -3.25% with 0% -0.33%/0.46% -1.81%,curve by 3.08% -3.11% with 1.18% -2.98%/1.87% -3.7%,curve by 0.16% 4.12% with 1.1% 0.5%/1.12% 1.47%,line by -0.88% 2.36%,line by 0.99% 2.17%,line by 1.02% 2.14%,line by 3.94% 0.33%,curve by 6.29% 0.89% with 2.14% 0.19%/4.98% 0.58%,curve by 2.46% 0.56% with 1.34% 0.31%/2.44% 0.56%,curve by 0.78% -2.17% with 0.03% 0%/0.37% -0.97%,curve by 3.16% -4.7% with 0.64% -1.95%/0.94% -2.36%,curve by 3.27% -2.59% with 2.03% -2.14%/2.6% -2.59%,curve by 1.47% 1.47% with 1.04% 0%/1.47% 0.44%,curve by -2.2% 3.28% with 0% 0.61%/-0.51% 1.36%,curve by -3.13% 5.45% with -2.01% 2.25%/-3.05% 4.06%,curve by 1.39% 0.78% with -0.03% 0.17%/0.62% 0.53%,curve by 4.87% 2.22% with 0.75% 0.25%/2.97% 1.28%,curve by 13.92% 14.96% with 7.33% 3.73%/11.64% 8.37%,line by 0.88% 2.56%,line by 3.4% 1.45%,curve by 3.64% 1.81% with 1.9% 0.81%/3.53% 1.61%,curve by -0.13% 1.86% with 0.35% 0.56%/0.29% 1.5%,curve by -3.64% 1.5% with -0.19% 0.17%/-1.82% 0.83%,line by -3.27% 1.17%,line by -0.86% 2.64%,curve by -9.9% 13.43% with -1.63% 5.12%/-5.09% 9.82%,curve by 2.17% 2.22% with -0.46% 0.33%/-0.27% 0.53%,curve by 7.82% 8.06% with 2.97% 2.06%/6.34% 5.53%,curve by -3.59% 18.99% with 4.5% 7.84%/3% 15.74%,curve by -6.96% 1.36% with -2.14% 1.06%/-5.01% 1.61%,line by -1.37% -0.17%,line by -0.29% 1.78%,curve by -6.4% 8.73% with -0.64% 3.98%/-2.86% 6.98%,curve by -5.03% 1.11% with -1.95% 0.97%/-2.25% 1.03%,curve by -4.52% -0.33% with -1.95% 0.06%/-3.51% -0.06%,close,move by 7.68% -3.67%,curve by 4.36% -4.2% with 1.79% -0.67%/3.45% -2.28%,curve by 0.75% -4.23% with 0.67% -1.39%/0.75% -1.89%,curve by -4.23% -11.65% with -0.03% -3.78%/-1.2% -7.09%,curve by -8.62% -9.26% with -1.47% -2.25%/-6.85% -8.01%,line by -1.1% -0.78%,line by -3.05% 0.31%,curve by -13.04% -1.03% with -3.85% 0.36%/-9.9% -0.14%,curve by -0.62% 1.59% with -0.59% -0.17%/-0.62% -0.11%,curve by 1.37% 9.43% with 0% 2.28%/0.64% 6.76%,curve by 14.21% 18.88% with 2.3% 8.51%/7.92% 15.96%,curve by 4.63% 1.53% with 1.47% 0.67%/2.33% 0.97%,curve by 5.33% -0.58% with 0.96% 0.25%/3.99% -0.08%,close,move by 15.21% -11.68%,curve by 4.44% -8.15% with 3.11% -1.47%/4.66% -4.28%,curve by -11% -14.57% with -0.29% -5.23%/-4.52% -10.84%,line by -1.79% -1.06%,line by -3.02% 1.39%,curve by -7.9% 2.84% with -3% 1.39%/-7.04% 2.84%,curve by 2.44% 2.95% with -0.27% 0%/0.75% 1.2%,curve by 9.42% 14.99% with 4.82% 4.95%/8.27% 10.4%,curve by 0.78% 2.17% with 0.27% 1.08%/0.64% 2.06%,curve by 2.84% 0.11% with 0.16% 0.11%/1.45% 0.17%,curve by 3.8% -0.67% with 1.85% -0.06%/2.89% -0.25%,close,move by -54.29% -21.38%,curve by 7.47% -4.84% with 3.11% -0.86%/5.89% -2.67%,curve by 1.53% -31.73% with 5.65% -7.76%/6.32% -21.8%,curve by -12.26% -8.31% with -2.97% -6.15%/-6.16% -8.29%,curve by -20.43% 16.99% with -9.72% -0.03%/-17.77% 6.67%,curve by -0.03% 12.01% with -0.86% 3.25%/-0.86% 8.54%,curve by 10.63% 14.52% with 1.61% 6.73%/5.41% 11.9%,curve by 3.88% 1.5% with 1.34% 0.67%/3.08% 1.33%,curve by 2.01% 0.42% with 0.8% 0.17%/1.71% 0.36%,curve by 7.2% -0.56% with 1.02% 0.25%/5.62% -0.11%,close,move by 30.14% -0.53%,curve by 5.49% -2.2% with 4.39% -0.75%/4.76% -0.89%,curve by 4.18% -23.39% with 3.13% -5.56%/4.87% -15.41%,curve by -4.44% -16.96% with -0.59% -6.51%/-2.01% -11.85%,curve by -4.74% -4.73% with -2.03% -4.2%/-2.06% -4.25%,curve by -10.55% -0.19% with -2.3% -0.44%/-10.01% -0.58%,curve by 0.75% 2% with -0.21% 0.14%/0.03% 0.78%,curve by 5.35% 15.02% with 2.33% 3.92%/4.23% 9.26%,curve by 0.62% 8.9% with 0.51% 2.7%/0.62% 4.06%,curve by -0.62% 8.84% with 0% 4.87%/-0.08% 6.17%,curve by -3.37% 10.48% with -0.78% 3.98%/-1.95% 7.62%,curve by -1.18% 2.45% with -0.59% 1.22%/-1.12% 2.31%,curve by 8.51% -0.22% with -0.16% 0.36%/5.92% 0.19%,close,move by 21.2% -10.68%,curve by 5.84% -13.65% with 4.04% -4.42%/5.84% -8.65%,curve by -5.65% -13.12% with 0% -5.17%/-1.63% -8.93%,curve by -2.86% -2.73% with -1.42% -1.5%/-2.7% -2.73%,curve by 0.64% 2.75% with -0.13% 0%/0.16% 1.22%,curve by 2.11% 14.21% with 1.71% 5.28%/2.09% 7.87%,curve by -1.61% 12.43% with 0% 6.06%/-0.24% 8.01%,curve by -0.4% 2.03% with -0.32% 1.11%/-0.51% 2.03%,curve by 1.93% -1.92% with 0.11% 0%/0.99% -0.86%,close);
    background: linear-gradient(60deg in hsl, #f6d66a, #c98b22, #4a3217);
}
._notificationsButton_wpa9q_7:hover {
  filter: brightness(1.1) drop-shadow(0 0 8px rgba(246,214,106,.2));
  transform: translateY(-2px) rotate(3deg);
}

[class*="notificationsContainer"] {
  position: relative;
}

[class*="notificationIcon"] {
  color: currentColor;
  font-size: 1.35rem;
  filter: drop-shadow(0 0 5px rgba(232,182,63,.2));
  transition:
    color 220ms ease,
    filter 220ms ease,
    transform 220ms ease;
}

[class*="notificationsBadge"] {
  display: flex;
  align-items: center;
  justify-content: center;
  top: -.3rem;
  right: -.3rem;
  width: auto;
  min-width: 1.28rem;
  height: auto;
  aspect-ratio: 1;
  padding: 0 .25rem;
  color: #fff1bc;
  background:
    radial-gradient(circle at 35% 22%, rgba(255,255,255,.16), transparent 22%),
    linear-gradient(145deg, #9b651f, #4a3217);
  border: 1px solid #e8b63f;
  border-radius: 50%;
  box-shadow:
    0 0 0 2px #120e08,
    0 0 9px rgba(232,182,63,.24);
  font: 700 .72rem/1 "Alegreya Sans SC", "Roboto Condensed", sans-serif;
}

[class*="notificationsPopover"] {
  background:
    linear-gradient(30deg, transparent 48.8%, rgba(246,214,106,.03) 49.5%, transparent 50.2%),
    linear-gradient(150deg, transparent 48.8%, rgba(246,214,106,.03) 49.5%, transparent 50.2%),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(246,214,106,.035) calc(50% - .5px), rgba(246,214,106,.035) calc(50% + .5px), transparent calc(50% + .5px)),
    radial-gradient(circle at 12% 6%, rgba(246,214,106,.11), transparent 23%),
    radial-gradient(circle at 90% 92%, rgba(155,170,105,.06), transparent 28%),
    linear-gradient(155deg, rgba(55,37,18,.99), rgba(29,21,13,.99) 52%, rgba(15,12,8,.99));
  background-size:
    42px 48px,
    42px 48px,
    42px 48px,
    auto,
    auto,
    auto;
  border: 1px solid rgba(232,182,63,.72);
  border-radius: 26px 10px 28px 12px;
  box-shadow:
    inset 0 0 0 3px rgba(18,14,8,.76),
    inset 0 0 0 4px rgba(255,241,188,.05),
    inset 0 -28px 38px rgba(0,0,0,.25),
    0 22px 44px rgba(0,0,0,.68),
    0 0 18px rgba(232,182,63,.08);
}

[class*="notificationsPopover"]::before {
  content: "";
  position: absolute;
  inset: 11px;
  z-index: 0;
  pointer-events: none;
  border:
    1px solid rgba(232,182,63,.13);
  border-radius: 18px 5px 20px 7px;
  background: transparent;
}

[class*="notificationsPopover"]::after {
  content: "◆";
  position: absolute;
  right: 16px;
  bottom: 14px;
  z-index: 2;
  color: rgba(232,182,63,.35);
  font-size: .9rem;
  text-shadow:
    10px 0 0 rgba(128,83,25,.2),
    -10px 0 0 rgba(155,170,105,.14);
  transform: rotate(45deg);
  pointer-events: none;
}

[class*="_loadingState_"] {
  color: #f8e8bd;
}

[class*="_loadingSpinner_"] {
  border: 3px solid rgba(232,182,63,.2);
  border-top-color: #e8b63f;
}

[class*="_loadingMessage_"] {
  color: #f8e8bd;
  font-family: Georgia, "Times New Roman", serif;
}

[class*="_emptyState_"] {
  color: rgba(248,232,189,.64);
  font: italic 700 .94rem/1.65 "Crimson Text", Georgia, "Times New Roman", serif;
}

[class*="_emptyState_"]::first-letter {
  text-transform: uppercase;
}

[class*="popoverHeader"] {
  position: relative;
  z-index: 3;
  padding: 1.15rem 1.2rem 1.1rem;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 50%, rgba(246,214,106,.09), transparent 24%),
    linear-gradient(90deg, rgba(77,52,24,.78), rgba(31,22,13,.52) 62%, rgba(18,14,8,.28));
  border-bottom: 1px solid rgba(232,182,63,.42);
  box-shadow:
    inset 0 -1px 0 rgba(255,241,188,.03),
    0 7px 16px rgba(0,0,0,.2);
}

[class*="popoverHeader"]::before {
  content: "";
  position: absolute;
  left: 1rem;
  bottom: .3rem;
  width: 118px;
  height: 1px;
  background:
    linear-gradient(90deg, rgba(232,182,63,.75), rgba(155,170,105,.28), transparent);
}

[class*="popoverHeader"]::after {
  content: "◆  ◇  ◆";
  position: absolute;
  right: 1rem;
  bottom: .23rem;
  color: rgba(232,182,63,.32);
  font-size: .56rem;
  letter-spacing: .28rem;
  pointer-events: none;
}

[class*="popoverTitle"] {
  position: relative;
  color: #f6d66a;
  font: italic 800 1.45rem/1 "Cinzel Decorative", Cinzel, Georgia, serif;
  letter-spacing: 1.5px;
  text-transform: capitalize;
  text-shadow:
    0 0 10px rgba(246,214,106,.16),
    1px 2px 0 rgba(18,14,8,.78);
}

[class*="popoverTitle"]::before {
  content: "✦";
  margin-right: .45rem;
  color: #fff1bc;
  font-size: .72rem;
}

[class*="headerActions"] {
  gap: .4rem;
}

[class*="headerActions"] button {
  width: 2.05rem;
  height: 2.05rem;
  padding: .35rem;
  color: #f8e8bd;
  background:
    linear-gradient(145deg, #4a3217, #21170d);
  border: 1px solid rgba(232,182,63,.58);
  border-radius: 8px 3px 8px 3px;
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.035),
    0 4px 8px rgba(0,0,0,.2);
  font-size: 1.1rem;
  transition:
    color 200ms ease,
    background 200ms ease,
    border-color 200ms ease,
    transform 200ms ease;
}

[class*="headerActions"] button:nth-child(2) {
  transform: translateY(2px) rotate(2deg);
}

[class*="headerActions"] button:nth-child(3) {
  transform: translateY(-1px) rotate(-2deg);
}

[class*="headerActions"] button:hover {
  color: #d9e0b4;
  background: linear-gradient(145deg, #555a33, #30341d);
  border-color: rgba(155,170,105,.72);
  transform: translateY(-2px) rotate(0deg);
}

button[class*="deleteAllButton"] {
  color: #d19a79;
}

button[class*="deleteAllButton"]:hover {
  color: #f2c2a5;
  background: linear-gradient(145deg, #5a3024, #2b1712);
  border-color: rgba(209,154,121,.72);
}

button[class*="markAllReadButton"] {
  color: #9baa69;
}

button[class*="markAllReadButton"]:hover {
  color: #d9e0b4;
}

button[class*="closeButton"] {
  padding: .25rem;
  font-size: 1.45rem;
}

[class*="notificationsList"] {
  position: relative;
  z-index: 2;
  max-height: 560px;
  padding: .55rem 0 1rem;
  scrollbar-width: thin;
  scrollbar-color: #c98b22 rgba(18,14,8,.45);
  overflow-x: hidden;
  overflow-y: auto;
}

[class*="notificationsList"]::-webkit-scrollbar {
  width: 8px;
}

[class*="notificationsList"]::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #f6d66a, #c98b22, #805319);
  border: 2px solid rgba(18,14,8,.78);
  border-radius: 999px;
}

[class*="notificationsList"]::-webkit-scrollbar-track {
  margin-block: .55rem 1rem;
  background: rgba(18,14,8,.45);
  border-radius: 999px;
}

#root [class*="notificationItem"] {
  gap: .85rem;
  margin: .85rem 0rem;
  padding: 1rem 1rem 1rem 1.15rem;
  background:
    radial-gradient(circle at 10% 16%, rgba(246,214,106,.055), transparent 24%),
    linear-gradient(145deg, rgba(55,37,18,.94), rgba(18,14,8,.92));
  border: 1px solid rgba(232,182,63,.38);
  border-radius: 18px 6px 24px 8px;
  clip-path: polygon(
    0 10px,
    12px 0,
    calc(100% - 22px) 0,
    100% 16px,
    100% calc(100% - 14px),
    calc(100% - 12px) 100%,
    18px 100%,
    0 calc(100% - 18px)
  );
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.025),
    inset 0 0 24px rgba(246,214,106,.02),
    0 10px 18px rgba(0,0,0,.26);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    background 220ms ease;
}

#root [class*="notificationItem"]:nth-child(even) {
  border-radius: 8px 22px 8px 20px;
  clip-path: polygon(
    16px 0,
    100% 0,
    100% calc(100% - 18px),
    calc(100% - 16px) 100%,
    10px 100%,
    0 calc(100% - 12px),
    0 18px
  );
}

#root [class*="notificationItem"]::before {
  content: "";
  position: absolute;
  top: .7rem;
  bottom: .7rem;
  left: 0;
  width: 5px;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      rgba(255,241,188,.08),
      rgba(232,182,63,.42),
      rgba(155,170,105,.18)
    );
}

#root [class*="notificationItem"]:nth-child(even)::before {
  right: 0;
  left: auto;
}

#root [class*="notificationItem"]::after {
  content: "◇";
  position: absolute;
  right: .75rem;
  bottom: .35rem;
  color: rgba(232,182,63,.28);
  font-size: .7rem;
  text-shadow:
    -12px 0 0 rgba(155,170,105,.12);
  transform: rotate(45deg);
}

#root [class*="notificationItem"]:hover {
  transform: translateY(-3px) rotate(-.35deg);
  border-color: rgba(232,182,63,.58);
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.035),
    inset 0 0 28px rgba(246,214,106,.03),
    0 13px 22px rgba(0,0,0,.32),
    0 0 12px rgba(232,182,63,.07);
}

#root [class*="notificationItem"]:nth-child(even):hover {
  transform: translateY(-3px) rotate(.35deg);
}

#root [class*="notificationItem"]:last-child,
#root [class*="notificationItem"]:nth-last-child(2):has(+ [class*="loadMoreWrapper"]) {
  border-bottom: 1px solid rgba(232,182,63,.38);
}

[class*="unreadIndicator"] {
  width: 5px;
  background:
    linear-gradient(180deg, #fff1bc, #f6d66a, #c98b22, #805319);
  border-radius: 999px;
  box-shadow:
    0 0 9px rgba(232,182,63,.28),
    0 0 16px rgba(246,214,106,.1);
}

[class*="avatarSection"] {
  display: contents;
}

[class*="avatarContainer"] {
  position: relative;
  min-width: 4.9rem;
  height: auto;
  aspect-ratio: 1;
  padding: .38rem;
  background:
    radial-gradient(circle at 35% 22%, rgba(255,241,188,.06), transparent 24%),
    linear-gradient(145deg, rgba(72,48,21,.9), rgba(18,14,8,.95));
  border: 1px solid rgba(232,182,63,.42);
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.025),
    0 7px 13px rgba(0,0,0,.26);
  transition:
    transform 260ms ease,
    filter 260ms ease;
}

[class*="avatarContainer"]::before {
  content: "";
  position: absolute;
  inset: 5px;
  pointer-events: none;
  border: 1px solid rgba(255,241,188,.07);
  clip-path: inherit;
}

[class*="characterAvatar"] {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-position: top;
  border: 1px solid rgba(232,182,63,.58);
  border-radius: 0;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
  box-shadow: none;
}

[class*="userAvatar"] {
  right: -.12rem;
  bottom: -.05rem;
  width: 1.9rem;
  min-width: 0;
  height: auto;
  aspect-ratio: 1;
  object-position: top;
  border: 1px solid #e8b63f;
  border-radius: 50%;
  box-shadow:
    0 0 0 2px #120e08,
    0 0 8px rgba(232,182,63,.14);
}

[class*="notificationItem"]:hover *:is([class*="characterAvatar"], [class*="userAvatar"]) {
  transform: none;
}

a[class*="avatarContainer"]:hover {
  filter:
    drop-shadow(0 0 9px rgba(232,182,63,.2));
  transform: scale(1.05) rotate(-2deg);
}

[class*="contentWrapper"] [class*="content"] {
  display: contents;
}

[class*="contentWrapper"] {
  position: relative;
  flex-flow: column;
  gap: .48rem;
  padding: .7rem .82rem .72rem;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(72,48,21,.2), rgba(18,14,8,.07));
  border: 1px solid rgba(232,182,63,.1);
  border-radius: 12px 4px 14px 5px;
  box-shadow:
    inset 0 0 16px rgba(246,214,106,.015);
  transition:
    background 200ms ease,
    border-color 200ms ease,
    box-shadow 200ms ease;
}

[class*="contentWrapper"]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 34px;
  height: 18px;
  pointer-events: none;
  background:
    linear-gradient(135deg, transparent 50%, rgba(232,182,63,.08) 51%);
}

[class*="contentWrapperUnread"] {
  background:
    radial-gradient(circle at 12% 20%, rgba(246,214,106,.075), transparent 28%),
    linear-gradient(90deg, rgba(232,182,63,.11), rgba(232,182,63,.03) 60%, transparent);
  border-color: rgba(232,182,63,.22);
  box-shadow:
    inset 4px 0 0 rgba(232,182,63,.62),
    inset 0 0 0 1px rgba(255,241,188,.02),
    inset 0 0 18px rgba(246,214,106,.025);
}

[class*="contentWrapper"]:hover {
  background:
    linear-gradient(90deg, rgba(155,170,105,.1), rgba(18,14,8,.055));
  border-color: rgba(155,170,105,.2);
}

[class*="notificationItem"]:not(:has([class*="unreadIndicator"])) {
  opacity: .8;
}

[class*="notificationItem"]:not(:has([class*="unreadIndicator"])) *:is([class*="avatarContainer"], [class*="contentWrapper"]) {
  filter: grayscale(.32) opacity(.76);
}

[class*="_subject_"] {
  color: #fff1bc;
  font: 800 .92rem/1.36 Georgia, "Times New Roman", serif;
  letter-spacing: .1px;
  text-shadow: 1px 1px 0 #120e08;
}

[class*="highlightUsername"],
[class*="highlightCharacter"] {
  color: #e8b63f;
  font-weight: 900;
  text-shadow: 0 0 8px rgba(232,182,63,.14);
}

[class*="_body_"] {
  color: #f8e8bd;
  font: 700 .8rem/1.52 "Crimson Text", Georgia, "Times New Roman", serif;
}

[class*="highlightUsernameBody"],
[class*="highlightCharacterBody"] {
  color: #9baa69;
  font-weight: 700;
}

[class*="_timestamp_"] {
  align-self: flex-start;
  margin-top: .12rem;
  padding: .18rem .52rem;
  color: rgba(248,232,189,.64);
  background:
    linear-gradient(90deg, rgba(18,14,8,.46), rgba(59,41,20,.24));
  border: 1px solid rgba(232,182,63,.12);
  border-radius: 999px 6px 999px 6px;
  font: italic 700 .69rem/1.25 "Alegreya Sans SC", "Roboto Condensed", sans-serif;
}

[class*="archiveSection"] {
  top: auto;
  bottom: .15rem;
  padding: .65rem;
}

[class*="archiveButton"] {
  width: 2rem;
  height: 2rem;
  padding: .25rem;
  color: #d19a79;
  background:
    linear-gradient(145deg, #4a3217, #21170d);
  border: 1px solid rgba(209,154,121,.52);
  border-radius: 8px 3px 8px 3px;
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.025),
    0 4px 8px rgba(0,0,0,.2);
  font-size: 1rem;
  transition:
    color 200ms ease,
    background 200ms ease,
    border-color 200ms ease,
    transform 200ms ease;
}

[class*="archiveButton"]:hover {
  color: #f2c2a5;
  background: linear-gradient(145deg, #5a3024, #2b1712);
  border-color: rgba(209,154,121,.72);
  transform: scale(1.06) rotate(5deg);
}

[class*="loadMoreWrapper"] {
  padding: .75rem .9rem 1rem;
  border-top: 1px solid rgba(232,182,63,.22);
}

[class*="loadMoreButton"] {
  width: 100%;
  height: auto;
  padding: .78rem .95rem;
  color: #f8e8bd;
  background:
    radial-gradient(circle at 12% 50%, rgba(246,214,106,.06), transparent 18%),
    linear-gradient(90deg, rgba(77,52,24,.96), rgba(33,23,13,.97), rgba(18,14,8,.99));
  border: 1px solid rgba(232,182,63,.56);
  border-radius: 12px 4px 12px 4px;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  box-shadow:
    inset 0 0 0 1px rgba(255,241,188,.035),
    0 6px 11px rgba(0,0,0,.22);
  font: italic 800 .88rem/1 Georgia, "Times New Roman", serif;
  letter-spacing: .5px;
  transition:
    color 200ms ease,
    background 200ms ease,
    border-color 200ms ease,
    transform 200ms ease;
}

[class*="loadMoreButton"]::first-letter {
  text-transform: uppercase;
}

#root [class*="loadMoreButton"]:hover {
  color: #d9e0b4;
  background:
    radial-gradient(circle at 86% 50%, rgba(255,241,188,.05), transparent 18%),
    linear-gradient(90deg, rgba(78,83,48,.96), rgba(48,52,29,.98), rgba(24,26,16,.99));
  border-color: rgba(155,170,105,.72);
  transform: translateY(-2px);
}

[class*="modalOverlay"] {
  background: rgba(18,14,8,.74);
  backdrop-filter: blur(6px);
  animation: none;
}

[class*="modalContainer"] {
  max-width: 410px;
}

[class*="modalContent"] {
  min-width: 300px;
  overflow: hidden;
  color: #f8e8bd;
  background:
    linear-gradient(30deg, transparent 48.8%, rgba(246,214,106,.025) 49.5%, transparent 50.2%),
    linear-gradient(150deg, transparent 48.8%, rgba(246,214,106,.025) 49.5%, transparent 50.2%),
    radial-gradient(circle at 18% 8%, rgba(246,214,106,.09), transparent 24%),
    linear-gradient(155deg, rgba(55,37,18,.99), rgba(29,21,13,.99) 52%, rgba(15,12,8,.99));
  background-size:
    42px 48px,
    42px 48px,
    auto,
    auto;
  border: 1px solid rgba(232,182,63,.68);
  border-radius: 24px 8px 24px 8px;
  box-shadow:
    inset 0 0 0 3px rgba(18,14,8,.74),
    inset 0 0 0 4px rgba(255,241,188,.04),
    0 20px 40px rgba(0,0,0,.66);
  animation: none;
}

[class*="modalHeader"] {
  position: relative;
  padding: 1.05rem;
  background:
    linear-gradient(90deg, rgba(77,52,24,.72), rgba(18,14,8,.24));
  border-bottom: 1px solid rgba(232,182,63,.36);
}

[class*="modalTitle"] {
  color: #f6d66a;
  font: italic 800 1.28rem/1 "Cinzel Decorative", Cinzel, Georgia, serif;
  letter-spacing: 1px;
}

[class*="modalTitle"]::first-letter {
  text-transform: uppercase;
}

[class*="modalTitle"]::after {
  content: "?";
}

[class*="modalClose"] {
  width: 2rem;
  height: 2rem;
  padding: .25rem;
  color: #f8e8bd;
  background: linear-gradient(145deg, #4a3217, #21170d);
  border: 1px solid rgba(232,182,63,.56);
  border-radius: 8px 3px 8px 3px;
  box-shadow: none;
  font-size: 1.45rem;
  transition:
    color 200ms ease,
    background 200ms ease,
    border-color 200ms ease,
    transform 200ms ease;
}

[class*="modalClose"]:hover {
  color: #d9e0b4;
  background: linear-gradient(145deg, #555a33, #30341d);
  border-color: rgba(155,170,105,.72);
  transform: rotate(6deg) scale(1.04);
}

[class*="modalBody"] {
  padding: 1rem;
}

[class*="modalWarning_"] {
  align-items: center;
  gap: .5rem;
  padding: .72rem .8rem;
  color: #d19a79;
  background:
    linear-gradient(90deg, rgba(90,48,36,.18), rgba(18,14,8,.08));
  border: 1px solid rgba(209,154,121,.56);
  border-radius: 12px 4px 12px 4px;
}

[class*="modalWarningIcon"] {
  margin: 0;
  color: #d19a79;
  font-size: 1rem;
}

[class*="modalWarningText"] {
  color: #f8e8bd;
  font: 700 .83rem/1.45 "Crimson Text", Georgia, "Times New Roman", serif;
}

[class*="modalFooter"] {
  gap: .75rem;
  padding: 0 1rem 1rem;
  border: 0;
}

[class*="modalContent"] [class*="modalFooter"] button[type="button"][class*="modalButton"] {
  height: auto;
  padding: .72rem .88rem;
  color: #f8e8bd;
  background: linear-gradient(145deg, #4a3217, #21170d);
  border: 1px solid rgba(232,182,63,.56);
  border-radius: 10px 4px 10px 4px;
  box-shadow: none;
  font: italic 800 .86rem/1 Georgia, "Times New Roman", serif;
  transition:
    color 200ms ease,
    background 200ms ease,
    border-color 200ms ease,
    transform 200ms ease;
}

[class*="modalContent"] [class*="modalFooter"] button[type="button"][class*="modalButton"]::first-letter {
  text-transform: uppercase;
}

[class*="modalContent"] [class*="modalFooter"] button[type="button"][class*="modalButton"]:hover {
  color: #d9e0b4;
  background: linear-gradient(145deg, #555a33, #30341d);
  border-color: rgba(155,170,105,.72);
  transform: translateY(-2px);
}

[class*="modalContent"] [class*="modalFooter"] button[type="button"][class*="modalButton"][class*="danger"] {
  color: #d19a79;
  border-color: rgba(209,154,121,.56);
}

[class*="modalContent"] [class*="modalFooter"] button[type="button"][class*="modalButton"][class*="danger"]:hover {
  color: #f2c2a5;
  background: linear-gradient(145deg, #5a3024, #2b1712);
  border-color: rgba(209,154,121,.74);
}

/* PROFILE MENU TRIGGER */
.pp-top-bar-app-menu {
  position: relative;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 2px;
  overflow: visible !important;
  border-radius: 0;
  transition: 220ms ease;
}
.pp-top-bar-app-menu > button,
.pp-top-bar-app-menu button {
  overflow: hidden;
  border: 1px solid rgba(232,182,63,.58) !important;
  border-radius: 0 !important;
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
  box-shadow:
    0 6px 13px rgba(0,0,0,.3),
    0 0 9px rgba(232,182,63,.07);
}
.pp-top-bar-app-menu:hover {
  filter: brightness(1.08);
  transform: translateY(-2px) rotate(-2deg) scale(1.03);
}

/* APP MENU PANEL: Styles the opened app menu */
.pp-top-bar-app-menu-list {
  position: relative;
  left: -11.5pc;
  min-width: 230px;
  padding: 1rem 1.15rem;
  overflow: hidden;
  background:
    linear-gradient(30deg, transparent 48.8%, rgba(246,214,106,.025) 49.5%, transparent 50.2%),
    linear-gradient(150deg, transparent 48.8%, rgba(246,214,106,.025) 49.5%, transparent 50.2%),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(246,214,106,.03) calc(50% - .5px), rgba(246,214,106,.03) calc(50% + .5px), transparent calc(50% + .5px)),
    radial-gradient(circle at 18% 8%, rgba(246,214,106,.07), transparent 24%),
    radial-gradient(circle at 88% 92%, rgba(155,170,105,.05), transparent 28%),
    linear-gradient(155deg, rgba(50,34,17,.99), rgba(29,21,13,.99) 52%, rgba(15,12,8,.99));
  background-size:
    46px 52px,
    46px 52px,
    46px 52px,
    auto,
    auto,
    auto;
  border: 1px solid rgba(232,182,63,.58);
  border-radius: 22px;
  box-shadow:
    inset 0 0 0 3px rgba(18,14,8,.72),
    inset 0 0 0 4px rgba(255,241,188,.04),
    inset 0 -22px 30px rgba(0,0,0,.22),
    0 18px 36px rgba(0,0,0,.62);
  scrollbar-width: thin;
  scrollbar-color: #805319 rgba(18,14,8,.45);
}
.pp-top-bar-app-menu-list::before {
  content: "";
  position: absolute;
  inset: 9px;
  z-index: 1;
  pointer-events: none;
  border: 1px solid rgba(232,182,63,.12);
  border-radius: 15px;
}
.pp-top-bar-app-menu-list::after {
  content: "·  ✦  ·";
  position: absolute;
  bottom: .55rem;
  color: rgba(232,182,63,.3);
  font-size: .68rem;
  letter-spacing: .3rem;
}
.pp-top-bar-app-menu-list hr {
  display: none;
}

/* APP MENU ITEMS */
.pp-top-bar-app-menu-list-item {
  position: relative;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr);
  column-gap: .72rem;
  padding: .5rem .3rem .58rem !important;
  color: #f8e8bd !important;
  font: italic 700 .78rem/1.1 "Alegreya Sans SC", "Roboto Condensed", sans-serif;
  letter-spacing: .18px;
  transition:
    color 200ms ease,
    text-shadow 200ms ease,
    transform 200ms ease !important;
}
.pp-top-bar-app-menu-list-item::before {
  content: "";
  width: 24px;
  height: 24px;
  background:
    radial-gradient(circle at 35% 24%, rgba(255,241,188,.07), transparent 25%),
    linear-gradient(145deg, rgba(201,139,34,.18), rgba(59,41,20,.12));
  clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
  box-shadow:
    inset 0 0 8px rgba(246,214,106,.025),
    0 0 7px rgba(232,182,63,.06);
  transition:
    background 200ms ease,
    border-color 200ms ease,
    box-shadow 200ms ease,
    transform 200ms ease;
}
.pp-top-bar-app-menu-list-item::after {
  content: "";
  position: absolute;
  right: 1.2rem;
  bottom: 0;
  left: 3.3rem;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(232,182,63,.2),
      rgba(155,170,105,.12) 60%,
      transparent
    );
}
.pp-top-bar-app-menu-list-item svg {
  position: absolute;
  left: .65rem;
  width: 13px;
  height: 13px;
  color: #c98b22 !important;
  transition:
    color 200ms ease,
    filter 200ms ease,
    transform 200ms ease;
}
.pp-top-bar-app-menu-list-item:nth-of-type(3n) {
  background:
    linear-gradient(
      90deg,
      rgba(232,182,63,.035),
      transparent 72%
    ) !important;
}
.pp-top-bar-app-menu-list-item:nth-of-type(3n + 2)::before {
  border-color: rgba(155,170,105,.34);
  background:
    linear-gradient(145deg, rgba(155,170,105,.1), rgba(59,41,20,.08));
}
.pp-top-bar-app-menu-list-item:nth-of-type(3n + 2) svg {
  color: #9baa69 !important;
}
.pp-top-bar-app-menu-list-item:hover {
  color: #fff1bc !important;
  text-shadow:
    1px 1px 0 #120e08,
    0 0 8px rgba(232,182,63,.16);
  transform: translateX(2px) !important;
}
.pp-top-bar-app-menu-list-item:hover::before {
  background:
    radial-gradient(circle at 35% 24%, rgba(255,241,188,.08), transparent 25%),
    linear-gradient(145deg, rgba(201,139,34,.24), rgba(59,41,20,.12));
  border-color: rgba(232,182,63,.72);
  box-shadow:
    inset 0 0 10px rgba(246,214,106,.045),
    0 0 10px rgba(232,182,63,.12);
  transform: rotate(12deg) scale(1.04);
}
.pp-top-bar-app-menu-list-item:hover svg {
  color: #f6d66a !important;
  filter: drop-shadow(0 0 6px rgba(232,182,63,.26));
  transform: scale(1.08);
}
.pp-top-bar-app-menu-list-item:hover::after {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(232,182,63,.3) 18%,
      rgba(155,170,105,.2) 50%,
      rgba(232,182,63,.3) 82%,
      transparent
    );
}

/* JANITOR PLUS REMOVAL: Hides the Plus menu entry, its wrapper, and any following divider. */
.css-1rokoft:has(.pp-top-bar-app-menu-list-item[href="/plus"]),
.css-1rokoft:has(a[href="/plus"]),
.pp-top-bar-app-menu-list-item[href="/plus"],
.pp-top-bar-app-menu-list-item[href="/plus"] + hr,
a[href="/plus"] + hr {
  display: none !important;
}

/* SECTION TITLE: Displays the main title above the character cards and filter controls. */
#profile-tabs::before {
  content: "The Hive";
  display: block;
  width: fit-content;
  margin: 0 auto 1.4rem;
  padding: 0.25rem 1.8rem 0.45rem;
  color: #f8e8bd;
  border-bottom: 1px solid rgba(232,182,63,.42);
  font-family: "DM Serif Text", Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3vw, 3.25rem);
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
}

/* PROFILE TABS */
.pp-tabs-wrapper {
  display: none;
}
.pp-tabs-indicator {
  height: 0;
  background: transparent;
  box-shadow: none;
}
.pp-top-bar-logo,
.pp-top-bar-logo::before {
  padding: 3px;
  background: transparent !important;
  border: none;
  box-shadow: none;
  text-shadow: none !important;
  backdrop-filter: none;
}
#profile-tabs > div[role="tablist"] > button[aria-selected="true"] {
  display: none;
}

/* TOTAL COUNT */
.pp-pg-total {
  background: transparent;
  border: none;
  box-shadow: none;
  bottom: .5pc;
}
.pp-pg-total .css-wd8hou {
  width: 100%;
  font-weight: 800;
}
.pp-pg-total p {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  font-size: 0;
  text-align: center;
}
.pp-pg-total strong {
  color: #f6d66a;
  font-family: "Alegreya Sans SC", "Roboto Condensed", sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-shadow:
    0 1px 2px rgba(0,0,0,.78),
    0 0 8px rgba(232,182,63,.18);
}
.pp-pg-total p::after {
  content: "Bees";
  color: #f8e8bd;
  font-family: "DM Serif Text", Georgia, "Times New Roman", serif;
  font-size: 0.8rem;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

/* BOT SEARCH BAR */
.pp-fl-search-input {
  width: 260px;
  color: #f8e8bd;
  font-family: "Crimson Text", Georgia, "Times New Roman", serif;
  font-size: 0.96rem;
  font-weight: 700;
  background:
    linear-gradient(180deg, rgba(18,14,8,.72), rgba(18,14,8,.88));
  border: 1px solid rgba(232,182,63,.46);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 5px 14px rgba(0,0,0,.3);
  backdrop-filter: blur(5px);
  text-shadow: 0 1px 2px rgba(0,0,0,.72);
  transition:
    border-color 220ms ease,
    box-shadow 220ms ease,
    background 220ms ease;
}
.pp-fl-search-input::placeholder {
  color: rgba(248,232,189,.58) !important;
}
.pp-fl-search-input:hover,
.pp-fl-search-input:focus,
.pp-fl-search-input:focus-visible {
  outline: none !important;
  color: #fff1bc;
  background:
    linear-gradient(180deg, rgba(33,23,13,.82), rgba(18,14,8,.94));
  border-color: rgba(246,214,106,.72);
  box-shadow:
    0 0 0 1px rgba(232,182,63,.1),
    0 7px 18px rgba(0,0,0,.34),
    0 0 12px rgba(232,182,63,.08);
}

/* FILTER BUTTON */
.pp-fl-filter-button {
  background:
    linear-gradient(180deg, rgba(59,41,20,.86), rgba(18,14,8,.94));
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background 220ms ease;
}
.pp-fl-filter-button svg {
  color: #f6d66a !important;
}
.pp-fl-filter-button:hover {
  background:
    linear-gradient(180deg, rgba(128,83,25,.72), rgba(33,23,13,.96));
  border-color: #f6d66a;
  transform: translateY(-2px);
}

/* LATEST MENU */
.transparent .react-select__menu,
.dark .react-select__menu,
.colored .react-select__menu,
.react-select__menu-portal .react-select__menu,
.css-1nmdiq5-menu {
  overflow: hidden;
  padding: 0.35rem;
  background:
    radial-gradient(circle at 18% 10%, rgba(246,214,106,.08), transparent 34%),
    linear-gradient(180deg, rgba(33,23,13,.98), rgba(18,14,8,.99));
  border: 1px solid rgba(232,182,63,.5);
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 26px rgba(0,0,0,.48);
}
.transparent .react-select__menu-list,
.dark .react-select__menu-list,
.colored .react-select__menu-list,
.react-select__menu-portal .react-select__menu-list,
.css-qr46ko {
  padding: 0;
  background: transparent;
}

/* LATEST MENU OPTIONS */
.transparent .react-select__option,
.dark .react-select__option,
.colored .react-select__option,
.react-select__menu-portal .react-select__option,
.css-qr46ko > div {
  padding: 0.68rem 0.8rem;
  color: #f8e8bd;
  background: transparent;
  border-bottom: 1px dashed rgba(232,182,63,.18);
  font-family: "DM Serif Text", Georgia, "Times New Roman", serif;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-shadow: 0 1px 2px rgba(0,0,0,.75);
  transition:
    color 180ms ease,
    background 180ms ease,
    transform 180ms ease;
}
.transparent .react-select__option:hover,
.dark .react-select__option:hover,
.colored .react-select__option:hover,
.react-select__menu-portal .react-select__option:hover,
.transparent .react-select__option--is-focused,
.dark .react-select__option--is-focused,
.colored .react-select__option--is-focused,
.react-select__menu-portal .react-select__option--is-focused,
.css-qr46ko > div:hover {
  color: #fff1bc;
  background:
    linear-gradient(90deg, rgba(128,83,25,.22), rgba(232,182,63,.14), rgba(128,83,25,.22));
}
.transparent .react-select__option--is-selected,
.dark .react-select__option--is-selected,
.colored .react-select__option--is-selected,
.react-select__menu-portal .react-select__option--is-selected {
  color: #21170d;
  background:
    linear-gradient(160deg, #fff1bc, #f6d66a 48%, #d79a2b) !important;
  text-shadow: 0 1px 0 rgba(255,241,188,.65);
}
:is(.default, .dark, .transparent, .colored, .css-b62m3t-container) .react-select__control {
  min-width: 130px;
  width: 130px;
  min-height: 40px;
  color: #f8e8bd;
  background:
    radial-gradient(circle at 18% 12%, rgba(246,214,106,.07), transparent 30%),
    linear-gradient(180deg, rgba(33,23,13,.9), rgba(18,14,8,.96)) !important;
  border: 1px solid rgba(232,182,63,.46) !important;
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 0 2px rgba(18,14,8,.46),
    0 5px 14px rgba(0,0,0,.3);
  backdrop-filter: blur(5px);
  transition:
    border-color 220ms ease,
    background 220ms ease,
    box-shadow 220ms ease;
}
.css-1dimb5e-singleValue {
  font-family: "DM Serif Text", Georgia, "Times New Roman", serif;
  color: #f8e8bd !important;
}
:is(.default, .dark, .transparent, .colored, .css-b62m3t-container) .react-select__control:hover,
:is(.default, .dark, .transparent, .colored, .css-b62m3t-container) .react-select__control:focus-within {
  border-color: rgba(246,214,106,.72) !important;
  background:
    linear-gradient(180deg, rgba(33,23,13,.86), rgba(18,14,8,.96)) !important;
  box-shadow:
    0 0 0 1px rgba(232,182,63,.1),
    0 7px 18px rgba(0,0,0,.34),
    0 0 12px rgba(232,182,63,.08) !important;
}

.css-m8ywhg {
  justify-items: center;
  display: flow;
}


/* ANIMATIONS */
@keyframes apiary-pollen {
  0% {
    opacity: .45;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: .94;
    transform: translate3d(13px, -17px, 0);
  }
}

@keyframes apiary-avatar-float {
  0%,
  100% {
    transform: translateY(0) rotate(-.7deg);
  }
  50% {
    transform: translateY(-13px) rotate(.9deg);
  }
}

@keyframes apiary-wings {
  0%,
  100% {
    opacity: .48;
    transform: translateX(-50%) scaleX(.97) rotate(-2deg);
  }
  50% {
    opacity: .72;
    transform: translateX(-50%) scaleX(1.04) rotate(1deg);
  }
}

@keyframes apiary-identity {
  0% {
    transform: translateY(0) rotate(1.4deg);
  }
  100% {
    transform: translateY(-10px) rotate(-.6deg);
  }
}

.profile-info-stack-inner-flex {
  order: 2;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
</style>

<!-- EDITABLE CONTENT: Replace the placeholder text, links, and image URLs below. Gallery Notice, recommended Image size is 1:1 aspect ratio -->

<div class="apiary-note">
  <div class="apiary-note-scroll">
    <h3>A Little Note from the Hive</h3>
    <p>Welcome to my small corner of the garden. This is where I keep my characters, stories, strange little ideas, and whatever else has decided to bloom.</p>
    <p><b>Replace this text</b> with your own greeting, update, status, or short introduction. Great for <b>common tags</b>.</p>
  </div>
</div>

<div class="apiary-links">
  <h3>Garden Paths</h3>
  <div class="apiary-link-list">
    <div class="apiary-link-item">
      <a class="apiary-link" href="YOUR-LINK-HERE" aria-label="Discord">
        <img src="https://ella.janitorai.com/media-approved/_5VYDkFPTfbqZW3gcDkm2.webp" alt="Discord">
      </a>
      <span class="apiary-link-label">Discord</span>
    </div>
    <div class="apiary-link-item">
      <a class="apiary-link" href="YOUR-LINK-HERE" aria-label="Requests">
        <img src="https://ella.janitorai.com/media-approved/3fzBdMBeYWfBM5Z2PL0yn.webp" alt="Requests">
      </a>
      <span class="apiary-link-label">Requests</span>
    </div>
    <div class="apiary-link-item">
      <a class="apiary-link" href="YOUR-LINK-HERE" aria-label="Kofi">
        <img src="https://ella.janitorai.com/media-approved/Gw_eM7ebzXt375PP1U399.webp" alt="Kofi">
      </a>
      <span class="apiary-link-label">Ko-fi</span>
    </div>
    <div class="apiary-link-item">
      <a class="apiary-link" href="YOUR-LINK-HERE" aria-label="Carrd">
        <img src="https://ella.janitorai.com/media-approved/cRJKm1RnpmaDbqwrafDvS.webp" alt="Carrd">
      </a>
      <span class="apiary-link-label">Carrd</span>
    </div>
  </div>
</div>

<div class="apiary-gallerys">
   <h3>Garden Gallery</h3>
<div class="apiary-gallerys-grid">
  <div class="apiary-gallery">
    <img src="MEDIA-LIBRARY-LINK-HERE" alt="Gallery image one">
  </div>
  <div class="apiary-gallery">
    <img src="MEDIA-LIBRARY-LINK-HERE" alt="Gallery image two">
  </div>
  <div class="apiary-gallery">
    <img src="MEDIA-LIBRARY-LINK-HERE" alt="Gallery image three">
  </div>
  <div class="apiary-gallery">
    <img src="MEDIA-LIBRARY-LINK-HERE" alt="Gallery image four">
  </div>
 </div>
</div>

<div class="apiary-garden">
  <h3>Favorite Creators</h3>
  <div class="apiary-garden-grid">
    <a class="apiary-friend" href="YOUR-LINK-HERE">
      <img src="https://ella.janitorai.com/media-approved/poO7wuAhgiIRiJsj5dTjp.webp" alt="Favorite creator one">
      Creator One
    </a>
    <a class="apiary-friend" href="YOUR-LINK-HERE">
      <img src="https://ella.janitorai.com/media-approved/2klt26RoOzNM6_yUlXhkO.webp" alt="Favorite creator two">
      Creator Two
    </a>
    <a class="apiary-friend" href="YOUR-LINK-HERE">
      <img src="https://ella.janitorai.com/media-approved/poO7wuAhgiIRiJsj5dTjp.webp" alt="Favorite creator two">
      Creator Three
    </a>
    <a class="apiary-friend" href="YOUR-LINK-HERE">
      <img src="https://ella.janitorai.com/media-approved/2klt26RoOzNM6_yUlXhkO.webp" alt="Favorite creator two">
      Creator Four
    </a>
    <a class="apiary-friend" href="YOUR-LINK-HERE">
      <img src="https://ella.janitorai.com/media-approved/poO7wuAhgiIRiJsj5dTjp.webp" alt="Favorite creator two">
      Creator Five
    </a>
    <a class="apiary-friend" href="YOUR-LINK-HERE">
      <img src="https://ella.janitorai.com/media-approved/2klt26RoOzNM6_yUlXhkO.webp" alt="Favorite creator two">
      Creator Six
    </a>
    <a class="apiary-friend" href="YOUR-LINK-HERE">
      <img src="https://ella.janitorai.com/media-approved/poO7wuAhgiIRiJsj5dTjp.webp" alt="Favorite creator three">
      Creator Seven
    </a>
  </div>
</div>


<div class="apiary-lower-shell">
  <div class="apiary-lower-panel">
    <h3>About the Keeper</h3>
    <p>Write your profile introduction here. You can talk about what you create, what genres you enjoy, your boundaries, your schedule, or anything else visitors should know.</p>
    <p>You can add multiple paragraphs, <b>bold text</b>, <i>italic text</i>, and <a href="YOUR-LINK-HERE">links</a>.</p>
  </div>
  <div class="apiary-lower-panel">
    <h3>Hive Notes</h3>
    <p>This is your space for taglines, quotes, facts, updates, boundaries, or anything else you want to share about your world.</p>
  </div>
</div>

<div class="apiary-treasury">
  <h3>Honeyed Archive</h3>
  <p>Use this space for extra links, credits, important information, or anything else that deserves its own full-width section.</p>
</div>

<div class="apiary-footer">
  Apiary Designed by <a href="https://janitorai.com/profiles/acd0fd4c-3410-4599-a987-a84c9eb0547d_profile-of-cellophane">Cellophane</a>
</div>

<style>

/* CHARACTER CARDS */
.pp-cc-list-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 3rem;
  padding: 2rem 1rem 4rem;
}
.pp-cc-wrapper,
.pp-cc-wrapper > *:not(.profile-character-card-stack) {
  background: transparent !important;
  box-shadow: none !important;
}
.pp-cc-wrapper {
  flex: 0 1 330px;
  width: 330px;
  height: 470px;
  position: relative;
  transition: transform 450ms ease;
}
.pp-cc-wrapper:nth-child(odd) {
  transform: rotate(-1.4deg);
}
.pp-cc-wrapper:nth-child(even) {
  transform: translateY(18px) rotate(1.6deg);
}
.pp-cc-wrapper:hover {
  z-index: 5;
  transform: translateY(-12px) rotate(0deg) scale(1.02);
}
.profile-character-card-stack a {
  display: contents;
}
.profile-character-card-stack {
  position: relative;
  display: grid;
  height: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: 58px 300px 56px 56px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(59, 41, 20, .96), rgb(10 9 5));
  border: 2px solid #e8b63f;
  clip-path: polygon(12% 0%, 88% 0%, 100% 12%, 100% 88%, 88% 100%, 12% 100%, 0% 88%, 0% 12%);
}
.profile-character-card-stack::before {
  content: "";
  position: absolute;
  inset: 13px;
  z-index: 8;
  pointer-events: none;
  border-top: 1px solid rgba(246,214,106,.34);
  border-left: 1px solid rgba(246, 214, 106, .34);
  border-right: 1px solid rgba(246, 214, 106, .34);
  clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
}
.css-nlxhw4 {
  grid-area: 1 / 1 / 2 / 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
  background: linear-gradient(90deg, rgba(18,14,8,.95), rgba(128,83,25,.55), rgba(18,14,8,.95));
  border-bottom: 1px solid rgba(232,182,63,.42);
  z-index: 3;
}
.pp-cc-name {
  width: auto;
  padding: 0;
  color: #f6d66a;
  background: transparent;
  border: none;
  border-radius: 0;
  font-family: "DM Serif Text", Georgia, "Times New Roman", serif;
  font-size: .9rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
}
.pp-cc-avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border: none;
  border-radius: 0;
  filter: sepia(.08) saturate(.92) contrast(1.05) brightness(.9);
  transition: filter 450ms ease, transform 650ms ease;
}
.pp-cc-wrapper:hover .pp-cc-avatar {
  filter: sepia(0) saturate(1.03) contrast(1.06) brightness(1.02);
  transform: scale(1.035);
}
.profile-character-card-description-box {
  grid-area: 3 / 1 / 4 / 2;
  height: 56px;
  padding: 12px 18px;
  overflow: hidden;
  background: rgba(18,14,8,.9);
  border-top: 1px solid rgba(232,182,63,.35);
  box-shadow: 0 -8px 18px rgba(0,0,0,.22);
  transform: translateY(0);
  transition:
    height 420ms ease,
    transform 420ms ease,
    padding 420ms ease,
    background 320ms ease;
}
.pp-cc-wrapper:hover .profile-character-card-description-box {
  height: 128px;
  padding: 14px 18px 18px;
  overflow-y: auto;
  background: rgba(18,14,8,.97);
  transform: translateY(-130px);
}
.pp-cc-wrapper:hover .pp-cc-tags {
  height: 128px;
  transform: translateY(-85px);
}
.profile-character-card-description-box::-webkit-scrollbar {
  display: none;
}
.pp-cc-description p,
.pp-cc-description * {
  color: #f8e8bd;
  font-family: "Crimson Text", Georgia, "Times New Roman", serif;
  font-size: .86rem;
  font-style: italic;
  line-height: 1.6;
  text-align: center;
}
.pp-cc-description {
  transition: transform 420ms ease;
}
.profile-character-card-stats-box {
  position: absolute;
  top: 72px;
  right: 18px;
  z-index: 6;
}
.pp-cc-ribbon {
  position: relative;
  inset: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 28px;
  color: #21170d;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.55), transparent 20%),
    linear-gradient(160deg, #fff1bc 0%, #f6d66a 38%, #e8b63f 68%, #c98b22 100%);
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 -4px 8px rgba(128,83,25,.24),
    0 4px 0 #805319,
    0 8px 14px rgba(0,0,0,.34);
  transform: rotate(2deg);
}
.pp-cc-ribbon::before,
.pp-cc-ribbon::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  background: #805319;
  box-shadow: 0 0 5px rgba(246,214,106,.32);
  transform: translateY(-50%) rotate(45deg);
}
.pp-cc-ribbon::before {
  left: 7px;
}
.pp-cc-ribbon::after {
  right: 7px;
}
.pp-cc-ribbon-wrap {
  padding: 0;
  background: transparent;
  clip-path: none;
  box-shadow: none;
}
.pp-cc-chats-count,
.pp-cc-chats {
  position: relative;
  z-index: 1;
  color: #21170d;
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: 1px;
}
.pp-cc-chats svg {
  display: none;
}
.pp-cc-tags {
  box-shadow: 0 -8px 18px rgba(0,0,0,.24);
  transform: translateY(0);
  transition:
    height 420ms ease,
    max-height 420ms ease,
    transform 420ms ease,
    padding 420ms ease,
    background 320ms ease;
}
.pp-cc-tags::-webkit-scrollbar {
  display: none;
}
.css-k1urot {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: 5px;
  width: 100%;
  padding: 2px;
}
.pp-cc-tags-item {
  display: inline-block;
  flex: 0 1 auto;
  max-width: 100%;
  padding: 3px 9px;
  color: #f8e8bd;
  background: rgba(128,83,25,.3);
  border: 1px solid rgba(232,182,63,.42);
  border-radius: 999px;
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: unset;
  text-transform: uppercase;
}
.pp-cc-tags-item:hover {
  color: #21170d;
  background: #f6d66a;
  border-color: #fff1bc;
}
.pp-cc-tokens-count,
.profile-character-card-stack > a:nth-of-type(2),
.pp-cc-star-line,
.css-1wqmh16,
.css-nip9dx,
.css-xrg4vd,
.css-5v5qgx,
.css-1awld45,
.css-1cui3us,
.css-8828od,
.css-jdhqy4 {
  display: none !important;
}
.profile-character-card-creator-name-link span {
  display: none;
}
[role="tooltip"],
.chakra-tooltip,
[id^="tooltip-"] {
  display: none !important;
}

/* SERIES PLAQUE: Styles the card label beneath the Bot Name. Current name in this class show below text as default. */
.profile-character-card-stack-link-component-box::after {
  content: "Free-Flying";
  position: absolute;
  top: 39px;
  left: 50%;
  max-width: 218px;
  padding: 0.42rem 1.15rem;
  color: #21170d;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.5), transparent 18%),
    linear-gradient(160deg, #fff1bc 0%, #f6be6a 36%, #e8b63f 68%, #c98b22 100%);
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 -4px 8px rgba(128,83,25,.22),
    0 3px 0 #805319,
    0 7px 12px rgba(0,0,0,.32);
  font-family: "Alegreya Sans SC", "Roboto Condensed", sans-serif;
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 2.2px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,241,188,.7);
  transform: translateX(-50%);
}

/* Changes the plaque text when the bot uses specific tags. Change the csstest names into your series tag names */
.pp-cc-wrapper:has(.pp-tag-csstest1) .profile-character-card-stack-link-component-box::after {
  content: "Series 1";
}
.pp-cc-wrapper:has(.pp-tag-csstest2) .profile-character-card-stack-link-component-box::after {
  content: "Series 2";
}
.pp-cc-wrapper:has(.pp-tag-csstest3) .profile-character-card-stack-link-component-box::after {
  content: "Series 3";
}
</style>

<style>

/* ALL MEDIA QUERIES */
@media only screen and (max-width: 768px),
       only screen and (max-width: 480px) {
  [class*="notificationsPopover"] {
    top: 3rem;
    max-width: calc(100vw - 1rem);
  }
}

@media screen and (max-width: 900px) {
.apiary-lower-shell {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-left: 0;
  }
.apiary-lower-shell > .apiary-lower-panel:last-child {
    min-height: 190px;
  }

.apiary-treasury {
    margin-left: 0;
    padding-right: 2.25rem;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  }
.apiary-treasury::after {
    display: none;
  }
}

@media (max-width: 799px) {
  .profile-info-stack {
    grid-template-columns: 1fr;
    grid-template-rows: auto 400px 70px 140px auto auto auto auto;
    width: calc(100vw - 1rem);
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 8px;
    gap: 10px;
  }

  .profile-info-stack::after {
    inset: -1rem;
    opacity: .55;
  }

  .profile-info-stack-inner {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    min-height: auto;
    padding: .3rem 1.2rem;
  }

  .profile-info-stack-inner::before, .profile-info-stack-inner::after {
    display: none;
  }

  .profile-info-stack-inner-flex {
    width: 97%;
    min-height: 42px;
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 10px 16px;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
  }

  .pp-uc-title {
    max-width: 100%;
    margin: 0;
    font-size: clamp(2rem, 9vw, 2.75rem);
    text-align: center;
  }

  .pp-uc-followers-count {
    width: max-content;
    max-width: 100%;
    margin: 9px auto 0;
    padding: 6px 15px;
    font-size: .68rem;
    letter-spacing: 2.5px;
    text-align: center;
    order: 3;
  }

  .profile-badges {
    justify-content: center;
    margin-top: .8rem;
  }

  .pp-uc-avatar-container {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    place-self: start center;
    left: 0;
    top: 0;
    width: min(300px, 82vw);
    height: 480px;
    margin: 0 auto;
  }

  .pp-uc-avatar-container::before {
    top: -1rem;
    left: 50%;
    width: 16rem;
    height: 27rem;
    transform: translateX(-50%) scale(.84);
    transform-origin: center top;
  }

  .pp-uc-avatar-container::after {
    top: 4.5rem;
    left: -25%;
    width: 28rem;
    height: 12rem;
    transform-origin: center;
  }

  .pp-uc-avatar {
    top: 6rem;
    left: 0;
    width: 47%;
    height: 255px;
    margin: 0 auto;
  }

  .profile-about-me + div {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
    position: relative;
    inset: auto;
    top: 0;
    right: 0;
    place-self: stretch;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .profile-about-me + div > * {
    width: 100%;
    margin: 0;
  }

  div:has(> .profile-uc-follow-flex) {
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
    inset: auto;
    transform: none;
    place-self: stretch;
    gap: 8px;
    justify-content: center;
  }

  .apiary-links {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    top: 0;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: .85rem .8rem 1rem;
  }

  .apiary-links::before,
  .apiary-links::after {
    left: 12px;
    right: 12px;
  }

  .apiary-links h3 {
    margin-bottom: .7rem;
    font-size: 1rem;
    text-align: center;
  }

  .apiary-link-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
  }

  .apiary-link {
    width: min(60px, 17vw);
    max-width: 60px;
    height: min(60px, 17vw);
  }

  .apiary-gallerys {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
    top: 0;
    width: 100%;
    margin: 0;
  }

  .apiary-gallerys h3 {
    top: 0;
    margin: 0 0 1rem;
    font-size: 1rem;
  }

  .apiary-gallerys-grid {
    grid-template-columns: 1fr;
    max-height: 500px;
    gap: .85rem;
    padding: .3rem .4rem 2rem;
  }

  .apiary-gallery {
    width: min(310px, 88vw);
    margin: 0 auto;
  }

  .apiary-gallery:hover {
    transform: scale(1.03);
  }

  .apiary-garden {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 1rem .2rem 2rem;
  }

  .apiary-garden::before {
    bottom: 1.8rem;
  }
  .apiary-garden::after {
    bottom: 2.28rem;
  }
  .apiary-garden h3 {
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .apiary-garden-grid {
    max-height: 500px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    padding: .3rem .4rem 2rem 0;
  }

  .apiary-friend {
    font-size: .65rem;
    letter-spacing: .5px;
  }

  .apiary-friend img {
    margin-bottom: .5rem;
  }

  .apiary-note {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
    top: 0;
    width: 100%;
    max-height: 20rem;
    margin: 0;
    padding: 1.2rem .65rem 1.35rem 1.35rem;
  }

  .apiary-note-scroll {
    max-height: calc(20rem - 2.6rem);
    padding-right: 1rem;
    padding-bottom: 2.5rem;
  }

  .apiary-note h3 {
    padding-right: 1.5rem;
    font-size: 1.05rem;
  }

  .apiary-note p {
    font-size: .86rem;
    line-height: 1.7;
  }

  .apiary-note::before {
    right: 1rem;
    bottom: .75rem;
    font-size: 1.45rem;
  }

  .apiary-lower-shell {
    grid-column: 1 / 2;
    grid-row: 8 / 9;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 1rem;
    margin: 0;
    padding-left: 0;
  }

  .apiary-lower-panel,
  .apiary-lower-shell > .apiary-lower-panel:last-child {
    width: 100%;
    min-height: 0;
    padding: 1.35rem 1.25rem 1.6rem;
  }

  .apiary-lower-panel h3 {
    font-size: 1rem;
  }

  .apiary-lower-panel p {
    font-size: .84rem;
    line-height: 1.7;
  }

  .apiary-treasury {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
    width: 100%;
    margin-left: 0;
    padding: 1.2rem 1.6rem 1.35rem;
    clip-path: polygon(
      12px 0,
      calc(100% - 12px) 0,
      100% 50%,
      calc(100% - 12px) 100%,
      12px 100%,
      0 50%
    );
  }

  .apiary-treasury::after {
    display: none;
  }

  .apiary-treasury h3 {
    font-size: 1rem;
  }

  .apiary-treasury p {
    font-size: .84rem;
    line-height: 1.7;
  }

  .apiary-footer {
    grid-column: 1 / 2;
    grid-row: 10 / 11;
    width: 100%;
    padding: 1.25rem .5rem 0;
    font-size: .58rem;
    letter-spacing: 2px;
  }

  .apiary-footer::before,
  .apiary-footer::after {
    width: 18%;
  }

  .css-1dwr89y,
  .css-1rokoft::after {
    display: none;
  }

  .pp-top-bar-app-menu-list {
    left: 2rem;
  }

  .profile-filters-flex-inner {
    position: relative;
    justify-content: center;
    width: 22pc;
  }

  .pp-fl-search-input {
    width: 22pc;
  }
}
</style>