@charset "UTF-8";
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #1abc9c;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1abc9c;
  --secondary: #2c3e50;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bp-pink);
  text-decoration: none;
  background-color: transparent;
  transition: color .2s ease, text-decoration-color .2s ease;
}
a:hover {
  color: var(--bp-magenta);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

a:focus-visible {
  outline: 3px solid var(--bp-cream);
  outline-offset: 2px;
  border-radius: 2px;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 0.125rem solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 0.125rem solid #dee2e6;
  border-radius: 0.5rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 0.125rem solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 0.25rem solid #dee2e6;
}
.table tbody + tbody {
  border-top: 0.25rem solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 0.125rem solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 0.125rem solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 0.25rem;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #bfece3;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #88dccc;
}

.table-hover .table-primary:hover {
  background-color: #abe6da;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #abe6da;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #c4c9ce;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #919ba4;
}

.table-hover .table-secondary:hover {
  background-color: #b6bcc2;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #b6bcc2;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-lightsuccess,
.table-lightsuccess > th,
.table-lightsuccess > td {
  background-color: #c3e6cb5c;
}
.table-lightsuccess th,
.table-lightsuccess td,
.table-lightsuccess thead th,
.table-lightsuccess tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-lightsuccess:hover {
  background-color: #b1dfbb;
}
.table-hover .table-lightsuccess:hover > td,
.table-hover .table-lightsuccess:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-lightwarning,
.table-lightwarning > th,
.table-lightwarning > td {
  background-color: #ffeeba87;
}
.table-lightwarning th,
.table-lightwarning td,
.table-lightwarning thead th,
.table-lightwarning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-lightwarning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-lightwarning:hover > td,
.table-hover .table-lightwarning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 1rem);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.125rem solid #ced4da;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #6bebd1;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 0.125rem 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.75rem);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.form-control-lg {
  height: calc(1.5em + 1.25rem);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.75rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.5rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.5rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0.125rem solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn { transition: none; }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;

  box-shadow: 0 0 0 0.2rem rgba(255, 209, 102, 0.5);
}
.btn.disabled, .btn:disabled { opacity: 0.65; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
a.btn.disabled,
fieldset:disabled a.btn { pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: var(--bp-pink);
  border-color: var(--bp-pink);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--bp-magenta);
  border-color: var(--bp-magenta);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: var(--bp-magenta);
  border-color: var(--bp-magenta);
  box-shadow: 0 0 0 0.2rem rgba(217, 27, 140, 0.4);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--bp-pink);
  border-color: var(--bp-pink);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--bp-magenta);
  border-color: var(--bp-magenta);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 27, 140, 0.4);
}

.btn-secondary {
  color: #fff;
  background-color: var(--bp-purple);
  border-color: var(--bp-purple);
}
.btn-secondary:hover {
  color: #fff;
  background-color: #2a1a4e;
  border-color: #2a1a4e;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #2a1a4e;
  border-color: #2a1a4e;
  box-shadow: 0 0 0 0.2rem rgba(64, 38, 110, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: var(--bp-purple);
  border-color: var(--bp-purple);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #251846;
  border-color: #251846;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 38, 110, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #27ae60;
  border-color: #27ae60;
}
.btn-success:hover {
  color: #fff;
  background-color: #219150;
  border-color: #219150;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #219150;
  border-color: #219150;
  box-shadow: 0 0 0 0.2rem rgba(39, 174, 96, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #27ae60;
  border-color: #27ae60;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e43;
  border-color: #1e7e43;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(39, 174, 96, 0.5);
}

.btn-info {
  color: #fff;
  background-color: var(--bp-magenta);
  border-color: var(--bp-magenta);
}
.btn-info:hover {
  color: #fff;
  background-color: #a91e82;
  border-color: #a91e82;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #a91e82;
  border-color: #a91e82;
  box-shadow: 0 0 0 0.2rem rgba(191, 34, 149, 0.45);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: var(--bp-magenta);
  border-color: var(--bp-magenta);
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #991b77;
  border-color: #991b77;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(191, 34, 149, 0.45);
}

.btn-warning {
  color: var(--bp-ink);
  background-color: var(--bp-cream);
  border-color: var(--bp-cream);
}
.btn-warning:hover {
  color: var(--bp-ink);
  background-color: #e6bb59;
  border-color: #e6bb59;
}
.btn-warning:focus, .btn-warning.focus {
  color: var(--bp-ink);
  background-color: #e6bb59;
  border-color: #e6bb59;
  box-shadow: 0 0 0 0.2rem rgba(255, 209, 102, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: var(--bp-ink);
  background-color: var(--bp-cream);
  border-color: var(--bp-cream);
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: var(--bp-ink);
  background-color: #dbb150;
  border-color: #dbb150;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 209, 102, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: var(--bp-ink);
  border-color: var(--bp-ink);
}
.btn-dark:hover {
  color: #fff;
  background-color: #1d1830;
  border-color: #1d1830;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #1d1830;
  border-color: #1d1830;
  box-shadow: 0 0 0 0.2rem rgba(42, 33, 64, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: var(--bp-ink);
  border-color: var(--bp-ink);
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #171127;
  border-color: #171127;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(42, 33, 64, 0.5);
}

.btn-cb-white {
  color: #212529;
  background-color: #ffffff;
  border-color: var(--bp-pink);
}
.btn-cb-white:hover {
  color: #212529;
  background-color: #FAF7FC;
  border-color: var(--bp-magenta);
}
.btn-cb-white:focus, .btn-cb-white.focus {
  color: #212529;
  background-color: #FAF7FC;
  border-color: var(--bp-magenta);
  box-shadow: 0 0 0 0.2rem rgba(217, 27, 140, 0.35);
}
.btn-cb-white.disabled, .btn-cb-white:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-cb-white:not(:disabled):not(.disabled):active,
.btn-cb-white:not(:disabled):not(.disabled).active,
.show > .btn-cb-white.dropdown-toggle {
  color: #212529;
  background-color: #eaeaea;
  border-color: var(--bp-magenta);
}
.btn-cb-white:not(:disabled):not(.disabled):active:focus,
.btn-cb-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-cb-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 27, 140, 0.35);
}

.btn-outline-primary {
  color: var(--bp-pink);
  border-color: var(--bp-pink);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--bp-pink);
  border-color: var(--bp-pink);
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 27, 140, 0.35);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--bp-pink);
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--bp-pink);
  border-color: var(--bp-pink);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 27, 140, 0.35);
}

.btn-outline-secondary {
  color: var(--bp-purple);
  border-color: var(--bp-purple);
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: var(--bp-purple);
  border-color: var(--bp-purple);
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 38, 110, 0.45);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: var(--bp-purple);
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--bp-purple);
  border-color: var(--bp-purple);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 38, 110, 0.45);
}

.btn-outline-success {
  color: #27ae60;
  border-color: #27ae60;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #27ae60;
  border-color: #27ae60;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(39, 174, 96, 0.45);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #27ae60;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #27ae60;
  border-color: #27ae60;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(39, 174, 96, 0.45);
}

.btn-outline-info {
  color: var(--bp-magenta);
  border-color: var(--bp-magenta);
}
.btn-outline-info:hover {
  color: #fff;
  background-color: var(--bp-magenta);
  border-color: var(--bp-magenta);
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(191, 34, 149, 0.45);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: var(--bp-magenta);
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: var(--bp-magenta);
  border-color: var(--bp-magenta);
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(191, 34, 149, 0.45);
}

.btn-outline-warning {
  color: var(--bp-cream);
  border-color: var(--bp-cream);
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: var(--bp-cream);
  border-color: var(--bp-cream);
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 209, 102, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: var(--bp-cream);
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: var(--bp-cream);
  border-color: var(--bp-cream);
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 209, 102, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: var(--bp-ink);
  border-color: var(--bp-ink);
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: var(--bp-ink);
  border-color: var(--bp-ink);
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(42, 33, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: var(--bp-ink);
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: var(--bp-ink);
  border-color: var(--bp-ink);
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(42, 33, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: var(--bp-pink);
  text-decoration: none;
}
.btn-link:hover {
  color: var(--bp-magenta);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus { text-decoration: underline; }
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.75rem;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block { margin-top: 0.5rem; }
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block { width: 100%; }

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.125rem solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #1abc9c;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -0.125rem;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -0.125rem;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -0.125rem;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -0.125rem;
}

.input-group-prepend {
  margin-right: -0.125rem;
}

.input-group-append {
  margin-left: -0.125rem;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 0.125rem solid #ced4da;
  border-radius: 0.5rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1.25rem);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.75rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.75rem);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #1abc9c;
  background-color: #1abc9c;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #6bebd1;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #98f1df;
  border-color: #98f1df;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 0.125rem;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.5rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #1abc9c;
  background-color: #1abc9c;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(26, 188, 156, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(26, 188, 156, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(26, 188, 156, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: 0.5rem;
  left: -2rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(26, 188, 156, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1rem);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 0.125rem solid #ced4da;
  border-radius: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: #6bebd1;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.75rem);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1.25rem);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1rem);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 1rem);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #6bebd1;
  box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 1rem);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 0.125rem solid #ced4da;
  border-radius: 0.5rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.5rem 0.5rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #1abc9c;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #98f1df;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #1abc9c;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #98f1df;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #1abc9c;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #98f1df;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0rem;
}
@media (max-width: 991.98px) {
  .nav-link {
    padding: 0.5rem 1rem;
  }
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 0.125rem solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -0.125rem;
}
.nav-tabs .nav-link {
  border: 0.125rem solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -0.125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.5rem;
  padding:10px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1abc9c;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

.navbar-notification-alert-active {
background:#F7AA00;
color:#212529 !important;
border:1px solid #fff;
}
.navbar-notification-alert-active:hover {
color:#ffffff !important;
}
.navbar-notification-alert {
background:transparent;
border:1px solid #fff;
}
.smallscreen-navbar-notification-alert {
  padding: 0.25rem 0.45rem;
  color:#FFFFFF;
  line-height: 1;
  background-color: transparent;
  border:0px;
}
.smallscreen-navbar-notification-alert:hover {
  text-decoration: none;
  color:#ffe27a;
}
.smallscreen-navbar-notification-alert:focus {
  outline: none !important;
}
.smallscreen-navbar-notification-alert-active {
  padding: 0.25rem 0.45rem;
  color:#212529;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #F7AA00;
  border:1px solid #fff;
  font-size: 1rem;
}
.smallscreen-navbar-notification-alert-active:hover {
  text-decoration: none;
  color:#FFFFFF;
}
.smallscreen-navbar-notification-alert-active:focus {
  outline: none !important;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
body:has(.profile-cover-underlay) .navbar {
  border-bottom: 2px solid #FAF7FC;
}

.profile-mini-nav-toggle-wrap{
  position:fixed;
  top:calc(env(safe-area-inset-top) + 12px);
  left:0;
  z-index:1050;
}

.profile-mini-nav-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 14px 0 12px;
  border:1px solid rgba(255,255,255,.14);
  border-left:none;
  border-radius:0 14px 14px 0;
  background:rgba(42,33,64,.80);
  color:#fff;
  font-weight:800;
  font-size:.92rem;
  line-height:1;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:background .15s ease, box-shadow .15s ease, transform .15s ease, opacity .15s ease;
}
.profile-mini-nav-toggle:hover,
.profile-mini-nav-toggle:focus{
  color:#fff;
  background:rgba(42,33,64,.96);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  transform:translateX(1px);
  outline:none;
  text-decoration:none;
}
.profile-mini-nav-toggle span{
  display:inline;
}

.profile-mini-nav-backdrop{
  position:fixed;
  inset:0;
  background:rgba(17,12,29,.42);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:1051;
}

.profile-mini-nav-panel{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:min(340px, 88vw);
  background:#fff;
  box-shadow:0 24px 48px rgba(0,0,0,.18);
  transform:translateX(-108%);
  transition:transform .22s ease;
  z-index:1052;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

body.profile-mini-nav-open{
  overflow:hidden;
}
body.profile-mini-nav-open .profile-mini-nav-backdrop{
  opacity:1;
  visibility:visible;
}
body.profile-mini-nav-open .profile-mini-nav-panel{
  transform:translateX(0);
}

.profile-mini-nav-head{
  padding:18px 18px 16px;
  color:#fff;
  background:linear-gradient(135deg,#f028a8 0%,#d91b8c 45%,#b61892 100%);
}
.profile-mini-nav-kicker{
  font-size:.73rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.88;
  margin-bottom:5px;
}
.profile-mini-nav-brand{
  color:#ffe36f !important;
  font-weight:900;
  font-size:1.85rem;
  line-height:1;
  letter-spacing:-.02em;
  text-decoration:none !important;
}
.profile-mini-nav-close{
  width:40px;
  height:40px;
  border:none;
  border-radius:12px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:1rem;
}
.profile-mini-nav-close:hover,
.profile-mini-nav-close:focus{
  background:rgba(255,255,255,.22);
  outline:none;
}

.profile-mini-nav-body{
  flex:1 1 auto;
  overflow-y:auto;
  padding:16px;
  background:#fff;
}

.profile-mini-nav-profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  margin-bottom:14px;
  border-radius:16px;
  background:#fff7fc;
  border:1px solid rgba(217,27,140,.10);
  color:#2A2140 !important;
  text-decoration:none !important;
}
.profile-mini-nav-profile:hover{
  background:#fff1f9;
}
.profile-mini-nav-avatar{
  width:46px;
  height:46px;
  border-radius:999px;
  object-fit:cover;
  box-shadow:0 0 0 2px rgba(255,255,255,.7);
}
.profile-mini-nav-profile-name{
  font-weight:900;
  color:#2A2140;
  line-height:1.1;
}
.profile-mini-nav-profile-sub{
  color:#6d6686;
  font-size:.88rem;
  line-height:1.2;
  margin-top:2px;
}

.profile-mini-nav-quick-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.profile-mini-nav-quick{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:84px;
  padding:12px 10px;
  border-radius:16px;
  background:#f8f6fc;
  border:1px solid rgba(42,33,64,.08);
  color:#2A2140 !important;
  text-decoration:none !important;
  font-weight:800;
  font-size:.88rem;
  text-align:center;
}
.profile-mini-nav-quick:hover{
  background:#f2eef9;
}
.profile-mini-nav-quick i{
  font-size:1.05rem;
  color:#d91b8c;
}
.profile-mini-nav-quick-badge{
  position:absolute;
  top:8px;
  right:8px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#ffbf00;
  color:#2A2140;
  font-size:.72rem;
  font-weight:900;
  line-height:20px;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}

.profile-mini-nav-section-title{
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#8a82a3;
  margin:14px 0 10px;
  padding:0 4px;
}

.profile-mini-nav-links{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.profile-mini-nav-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  color:#2A2140 !important;
  text-decoration:none !important;
  font-weight:800;
  background:#fff;
  border:1px solid rgba(42,33,64,.08);
}
.profile-mini-nav-link:hover{
  background:#faf9fd;
}
.profile-mini-nav-link-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.profile-mini-nav-link-left i:first-child{
  width:18px;
  text-align:center;
  color:#d91b8c;
  flex:0 0 auto;
}
.profile-mini-nav-link-right{
  color:#a39bb8;
  font-size:.82rem;
  flex:0 0 auto;
}

.profile-mini-nav-guest-cta{
  margin-top:18px;
  padding:18px 16px;
  border-radius:18px;
  background:
	radial-gradient(circle at top right, rgba(255,212,81,.22), transparent 32%),
	linear-gradient(135deg, #fff0f8 0%, #fff7e7 100%);
  border:1px solid rgba(217,27,140,.12);
  box-shadow:0 14px 28px rgba(0,0,0,.05);
}
.profile-mini-nav-guest-cta__badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(217,27,140,.12);
  color:#d91b8c;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.profile-mini-nav-guest-cta__title{
  margin-top:12px;
  font-size:1.18rem;
  line-height:1.12;
  font-weight:900;
  color:#2A2140;
  letter-spacing:-.02em;
}
.profile-mini-nav-guest-cta__title strong{
  color:#d91b8c;
}
.profile-mini-nav-guest-cta__text{
  margin-top:8px;
  color:#6d6686;
  font-size:.93rem;
  line-height:1.52;
}
.profile-mini-nav-guest-cta__proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.profile-mini-nav-guest-cta__proof span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(42,33,64,.08);
  color:#2A2140;
  font-size:.8rem;
  font-weight:800;
}
.profile-mini-nav-guest-cta__proof i{
  color:#d91b8c;
}
.profile-mini-nav-guest-cta__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.profile-mini-nav-guest-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.profile-mini-nav-guest-cta__btn:hover{
  transform:translateY(-1px);
}
.profile-mini-nav-guest-cta__btn--primary{
  background:linear-gradient(180deg,#f028a8 0%,#d91b8c 100%);
  color:#fff !important;
  box-shadow:0 14px 28px rgba(217,27,140,.22);
}
.profile-mini-nav-guest-cta__btn--primary:hover{
  color:#fff !important;
  background:linear-gradient(180deg,#ea2ea8 0%,#cf1686 100%);
}
.profile-mini-nav-guest-cta__btn--secondary{
  background:#fff;
  color:#2A2140 !important;
  border:1px solid rgba(42,33,64,.10);
}
.profile-mini-nav-guest-cta__btn--secondary:hover{
  background:#faf9fd;
}

.profile-mini-nav-footer{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(42,33,64,.08);
}

@media (max-width: 767.98px){
  .profile-mini-nav-toggle-wrap{
	top:calc(env(safe-area-inset-top) + 10px);
	left:0;
  }
  .profile-mini-nav-toggle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:38px;
	padding:0;
	gap:0;
	border:1px solid rgba(255,255,255,.12);
	border-left:none;
	border-radius:0 11px 11px 0;
	background:rgba(42,33,64,.65);
	color:rgba(255,255,255,.96);
	font-size:.84rem;
	font-weight:700;
	box-shadow:0 8px 18px rgba(0,0,0,.12);
	opacity:.94;
  }
  .profile-mini-nav-toggle:hover,
  .profile-mini-nav-toggle:focus{
	background:rgba(42,33,64,.72);
	box-shadow:0 10px 22px rgba(0,0,0,.16);
  }
  .profile-mini-nav-toggle span{
	display:none !important;
  }
  .profile-mini-nav-panel{
	width:min(320px, 90vw);
  }
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0.125rem solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 0.125rem solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: 0.375rem 0.375rem 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 0.125rem solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 0.375rem 0.375rem;
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: 0.375rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.card-deck .card {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 1.5rem;
    margin-bottom: 0;
    margin-left: 1.5rem;
  }
}

.card-group > .card {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -0.125rem;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.5rem;
}

.breadcrumb-item {
  display: flex;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.5rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -0.125rem;
  line-height: 1.25;
  color: #1abc9c;
  background-color: #fff;
  border: 0.125rem solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #117964;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #1abc9c;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #148f77;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(26, 188, 156, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #2c3e50;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #1a252f;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-magenta {
  background-color: var(--bp-magenta);
  color: #fff;
  font-weight: 500;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  border-radius: 0.375rem;
  display: inline-block;
  line-height: 1;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.75rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #0e6251;
  background-color: #d1f2eb;
  border-color: #bfece3;
}
.alert-primary hr {
  border-top-color: #abe6da;
}
.alert-primary .alert-link {
  color: #08352c;
}

.alert-secondary {
  color: #17202a;
  background-color: #d5d8dc;
  border-color: #c4c9ce;
}
.alert-secondary hr {
  border-top-color: #b6bcc2;
}
.alert-secondary .alert-link {
  color: #050709;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.5rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #1abc9c;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.5rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 0.125rem solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #1abc9c;
  border-color: #1abc9c;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -0.125rem;
  border-top-width: 0.125rem;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 0.125rem;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -0.125rem;
  border-left-width: 0.125rem;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 0.125rem;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -0.125rem;
    border-left-width: 0.125rem;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 0.125rem;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -0.125rem;
    border-left-width: 0.125rem;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 0.125rem;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -0.125rem;
    border-left-width: 0.125rem;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 0.125rem;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -0.125rem;
    border-left-width: 0.125rem;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 0.125rem;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #0e6251;
  background-color: #bfece3;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #0e6251;
  background-color: #abe6da;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #0e6251;
  border-color: #0e6251;
}

.list-group-item-secondary {
  color: #17202a;
  background-color: #c4c9ce;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #17202a;
  background-color: #b6bcc2;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #17202a;
  border-color: #17202a;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 0 solid #dee2e6;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 4rem 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 4rem 1rem-0.25rem;
  border-top: 0 solid #dee2e6;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.5rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.125rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.75rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: -0.625rem;
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 0.125rem;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: -0.625rem;
  width: 0.5rem;
  height: 1rem;
  margin: 0.75rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 0.125rem;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: -0.625rem;
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 0.125rem;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 0.125rem solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: -0.625rem;
  width: 0.5rem;
  height: 1rem;
  margin: 0.75rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 0.125rem;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 0.125rem solid #ebebeb;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
          animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow 0.75s linear infinite;
          animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #1abc9c !important;
}
.bg-gradient-linear{
    background: #654ea3;
    background: linear-gradient(to right, #e96443, #BF5A6A);
}
.bg-cb-light-grey{
background:#faf7fc;
}
.bg-cb-darker-grey{
background:#EEEEEE;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #148f77 !important;
}

.bg-secondary {
  background-color: #2c3e50 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #1a252f !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 0.125rem solid #dee2e6 !important;
}

.border-top {
  border-top: 0.125rem solid #dee2e6 !important;
}

.border-right {
  border-right: 0.125rem solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 0.125rem solid #dee2e6 !important;
}

.border-left {
  border-left: 0.125rem solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #1abc9c !important;
}

.border-secondary {
  border-color: #2c3e50 !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.25rem !important;
}

.rounded {
  border-radius: 0.5rem !important;
}

.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-right {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-left {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-lg {
  border-radius: 0.75rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
      -ms-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #1abc9c !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #117964 !important;
}

.text-secondary {
  color: #2c3e50 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #11181f !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-magenta {
  color: var(--bp-magenta) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 0.125rem solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 0.125rem solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }
  .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.page-section {
  padding: 3rem 0;
}
.page-section .page-section-heading {
  font-weight:800; color:#2A2140; letter-spacing:-.3px;
}

.page-section .post-page-heading {
  font-size: 2.25rem;
  line-height: 2.5rem;
  overflow-wrap: break-word;
  word-break:break-word;
}
@media (min-width: 992px) {
  .page-section .post-page-heading {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

.page-section .page-spaced-heading {
  font-weight:800; color:#2A2140; letter-spacing:-.3px;
}

.divider-custom{
  margin: 1.25rem 0 1.75rem;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 1rem;
}

.divider-custom .divider-custom-line{
  flex: 0 1 7rem;
  height: .28rem;
  border-radius: 9999px;
  background: linear-gradient(90deg, var(--bp-magenta), var(--bp-pink));
  box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 0 0 1px rgba(255,255,255,.12) inset;
}

.divider-custom .divider-custom-icon{
  display:inline-grid;
  place-items:center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.05rem;
  color: var(--bp-ink);
  background: var(--bp-cream);
  border-radius: 9999px;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

.divider-custom.on-dark .divider-custom-line{
  background: linear-gradient(90deg, #fff, #ffd9f2);
  opacity:.9;
}
.divider-custom.on-dark .divider-custom-icon{
  background: #fff;
  color: var(--bp-purple);
}

.divider-custom.mono .divider-custom-line{
  background: rgba(42,33,64,.15);
  box-shadow: none;
}
.divider-custom.mono .divider-custom-icon{
  background: rgba(255,209,102,.85);
}

.divider-custom.on-light .divider-custom-line{
  background: linear-gradient(90deg, #f4d1ec, #ffd6ef);
}
.divider-custom.on-light .divider-custom-icon{
  background: #fff4c2;
}

@media (min-width: 992px){
  .divider-custom .divider-custom-line{ flex-basis: 9rem; }
  .divider-custom .divider-custom-icon{ width: 2.5rem; height: 2.5rem; }
}

.btn-xl {
  padding: 1rem 1.75rem;
  font-size: 1.25rem;
}

.btn-social {
  border-radius: 100%;
  display: inline-flex;
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  justify-content: center;
  align-items: center;
}

.scroll-to-top {
  z-index: 1042;
  right: 1rem;
  bottom: 1rem;
  display: none;
}
.scroll-to-top a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}

#mainNav {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}
#mainNav .navbar-brand {
  color: #fff;
}
#mainNav .navbar-nav {
  margin-top: 1rem;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #1abc9c;
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #1abc9c;
}
@media (min-width: 992px) {
  #mainNav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 1.5em;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #fff;
    background: #1abc9c;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #fff;
    background: #1abc9c;
  }
  #mainNav.navbar-shrink {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.3em;
  }
}
.masthead {
  padding-top: calc(2rem + 37px);
  padding-bottom: 2rem;
}
.masthead .masthead-heading {
  font-size: 1.3rem;
  line-height: 1.6rem;
}
.masthead .masthead-subheading {
  font-size: 1.25rem;
}
.masthead .masthead-bio {
  font-size: 1rem;
  max-width:400px;
}
.masthead .masthead-avatar {
  width: 10rem;
  border-radius:50%;
}

.no-nav .masthead {
  padding-top: 2rem !important;
}

@media (min-width: 992px) {
  .no-nav .masthead {
    padding-top: 2rem !important;
  }
}

.page-section .img-featured-profile {
width:140px;
border-radius:50%;
border:1px solid #fff;
  -webkit-box-shadow: 0px 0px 6px 1px #919191;
  -moz-box-shadow:    0px 0px 6px 1px #919191;
  box-shadow:         0px 0px 6px 1px #919191;
}
}
@media (max-width: 370px) {
.page-section .img-featured-profile {
width:110px !important;
height:110px !important;
}
.cb_xs_noshow {
display:none;
}
.cb_xs_nomargin {
margin:0px !important;
}
}

@media (min-width: 992px) {
  .masthead {
    padding-top: calc(2rem + 37px) !important;
    padding-bottom: 1rem;
  }
  .masthead .masthead-heading {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .masthead .masthead-subheading {
    font-size: 1.5rem;
  }
}
.postgallery .postgallery-item {
  position: relative;
  display: block;
  max-width: 25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.postgallery .postgallery-pointer {
  cursor: pointer;
  }
.postgallery .postgallery-post-holder {
background:#efefef;
border:1px solid #f1f2f2;
border-radius:0.5rem;
max-width: 25rem;
}
.postgallery .postgallery-insideholder {
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
.postgallery .postgallery-item .postgallery-item-caption {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  background-color: rgba(26, 188, 156, 0.9);
}
@media (min-width: 768px) {
.postgallery .postgallery-item .postgallery-item-caption:hover {
  opacity: 1;
}
}
.postgallery .postgallery-item .postgallery-item-caption .postgallery-item-caption-content {
  font-size: 1.5rem;
  overflow-wrap: break-word;
  word-break:break-word;
}
.postgallery .postgallery-largeview-item {
  position: relative;
  display: block;
  border-radius: 0.5rem;
  overflow: hidden;
}

.postgallery-modal .postgallery-modal-title {
  font-size: 2.25rem;
  line-height: 2rem;
}
@media (min-width: 992px) {
  .postgallery-modal .postgallery-modal-title {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}
.postgallery-modal .close {
  position: absolute;
  z-index: 1;
  right: 1.5rem;
  top: 1rem;
  font-size: 3rem;
  line-height: 3rem;
  color: #1abc9c;
  opacity: 1;
}
.post-hover-link {
text-decoration:none !important;
 }
.wrapped-caption-content{
  overflow-wrap: break-word;
  word-break:break-word;
}
.floating-label-form-group {
  position: relative;
  border-bottom: 1px solid #e9ecef;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  font-size: 1.5em;
  position: relative;
  z-index: 1;
  padding-right: 0;
  padding-left: 0;
  resize: none;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none !important;
}
.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  transition: top 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e9ecef;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}

.floating-label-form-group-with-focus label {
  color: #1abc9c;
}

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e9ecef;
}

.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #2c3e50;
  color: #fff;
}
.footer-menu-divider {
padding-left:5px;
padding-right:5px;
}

.copyright {
  background-color: #1a252f;
}

.footer-cta--promo{
  background: linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
  color:#fff;
  position:relative;
  overflow:hidden;
}

.footer-cta--promo .footer-cta-title{
  font-family:'Montserrat', sans-serif;
  font-weight:800;
  letter-spacing:-.3px;
  text-transform:lowercase;
}

.footer-cta--promo .confetti{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.15;
  background-image:
    radial-gradient(#ffd166 4px, transparent 4px),
    radial-gradient(#ffffff 3px, transparent 3px),
    radial-gradient(#2c1f4a 3px, transparent 3px);
  background-size:120px 120px,180px 180px,160px 160px;
  background-position:0 0,40px 60px,80px 20px;
  animation: floaty 24s linear infinite;
}

@keyframes floaty {
  to {
    background-position:120px 120px,220px 260px,200px 180px;
  }
}

.minimal-footer-cta{
  background: transparent;
  padding: 18px 0 26px;
  color: var(--bp-ink);
}

.mfc-pill{
  display:inline-flex; align-items:center; gap:.5rem;
  background:#fff; border:1.5px solid rgba(191,34,149,.18);
  border-radius:9999px; padding:.55rem .9rem;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  transition: box-shadow .15s ease, transform .15s ease;
}
.mfc-pill:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.08); }
.mfc-pill:focus-within{ outline:3px solid #FFD166; outline-offset:4px; }

.mfc-pill-icon{ font-size:.95rem; color: var(--bp-magenta); line-height:1; }

.mfc-pill-link{
  font-weight:700; text-decoration:none;
  color: var(--bp-ink);
}

.mfc-sub{
  margin:.5rem 0 0; font-size:.925rem; color:#5a4e73;
}
.mfc-join{
  font-weight:800; margin-left:.35rem;
  color: var(--bp-pink); text-decoration:none;
  border-bottom: 2px solid rgba(217,27,140,.25);
  padding-bottom:1px;
}
.mfc-join:hover{ text-decoration:underline; }

.mfc-hidden{ display:none !important; }

@media (max-width: 480px){
  .mfc-pill{ padding:.5rem .75rem; }
  .mfc-sub{ font-size:.9rem; }
}

.anchor-tag{
display: block;
position: relative;
top: -220px;
visibility: hidden;
}

.fragment-jump{
display: block;
position: relative;
top: -70px;
visibility: hidden;
}

.edit-profile-image {
font-size:32px;
position:absolute;
bottom:-5%;
left:0;
right:0;
}
.edit-profile-image input[type="file"]{
    -webkit-appearance:none;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    width: 100%;
    height: 100%;
}
.sm_profile_photo {
border:2px solid #fff;
  -webkit-box-shadow: 0px 0px 6px 1px #919191;
  -moz-box-shadow:    0px 0px 6px 1px #919191;
  box-shadow:         0px 0px 6px 1px #919191;
}
.sm_small_profile_photo {
border:1px solid #fff;
  -webkit-box-shadow: 0px 0px 6px 1px #919191;
  -moz-box-shadow:    0px 0px 6px 1px #919191;
  box-shadow:         0px 0px 6px 1px #919191;
}
.sm_enlarged_profile_photo {
border:2px solid #fff;
  -webkit-box-shadow: 0px 0px 6px 1px #fff;
  -moz-box-shadow:    0px 0px 6px 1px #fff;
  box-shadow:         0px 0px 6px 1px #fff;
max-width:400px;
border-radius:10px;
}
.bp_profile_page_photo {
  border:2px solid #fff;
  border-radius:50%;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
}

.bp_profile_page_photo:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

.post-preview-images-zone {
    width: 100%;
    border: 1px solid #ddd;
    min-height: 80px;

    padding: 5px 5px 0px 5px;
    position: relative;
    overflow:auto;
}
.post-preview-images-zone > .preview-image:last-child {
    margin-right: 0px;
}
.post-preview-images-zone > .preview-image {
    height: 33.33%;
    width: 33.33%;
    position: relative;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}
.post-preview-images-zone > .preview-image > .image-zone {
    width: 100%;
    height: 100%;
}
.post-preview-images-zone > .preview-image > .image-zone > img {
    width: 100%;
    height: 100%;
}
.post-preview-images-zone > .preview-image > .tools-edit-image {
    position: absolute;
    z-index: 100;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: none;
}
.post-preview-images-zone > .preview-image > .image-cancel {
    font-size: 24px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
    display: none;
    z-index: 100;
}
.preview-image:hover > .image-zone {
    opacity: .5;
}
.preview-image:hover > .tools-edit-image,
.preview-image:hover > .image-cancel {
    display: block;
}
.ui-sortable-helper {
    width: 90px !important;
    height: 90px !important;
}
.profile-img-badgeholder {
position:relative;
display:inline-block;
}
.profile-badge-icon-new {
position: absolute;
right:5px;
top:5px;
}
.featured-profile-vip-ribbon-holder {
  overflow: hidden;
  position: relative;
  width:60%;
  margin:0 auto;
}
.featured-profile-vip-ribbon {
  position: absolute;
  background: #ffc107;
  color: #212529;
  text-align: center;
bottom:10px;
  width: 100%;
  font-weight:700;
  border-radius:10px;
}
.featured-profile-vip-img {border-radius:50%;}
.featured-profile-gain-likes-col {padding-left:0px;}
.featured-profile-gain-likes-img {padding-top:10px;}
.chat-online {
    color: #34ce57
}

.chat-offline {
    color: #e4606d
}

.chat-messages {
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.flex-grow-0 {
    flex-grow: 0!important;
}
.border-top {
    border-top: 1px solid #dee2e6!important;
}
@media only screen and (min-width: 992px) {
  .chat-list-border-right {
    border-right: 0.125rem solid #dee2e6 !important;
  }
  .chat-left-holder {
  padding:0px !important;
  padding-left:25px !important;
  }
}
.chat-send-btn {
border-radius:0px 5px 5px 0px;
}
.chat-left-scrollable {
max-height:600px;
overflow-y: auto;
}
.chat-msg-extra{
color: #939598;
font-size: 85%;
}
@media (min-width: 768px) {
#thread-content{
display: block;
position: relative;
top: -220px;
visibility: hidden;
}
}
@media (max-width: 768px) {
#thread-content{
display: block;
position: relative;
top: -90px;
visibility: hidden;
}
}
.chat-action-spacer{margin-left:5px;margin-right:5px;}
.sendMessageModal .img-recipient {
width:90px;
border-radius:50%;
}
.chat-fixed-height {
height:400px;
}
.chat-item-left {
background: rgba(141,198,63, .1);
}
.chat-item-right {
background: rgba(39,170,225, .1);
}
.chat-header-border-top {
  border-top: 0.125rem solid #dee2e6 !important;
}
.cursor-pointer{
cursor:pointer;
}
.in-feed-premium-ribbon-holder {
  overflow: hidden;
  position: relative
}
.in-feed-premium-ribbon {
  position: absolute;
  background: #FFC107;
  color: black;
  text-align: center;
  border-radius:5px;
bottom:30px;
padding: 10px 0px 10px 0px;
  width: 90%;
  left:5%;
  z-index:1;
}
.in-feed-premium-img {border-radius:50%;border:5px solid #29ABE2;}
.sm-attach-file{
text-align:right;
margin-bottom:8px;
padding:0px;
font-size: 80%;
}
.inbox-video-thumb {
position:relative;
max-width:150px;
}
.msg_attachment_thumb{
max-width:150px;
max-height:150px;
}
.play-btn-overlay {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width:100%;
}
.inline-post-action-link,.inline-post-action-link:hover{
color:#212529;
text-decoration:none;
}
.interstitial_middle {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width:98%;
}
.interstitial_middle h1 {
max-width:98%;
margin:0 auto;
}

body.bp-out-page {
  min-height: 100vh;
  background: #fef6fb;
  color: #2a2140;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 14px;
}

body.bp-out-page[class*="profile-theme-"] {
  background: var(--profile-page-bg);
  color: var(--profile-text);
}

body.bp-out-page .interstitial_middle {
  position: static;
  top: auto;
  left: auto;
  transform: none;
  width: min(94vw, 560px);
  max-width: 560px;
  background: #fff;
  border: 1px solid rgba(42, 33, 64, .08);
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(42, 33, 64, .13);
  padding: 30px 22px;
}

body.bp-out-page[class*="profile-theme-"] .interstitial_middle {
  background: var(--profile-surface);
  color: var(--profile-text);
  border-color: var(--profile-divider);
  box-shadow: var(--profile-shadow);
}

body.bp-out-page .bp-out-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

body.bp-out-page .bp-out-logo img {
  width: 118px;
  height: auto;
  border-radius: 24px;
  box-shadow: 0 12px 28px rgba(42, 33, 64, .12);
}

body.bp-out-page .interstitial_middle h1,
body.bp-out-page .interstitial_middle h2 {
  color: inherit;
  margin-bottom: 12px;
}

body.bp-out-page .bp-out-loader {
  margin: 14px 0;
}

body.bp-out-page .bp-out-url {
  font-family: monospace;
  font-size: .92rem;
  word-break: break-all;
  opacity: .72;
  margin-bottom: 1rem;
}

body.bp-out-page .bp-out-muted {
  color: rgba(42, 33, 64, .70);
}

body.bp-out-page[class*="profile-theme-"] .bp-out-muted,
body.bp-out-page[class*="profile-theme-"] .bp-out-url {
  color: var(--profile-muted);
}

body.bp-out-page[class*="profile-theme-"] a:not(.btn) {
  color: var(--profile-accent);
}

body.bp-out-page[class*="profile-theme-"] .btn-primary,
body.bp-out-page[class*="profile-theme-"] .btn-primary:hover,
body.bp-out-page[class*="profile-theme-"] .btn-primary:focus {
  background: var(--profile-action-bg);
  border-color: transparent;
  color: var(--profile-action-text);
}

body.bp-out-page .bp-out-join-cta {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(42, 33, 64, .08);
}

body.bp-out-page[class*="profile-theme-"] .bp-out-join-cta {
  border-top-color: var(--profile-divider);
}

@media (max-width: 575.98px) {
  body.bp-out-page .interstitial_middle {
    padding: 26px 18px;
    border-radius: 24px;
  }

  body.bp-out-page .bp-out-logo img {
    width: 104px;
  }
}
.cb-logo {
width:7.6em;
}
.profile_rounded_img {
width:90px;
border-radius:50%;
}
.badge-gifter {
  color: #212529;
  background-color: #ffc107;
}
a.badge-gifter:hover, a.badge-gifter:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-gifter:focus, a.badge-gifter.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-gifter-small {
position: absolute;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
bottom:5px;
width:60%;
}
.badge-gifter-large {
position: absolute;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
bottom:-2px;
width:60%;
}
.badge-featuredvip {
  color: #212529;
  background-color: #ffc107;
}
a.badge-featuredvip:hover, a.badge-featuredvip:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-featuredvip:focus, a.badge-featuredvip.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-featuredvip-small {
position: absolute;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
bottom:5px;
width:60%;
}
.badge-featuredvip-large {
position: absolute;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
bottom:-2px;
width:60%;
}
.cb-yt-rounded{
border-radius:0.75rem;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lander-masthead-bg {background-image: url("/assets/img/bg-min.jpg");background-size:cover; background-repeat: no-repeat;}
.lander-masthead-text-holder{background:rgba(44,62,80, 0.8);}
.btn-home-outline{border: 2px solid #fff;}
@media only screen and (max-width: 576px) {
.lander-masthead-bg {
padding-top: calc(2rem + 30px);
color:rgba(44,62,80) !important;
}
.lander-masthead-text-holder {
background:rgba(255,255,255, 0.8) !important;
}
}
.btn-profile-links{
color: #212529 !important;
}
.btn-profile-links:hover{
color: #ffffff !important;
}

:root{
--bp-pink:#D91B8C;
--bp-magenta:#BF2295;
--bp-purple:#40266E;
--bp-ink:#2A2140;
--bp-cream:#FFD166;
--bp-white:#FFFFFF;
}
body {
  color: var(--bp-ink);
  font-family:
    'Lato',
    Arial,
    sans-serif,
    'Noto Sans Linear A',
    'Noto Sans Bamum';
}
h1,h2,h3,h4,h5,h6,.navbar-brand{ font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }

.btn-pill{ border-radius:9999px; padding:.85rem 1.4rem; font-weight:700; }
.btn-cream{ background:var(--bp-cream); color:var(--bp-ink); border:0; }
.btn-cream:hover{ filter:brightness(.95); color:var(--bp-ink); }
.btn-outline-light-pill{ border-radius:9999px; border:2px solid rgba(255,255,255,.92); color:#fff; padding:.65rem 1.2rem; font-weight:700;}
.btn-outline-light-pill:hover{ color:var(--bp-ink); background:#fff; }

.navbar-bio{
background:rgb(212,30,143,1) !important;
background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,0));
backdrop-filter:saturate(140%) blur(6px);
transition:all .25s ease;
}
.brand-wordmark{
font-weight:800; letter-spacing:.3px; text-transform:lowercase;
color:#ffe27a !important;
}

.hero-bio{
position:relative;
background: radial-gradient(60% 80% at 20% 20%, #ff62cf 0%, var(--bp-pink) 40%, var(--bp-magenta) 100%);
color:#fff;
overflow:hidden;
}
.hero-bio .display-title{
font-size: clamp(2rem, 3.6vw + .5rem, 3.8rem);
line-height:1.05;
font-weight:800;
letter-spacing:-.5px;
}
.confetti{
position:absolute; inset:0; pointer-events:none; opacity:.25;
background-image:
  radial-gradient(#ffd166 4px, transparent 4px),
  radial-gradient(#ffffff 3px, transparent 3px),
  radial-gradient(#2c1f4a 3px, transparent 3px);
background-size: 120px 120px, 180px 180px, 160px 160px;
background-position: 0 0, 40px 60px, 80px 20px;
animation: floaty 24s linear infinite;
}
@keyframes floaty {  }

.device-card{
background:#fff; border-radius:28px; box-shadow:0 20px 60px rgba(0,0,0,.25);
padding:1.25rem; max-width:520px; margin: 1rem auto 0;
}
.avatar-card{
background:#fff; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.15);
padding:1rem; width: 180px;
}

.feature-card{
background:#fff; border-radius:24px; padding:1.5rem; height:100%;
box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.feature-emoji{ font-size:2rem; display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:#ffe6f6; }

.footer-cta{
background: linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
color:#fff;
}
.copyright{ background:var(--bp-purple); }

a:focus, button:focus{ outline:3px solid #ffd166; outline-offset:2px; }

.hero-illustration {
max-width: 500px;
height: auto;
}

@media (max-width: 991px) {
.hero-illustration {
max-width: 340px;
margin-top: 2rem;
}
}

.featured-wrap{
  background:#fef6fb;
}
.featured-heading{
  font-weight:800; color:#2A2140; letter-spacing:-.3px;
}
.featured-sub{
  color:#5a4e73; opacity:.9;
}

.card-elevated{
  border-radius:20px;
  box-shadow:0 14px 40px rgba(0,0,0,.08);
  background:#ffffff;
  position:relative;
  overflow:hidden;
}
.card-elevated::before{
  content:"";
  position:absolute; inset:0 0 0 0;
  background:linear-gradient(90deg, rgba(238,113,185,.08), rgba(98,89,235,.08));
  opacity:.35; pointer-events:none;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.12), transparent 35%);
}

.card-header-lite{
  display:flex; align-items:center; justify-content:space-between;
  padding:.5rem 0 0; border-bottom:1px dashed rgba(42,33,64,.12);
}

.price-callout{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem 1.25rem;
  border-radius:16px;
  background:linear-gradient(135deg, #fff, #f4ecff 45%, #efe7ff);
  border:1px solid #e6dfff;
  box-shadow:0 10px 24px rgba(98,89,235,.12);
}
.price-left{ display:flex; align-items:center; gap:.9rem; }
.price-icon{
  width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:#fff; border:1px solid #eadfff; box-shadow:0 6px 14px rgba(98,89,235,.12);
}
.price-icon .fa{ font-size:1rem; }
.price-callout .label{ font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; color:#5a4e73; opacity:.8; }
.price-callout .value{ line-height:1; }
.price-callout .credits{
  font-weight:800; font-size:2rem; color:#2A2140; letter-spacing:-.5px;
}
.price-callout .unit{ margin-left:.25rem; font-size:.9rem; color:#6c6680; }

.chip{
  display:inline-flex; align-items:center; padding:.4rem .65rem; border-radius:999px;
  font-weight:600; font-size:.82rem; border:1px solid transparent;
  background:#fff; color:#2A2140;
}
.chip-success{ background:#ecfbf3; border-color:#c8f0d9; color:#0f7a3d; }
.chip-warning{ background:#fff6e5; border-color:#ffe2b8; color:#915d00; }

.pulse{ position:relative; }
.pulse::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  animation:pulseGlow 2.4s ease-in-out infinite;
}
@keyframes pulseGlow{
  0%{ box-shadow:0 0 0 0 rgba(255,188,66,.35); }
  70%{ box-shadow:0 0 0 14px rgba(255,188,66,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,188,66,0); }
}

.benefit-tile{
  height:100%;
  padding:1rem;
  border-radius:14px;
  border:1px dashed rgba(42,33,64,.14);
  background:#fff;
}
.benefit-tile i{
  display:inline-block; margin-bottom:.35rem; font-size:1.05rem;
}
.benefit-tile .title{ font-weight:700; font-size:.92rem; }
.benefit-tile .sub{ font-size:.8rem; color:#6e6785; }

.how-steps .p-3.h-100.rounded{
  background:#fff !important;
  border:1px solid rgba(42,33,64,.08);
  border-radius:14px !important;
}

.badge-subtle{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.35rem .6rem; border-radius:999px;
  background:#f4f1fb; color:#4f47a3; font-weight:600; font-size:.82rem;
}

.price-callout .value,
.price-callout .label{
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

.boosted-chip{
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:-10px; padding:.05rem .4rem; font-size:.75rem; font-weight:700;
  border-radius:9999px; color:#2A2140; background:#FFD166; box-shadow:0 6px 18px rgba(0,0,0,.12);
  white-space:nowrap;
}

.vips-online{
  position:absolute; right:6px; bottom:6px; width:16px; height:16px; border-radius:50%;
  background:#27ae60; box-shadow:0 0 0 3px #fff; border:2px solid #27ae60;
}

.vips-gifter{
  position:absolute; top:-8px; right:-8px;
  background:#fff; color:#BF2295; border:2px solid #f4d1ec;
  border-radius:9999px; font-size:.7rem; font-weight:800; padding:.2rem .45rem;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.vips-gifter .fa{ margin-right:.25rem; }

.vips-cta .btn-pill{ min-width:240px; }

:root { --focus-ring: 3px solid var(--bp-cream); }

a:focus,
button:focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible {
  outline: var(--focus-ring);
  outline-offset: 2px;
  box-shadow: none;
}

a, button, .btn {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.btn:active,
.btn:active:focus,
.btn:active:focus-visible {
  outline: none;
  box-shadow: none;
}

.copyright a {
  color: var(--bp-white);
  text-decoration: none;
  font-weight: 600;
  transition: color .2s ease, text-decoration-color .2s ease;
}

.copyright a:hover {
  color: var(--bp-cream);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.copyright .footer-menu-divider {
  color: rgba(255,255,255,.5);
  margin: 0 .4rem;
}

.navbar-bio .nav-link {
  color: rgba(255,255,255,.9);
  font-weight: 600;
  transition: color .2s ease;
}

.navbar-bio .nav-link:hover,
.navbar-bio .nav-link:focus {
  color: #ffe27a;
  text-decoration: none;
}

.navbar-bio .nav-link.nav-highlight:hover,
.navbar-bio .nav-link.nav-highlight:focus {
  border-radius: .35rem;
  color: #ffe27a;
}

.navbar-bio .nav-link:hover,
.navbar-bio .nav-link:focus {
  color: #ffe27a !important;
}

.navbar-toggler {
  border: none;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #ffffff;
  transition: all .25s ease;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  background: var(--bp-cream);
  color: var(--bp-purple);
  outline: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

.navbar-toggler .fas {
  font-size: 1.2rem;
}

.navbar-bio .account-trigger {
  color: rgba(255,255,255,.9);
  font-weight: 700;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}
.navbar-bio .account-trigger:hover,
.navbar-bio .account-trigger:focus {
  color: #ffe27a !important;
  border-radius: .5rem;
  text-decoration: none;
}
.navbar-bio .account-trigger .fa-chevron-down { font-size: .8rem; opacity: .9; }
@media (min-width: 992px) {
.navbar-bio .account-trigger:hover,
.navbar-bio .account-trigger:focus {
  background: rgba(255,255,255,.10);
}
}

.nav-avatar {
  width: 22px; height: 22px; border-radius: 50%;
  object-fit: cover; box-shadow: 0 0 0 2px rgba(255,255,255,.6);
}

.navbar-bio .account-menu.dropdown-menu {
  min-width: 260px;
  padding: .5rem;
  border: 0;
  border-radius: .75rem;
  box-shadow: 0 16px 40px rgba(0,0,0,.20);
}

.account-menu .dropdown-header {
  padding: .5rem .75rem .25rem;
}
.account-menu .menu-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  object-fit: cover; box-shadow: 0 0 0 3px #fff;
}
.account-menu .menu-name {
  font-weight: 800; color: var(--bp-ink); line-height: 1.1;
}
.account-menu .menu-badge {
  display: inline-block;
  font-size: .7rem; font-weight: 800;
  color: var(--bp-ink);
  background: var(--bp-cream);
  border-radius: 9999px;
  padding: 2px 8px;
}

.account-menu .menu-badge-premium {
  display: inline-block;
  font-size: .7rem; font-weight: 800;
  background:none;
  color:#BF2295;
  background:#fff;
  padding: 2px 4px;
  border-radius: 9999px;border:2px solid #f4d1ec;
}

.account-menu .menu-badge-vip {
  display: inline-block;
  font-size: .7rem; font-weight: 800;
  padding: 2px 4px;
  border-radius: 9999px;
  background:#FFD166; color:#2A2140;
}

.text-cream {
color: var(--bp-cream);
}

.text-pink {
color: var(--bp-pink);
}

.account-menu .dropdown-item {
  display: flex; align-items: center;
  border-radius: .5rem;
  color: var(--bp-ink);
  padding: .5rem .6rem;
  transition: background .15s ease, color .15s ease, transform .08s ease;
}
.account-menu .dropdown-item .fa { width: 18px; text-align: center; opacity:.9; }
.account-menu .dropdown-item:hover,
.account-menu .dropdown-item:focus {
  background: #fdf2f8;
  color: var(--bp-magenta);
  text-decoration: none;
}

.account-menu .dropdown-divider {
  margin: .4rem .25rem;
  border-top: 1px solid rgba(42,33,64,.12);
}

.account-menu .logout-item {
  color: var(--bp-magenta);
}
.account-menu .logout-item:hover {
  background: rgba(191,34,149,.08);
  color: var(--bp-magenta);
}

.navbar-bio .dropdown-toggle::after { border-top-color: rgba(255,255,255,.85); }

.stories-bar-wrap{
  background:#fff; border-radius:20px; box-shadow:0 12px 30px rgba(0,0,0,.08);
  padding:.85rem 2.5rem; position:relative; margin-bottom:1.5rem;
}
.story-strip{ display:flex; gap:14px; overflow-x:auto; overflow-y:hidden; flex-wrap:nowrap;
  scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; }
.story-tile{ flex:0 0 auto; width:86px; text-align:center; scroll-snap-align:start; }
.story-ring{ position:relative; width:72px; height:72px; margin:0 auto 6px; border-radius:50%; padding:3px;
  background:radial-gradient(110% 110% at 30% 20%, #ffb3e6 0%, #d91b8c 50%, #bf2295 100%); }
.story-ring img{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; background:#fff; box-shadow:inset 0 0 0 3px #fff; }
.story-name{ font-size:.8rem; line-height:1.1; color:#2A2140; max-width:72px; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.story-add{ width:72px;height:72px;margin:0 auto 6px;border-radius:50%; background:#f7f0fb;border:2px dashed #caa7f0;
  display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease; }
.story-add:hover{ transform:translateY(-2px); border-color:#a87fe0; box-shadow:0 8px 18px rgba(0,0,0,.12); }
.story-add i{ color:#BF2295; font-size:1.25rem; }
.story-arrow{
  position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:9999px;
  border:0; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.15); display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3;
}
.story-prev{ left:6px; } .story-next{ right:6px; }

.masthead.bg-cb-light-grey{ background:#faf7fc; }

.dash-main{
display:grid;
grid-template-columns: 1fr 420px;
gap:24px;
align-items:stretch;
}
@media (max-width: 1199.98px){ .dash-main{ grid-template-columns: 1fr 380px; } }
@media (max-width: 991.98px){  .dash-main{ grid-template-columns: 1fr; } }

.profile-card,
.wtf-card{
background:#fff;
border-radius:20px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
padding:18px;
height:100%;
display:block;
}
.wtf-boosted {
  position: absolute;
  right: -4px; bottom: -4px;
  background: #fff;
  border-radius: 999px;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 1;
  box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.wtf-boosted .fa-bolt { color: #ffb300; }

.profile-head{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.profile-avatar-wrap{
  position:relative;
  width:164px;
  height:164px;
  flex:0 0 164px;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.profile-avatar-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.profile-meta{
  flex:1 1 100%;
  min-width:0;
}

.profile-stats{
  display:flex;
  flex-wrap:wrap;
  column-gap:.5rem;
  row-gap:.5rem;
}

.profile-stats .stat-chip{
  display:inline-flex;
  align-items:center;
  padding:.35rem .6rem;
  border-radius:9999px;
  font-weight:800;
  background:#f6f1fa;
  color:#2A2140;
  margin:0;
}

.profile-stats .stat-chip-premium{
  background:#fff;
  color:#BF2295;
  border:2px solid #f4d1ec;
  padding:calc(.35rem - 2px) calc(.6rem - 2px);
}

#featuredDashChip{
  position: relative;
  border: 0px;
  transition: box-shadow 400ms ease, border-color 400ms ease;
}

#featuredDashChip .fa-star{
  color: #ffc107;
}

#featuredDashChip.is-emitting{
  box-shadow: 0 0 1.25rem rgba(255,193,7,.22);
}

.bp02-chip-ghost{
  opacity: .45;
  filter: grayscale(25%);
}
.bp02-chip-ghost:hover{
  opacity: .9;
  filter: none;
}
.bp02-chip-hint{
  font-size: 11px;
  font-weight: 800;
  opacity: .75;
}
.bp02-chip-live{
  opacity: 1;
}

.featured-fx-layer{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  pointer-events: none;
  z-index: 900;
}

.featured-fx-star{
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: none;
  user-select: none;
  opacity: 0;
  will-change: transform, opacity;
}

.featured-fx-star i{
  color: #ffc107;
  font-size: inherit;
  text-shadow:
    0 0 6px rgba(255,193,7,.45),
    0 0 18px rgba(255,193,7,.25);
  filter: drop-shadow(0 10px 18px rgba(42,33,64,.12));
}

@media (prefers-reduced-motion: reduce){
  .featured-fx-layer{ display:none; }
  #featuredDashChip{ transition: none; }
}

.profile-actions .btn{
  margin-right:.5rem;
  margin-bottom:.5rem;
}

.profile-ctas{
  margin-top:12px;
}

@media (min-width: 992px){
  .profile-head{
    flex-wrap:nowrap;
  }
  .profile-meta{
    flex:1 1 0;
    min-width:0;
  }
}

@media (min-width: 992px){
#profile_overview_collapse{ display:block !important; height:auto !important; }
.profile-summary-icon-trigger{ pointer-events:none; text-decoration:none; }
.profile-summary-icon-trigger i{ display:none; }
}

.wtf-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.5rem; }

.wtf-ring{
  width:80%; height:80%; border-radius:9999px; padding:2px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
}
.wtf-ring img{ width:100%; height:100%; border-radius:50%; object-fit:cover; background:#fff; display:block; }

.wtf-tile{ width:48%; flex:0 0 auto; text-align:center; display:inline-block; }
.wtf-link{ text-decoration:none; }
.wtf-link{
  display:block; text-decoration:none; color:inherit;
  border-radius:14px; padding:6px 4px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.wtf-link:hover{ transform: translateY(-3px); box-shadow:0 6px 14px rgba(0,0,0,.08);text-decoration:none; }

.wtf-avatar{ position:relative; display:inline-block; }
.wtf-avatar img{ position:relative; display:block; }

.wtf-online{
  position:absolute; top:8%; right:8%;
  width:12px; height:12px; border-radius:50%;
  background:#27ae60; box-shadow:0 0 0 2px #fff;
  z-index:2; pointer-events:none;
}

.wtf-premium{
  position:absolute;
  left:6%;
  bottom:6%;
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%;
  background:#fff; color:#BF2295;
  border:2px solid #f4d1ec;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  font-size:.75rem; line-height:1;
  z-index:2;
  pointer-events:none;
}

.wtf-vip{
  position:absolute; left:50%; transform:translateX(-50%);
  bottom:-10px; padding:.05rem .25rem; font-size:.75rem; font-weight:700;
  border-radius:9999px; color:#2A2140; background:#FFD166; box-shadow:0 6px 18px rgba(0,0,0,.12);
  white-space:nowrap;
}

  @media (max-width:991.98px){ .dashboard-hero{display:block;} }

.embed-card {
  background: rgba(255,255,255,.06);
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.embed-card header { margin-bottom: 10px; }

.embed-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255,255,255,.6);
}

.ratio-16x9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(0,0,0,.2);
}

.ratio-16x9 > img,
.ratio-16x9 > iframe,
.ratio-16x9 > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}

.embed-preview {
  background-image: linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.12));
  cursor: pointer;
}
.embed-play {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 58px; height: 58px;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.embed-play i { font-size: 22px; color: #fff; }
.embed-live .embed-play { display: none; }

.embed-overlay-icon {
  position: absolute;
  bottom: 12px; right: 12px;
  width: 44px; height: 44px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
}
.embed-overlay-icon i { font-size: 16px; color: #fff; }

.is-video:hover .embed-overlay-icon,
.is-image:hover .embed-overlay-icon { transform: scale(1.05); }

#discover .btn-outline-light-pill {
  border-color: rgba(255,255,255,.85);
  color: #fff;
}
#discover .btn-outline-light-pill:hover {
  background: #fff;
  color: var(--bp-ink);
}
#discover .btn-cream { color: var(--bp-ink); }

.bp-card .feature-emoji{
font-size:1.35rem; width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center;
border-radius:50%; background:#ffe6f6;
}
.link-row{ min-height:54px; }
.links-card {max-width:800px; border-radius:20px; background:#fff; box-shadow:0 14px 40px rgba(0,0,0,.08);}

.fan-chip{
display:flex; align-items:center; padding:.5rem .75rem; border-radius:14px; background:#f7f2fb;
border:1px solid #efe7ff; min-width:220px;
box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.fan-medal{
width:28px; height:28px; border-radius:50%; font-size:.8rem; font-weight:800; color:#2A2140;
display:flex; align-items:center; justify-content:center; margin-right:.5rem; background:#FFD166;
}
.fan-medal-1{ background:linear-gradient(140deg,#ffd166,#ffe499); }
.fan-medal-2{ background:linear-gradient(140deg,#e0e0e0,#f5f5f5); }
.fan-medal-3{ background:linear-gradient(140deg,#f2b188,#f7d0b6); }

.fan-avatar{
width:42px; height:42px; border-radius:50%; object-fit:cover; background:#fff; box-shadow:0 0 0 3px #fff;
margin-right:.5rem;
}
.fan-meta{ text-align:left; min-width:0; }
.fan-name{ font-weight:700; max-width:140px; }
.fan-amt{ color:#5a4e73; }

.fan-pill{
display:inline-flex; align-items:center; background:#fff; border:1px solid #f0d9ef; border-radius:9999px;
padding:.35rem .6rem; box-shadow:0 6px 16px rgba(0,0,0,.06); max-width:100%;
}
.fan-pill-avatar{ width:28px; height:28px; border-radius:50%; object-fit:cover; background:#fff; margin-right:.4rem; }
.fan-pill-name{ font-weight:700; max-width:140px; }
.fan-pill-amt{ margin-left:.4rem; color:#BF2295; font-weight:700; }

  .masthead-bio a{ color: var(--bp-pink); font-weight:700; }
   .header-cta .btn{ margin:.25rem .25rem; }
  .btn-icon-pill{
    border-radius:9999px; padding:.7rem .95rem; font-weight:800;
    box-shadow:0 8px 18px rgba(0,0,0,.08);
  }
  .btn-ghost{
    background:#fff; border:2px solid #EAD7E7; color:var(--bp-ink);
  }
  .btn-ghost:hover{ background:#fff; transform:translateY(-1px); }
  .icon-pink{ color: var(--bp-pink); }

.shadow-card { border-radius:20px; box-shadow:0 14px 40px rgba(0,0,0,.08);}

.lb-card{border-radius:20px; box-shadow:0 14px 40px rgba(0,0,0,.08);}
.lb-soft{background:#fdf5fb;border:1px dashed #f0c9e6;border-radius:14px;}
.lb-chip{border-radius:9999px; padding:.4rem .8rem; font-weight:700; font-size:.85rem; line-height:1;}
.lb-chip-creators{background:#fff; border:2px solid var(--bp-pink, #D91B8C); color:var(--bp-pink, #D91B8C);}
.lb-chip-fans{background:#fff; border:2px solid var(--bp-magenta, #BF2295); color:var(--bp-magenta, #BF2295);}
.lb-metric{font-weight:800;}
.lb-sub{color:rgba(42,33,64,.7);}
.lb-sep{height:1px; background:rgba(0,0,0,.06); margin:.5rem 0;}
.sticky-me{background:#fff; border:2px dashed #ead7e7; border-radius:16px;}
.nav-pills .nav-link{border-radius:9999px; font-weight:800;}
.period-pills .nav-link{border:2px solid #ead7e7; color:var(--bp-ink, #2A2140); background:#fff; margin:2px;}
.period-pills .nav-link.active{border-color:var(--bp-pink, #D91B8C); color:#fff; background:linear-gradient(90deg, var(--bp-magenta, #BF2295), var(--bp-pink, #D91B8C));}
.type-pills .nav-link{color:var(--bp-ink, #2A2140); background:#fff; border:2px solid #ead7e7; margin:2px;}
.type-pills .nav-link.active{border-color:var(--bp-pink, #D91B8C); color:#fff; background:linear-gradient(90deg, var(--bp-magenta, #BF2295), var(--bp-pink, #D91B8C));}

.lb-list .list-group-item{
  border:0;
  border-radius:16px;
  margin-bottom:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  padding:16px 18px;
}

.lb-rank{width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-weight:800; background:#f8f9fa; flex:0 0 48px;}
.avatar{width:48px; height:48px; border-radius:12px; object-fit:cover; flex:0 0 48px;}

.lb-row{
  display:grid;
  grid-template-columns: 56px 56px 1fr auto;
  grid-column-gap:14px;
  align-items:center;
}
.lb-username{font-weight:700; margin-bottom:2px;}
.lb-right{text-align:right;}

.rank-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px 20px;
  align-items:stretch;
}
.rank-card{
  display:flex;
  align-items:center;
  background:#faf7fb;
  border-radius:12px;
  padding:12px 14px;
}
.rank-chip{margin-right:10px; flex-shrink:0;}
.rank-text .meta{margin-bottom:2px;}
.lb-dot{opacity:.6; margin:0 6px;}
.positions-toggle{
  display:flex; align-items:center; justify-content:space-between;
  cursor:pointer; user-select:none;
}
.positions-toggle .title{font-weight:800; font-size:1rem; margin:0;}
.positions-toggle .hint{color:rgba(42,33,64,.7);}
.positions-toggle .chev{transition:transform .18s ease;}
.positions-toggle[aria-expanded="true"] .chev{transform:rotate(180deg)}

@media (max-width: 575.98px){

  .lb-row{
    grid-template-columns: 46px 46px 1fr;
    grid-template-areas:
      "rank avatar name"
      "rank avatar stats";
    row-gap:6px;
  }
  .lb-rank{grid-area:rank; width:40px;height:40px; border-radius:10px;}
  .avatar{grid-area:avatar; width:40px;height:40px; border-radius:10px;}
  .lb-nameblock{grid-area:name;}
  .lb-right{grid-area:stats; text-align:left;}
  .lb-list .list-group-item{padding:14px;}

  .type-pills, .period-pills{justify-content:center; width:100%;}
  .sticky-me{padding:14px;}
  .sticky-me .rank-wrap{flex-direction:column; align-items:flex-start;}
  .sticky-me .rank-block{width:100%; display:flex; align-items:center; margin-bottom:10px;}
  .sticky-me .rank-block:last-child{margin-bottom:0;}

  .rank-grid{grid-template-columns:1fr; gap:12px;}
  .rank-card{flex-direction:column; align-items:flex-start; padding:12px;}
  .rank-chip{margin:0 0 6px 0;}
  .rank-text{width:100%;}
  .rank-text .meta{margin-bottom:4px;}
  .rank-text .h6{line-height:1.3;}
  .positions-toggle .title{font-size:.95rem;}
  .positions-toggle .hint{display:none;}
}

  .lb-row {
    display: grid;
    grid-template-columns: 36px 56px 1fr;
    grid-template-areas:
      "rank avatar name"
      "bio  bio    bio";
    gap: .75rem;
    align-items: center;
  }
  .lb-item { padding: .6rem .9rem; }

  @media (min-width: 768px) {
    .lb-row {
      grid-template-columns: 36px 56px 1fr 1.2fr;
      grid-template-areas: "rank avatar name bio";
      align-items: start;
    }
    .lb-row.no-bio {
      grid-template-columns: 36px 56px 1fr;
      grid-template-areas: "rank avatar name";
    }
  }

  .lb-rank { grid-area: rank; }
  .avatar { grid-area: avatar; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
  .lb-nameblock { grid-area: name; }
  .lb-bio { grid-area: bio; }

  .lb-rank {
    width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: #f8f9fa;
    font-weight: 700; font-variant-numeric: tabular-nums;
  }
  .lb-list .lb-item:nth-child(1) .lb-rank { background: linear-gradient(180deg,#ffd700,#f0c400); color:#111; }
  .lb-list .lb-item:nth-child(2) .lb-rank { background: linear-gradient(180deg,#c0c0c0,#a8a8a8); color:#111; }
  .lb-list .lb-item:nth-child(3) .lb-rank { background: linear-gradient(180deg,#cd7f32,#b36b29); color:#fff; }

  .lb-username { font-weight: 600; line-height: 1.2; }
  .lb-sub { color: #6c757d; margin-top: 2px; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
  .lb-dot::before { content:"•"; opacity: .6; }

  .lb-bio {
    color: #5d6679;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .lb-actions { display: flex; gap: .5rem; margin-top: .35rem; }
  .lb-actions .btn { padding: .15rem .5rem; line-height: 1.2; }

  @media (max-width: 576px) {
    .lb-item { padding: .55rem .75rem; }
    .lb-actions { flex-wrap: wrap; }
  }

.lb-card-badged { position: relative; }

.lb-card-badged .card-body { padding-top: 2.25rem; }

.lb-rank-badge{
  position:absolute; top:10px; left:10px;
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; line-height:1; font-variant-numeric: tabular-nums;
  border:3px solid #fff; box-shadow:0 8px 20px rgba(0,0,0,.18);
  background:#212529; color:#fff;
  z-index: 2; pointer-events:none;
}
.lb-rank-badge .num{ transform: translateY(1px); }

@media (min-width: 768px){
  .lb-rank-badge{ width:52px; height:52px; top:12px; left:12px; }
  .lb-card-badged .card-body { padding-top: 2.5rem; }
}

.rank-1{ background:linear-gradient(180deg,#FFD84D,#F0C418); color:#111; }
.rank-2{ background:linear-gradient(180deg,#D9D9D9,#BFBFBF); color:#111; }
.rank-3{ background:linear-gradient(180deg,#D08B4E,#B16D33); color:#fff; }
.rank-default{ background:#212529; color:#fff; }

.credits-card{border-radius:20px; box-shadow:0 14px 40px rgba(0,0,0,.08);}
.credits-balance{
border-radius:16px; background:#fff; border:2px dashed #ead7e7;
}
.credits-actions .action{
border-radius:16px; background:#fff;
box-shadow:0 10px 24px rgba(0,0,0,.06);
transition:transform .12s ease, box-shadow .12s ease;
height:100%;
}
.credits-actions .action:hover{transform:translateY(-1px); box-shadow:0 14px 36px rgba(0,0,0,.08);}
.credits-actions .icon{
width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center;
background:#f7f7fb;
}
.badge-soft{background:#fdf5fb; color:#9b2f7f; border:1px solid #f0c9e6; border-radius:9999px; padding:.2rem .6rem; font-weight:700;}
.mini-help{color:rgba(42,33,64,.7);}
.table-history thead th{border-top:0; font-size:.85rem; color:rgba(42,33,64,.6);}
.table-history td, .table-history th{vertical-align:middle;}
@media (max-width: 575.98px){
.credits-actions .action{padding:14px !important;}
}

.throne-wrap{border-radius:20px; box-shadow:0 14px 40px rgba(0,0,0,.08); background:#fff; padding:16px;}
.throne-grid{display:grid; grid-template-columns: 1.2fr .8fr .8fr; gap:16px;}
.throne-card{
border:2px dashed #ead7e7; border-radius:16px; padding:16px; background:#fff;
display:flex; flex-direction:column; align-items:center; text-align:center; height:100%;
}
.throne-card.gold{border-style:solid; border-color:#f7c3ec; background:linear-gradient(180deg,#fff, #fff0f8);}

.throne-badge{
align-self:flex-start; border-radius:9999px; padding:.25rem .6rem; font-weight:800; font-size:.8rem;
background:#2A2140; color:#fff; display:flex; align-items:center; margin-bottom:8px;
}
.throne-badge i{margin-right:.35rem;}
.throne-avatar{
width:96px; height:96px; border-radius:16px; object-fit:cover; box-shadow:0 12px 24px rgba(0,0,0,.08); position:relative;
}
.throne-username{font-weight:800; margin-top:10px; margin-bottom:2px;}
.throne-sub{color:rgba(42,33,64,.7); font-size:.9rem;}
.throne-meta{margin-top:10px;}
.throne-price{font-weight:900; font-size:1.25rem;}
.throne-countdown{font-family:monospace; background:#2a2140; color:#fff; border-radius:10px; padding:4px 8px; display:inline-block;}
.btn-dethrone{margin-top:12px;}
.vips-online-dot{position:absolute; width:12px; height:12px; border-radius:9999px; background:#28a745; bottom:6px; right:6px; border:2px solid #fff;}
@media (max-width: 991.98px){ .throne-grid{grid-template-columns: 1fr 1fr; } }
@media (max-width: 575.98px){ .throne-grid{grid-template-columns: 1fr; } .throne-card{padding:14px;} }
.mini-help{color:rgba(42,33,64,.65);}

.premium-hero{
  position:relative; border-radius:22px;
  background: radial-gradient(60% 80% at 20% 20%, #ff62cf 0%, var(--bp-pink) 40%, var(--bp-magenta) 100%);
  color:#fff; overflow:hidden;
}
.premium-hero .confetti{
  position:absolute; inset:0; pointer-events:none; opacity:.25;
  background-image:
    radial-gradient(#ffd166 4px, transparent 4px),
    radial-gradient(#ffffff 3px, transparent 3px),
    radial-gradient(#2c1f4a 3px, transparent 3px);
  background-size: 120px 120px, 180px 180px, 160px 160px;
  background-position: 0 0, 40px 60px, 80px 20px;
  animation: floaty 24s linear infinite;
}
@keyframes floaty { to { background-position: 120px 120px, 220px 260px, 200px 180px; } }
.premium-hero h3{ font-weight:800; letter-spacing:-.3px; }
.badge-premium{
  display:inline-flex; align-items:center; gap:.35rem; font-weight:800; color:#2A2140;
  background:#FFD166; border-radius:9999px; padding:.25rem .6rem; text-transform:uppercase; font-size:.75rem;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.page-feature{
  background:#fff; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.08); padding:16px; height:100%;
}
.page-feature i{ color: var(--bp-pink); }
.premium-cta{
  display:inline-block; border-radius:9999px; padding:.9rem 1.4rem; font-weight:800; border:0;
  background:linear-gradient(160deg, var(--bp-magenta), var(--bp-pink)); color:#fff !important;
  box-shadow:0 12px 28px rgba(217,27,140,.35);
}
.premium-cta:hover{ filter:brightness(.98); color:#fff; text-decoration:none; }
.pricing-chip{
  display:inline-flex; align-items:baseline; gap:.25rem; background:#fff; color:var(--bp-ink);
  border-radius:9999px; padding:.35rem .75rem; font-weight:800; box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.table thead th{ border-top:0; }
.compare .fa-check{ color:#28a745; }
.compare .fa-circle{ color:#c7bcd2; }
.helper-text{ color:#6c5b7a; }
.manage-card .btn{ min-width: 220px; }

@media (max-width: 991.98px) {
  #mainNav .navbar-collapse {
    max-height: calc(100dvh - 64px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  #mainNav .dropdown-menu.account-menu {
    position: static !important;
    transform: none !important;
    float: none;
    width: auto;
  }

  #mainNav .navbar-collapse::after {
    content: "";
    display: block;
    height: 16px;
  }
}

#mainNav .dropdown-menu.account-menu { z-index: 1100; }

.navbar-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.25);
  z-index: 1029;
  display: none;
}
.navbar-backdrop.show { display: block; }

html.nav-open, body.nav-open {
  overflow: hidden;
}
body.nav-open {
  position: fixed;
  width: 100%;
}

.sponsorships-card { border-radius: 16px; box-shadow: 0 10px 28px rgba(0,0,0,.08); }
.text-white-80 { color: rgba(255,255,255,.8); }

.list-card { background:#fff; border:1px solid #efe7f5; border-radius:14px; }
.list-card .item + .item { border-top:1px solid #f1e8f5; }
.item { padding:12px 14px; }
.item:hover { background:#fcfbfe; }

.target-chip { display:flex; align-items:center; gap:.5rem; }
.target-chip img { width:40px; height:40px; border-radius:50%; object-fit:cover; }

.meta { display:flex; align-items:center; flex-wrap:wrap; }
.meta .block { margin-right:1rem; margin-bottom:.35rem; }
.meta .label { font-size:.75rem; color:#8b82a3; }
.meta .value { font-weight:700; }

.badge-soft { background:#f6eef9; color:#6c5b7a; border:1px solid #efe7f5; font-weight:600; }
.empty { background:#fdf5fb; border:1px dashed #f0c9e6; border-radius:14px; padding:18px; }

.tab-pills .nav-link { border-radius:9999px; }
.tab-pills .nav-link.active { background:#D91B8C; color:#fff; }

.actions .btn { padding:.35rem .6rem; }
.actions .btn i { margin-right:.25rem; }

.s-grid { display:flex; flex-wrap:wrap; column-gap:1rem; row-gap:1rem; }
.s-grid > [class*="col-"] { margin-bottom:1rem; }

  .masthead { position: relative; }

  .masthead.profile-has-cover { overflow: hidden; }
  .profile-cover-underlay {
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
	top: 25px;
	height: 170px;
  }
  .no-nav .profile-cover-underlay {
	top: 0px;
	height: calc(195px - 2rem);
  }
  .profile-cover-underlay img {
    width: 100%; height: 100%; object-fit: cover; display: block;
  }

  .masthead.profile-has-cover > .container { position: relative; z-index: 1; }

  .swipe-btn{ display:inline-block; }
  .swipe-chip{
    width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
    border-radius:9999px; background:#fff; color:#1f1533;
    border:1px solid rgba(217,27,140,.22); box-shadow:0 8px 20px rgba(0,0,0,.06);
    transition:background .15s, border-color .15s, transform .15s, color .15s;
  }
  .swipe-chip i{ font-size:18px; line-height:1; }
  .swipe-btn:hover .swipe-chip{ transform:translateY(-1px); border-color:rgba(217,27,140,.35); }

.swipe-delayed {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}

.swipe-delayed.swipe-visible {
  opacity: 1;
  pointer-events: auto;
}

.profile-cover-underlay.is-loading {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.profile-cover-underlay.is-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #f3f3f3;
}

.profile-cover-underlay.is-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: -40%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(252, 93, 211, 0) 0%,
    rgba(252, 93, 211, 0.7) 50%,
    rgba(252, 93, 211, 0) 100%
  );
  animation: coverSwipe 1.2s infinite;
}

@keyframes coverSwipe {
  0%   { left: -40%; }
  100% { left: 100%; }
}

.cover-actions{
  position:absolute;
  right:10px;
  top:10px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:6px;
}
@media (min-width:992px){
  .cover-actions{ top:10px; }
}

@media (min-width: 992px){
  .cover-edit{
    top: 10px;
  }
}

.cover-edit-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:9999px;
  background:#fff;
  color:#1f1533;
  font-size:.85rem;
  font-weight:500;
  border:1px solid rgba(217,27,140,.22);
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  transition:background .15s, transform .15s, border-color .15s, color .15s;
  cursor:pointer;
  user-select:none;
  line-height:1;
}
.cover-edit-btn i{ font-size:15px; }

.cover-edit-btn span{ padding-left:8px; }

.cover-edit:hover .cover-edit-btn{
  transform:translateY(-1px);
  border-color:rgba(217,27,140,.35);
}

.profile-has-cover .cover-edit-btn{
  background:rgba(0,0,0,.68);
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 24px rgba(0,0,0,.35),
              0 0 0 2px rgba(0,0,0,.15) inset;
  backdrop-filter:saturate(120%) blur(2px);
}
.profile-has-cover .cover-edit:hover .cover-edit-btn{
  background:rgba(0,0,0,.8);
  border-color:rgba(255,255,255,.8);
}

.cover-delete-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:9999px;
  background:#fff;
  color:#1f1533;
  border:1px solid rgba(217,27,140,.22);
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  transition:background .15s, transform .15s, border-color .15s, color .15s;
  cursor:pointer; line-height:1;
  margin-bottom:0.5rem;
  text-decoration:none;
}
.cover-delete-btn i{ font-size:15px; }

.cover-delete-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(217,27,140,.35);
  text-decoration:none;
}

.profile-has-cover .cover-delete-btn{
  background:rgba(0,0,0,.68);
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 24px rgba(0,0,0,.35), 0 0 0 2px rgba(0,0,0,.15) inset;
  backdrop-filter:saturate(120%) blur(2px);
}
.profile-has-cover .cover-delete-btn:hover{
  background:rgba(0,0,0,.8);
  border-color:rgba(255,255,255,.8);
}

@media (min-width:768px){
  .cover-edit-btn{
    font-size:.9rem;
    padding:8px 16px;
  }
  .cover-edit-btn i{ font-size:17px; }
  .cover-edit-btn span{ padding-left:10px; }
  .cover-delete-btn{
    padding:8px 12px;
  }
}

.following-bar-wrap{
  position: relative;
  background: linear-gradient(0deg, rgba(191,34,149,.08), rgba(217,27,140,.06));
  padding: .75rem 0 0;
  border-radius: 16px;
}

.following-head{ padding: 0 .75rem .35rem .75rem; }
.following-title{ font-weight:800; letter-spacing:.1px; color: var(--bp-ink); }
.chip-not-stories{
  font-size:.7rem; font-weight:800; color:#2A2140;
  background:#FFD166; border-radius:9999px; padding:.15rem .5rem;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.following-strip{
  display:flex; align-items:flex-start; gap:16px; padding:10px 48px 12px 48px;
  overflow-x:auto; scroll-behavior:smooth;
}

.following-tile{ width:88px; flex:0 0 auto; text-align:center; }
.following-link{ text-decoration:none; }

.your-feed-wrap{
  overflow:hidden;
}

.your-feed-head{
  gap:12px;
}

.your-feed-title-wrap{
  min-width:0;
}

.your-feed-subtitle{
  color:#5a4e73;
  font-size:.82rem;
  line-height:1.25;
  margin-top:.15rem;
}

.your-feed-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}

.your-feed-tabs{
  display:flex;
  align-items:center;
  gap:8px;
}

.your-feed-tab{
  border:1px solid rgba(217,27,140,.16);
  background:#fff;
  color:var(--bp-ink);
  border-radius:9999px;
  padding:.35rem .7rem;
  font-size:.8rem;
  font-weight:800;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  cursor:pointer;
}

.your-feed-tab:hover{
  text-decoration:none;
  transform:translateY(-1px);
}

.your-feed-tab.is-active{
  background:linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
  color:#fff;
  border-color:transparent;
}

.your-feed-tab span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  margin-left:.35rem;
  border-radius:9999px;
  background:#FFD166;
  color:#2A2140;
  font-size:.7rem;
  font-weight:900;
}

.your-feed-tab.is-active span{
  background:#fff;
  color:var(--bp-magenta);
}

.your-feed-view-link{
  color:var(--bp-pink);
  font-weight:800;
  text-decoration:none !important;
}

.your-feed-pane{
  display:none;
}

.your-feed-pane.is-active{
  display:block;
}

.your-feed-empty{
  margin:10px 48px 12px;
  background:#fff;
  border:1px dashed #F4CBE7;
  border-radius:14px;
  padding:14px 16px;
  text-align:center;
  color:#5a4e73;
  font-size:.9rem;
}

.your-feed-empty strong{
  color:var(--bp-ink);
}

.your-feed-more-tile{
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
}

.your-feed-more-ring{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bp-pink);
  border:2px dashed #F4CBE7;
  background:#fff;
}

.your-feed-more-ring i{
  font-size:1.1rem;
}

.your-feed-mobile-link .btn-link{
  color:var(--bp-pink);
  font-weight:800;
  text-decoration:none !important;
}

@media (max-width: 575px){
  .your-feed-head{
    flex-direction:column;
    align-items:stretch !important;
  }

  .your-feed-actions{
    width:100%;
    justify-content:center;
  }

  .your-feed-tabs{
    width:100%;
  }

  .your-feed-tab{
    flex:1;
    text-align:center;
  }

  .your-feed-empty{
    margin-left:16px;
    margin-right:16px;
  }
}

.ring{
  width:72px; height:72px; border-radius:9999px; padding:2px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
}
.ring img{ width:100%; height:100%; border-radius:50%; object-fit:cover; background:#fff; display:block; }

.dot-online{
  position:absolute; right:0; bottom:0; width:14px; height:14px; border-radius:50%;
  background:#27ae60; box-shadow:0 0 0 2px #fff;
}

.name{
  font-size:.78rem; margin-top:.4rem; color: var(--bp-ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.last-badge{
  display:inline-flex; align-items:center; margin-top:.25rem;
  font-size:.7rem; font-weight:800; color:#2A2140;
  background:#FFE9F7; border:1px solid #F4CBE7;
  border-radius:9999px; padding:.12rem .45rem;
}

.story-arrow{
  position:absolute; top:58%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:50%;
  border:0; background:rgba(0,0,0,.5); color:#fff;
  display:flex; align-items:center; justify-content:center;
}
.story-prev{ left:8px; } .story-next{ right:8px; }

.following-legend{
  display:flex; align-items:center; gap:16px;
  padding: 4px 12px 10px 12px; color:#5a4e73; font-size:.8rem;
}
.legend-item{ display:inline-flex; align-items:center; }
.legend-dot{
  width:10px; height:10px; border-radius:50%; background:#27ae60;
  box-shadow:0 0 0 2px #fff; margin-right:6px;
}

@media (max-width: 480px){
  .following-tile{ width:80px; }
  .ring{ width:66px; height:66px; }
}

.following-link{
  display:block;
  text-decoration:none !important;
  color: inherit;
  border-radius: 14px;
  padding: 6px 4px;
  transition: transform .15s ease, box-shadow .15s ease;
  will-change: transform;
}
.following-link:hover,
.following-link:focus{
  text-decoration:none !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.following-link:focus-visible{
  outline:3px solid #FFD166;
  outline-offset:3px;
}

@media (prefers-reduced-motion: reduce){
  .following-link{ transition: none; }
}

.following-head .btn-link{
  text-decoration: none;
}
.following-head .btn-link:hover{
  text-decoration: none;
}

.following-link{
  display:block; text-decoration:none; color:inherit;
  border-radius:14px; padding:6px 4px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.following-link:hover{ transform: translateY(-3px); box-shadow:0 6px 14px rgba(0,0,0,.08); }

.ring{
  width:72px; height:72px; border-radius:50%; padding:2px;
  margin:0 auto; position:relative;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
}

.following-avatar{ position:relative; display:inline-block; }
.following-avatar img{ position:relative; z-index:1; display:block; }

.following-online{
  position:absolute; top:4px; right:4px;
  width:12px; height:12px; border-radius:50%;
  background:#27ae60; box-shadow:0 0 0 2px #fff;
  z-index:2; pointer-events:none;
}

.following-boosted{
  position:absolute;
  left:50%; transform:translateX(-50%);
  bottom:-6px;
  width:16px; height:16px;
  border-radius:50%; background:#FFD166; color:#2A2140;
  display:flex; align-items:center; justify-content:center;
  font-size:.65rem;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  z-index:2; pointer-events:none;
}

.following-avatar.has-new-links{
  box-shadow:
    0 0 0 3px rgba(217,27,140,.18),
    0 0 0 6px rgba(255,209,102,.18),
    0 8px 20px rgba(217,27,140,.14);
}

.following-new-links-badge{
  position:absolute;
  top:-8px;
  left:-8px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#FFD166;
  color:#2A2140;
  border:2px solid #fff;
  font-size:.55rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
  box-shadow:0 3px 8px rgba(43,34,75,.18);
  pointer-events:none;
}

.following-tile.has-new-links .name{
  font-weight:900;
}

@media (prefers-reduced-motion: no-preference){
  .following-avatar.has-new-links{
    animation: dashboardNewLinksPulse 2.6s ease-in-out infinite;
  }

  @keyframes dashboardNewLinksPulse{
    0%, 100%{
      box-shadow:
        0 0 0 3px rgba(217,27,140,.16),
        0 0 0 6px rgba(255,209,102,.16),
        0 8px 20px rgba(217,27,140,.12);
    }
    50%{
      box-shadow:
        0 0 0 4px rgba(217,27,140,.25),
        0 0 0 8px rgba(255,209,102,.25),
        0 10px 24px rgba(217,27,140,.18);
    }
  }
}

.profile-tiles-grid{
  display:flex; flex-wrap:wrap; justify-content:center;
  margin-top:1rem; gap:18px;
}

.profile-tiles-grid > *{ margin:9px; }

.profile-tiles-avatar-wrapper{
  position:relative;
  border-radius:9999px;
  padding:2px;
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.18);
}
.profile-tiles-avatar-wrapper:hover{
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

.profile-tiles-avatar-wrapper img{
  width:100%; height:100%; border-radius:50%;
  object-fit:cover; display:block; background:#fff;
  box-shadow: inset 0 0 0 6px #fff;
}

.profile-tiles-username a{
  font-weight:700;
  color: var(--bp-ink);
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  display:inline-block;
  max-width: 140px;
}
.profile-tiles-username a:hover{ text-decoration:underline; }

.profile-tiles-avatar{
  position: relative;
  display: inline-block;

}

.profile-tiles-online{
  position:absolute;
  top:8%;
  right:8%;
  width:14px; height:14px; border-radius:50%;
  background:#27ae60;
  box-shadow:0 0 0 2px #fff;
  z-index:2;
  pointer-events:none;
}

.profile-tiles-chip{
  position:absolute;
  left:50%; transform:translateX(-50%);
  bottom:-10px;
  padding:.25rem .55rem;
  font-size:.75rem; font-weight:700;
  border-radius:9999px;
  color:#2A2140; background:#FFD166;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}


.profile-tiles-premium {
    position: absolute;


    left: 88% !important;
    top: 88% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%);

    width: 18px;
    height: 18px;
    border-radius: 999px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(135deg, #1da1f2 0%, #168de2 55%, #0f6fc5 100%);
    color: #ffffff;
    border: 2px solid #ffffff;

    box-shadow:
        0 3px 8px rgba(29, 161, 242, 0.35),
        0 0 0 1px rgba(29, 161, 242, 0.16);

    font-size: 8px;
    line-height: 1;
    z-index: 8;
}

.profile-tiles-premium i {
    font-weight: 900;
    transform: translateY(0.15px);
}

.profile-tiles-avatar img{ position:relative; z-index:1; display:block; }

.profile-tiles-item{
position:relative;
display:inline-block;
vertical-align:middle;
}

.profile-metrics{
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 1rem;
}
@media (min-width: 992px){
  .profile-metrics{ grid-template-columns: 1fr 1fr; }
}
.metric-chip{
  display:flex; align-items:center; justify-content:space-between;
  background:#f9f1f7;
  border:1px solid #EAD7E7;
  border-radius:9999px;
  padding:.5rem .75rem;
}
.metric-left{
  display:flex; align-items:center; font-weight:700; color:var(--bp-ink);
}
.metric-label{ font-weight:800; }
.metric-right{
  display:flex; align-items:center; min-width:0;
}
.metric-value{
  font-weight:800; color:#2A2140; letter-spacing:.2px;
  min-width:3ch; text-align:right;
}

.metric-btn-pill{ border-radius:9999px; font-weight:700; }
.metric-btn-cream{ background:var(--bp-cream); color:var(--bp-ink); border:2px solid var(--bp-cream); }
.metric-btn-cream:hover{ filter:brightness(.95); color:var(--bp-ink); }

.premium-gem{color:#BF2295;}

.badge-pin {
  display: inline-block;
  font-size: .7rem;
  font-weight: 800;
  color: #BF2295;
  background: #ffe6f6;
  border-radius: 9999px;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.badge-collab {
  display: inline-block;
  font-size: .7rem;
  font-weight: 800;
  color: #2A2140;
  background: #FFD166;
  border-radius: 9999px;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing: .4px;
  line-height: 1.2;
}
.badge-boosted {
  display: inline-block;
  font-size: .7rem;
  font-weight: 800;
  color: #2A2140;
  background: #FFD166;
  border-radius: 9999px;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing: .4px;
  line-height: 1.2;
}
.badge-waitlist {
  display: inline-block;
  font-size: .7rem;
  font-weight: 800;
  color: #212529;
  background: #f8f9fa;
  border-radius: 9999px;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing: .4px;
  line-height: 1.2;
}

.link-description {
  font-size: .85rem;
  color: #6c5b7a;
  line-height: 1.3;
  max-width: 100%;
  overflow-wrap: break-word;
}

.link-main {
  gap: .35rem;
  flex-wrap: wrap;
}
.link-main > * {
  flex: 0 0 auto;
}

.sub-pills .nav-link {
  background: transparent;
  color: #6c757d;
  border: 1px solid #e9ecef;
  margin-right: .5rem;
}

.sub-pills .nav-link:hover {
  color: #495057;
  border-color: #dee2e6;
}

.sub-pills .nav-link.active {
  background: #f8f9fa;
  color: #343a40;
  border-color: #dee2e6;
}

.sub-pills .nav-link {
  padding: .25rem .6rem;
  font-size: .9rem;
  border-radius: 50rem;
}

.amount-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap:12px;
}
@media (max-width: 480px){
  .amount-grid{ grid-template-columns: repeat(2, 1fr); }
}

.amount-radio{ position:absolute; opacity:0; pointer-events:none; }

.amount-tile{
  position:relative;
  border-radius:14px;
  border:2px solid #EAD7E7;
  padding:.9rem .5rem;
  text-align:center;
  cursor:pointer;
  background:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  user-select:none;
}
.amount-tile .credits{ display:block; font-size:1.1rem; font-weight:800; color:var(--bp-ink); line-height:1; }
.amount-tile .suffix{ display:block; font-size:.75rem; color:#6c5b7a; }

.amount-radio:checked + .amount-tile{
  border-color: var(--bp-pink);
  box-shadow:0 10px 20px rgba(0,0,0,.08);
  transform:translateY(-1px);
}
.amount-radio:checked + .amount-tile .credits { color: #fff; }
.amount-radio:checked + .amount-tile .suffix { color: rgba(255,255,255,.9); }
.amount-radio:checked + .amount-tile {
  background: linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
  border-color: transparent;
}

.amount-tile.is-disabled{
  opacity:.55;
  cursor:not-allowed;
  position:relative;
}
.amount-tile.is-disabled .need-more{
  position:absolute;
  top:6px;
  right:8px;
  font-size:.7rem;
  font-weight:800;
  background:#FFD166;
  color:#2A2140;
  padding:.1rem .35rem;
  border-radius:9999px;
  box-shadow:0 4px 10px rgba(0,0,0,.06);
}

.instagram-media {
  max-width: 100% !important;
  width: 100% !important;
  min-width: auto !important;
  margin: 0 auto !important;
}

.featured-heading {
  background: linear-gradient(90deg, #ff0080, #7928ca);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  text-transform:uppercase;
}

.featured-heading::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 0.5rem auto;
  background: linear-gradient(90deg, #ff0080, #7928ca);
  border-radius: 2px;
}

.sponsored-user-card .line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sponsored-user-card {
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.sponsored-user-card:hover {
  background-color: #fff9e6;
}

.pinned-wrap {
  background: linear-gradient(0deg, rgba(250,247,252), rgba(217,27,140,.06));
  padding: .85rem 0 1rem;
}

.pin-strip-wrap {
  position: relative;
  max-width:940px;
  margin:0 auto;
}

.pin-scroller {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.pin-strip {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 2px;
  width: max-content;
  margin: 0 auto;
}

.pin-item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex: 0 0 auto;
  width: 54px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  padding-bottom: 2px;
}

.pin-ring {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 3px;
  background: radial-gradient(
    110% 110% at 30% 20%,
    #ffb3e6 0%,
    var(--bp-pink, #D91B8C) 50%,
    var(--bp-magenta, #BF2295) 100%
  );
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  overflow: hidden;
}

.pin-fav {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  object-fit: cover;
  background: #fff;
}

.pin-name {
  font-size: 0.75rem;
  margin-top: 0.35rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pin-item:hover .pin-ring {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
}

.pin-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 9999px;
  border: 2px dashed rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 1.15rem;
}
.pin-add .fa {
  opacity: 0.95;
}

.pin-strip-wrap::before,
.pin-strip-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 28px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.pin-strip-wrap::before {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.pin-strip-wrap::after {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.pin-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 5;
}

.pin-strip-wrap::before,
.pin-strip-wrap::after {
  z-index: 2;
}

.pin-prev {
  left: 6px;
}
.pin-next {
  right: 6px;
}
.pin-strip-wrap.can-left .pin-prev {
  opacity: 1;
  pointer-events: auto;
}
.pin-strip-wrap.can-right .pin-next {
  opacity: 1;
  pointer-events: auto;
}
.pin-nav:hover {
  transform: translateY(-50%) scale(1.05);
}

.pin-scroller::-webkit-scrollbar {
  height: 3px;
}
.pin-scroller::-webkit-scrollbar-track {
  background: #FBF6FB;
}
.pin-scroller::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    rgba(191, 34, 149, 0.28),
    rgba(217, 27, 140, 0.28)
  );
  border-radius: 9999px;
}
.pin-scroller:hover::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    rgba(191, 34, 149, 0.45),
    rgba(217, 27, 140, 0.45)
  );
}

.pin-scroller {
  scrollbar-width: thin;
  scrollbar-color: rgba(217, 27, 140, 0.35) transparent;
}
.pin-scroller:hover {
  scrollbar-color: rgba(217, 27, 140, 0.5) transparent;
}

.link-row.btn {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 576px){
  .link-row.btn {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

.link-title {
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

.link-main {
  gap: .25rem;
  justify-content: center;
  flex-wrap: wrap;
}

.link-url-table table td:first-child {
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}

.boosted-user-card {
  transition: background-color .18s ease, border-color .18s ease;
  cursor: pointer;
  border:1px solid #FFC10754;
  border-radius:.75rem;
}
.boosted-user-card:hover {
  background-color:#FFC1070D;
  border-color: #FFC10773;
}

.boosted-user-card .line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.boosted-badge {
font-size: .75rem;
top:-10px;
left:50%;
transform:translateX(-50%);
border:1px solid #ffc107;
border-radius:.5rem;
background:#fff;
}

.shimmer {
  position: relative;
  overflow: hidden;
  background: #f1f1f1;
}
.shimmer::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
  transform: translateX(-100%);
  animation: shine 1.25s infinite;
}
@keyframes shine {
  from { transform: translateX(-100%); }
  to   { transform: translateX(100%);  }
}

.one-time-badge{background:#fff3cd; color:#856404; border:1px solid #ffe8a1; border-radius:9999px; padding:.2rem .6rem; font-weight:700;}
.rule-chip{border-radius:9999px; padding:.2rem .6rem; border:1px dashed #ead7e7; color:rgba(42,33,64,.7); background:#fff;}
.valid-dot{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:6px; background:#d0d0d0;}
.valid-dot.ok{background:#28a745;}
.valid-dot.err{background:#dc3545;}
.input-affix{display:flex; align-items:stretch;}
.input-affix .affix{background:#f7f7fb; border:1px solid #ced4da; border-right:0; border-radius:.25rem 0 0 .25rem; padding:.5rem .6rem; color:#6c757d;}
.input-affix input{border-radius:0 .25rem .25rem 0;}
.feedback-icon{position:absolute; right:12px; top:50%; transform:translateY(-50%); opacity:.9;}
.subtle{color:rgba(42,33,64,.7);}
.preview-url{font-family:monospace; background:#faf7fb; border:1px dashed #f0c9e6; border-radius:8px; padding:.3rem .5rem;}
.fade-in{animation:fade .15s ease-in;}
@keyframes fade{from{opacity:0} to{opacity:1}}
@media (max-width:575.98px){
.input-affix .affix{padding:.5rem .55rem;}
}

.termsfeed-com---nb-simple {
margin:0.3rem !important;
border: 1px solid #DFDFDF;
border-radius: 5px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.btn-cb-white{
  background:#fff; border:2px solid #EAD7E7; color:var(--bp-ink); font-weight:700;
}
.btn-cb-white:hover{ background:#fff; color:var(--bp-ink); box-shadow:0 8px 18px rgba(0,0,0,.08); }

.feature-card{ background:#fff; border-radius:16px; padding:16px; box-shadow:0 8px 24px rgba(0,0,0,.06); }
.feature-emoji{ font-size: 1.6rem; line-height:1; }

.list-unstyled li i{ width:18px; text-align:center; }

.premium-upgrade-cta{
background: linear-gradient(135deg, #fff9e6, #fff);
border: 1px solid #ffe8a3;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
border-radius: 12px;
}

.premium-upgrade-cta .cta-badge{
flex: 0 0 44px;
width: 44px; height: 44px;
min-width: 44px; min-height: 44px;
border-radius: 50%;
background: #fff3cd;
color: #b7791f;
display:flex; align-items:center; justify-content:center;
font-size: 18px;
box-shadow: inset 0 0 0 2px rgba(255,193,7,.35);
}
.premium-upgrade-cta .cta-benefits{
margin: 0; padding-left: 18px; font-size: .95rem;
}
.premium-upgrade-cta .cta-benefits li{ margin-bottom: 4px; }
@media (max-width: 420px){
.premium-upgrade-cta .cta-badge{
  flex: 0 0 40px; width: 40px; height: 40px; min-width: 40px; min-height: 40px;
  font-size: 16px;
}
}

#primary .how-icon {
  width: 44px; height: 44px; border-radius: 50%;
  background: #f9f1ff; color: #7a33cc;
  display:flex; align-items:center; justify-content:center;
  font-size: 18px;
  box-shadow: inset 0 0 0 2px rgba(122,51,204,.15);
}
#primary .how-badge {
  width: 48px; height: 48px; border-radius: 50%;
  background: #fff4e6; color: #b7791f;
  display:flex; align-items:center; justify-content:center;
  font-size: 18px;
  box-shadow: inset 0 0 0 2px rgba(255,193,7,.25);
}

.benefits-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:10px;
}
@media (min-width: 768px){
  .benefits-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }
}

.benefit-tile{
  background:#fff;
  border-radius:16px;
  padding:12px;
  min-height:120px;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  transition:transform .12s ease, box-shadow .12s ease;
}
.benefit-tile:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,.12); }

.benefit-tile i{ font-size:1.35rem; color:var(--bp-pink); }
.benefit-tile .title{ font-weight:800; color:var(--bp-ink); line-height:1.2; }
.benefit-tile .sub{ font-size:.9rem; color:#6c5b7a; opacity:.95; }

.benefit-tile .fa-crown{ color:#FFD166; }

#get-featured .bp02-hero {
  border-radius: 22px;
  padding: 22px 18px;
  background:
    radial-gradient(1200px 420px at 20% 0%, rgba(217,27,140,.22), transparent 55%),
    radial-gradient(900px 380px at 95% 20%, rgba(255,193,7,.20), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92));
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
  border: 1px solid rgba(0,0,0,.06);
  position: relative;
  overflow: hidden;
}
#get-featured .bp02-hero:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 18% 20%, rgba(217,27,140,.18), transparent 45%),
    radial-gradient(circle at 80% 20%, rgba(30,136,255,.14), transparent 45%),
    radial-gradient(circle at 50% 110%, rgba(255,193,7,.16), transparent 55%);
  pointer-events:none;
}
#get-featured .bp02-hero-inner{ position: relative; z-index: 2; }

#get-featured .bp02-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  color: rgba(0,0,0,.60);
}
#get-featured .bp02-kicker .bp02-dot{
  width:10px;height:10px;border-radius:999px;
  background: rgba(217,27,140,.25);
  box-shadow: 0 0 0 6px rgba(217,27,140,.08);
}

#get-featured .bp02-title{
  font-weight: 1000;
  letter-spacing: -.02em;
  line-height: 1.05;
  margin-top: 10px;
  margin-bottom: 8px;
  color: rgba(0,0,0,.85);
}

#get-featured .bp02-subtitle{
  color: rgba(0,0,0,.70);
  font-size: 15px;
  line-height: 1.45;
  margin-bottom: 14px;
}

#get-featured .bp02-highlight{
  display:inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 800;
  background: rgba(255,193,7,.22);
  border: 1px solid rgba(255,193,7,.22);
}

#get-featured .bp02-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  font-size: 13px;
  color: rgba(0,0,0,.74);
  margin: 6px 8px 0 0;
  white-space: nowrap;
}
#get-featured .bp02-pill i{ color: rgba(217,27,140,.95); }

#get-featured .bp02-hero-cta-row{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
#get-featured .bp02-hero-cta-row .btn{
  border-radius: 999px !important;
  padding: .8rem 1.1rem;
  font-weight: 900;
}

#get-featured .bp02-hero-cta-row .btn-outline-dark{
  background: rgba(255,255,255,.70);
  border-color: rgba(0,0,0,.10);
  color: rgba(0,0,0,.78);
}
#get-featured .bp02-hero-cta-row .btn-outline-dark:hover,
#get-featured .bp02-hero-cta-row .btn-outline-dark:focus{
  background: rgba(255,255,255,.92);
  border-color: rgba(0,0,0,.14);
  color: rgba(0,0,0,.85);
}

#get-featured .bp02-status-ribbon{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.88);
  box-shadow: 0 16px 40px rgba(0,0,0,.06);
  margin-top: 14px;
}
#get-featured .bp02-status-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
#get-featured .bp02-status-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius: 999px;
  padding: 7px 10px;
  font-weight: 900;
  letter-spacing:.06em;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
}
#get-featured .bp02-status-badge.bp02-feat-live{
  background: rgba(25,135,84,.10);
  border-color: rgba(25,135,84,.18);
  color: #198754;
}
#get-featured .bp02-status-badge.bp02-feat-off{
  background: rgba(220,53,69,.08);
  border-color: rgba(220,53,69,.18);
  color: #dc3545;
}

#get-featured .bp02-live-pulse{
  width:10px;height:10px;border-radius:999px;
  background: currentColor;
  box-shadow: 0 0 0 0 rgba(25,135,84,.28);
  animation: bp02Pulse 1.4s ease-in-out infinite;
}
#get-featured .bp02-feat-off .bp02-live-pulse{
  animation: bp02PulseRed 1.6s ease-in-out infinite;
}
@keyframes bp02Pulse {
  0%{ box-shadow:0 0 0 0 rgba(25,135,84,.28); transform:scale(.95); opacity:.9;}
  60%{ box-shadow:0 0 0 12px rgba(25,135,84,0); transform:scale(1); opacity:1;}
  100%{ box-shadow:0 0 0 0 rgba(25,135,84,0); transform:scale(.95); opacity:.9;}
}
@keyframes bp02PulseRed {
  0%{ box-shadow:0 0 0 0 rgba(220,53,69,.22); transform:scale(.95); opacity:.9;}
  60%{ box-shadow:0 0 0 12px rgba(220,53,69,0); transform:scale(1); opacity:1;}
  100%{ box-shadow:0 0 0 0 rgba(220,53,69,0); transform:scale(.95); opacity:.9;}
}

#get-featured .bp02-status-title{
  font-weight: 1000;
  font-size: 16px;
  margin: 0;
  color: rgba(0,0,0,.86);
  line-height: 1.2;
}
#get-featured .bp02-status-sub{
  color: rgba(0,0,0,.62);
  font-size: 13px;
  margin: 2px 0 0;
  line-height: 1.3;
}
#get-featured .bp02-status-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  white-space:nowrap;
}
#get-featured .bp02-countdown{
  font-weight: 1000;
  font-size: 14px;
  color: rgba(0,0,0,.78);
}
#get-featured .bp02-countdown strong{ color: rgba(217,27,140,.95); }
#get-featured .bp02-mini-note{
  font-size: 12px;
  color: rgba(0,0,0,.55);
}

#get-featured .bp02-card {
  border-radius:20px;
  box-shadow:0 14px 40px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
  overflow:hidden;
}
#get-featured .bp02-card .card-body{ position: relative; }
#get-featured .bp02-card-accent{
  position:absolute;
  inset: -2px -2px auto -2px;
  height: 8px;
  background: linear-gradient(90deg, rgba(217,27,140,1), rgba(255,193,7,1), rgba(30,136,255,1));
  opacity:.9;
}

#get-featured .bp02-spotlight{
  position: relative;
  display: inline-block;
}
#get-featured .bp02-spotlight:before{
  content:"";
  position:absolute;
  inset: -14px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(25,135,84,.18) 0%,
      rgba(217,27,140,.14) 35%,
      rgba(217,27,140,0) 70%);
  z-index: 0;
  pointer-events:none;
  animation: bp02Glow 1.9s ease-in-out infinite;
}
@keyframes bp02Glow{
  0%{ transform:scale(.98); opacity:.70;}
  50%{ transform:scale(1.02); opacity:1;}
  100%{ transform:scale(.98); opacity:.70;}
}

#get-featured .bp02-benefits-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (min-width: 992px){
  #get-featured .bp02-benefits-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
#get-featured .bp02-benefit-tile{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.88);
  box-shadow: 0 12px 30px rgba(0,0,0,.05);
  padding: 12px 12px;
  text-align:center;
}
#get-featured .bp02-benefit-tile i{
  font-size: 18px;
  color: rgba(217,27,140,.95);
}
#get-featured .bp02-benefit-tile .title{
  font-weight: 1000;
  margin-top: 6px;
  margin-bottom: 2px;
  color: rgba(0,0,0,.84);
}
#get-featured .bp02-benefit-tile .sub{
  font-size: 12.5px;
  color: rgba(0,0,0,.60);
  line-height: 1.25;
}

#get-featured .bp02-impact{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content:center;
  margin-top: 12px;
}
#get-featured .bp02-impact .bp02-impact-chip{
  border-radius: 999px;
  padding: 8px 12px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.90);
  box-shadow: 0 12px 30px rgba(0,0,0,.05);
  font-size: 13px;
  color: rgba(0,0,0,.70);
  display:inline-flex;
  align-items:center;
  gap: 8px;
}
#get-featured .bp02-impact .bp02-impact-chip i{ color: rgba(30,136,255,.95); }

#get-featured .bp02-price-callout{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 38px rgba(0,0,0,.06);
  padding: 14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
#get-featured .bp02-price-left{
  display:flex;
  align-items:center;
  gap: 12px;
}
#get-featured .bp02-price-icon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(217,27,140,.10);
  border: 1px solid rgba(217,27,140,.10);
}
#get-featured .bp02-price-icon i{ color: rgba(217,27,140,.95); }
#get-featured .bp02-price-callout .label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing:.06em;
  color: rgba(0,0,0,.55);
  font-weight: 800;
}
#get-featured .bp02-price-callout .value{
  font-weight: 1000;
  font-size: 18px;
  line-height: 1.1;
  color: rgba(0,0,0,.86);
}
#get-featured .bp02-price-callout .unit{
  font-weight: 800;
  font-size: 13px;
  color: rgba(0,0,0,.55);
  margin-left: 6px;
}
#get-featured .bp02-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 900;
  border-radius: 999px;
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing:.06em;
}
#get-featured .bp02-chip-success{
  background: rgba(25,135,84,.10);
  border-color: rgba(25,135,84,.18);
  color: #198754;
}
#get-featured .bp02-chip-warning{
  background: rgba(255,193,7,.18);
  border-color: rgba(255,193,7,.22);
  color: rgba(0,0,0,.75);
}
#get-featured .bp02-pulse{ animation: bp02ChipPulse 1.35s ease-in-out infinite; }
@keyframes bp02ChipPulse{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.03); }
  100%{ transform:scale(1); }
}

#get-featured .bp02-how-steps .p-3{
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 28px rgba(0,0,0,.05);
}

#get-featured .bp02-card-header-lite{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

#get-featured #feature-card { scroll-margin-top: 90px; }
#get-featured #how-it-works { scroll-margin-top: 90px; }

#get-featured .bp02-arrival{
  animation: bp02Arrival 1.05s ease-out 1;
}
@keyframes bp02Arrival{
  0%{ transform: translateY(8px); box-shadow: 0 0 0 rgba(0,0,0,0); }
  60%{ transform: translateY(0); box-shadow: 0 26px 70px rgba(217,27,140,.12); }
  100%{ box-shadow: 0 14px 40px rgba(0,0,0,.08); }
}

#get-featured .bp02-cta-pop{
  animation: bp02CtaPop 1.05s ease-out 1;
}
@keyframes bp02CtaPop{
  0%{ transform: scale(.98); filter: brightness(1); }
  45%{ transform: scale(1.02); filter: brightness(1.02); }
  100%{ transform: scale(1); filter: brightness(1); }
}

#get-featured .bp02-cta-ring{
  position: relative;
  display: inline-block;
}
#get-featured .bp02-cta-ring:after{
  content:"";
  position:absolute;
  inset: -8px;
  border-radius: 999px;
  border: 2px solid rgba(217,27,140,.18);
  box-shadow: 0 0 0 0 rgba(217,27,140,.18);
  opacity: 0;
  pointer-events: none;
}
#get-featured .bp02-cta-ring.bp02-ring-animate:after{
  animation: bp02Ring 1.2s ease-out 1;
}

#get-featured .bp02-cta-ring,
#get-featured .bp02-cta-ring *{
  cursor: pointer;
}
@keyframes bp02Ring{
  0%{ opacity:.0; transform:scale(.96); box-shadow:0 0 0 0 rgba(217,27,140,.22); }
  20%{ opacity:.9; }
  65%{ opacity:.0; transform:scale(1.05); box-shadow:0 0 0 16px rgba(217,27,140,0); }
  100%{ opacity:0; }
}

@media (max-width: 575.98px){
  #get-featured .bp02-title{ font-size: 28px; }

  #get-featured .bp02-status-ribbon{
    flex-direction: column;
    align-items: stretch;
    text-align: left;
  }
  #get-featured .bp02-status-left{
    width: 100%;
    align-items: flex-start;
  }
  #get-featured .bp02-status-right{
    width: 100%;
    align-items: flex-start;
    white-space: normal;
    padding-top: 6px;
    border-top: 1px solid rgba(0,0,0,.06);
    margin-top: 6px;
  }

  #get-featured .bp02-hero-cta-row{
    flex-direction: column;
    align-items: stretch;
  }
  #get-featured .bp02-hero-cta-row .btn{
    width: 100%;
    justify-content: center;
  }
}

.icon-only-muted { opacity: .5; }

.icon-only-hide.d-none { display: none !important; }

.drag-td {
  width: 44px;
  padding: 0;
}
.drag-handle {
  cursor: grab;
  padding: 0.5rem 0;
  user-select: none;
}
.drag-handle:active {
  cursor: grabbing;
}
tr.sortable-chosen {
  opacity: 0.9;
}
tr.sortable-ghost {
  background: #f7f7f7;
}

.resource-type-badge {
background: #ffe6f6;
color: #BF2295;
font-weight: 700;
font-size: 0.75rem;
border-radius: 9999px;
padding: 0.25rem 0.6rem;
white-space: nowrap;
display: inline-block;
}
.resource-name {
font-weight: 800;
color: var(--bp-ink);
}

.link-row.has-hero {
  padding: 0 !important;
  overflow: hidden;
}

.link-row.has-hero .link-hero {
  display: block;
  width: 100%;
  background: #f3f4f6;
  aspect-ratio: 1.91 / 1;

  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}

.link-row.has-hero .link-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.link-row.has-hero .link-body {
  padding: .25rem 1.25rem .75rem 1.25rem;
}

@supports not (aspect-ratio: 1 / 1) {
  .link-row.has-hero .link-hero { position: relative; }
  .link-row.has-hero .link-hero::before {
    content: "";
    display: block;
    padding-top: 52.36%;
  }
  .link-row.has-hero .link-hero img {
    position: absolute; inset: 0;
    width: 100%; height: 100%; object-fit: cover;
  }
}

.link-image-preview .preview-aspect{
position: relative; background:#f3f4f6; border:1px solid rgba(0,0,0,.06);
border-radius:.5rem; overflow:hidden;
aspect-ratio: 1.91 / 1;
}
.link-image-preview .preview-aspect img{
position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
}
@supports not (aspect-ratio: 1 / 1) {
.link-image-preview .preview-aspect{ position:relative; }
.link-image-preview .preview-aspect::before{ content:""; display:block; padding-top:52.36%; }
.link-image-preview .preview-aspect img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
}
.upgrade-bonus-chip {
  display: inline-block;
  background: #ffe066;
  color: #5c3d00;
  padding: 8px 18px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.95rem;
  animation: bonusPulse 1.8s infinite;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

@keyframes bonusPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.06); }
  100% { transform: scale(1); }
}

.glow-premium {
  box-shadow:
    0 0 6px rgba(255,255,255,0.6),
    0 0 14px rgba(255,255,255,0.4);
  transition: all .25s ease;
}
.glow-premium:hover {
  box-shadow:
    0 0 10px rgba(255,255,255,0.85),
    0 0 20px rgba(255,255,255,0.55);
  transform: scale(1.04);
}

.preview-pill{
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem .7rem;
  border-radius: 9999px;
  background: rgba(42,33,64,.92);
  color: #fff;
  font-size: .85rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  backdrop-filter: saturate(130%) blur(6px);
}

.preview-pill .pill-exit{
  color: #FFD166;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 0px solid transparent;
}

.preview-pill .pill-exit:hover,
.preview-pill .pill-exit:focus{
  border-bottom-color: #FFD166;
  outline: none;
}

.preview-pill i{ opacity:.9; }

@media (max-width: 575.98px){
  .preview-pill{
    right: 10px;
    left: 10px;
    bottom: 10px;
    justify-content: center;
    font-size: .9rem;
    padding: .6rem .8rem;
  }
}

.wtf-cta{
  border:0;
  border-radius:16px;
  padding:.9rem 1rem;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.wtf-cta .cta-title{ font-weight:800; letter-spacing:-.2px; }
.wtf-cta .cta-sub{ opacity:.95; }

.wtf-cta-danger{
  color:#fff;
  background:linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
}
.wtf-cta-success{
  color:#155724;
  background:#e8f7ed;
  border:1px dashed rgba(30,126,52,.25);
}

.wtf-progress{
  width:100%;
  max-width:320px;
  background:rgba(255,255,255,.25);
  border-radius:9999px;
  overflow:hidden;
  height:10px;
  margin:.5rem 0 .35rem;
}
.wtf-progress > span{
  display:block; height:100%;
  background:#FFD166;
  transition:width .25s ease;
}

.wtf-cta a{ color:#fff; text-decoration:underline; }
.wtf-cta-success a{ color:#2A2140; }

.featured-vips-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  justify-items: center;
}

@media (min-width: 768px) {
  .featured-vips-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .featured-vips-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.featured-vips-grid .profile-tiles-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.profile-subgroup-header{
  border-top: 1px solid rgba(0,0,0,.03);
  padding-top: .65rem;
}
.profile-subgroup-title{
  text-transform: uppercase;
  font-size: .7rem;
  letter-spacing: .4px;
  color: #6c5b7a;
  font-weight: 700;
}
body:not(:has(#action_buttons_container)) .pinned-wrap {
  background: none !important;
}

.views-pill {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(90deg, var(--bp-purple), var(--bp-magenta));
  border-radius: 9999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.95rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  letter-spacing: .3px;
}
.views-pill span {
  opacity: 0.85;
  font-weight: 400;
  margin-left: 3px;
  text-transform: lowercase;
}
.views-pill i {
  font-size: .9rem;
  opacity: .9;
}

.bp-section-divider {
  position: relative;
  text-align: center;
}

.bp-section-divider::before,
.bp-section-divider::after {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  margin: 0.75rem auto;
  background: linear-gradient(90deg, rgba(255,102,196,0) 0%, rgba(255,102,196,.3) 50%, rgba(255,102,196,0) 100%);
  border-radius: 2px;
}

.bp-section-title {
  font-size: 1rem;
  font-weight: 700;
  color: #3b2c53;
  background: linear-gradient(90deg, rgba(255,102,196,.15) 0%, rgba(255,209,102,.15) 100%);
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 8px;
}

.bp-section-desc {
  font-size: 0.85rem;
  color: rgba(59, 44, 83, 0.65);
  margin-top: 0.25rem;
}

.profile-feature-icons i {
  font-size: 0.9rem;
  opacity: 0.85;
  transition: opacity .2s ease;
}
.profile-feature-icons i:hover {
  opacity: 1;
}

#earlySupporterModal .modal-hero{
  background: linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
  position: relative;
}

#earlySupporterModal .confetti{
  position:absolute; inset:0; pointer-events:none; opacity:.18;
  background-image:
    radial-gradient(#ffd166 4px, transparent 4px),
    radial-gradient(#ffffff 3px, transparent 3px),
    radial-gradient(#2c1f4a 3px, transparent 3px);
  background-size:120px 120px,180px 180px,160px 160px;
  background-position:0 0,40px 60px,80px 20px;
  animation: earlyFloaty 24s linear infinite;
}
@keyframes earlyFloaty { to { background-position:120px 120px,220px 260px,200px 180px; } }
@media (prefers-reduced-motion: reduce){
  #earlySupporterModal .confetti{ animation:none; }
}

#earlySupporterModal .badge-subtle{
  display:inline-flex; align-items:center; gap:.4rem;
  font-size:.85rem; font-weight:700;
  color:#2A2140; background:#FFD166; border-radius:9999px; padding:.2rem .5rem;
}

#earlySupporterModal .chip{
  display:inline-flex; align-items:center;
  background:#fff; color:var(--bp-ink);
  padding:.25rem .6rem; border-radius:9999px;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  font-weight:700; font-size:.85rem;
}

#earlySupporterModal .benefits-grid{
  display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); grid-gap:8px 14px;
}
@media (min-width: 576px){
  #earlySupporterModal .benefits-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
#earlySupporterModal .benefit{
  display:flex; align-items:center;
  background:#fff; border-radius:12px; padding:.45rem .6rem;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}
#earlySupporterModal .benefit i{
  width:18px; text-align:center; margin-right:.5rem; color: var(--bp-magenta);
}

#earlySupporterModal .btn-pill{ border-radius:9999px; }

.share-modal-bp__dialog{
  transform: translateY(-25%);
  top: 25%;
}
.share-modal-bp__content{
  border:0; border-radius:18px; box-shadow:0 24px 64px rgba(0,0,0,.22);
  overflow:hidden;
}
.share-modal-bp__close{
  margin:10px; z-index:2; position:absolute; right:0; top:0;
}
.share-modal-bp__body{ padding: 1.75rem 1.25rem 1.5rem; }
.share-modal-bp__title{
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight:800; letter-spacing:-.2px; color: var(--bp-ink);
}

.share-modal-bp__pill .input-group-text{
  background:#fff; border:1.5px solid rgba(191,34,149,.18); border-right:0;
  border-radius:9999px 0 0 9999px;
}
.share-modal-bp__pill .form-control{
  border:1.5px solid rgba(191,34,149,.18); border-left:0; border-right:0;
  border-radius:0; box-shadow:none;
}
.share-modal-bp__pill .share-modal-bp__copy{
  border-radius:0 9999px 9999px 0;
}
.share-modal-bp__pill .form-control,
.share-modal-bp__pill .input-group-text,
.share-modal-bp__pill .share-modal-bp__copy{
  height: 44px;
}
.share-modal-bp__pill{
  max-width: 520px; margin-left:auto; margin-right:auto;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.06));
}

.share-modal-bp__actions .btn{ margin:.25rem .25rem; }

.share-modal-bp__feedback{
  margin-top:.75rem; min-height:1.25rem; font-weight:700; font-size:.9rem;
}
.share-modal-bp__feedback.is-ok{
  color:#1e7e34;
}
.share-modal-bp__feedback.is-warn{
  color:#a35600;
}

.legend-bar{
  display:flex; justify-content:center; align-items:center;
  gap:10px; margin:6px auto 10px; flex-wrap:wrap;
}

.legend-chip{
  display:inline-flex; align-items:center; gap:.35rem;
  font-weight:700; font-size:.85rem; line-height:1;
  color:#6c5b7a;
  background: rgba(191,34,149,.08);
  border:1px solid rgba(191,34,149,.16);
  border-radius:9999px; padding:.35rem .6rem;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}

.legend-chip .fa{ font-size:.95rem; }
.legend-chip:focus{ outline:3px solid #FFD166; outline-offset:2px; }
@media (max-width:420px){ .legend-bar{ gap:6px; } }

.legend-chip-filter { display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .6rem; border-radius:999px; text-decoration:none; }
.legend-chip-filter--active { outline:2px solid currentColor; font-weight:700; }

.verify-alert{

  background: #f8d9ee;

  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--bp-magenta) 14%, white),
    color-mix(in srgb, var(--bp-pink) 18%, white)
  );

  border: 1px solid rgba(122, 31, 106, 0.20);
  padding: .6rem 1rem;
  line-height: 1.35;
  gap: .5rem;
  margin: 0;

  box-shadow: 0 6px 18px rgba(0,0,0,.06);

  color: #4a154b !important;
  font-size: .95rem;
}

.verify-alert,
.verify-alert *{
  color: #4a154b !important;
}

.verify-alert a{
  color: #7a1f6a !important;
  font-weight: 700;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  padding: .1rem .35rem;
  border-radius: 8px;
  background: rgba(122, 31, 106, 0.10);
}

.verify-alert svg,
.verify-alert i,
.verify-alert [class*="icon"]{
  color: #7a1f6a !important;
  fill: currentColor;
}

@media (max-width: 767px){
  .verify-alert{
    border-radius: 16px !important;
    flex-direction: column;
    text-align: center;
    padding: .85rem 1rem;
    margin: .5rem .75rem 0;
    max-width: none;
  }

  .verify-alert a{
    margin-top: .25rem;
    display: inline-block;
  }
}

.ai-chats-alert{

  background: #f8d7da;

  background: linear-gradient(
    160deg,
    color-mix(in srgb, #dc3545 14%, white),
    color-mix(in srgb, #dc3545 22%, white)
  );

  border: 1px solid rgba(220, 53, 69, 0.30);
  border-radius: 999px;
  padding: .6rem 1rem;
  line-height: 1.35;
  gap: .5rem;
  margin: 0;

  box-shadow: 0 6px 18px rgba(0,0,0,.06);

  color: #7a1f1f !important;
  font-size: .95rem;
}

.ai-chats-alert,
.ai-chats-alert *{
  color: #7a1f1f !important;
}

.ai-chats-alert a{
  color: #7a1f1f !important;
  font-weight: 700;
  text-decoration: underline !important;
  padding: .1rem .6rem;
  border-radius: 8px;
  background: rgba(220, 53, 69, 0.15);
  transition: background .15s ease;
}

.ai-chats-alert a:hover{
  background: rgba(220, 53, 69, 0.25);
}

.ai-chats-alert svg,
.ai-chats-alert i,
.ai-chats-alert [class*="icon"]{
  color: #7a1f1f !important;
  fill: currentColor;
}

@media (max-width: 767px){
  .ai-chats-alert{
    border-radius: 16px !important;
    flex-direction: column;
    text-align: center;
    padding: .85rem 1rem;
    margin: .5rem .75rem 0;
    max-width: none;
  }

  .ai-chats-alert a{
    margin-top: .25rem;
    display: inline-block;
  }
}

.feature-chip {
  padding: 2px 8px;
  background: rgba(255,255,255,0.35);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 700;
  margin-left: 6px;
}
img.emoji {
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.2em;
}

.rank-card.rank-card--row {
display: flex !important;
flex-direction: row !important;
align-items: flex-middle;
gap: 12px;
padding: 12px 14px;
border-radius: 12px;
background: #fff;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
text-align: left;
}
.rank-card--row .icon-wrap {
flex: 0 0 40px;
width: 40px; height: 40px;
border-radius: 8px;
display: flex; align-items: center; justify-content: center;
margin: 0;
}
.rank-card--row .icon-wrap i { line-height: 1; }
.rank-card--row .rank-content { min-width: 0; }
@media (max-width: 576px){
.rank-card--row { padding: 10px 12px; gap: 10px; }
.rank-card--row .icon-wrap { flex-basis: 36px; width: 36px; height: 36px; }
}

.profile-notification-btn {
position: relative;
}
.profile-notification-corner-badge {
position: absolute;
top: 10px;
right: 10px;
transform: translate(50%, -50%);
min-width: 18px;
height: 18px;
padding: 0 6px;
border-radius: 999px;
background: #ffc107;
color: #000;
font-size: 11px;
font-weight: 600;
line-height: 18px;
text-align: center;
box-shadow: 0 0 0 2px #fff;
}

.bp-daily-pill{
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 10060;
  width: min(360px, calc(100vw - 28px));
  border-radius: 9999px;
  background: rgba(42,33,64,.92);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  backdrop-filter: saturate(130%) blur(6px);
  overflow: visible;
}

.bp-pill-toggle{
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  padding: .55rem .7rem;
  border-radius: 9999px;
  cursor:pointer;
}
.bp-pill-left{ display:flex; align-items:center; gap:.5rem; min-width:0; }
.bp-pill-title{ font-weight:800; letter-spacing:.1px; white-space:nowrap; }
.bp-pill-toggle i{ opacity:.92; }

.bp-pill-right{ display:flex; align-items:center; gap:.45rem; flex:0 0 auto; }
.bp-pill-count{
  font-weight:900;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  padding: .18rem .5rem;
  border-radius: 9999px;
}
.bp-pill-chev{ transition: transform .18s ease; }

.bp-pill-panel{
  margin-top: 6px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: .75rem .75rem .65rem;
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
}

.bp-pill-row{ margin-bottom:.6rem; }
.bp-pill-row:last-child{ margin-bottom:0; }

.bp-pill-explain{
  font-size:.88rem;
  color: rgba(255,255,255,.92);
  line-height: 1.25;
}
.bp-pill-premium-link{
  display:inline-flex;
  align-items:center;
  color:var(--bp-cream, #FFD166);
  font-weight:900;
  text-decoration:none;
  border-radius:9999px;
  padding:0 .28rem;
  background:rgba(255,209,102,.14);
}
.bp-pill-premium-link:hover{
  color:#fff;
  text-decoration:none;
  background:rgba(255,255,255,.12);
}

.bp-toast{
  margin-bottom: .6rem;
  padding: .5rem .6rem;
  border-radius: 14px;
  font-weight: 900;
  font-size: .86rem;
  color: var(--bp-ink);
  background: linear-gradient(160deg, rgba(255,209,102,.95), rgba(255,255,255,.85));
  box-shadow: 0 12px 22px rgba(0,0,0,.18);
  transform: translateY(-6px);
  opacity: 0;
  animation: bpToastIn 520ms ease-out forwards;
}
@keyframes bpToastIn{ to{ transform: translateY(0); opacity: 1; } }

.bp-progress{
  height: 10px;
  border-radius: 9999px;
  overflow: hidden;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.bp-progress-bar{
  height: 100%;
  width: 0%;
  border-radius: 9999px;
  background: linear-gradient(160deg, #ff62cf, var(--bp-pink), var(--bp-magenta));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 6px 14px rgba(217,27,140,.22);
  transition: width .35s ease;
  will-change: width;
}

.bp-progress-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:.35rem;
  font-size:.82rem;
}
.bp-muted{ color: rgba(255,255,255,.78); }
.bp-reward{ color: var(--bp-cream); font-weight: 900; }

.bp-pill-actions{ display:flex; justify-content:space-between; align-items:center; }
.bp-pill-learn{
  color: rgba(255,255,255,.90);
  text-decoration:none;
  font-weight:800;
  font-size:.82rem;
}
.bp-pill-learn:hover{ text-decoration:underline; }
.bp-pill-hide{
  border:0;
  background: rgba(255,255,255,.10);
  color:#fff;
  font-weight:900;
  font-size:.82rem;
  padding: .28rem .6rem;
  border-radius: 9999px;
  cursor:pointer;
}
.bp-pill-hide:hover{ filter: brightness(1.05); }

.bp-pill-toggle:focus-visible,
.bp-pill-hide:focus-visible,
.bp-pill-learn:focus-visible{
  outline: 3px solid var(--bp-cream);
  outline-offset: 2px;
  border-radius: 9999px;
}

.bp-daily-pill.is-open{ border-radius: 18px; }
.bp-daily-pill.is-open .bp-pill-toggle{ border-radius: 18px; }
.bp-daily-pill.is-open .bp-pill-chev{ transform: rotate(180deg); }

.bp-daily-pill.is-complete{ animation: bpPulse 700ms ease-out 1; }
@keyframes bpPulse{
  0%{ transform: translateY(0) scale(1); }
  40%{ transform: translateY(-1px) scale(1.01); }
  100%{ transform: translateY(0) scale(1); }
}

.bp-coins{ position:absolute; inset:0; pointer-events:none; overflow: visible; }
.bp-coin{
  position:absolute;
  left: var(--x, 50%);
  bottom: 16px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff6c9 0%, var(--bp-cream) 40%, #f0b400 100%);
  box-shadow: 0 10px 18px rgba(0,0,0,.25);
  transform: translate(-50%, 0) scale(var(--s, 1));
  animation: bpCoinFly 900ms ease-out forwards;
  opacity: 0.98;
}
.bp-coin:after{
  content:"";
  position:absolute; inset: 3px;
  border-radius: 50%;
  border: 1px solid rgba(42,33,64,.22);
  opacity:.65;
}
@keyframes bpCoinFly{
  0%{ transform: translate(-50%, 0) scale(var(--s, 1)); opacity: 0; }
  10%{ opacity: 1; }
  100%{
    transform: translate(calc(-50% + var(--dx, 0px)), calc(-1 * var(--dy, 160px))) rotate(var(--r, 120deg)) scale(calc(var(--s, 1) * .85));
    opacity: 0;
  }
}

@media (max-width: 575.98px){
  .bp-daily-pill{ left:10px; right:10px; bottom:10px; width:auto; }
  .bp-pill-title{ max-width: 55vw; overflow:hidden; text-overflow:ellipsis; }
}

.bp-referral-banner{
  border-radius: 16px;
  background: #fff7e6;
  border: 2px solid #f7c64a;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  padding: 12px;
  margin-bottom: 14px;
}

.bp-referral-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.bp-referral-left{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.bp-referral-icon{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #ffe7b3;
  color: #b87300;
  font-size: 18px;
  flex: 0 0 auto;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.7);
}

.bp-referral-copy{ min-width:0; }

.bp-referral-title{
  font-weight: 800;
  color: #1f2937;
  line-height: 1.15;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bp-referral-strong{ font-weight: 900; }
.bp-referral-accent{ color: #c77a00; letter-spacing: .02em; }

.bp-referral-subrow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-top: 4px;
  min-width: 0;
}

.bp-referral-sub{
  font-size:.9rem;
  opacity:.85;
  margin-top:.15rem;
  margin-bottom:.35rem;
}

.bp-referral-how{
  font-size: .9rem;
  font-weight: 800;
  color: #5b2a86;
  text-decoration: none;
  white-space: nowrap;
}
.bp-referral-how:hover{ text-decoration: underline; }

.bp-referral-bar{
  height: 10px;
  border-radius: 9999px;
  background: rgba(0,0,0,.12);
  overflow: hidden;
  margin-top: 8px;
}
.bp-referral-fill{
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #ffcc4d, #ffb000);
  box-shadow: 0 6px 16px rgba(255,176,0,.25);
  width: 0%;
  transition: width .35s ease;
}

.bp-referral-right{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
}

.bp-referral-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 9999px;
  background: linear-gradient(180deg, #6d28d9, #4c1d95);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  font-size: .95rem;
  white-space: nowrap;
  box-shadow: 0 12px 22px rgba(0,0,0,.18);
}
.bp-referral-btn:hover{
background:linear-gradient(180deg, #6638ae, #624099);
color:#fff;
text-decoration:none;
}

.bp-referral-banner.is-claimable .bp-referral-fill{
  background: linear-gradient(90deg, #22c55e, #16a34a);
}
.bp-referral-btn--success{
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #fff !important;
}
.bp-referral-btn--success:hover{
  filter: brightness(1.03);
}

@media (max-width: 575.98px){
  .bp-referral-inner{
    flex-direction: column;
    align-items: stretch;
  }
  .bp-referral-right form{
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .bp-referral-right{
    justify-content: flex-end;
  }
  .bp-referral-btn{
    width: 100%;
    padding: 11px 14px;
  }
  .bp-referral-title{
    white-space: normal;
  }
  .bp-referral-subrow{
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.bp-premium-feature-banner{
  border-radius:16px;
  background:linear-gradient(135deg,#fff7fc 0%,#fffaf0 100%);
  border:2px solid #f2c55d;
  box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
  padding:12px 14px;
  margin-bottom:14px;
}

.bp-premium-feature-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:nowrap;
}

.bp-premium-feature-left{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}

.bp-premium-feature-icon{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffe7b3;
  color:#b87300;
  font-size:18px;
  flex:0 0 auto;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.7);
}

.bp-premium-feature-copy{
  min-width:0;
}

.bp-premium-feature-title{
  font-weight:800;
  color:#1f2937;
  line-height:1.15;
  font-size:1rem;
  white-space:normal;
  margin:0;
}

.bp-premium-feature-accent{
  color:#c77a00;
  letter-spacing:.02em;
  font-weight:900;
}

.bp-premium-feature-sub{
  font-size:.9rem;
  opacity:.85;
  margin-top:.15rem;
  margin-bottom:.35rem;
  color:#5b6472;
  line-height:1.45;
}

.bp-premium-feature-right{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}

.bp-premium-feature-right form{
  margin:0;
}

.bp-premium-feature-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  min-height:auto;
  border-radius:9999px;
  background:linear-gradient(180deg,#6d28d9,#4c1d95);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900;
  font-size:.95rem;
  white-space:nowrap;
  box-shadow:0 12px 22px rgba(0,0,0,.18);
  border:none;
}

.bp-premium-feature-btn:hover{
  background:linear-gradient(180deg,#6638ae,#624099);
  color:#fff !important;
  text-decoration:none !important;
}

.bp-premium-feature-banner.is-claimable{
  background:linear-gradient(135deg,#f3fff7 0%,#ffffff 100%);
  border-color:#22c55e;
}

.bp-premium-feature-banner.is-claimable .bp-premium-feature-icon{
  background:#dcfce7;
  color:#15803d;
}

.bp-premium-feature-btn--success{
  background:#16a34a !important;
  border-color:#16a34a !important;
  color:#fff !important;
}

.bp-premium-feature-btn--success:hover{
  filter:brightness(1.03);
}

@media (max-width: 575.98px){
  .bp-premium-feature-inner{
    flex-direction:column;
    align-items:stretch;
  }
  .bp-premium-feature-right form{
    width:100%;
    display:flex;
    justify-content:center;
  }
  .bp-premium-feature-right{
    justify-content:flex-end;
  }
  .bp-premium-feature-btn{
    width:100%;
    padding:11px 14px;
  }
  .bp-premium-feature-title{
    white-space:normal;
  }
}

.bp-premium-ctas{
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  gap: 10px;
}

.bp-cta-form{ margin: 0; }

.bp-cta{
  width: 100%;
  border-radius: 9999px;
  padding: 14px 16px;
  line-height: 1.1;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
  position: relative;
  text-align: center;
}

.bp-cta:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.bp-cta:active{ transform: translateY(0); filter: brightness(.98); }

.bp-cta-text{
  display: inline-block;
  width: 100%;
  text-align: center;
}

.bp-cta-sub{
  font-weight: 800;
  opacity: .95;
  white-space: nowrap;
}

.bp-cta-or{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  opacity: .9;
}
.bp-cta-or:before,
.bp-cta-or:after{
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: rgba(255,255,255,.35);
}
.bp-cta-or span{
  font-weight: 900;
  font-size: .8rem;
  letter-spacing: .12em;
  padding: 2px 10px;
  border-radius: 9999px;
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.14);
}

.bp-cta--lifetime{
  padding-left: 120px;
  border: 0;
  color: #1b1030;
  background: linear-gradient(90deg, #ffe7a6 0%, #ffc94a 55%, #ffb300 100%);
  box-shadow: 0 16px 34px rgba(0,0,0,.22), 0 0 0 2px rgba(255,255,255,.18) inset;
}
.bp-cta--lifetime:hover{
  box-shadow: 0 18px 40px rgba(0,0,0,.26), 0 0 18px rgba(255,201,74,.22);
}

.bp-cta--monthly{
  background: rgba(255,255,255,.10);
  color: #fff;
  border: 2px solid rgba(255,255,255,.40);
  box-shadow: 0 12px 26px rgba(0,0,0,.16), 0 0 0 1px rgba(255,255,255,.08) inset;
}
.bp-cta--monthly:hover{
  border-color: rgba(255,255,255,.60);
}

.bp-cta-badge{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(27,16,48,.10);
  border: 1px solid rgba(27,16,48,.14);
  border-radius: 9999px;
  padding: 6px 10px;
  font-size: .72rem;
  font-weight: 900;
  white-space: nowrap;
}

.bp-cta-footnote{
  font-size: .86rem;
  opacity: .9;
  text-align: center;
}

.bp-cta-timer{
margin-top: 8px;
text-align: center;
font-weight: 900;
font-size: .85rem;
opacity: .95;
}

.bp-cta-timer-label{
margin-right: 8px;
opacity: .9;
}

.bp-cta-timer-time{
font-variant-numeric: tabular-nums;
}

.bp-bonus-chip-tight{
  margin-bottom: 6px;
}

.bp-bonus-bridge{
  display:flex;
  justify-content:center;
  align-items:center;
  height: 10px;
  margin-bottom: 2px;
}
.bp-bonus-dot{
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  opacity: .55;
}

@media (max-width: 575.98px){
  .bp-cta{ padding: 13px 14px; }
  .bp-cta-badge{
    position: static;
    transform: none;
    margin-right: 8px;
  }
}

.featured-epic{
  position:relative;
  overflow:hidden;
  padding: 3rem 0 2.25rem;
  background:
    radial-gradient(60% 90% at 15% 10%, rgba(255,98,207,.25) 0%, rgba(217,27,140,.22) 35%, rgba(191,34,149,.15) 65%, rgba(64,38,110,.10) 100%),
    linear-gradient(160deg, rgba(191,34,149,.18), rgba(217,27,140,.10));
}
.featured-epic .confetti{
  position:absolute; inset:-40px; pointer-events:none; opacity:.22;
  background-image:
    radial-gradient(var(--bp-cream) 4px, transparent 4px),
    radial-gradient(#ffffff 3px, transparent 3px),
    radial-gradient(#2c1f4a 3px, transparent 3px);
  background-size: 120px 120px, 180px 180px, 160px 160px;
  background-position: 0 0, 40px 60px, 80px 20px;
  animation: featuredFloaty 24s linear infinite;
}
@keyframes featuredFloaty { to { background-position: 120px 120px, 220px 260px, 200px 180px; } }

.featured-hero{
  position:relative;
  border-radius: 26px;
  padding: 1.35rem 1.25rem;
  margin-bottom: 1.25rem;
  background: linear-gradient(160deg, rgba(191,34,149,.92), rgba(217,27,140,.92));
  color:#fff;
  box-shadow: 0 22px 70px rgba(0,0,0,.18);
}
.featured-hero h2{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -.4px;
  margin: 0;
}
.featured-hero p{ margin: .25rem 0 0; opacity:.9; }
.featured-hero .hero-actions{
  margin-top: .9rem;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  align-items:center;
}
.fh-btn-pill{ border-radius:9999px; padding:.85rem 1.4rem; font-weight:800; border:0; }
.fh-btn-cream{ background:var(--bp-cream); color:var(--bp-ink); }
.fh-btn-cream:hover{ filter:brightness(.96); color:var(--bp-ink); }
.fh-btn-outline-light-pill{
  border-radius:9999px; border:2px solid rgba(255,255,255,.92);
  color:#fff; padding:.65rem 1.2rem; font-weight:800; background:transparent;
}
.fh-btn-outline-light-pill:hover{ color:var(--bp-ink); background:#fff; }

.featured-strip-wrap{ position:relative; }
.featured-arrow{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px; height: 42px;
  border-radius: 9999px;
  border:0;
  background: rgba(0,0,0,.55);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.featured-arrow:hover{ background: rgba(0,0,0,.7); }
.featured-prev{ left:-8px; }
.featured-next{ right:-8px; }
@media (max-width: 991px){
  .featured-prev{ left: 6px; }
  .featured-next{ right: 6px; }
}

.featured-strip-wrap.can-scroll .featured-arrow{
  opacity: 1;
  pointer-events: auto;
}
.featured-strip-wrap.can-scroll .featured-prev{ transform: translateY(-50%) scale(1); }
.featured-strip-wrap.can-scroll .featured-next{ transform: translateY(-50%) scale(1); }

.featured-strip{
  display:flex;
  gap: 14px;
  overflow-x:auto;
  padding: 12px 52px;
  scroll-behavior:smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.featured-strip::-webkit-scrollbar{ height: 10px; }
.featured-strip::-webkit-scrollbar-thumb{
  background: rgba(64,38,110,.22);
  border-radius: 9999px;
}

.featured-card{
  scroll-snap-align: start;
  flex: 0 0 auto;
  width: 300px;
  max-width: 300px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 46px rgba(0,0,0,.12);
  overflow:hidden;
  position:relative;
  transition: transform .16s ease, box-shadow .16s ease;
}
.featured-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 26px 68px rgba(0,0,0,.18);
}

.featured-card.is-spotlight{
  outline: 2px solid rgba(255,209,102,.65);
  box-shadow: 0 22px 60px rgba(0,0,0,.16);
}

.featured-top{
  padding: 12px 14px 10px;
  background: linear-gradient(160deg, rgba(191,34,149,.10), rgba(217,27,140,.06));
  border-bottom: 1px solid rgba(0,0,0,.04);
}

.featured-badges{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 8px;
}
.featured-badges .left, .featured-badges .right{
  display:flex;
  flex-wrap:wrap;
  gap: 6px;
  align-items:center;
}
.fs-chip{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.72rem; font-weight:900;
  border-radius:9999px;
  padding: .22rem .55rem;
  letter-spacing:.25px;
  white-space:nowrap;
}
.fs-chip-vip{ color:#fff; background: linear-gradient(135deg, #ff62cf, #bf2295); }
.fs-chip-premium{ color:#2A2140; background: rgba(255,209,102,.95); }
.fs-chip-online{ color:#1e7e34; background: rgba(234,248,239,.95); }
.fs-chip-assist{ color:#2A2140; background: rgba(255,209,102,.95); }

.featured-body{
  padding: 14px 16px 16px;
  text-align:center;
}
.featured-body .tile-wrap{ display:flex; justify-content:center; }

.featured-bio{
  margin: 10px auto 0;
  color: #4b3f63;
  font-size: .92rem;
  line-height: 1.25;
  max-width: 260px;
  min-height: 2.4em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.featured-cta-row{
  margin-top: 12px;
  display:flex;
  gap: 8px;
  justify-content:center;
}
.featured-cta-row .btn{
  border-radius:9999px;
  font-weight:900;
  padding: .55rem .85rem;
}
.btn-outline-primary{
  border:2px solid rgba(217,27,140,.25);
  color: var(--bp-pink);
  background: #fff;
}
.btn-outline-primary:hover{
  background: rgba(217,27,140,.08);
  color: #A9156E;
}

.featured-bottom-cta{
  margin-top: 1.25rem;
  padding-top: 1.15rem;
  border-top: 1px dashed rgba(0,0,0,.12);
  text-align:center;
}
.featured-bottom-cta .small-note{ color: rgba(42,33,64,.75); }

.fs-card-cta{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.fs-btn-featured{
  width: 100%;
  border: 0;
  border-radius: 9999px;
  padding: .65rem 1rem;
  font-weight: 900;
  color: #2A2140;
  background: linear-gradient(135deg, #FFD166, #FFB703);
  box-shadow: 0 12px 26px rgba(0,0,0,.12);
  text-align: center;
}
.fs-btn-featured:hover{
  color: #2A2140;
  filter: brightness(.97);
  transform: translateY(-1px);
}

.fs-btn-outline{
  width: 100%;
  border-radius: 9999px;
  border: 2px solid rgba(217,27,140,.25);
  color: #D91B8C;
  background: #fff;
  font-weight: 800;
  padding: .55rem 1rem;
  text-align: center;
}
.fs-btn-outline:hover{
  background: rgba(217,27,140,.08);
  color: #A9156E;
}
.locked-legend-bar{
display:flex;
gap:.75rem;
justify-content:center;
flex-wrap:wrap;
margin-top:.25rem;
margin-bottom:.5rem;
}
.locked-legend-chip{
display:inline-flex;
align-items:center;
gap:.45rem;
padding:.32rem .7rem;
border-radius:9999px;
background:rgba(191,34,149,.08);
color:var(--bp-ink);
font-weight:700;
font-size:.92rem;
border:1px solid rgba(191,34,149,.12);
}

.locked-card{
position:relative;
overflow:hidden;
border-radius:20px;
}

.locked-card::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.18;
background-image:
  radial-gradient(var(--bp-cream) 3px, transparent 3px),
  radial-gradient(#ffffff 2px, transparent 2px),
  radial-gradient(#2c1f4a 2px, transparent 2px);
background-size: 120px 120px, 180px 180px, 160px 160px;
background-position: 0 0, 40px 60px, 80px 20px;
z-index:1;
}

.locked-card .locked-blur{
filter: blur(9px);
-webkit-filter: blur(9px);
transform: scale(1.02);
pointer-events:none;
user-select:none;
}

.locked-card .locked-overlay{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
z-index:5;
padding:18px;
background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.78));
backdrop-filter: saturate(140%) blur(4px);
}

.locked-overlay-inner{
width:100%;
max-width:420px;
border-radius:20px;
padding:16px 16px 14px;
background: rgba(255,255,255,.92);
border:1px solid rgba(191,34,149,.14);
box-shadow: 0 18px 48px rgba(0,0,0,.14);
text-align:center;
}

.bp-locked-gradient-pill{
display:inline-flex;
align-items:center;
gap:.55rem;
padding:.82rem 1.15rem;
border-radius:9999px;
font-weight:800;
letter-spacing:.2px;
color:#fff;
text-decoration:none;
background: linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
box-shadow: 0 10px 24px rgba(217,27,140,.28);
border:0;
}
.bp-locked-gradient-pill:hover{
color:#fff;
filter: brightness(.98);
transform: translateY(-1px);
text-decoration:none;
}

.locked-subtext{
margin-top:.55rem;
font-size:.95rem;
color:rgba(42,33,64,.82);
font-weight:700;
}

.locked-perks{
margin-top:.75rem;
display:flex;
flex-wrap:wrap;
gap:.5rem;
justify-content:center;
}
.locked-perk{
display:inline-flex;
align-items:center;
gap:.35rem;
border-radius:9999px;
padding:.22rem .55rem;
font-size:.82rem;
font-weight:800;
background: rgba(255,209,102,.38);
color: var(--bp-ink);
border:1px solid rgba(255,209,102,.55);
}

.locked-ribbon{
position:absolute;
top:14px;
right:14px;
z-index:6;
background: rgba(255,255,255,.9);
border:1px solid rgba(191,34,149,.16);
border-radius:999px;
padding:.25rem .55rem;
font-weight:800;
font-size:.78rem;
color: rgba(42,33,64,.85);
box-shadow: 0 10px 18px rgba(0,0,0,.08);
}

.hs-spotlight-card{
  background:#fff;
  border-radius:20px;
  box-shadow:
    0 6px 18px rgba(64,38,110,.12),
    0 2px 6px rgba(64,38,110,.08);
  padding:18px;
  border:1px dashed rgba(217,27,140,.22);
}

.hs-spotlight-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.hs-spotlight-title{
  display:flex;
  align-items:center;
  gap:.55rem;
  font-weight:800;
  color:var(--bp-ink);
  letter-spacing:-.2px;
}

.hs-spotlight-sub{
  color:#5a4e73;
  opacity:.92;
  margin:0;
}

.hs-spotlight-chip{
  background:#f4e6f1;
  color:#441a63;
  font-weight:800;
  font-size:.78rem;
  padding:.25rem .55rem;
  border-radius:9999px;
  white-space:nowrap;
}

.hs-spotlight-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:12px;
  align-items:center;
}

.hs-spotlight-actions .btn-pill{
  border-radius:9999px;
  padding:.65rem 1.1rem;
  font-weight:800;
}

.hs-spotlight-note{
  margin-top:10px;
  font-size:.86rem;
  color:#6c5b7a;
}

.hs-spotlight-divider{
  height:1px;
  background:linear-gradient(90deg, rgba(191,34,149,.25), rgba(217,27,140,.20), rgba(64,38,110,.12));
  border-radius:9999px;
  margin:12px 0;
}

.hs-spotlight-active{
  background: radial-gradient(120% 120% at 10% 10%, rgba(255,98,207,.14) 0%, rgba(217,27,140,.07) 40%, rgba(64,38,110,.03) 100%), #fff;
  border-radius:20px;
  box-shadow:
    0 6px 18px rgba(64,38,110,.12),
    0 2px 6px rgba(64,38,110,.08);
  padding:14px 14px 12px;
  border:1px dashed rgba(217,27,140,.22);
  overflow:hidden;
}

.hs-sa-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.hs-sa-title{
  display:flex;
  align-items:center;
  gap:.55rem;
  font-weight:900;
  color:var(--bp-ink);
  letter-spacing:-.2px;
}

.hs-sa-mini{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.hs-sa-chip{
  background:#f4e6f1;
  color:#441a63;
  font-weight:900;
  font-size:.74rem;
  padding:.22rem .52rem;
  border-radius:9999px;
  white-space:nowrap;
}

.hs-sa-hero{
  display:flex;
  gap:12px;
  align-items:center;
}

.hs-sa-avatar{
  position:relative;
  width:68px;
  height:68px;
  border-radius:9999px;
  padding:4px;
  background: radial-gradient(110% 110% at 30% 20%, #ffb3e6 0%, #d91b8c 50%, #bf2295 100%);
  box-shadow:0 10px 22px rgba(0,0,0,.12);
  flex:0 0 auto;
}

.hs-sa-avatar img{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
  display:block;
  box-shadow: inset 0 0 0 5px #fff;
}

.hs-sa-online{
  position:absolute;
  right:3px;
  bottom:3px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#27ae60;
  box-shadow:0 0 0 2px #fff;
}

.hs-sa-user{
  min-width:0;
  flex:1 1 auto;
}

.hs-sa-userline{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
}

.hs-sa-name{
  font-weight:950;
  color:var(--bp-ink);
  letter-spacing:-.2px;
  font-size:1.05rem;
  line-height:1.1;
}

.hs-sa-sub{
  color:#6c5b7a;
  font-size:.86rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:520px;
  margin-top:2px;
}

.hs-sa-cta{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.55rem;
}

.hs-sa-btn{
  border-radius:9999px;
  padding:.58rem 1rem;
  font-weight:900;
}

.hs-sa-btn-outline{
  border-radius:9999px;
  padding:.58rem .95rem;
  font-weight:900;
  border:2px solid rgba(191,34,149,.25);
  color:var(--bp-ink);
  background:#fff;
}

.hs-sa-btn-outline:hover{
  background:rgba(217,27,140,.06);
  text-decoration:none;
}

.hs-sa-foot{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  color:#6c5b7a;
  font-size:.86rem;
}
.hs-sa-foot b{ color:var(--bp-ink); }

@media (max-width: 575px){
  .hs-sa-hero{ flex-wrap:wrap; }
  .hs-sa-cta{ width:100%; justify-content:flex-start; }
  .hs-sa-sub{ max-width:100%; }
}

.hs-sa-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.hs-sa-usergroup{
  display:flex;
  align-items:center;
  gap:12px;
  flex:1 1 auto;
  min-width:0;
  flex-wrap:nowrap;
}

.hs-sa-avatarwrap{
  flex:0 0 auto;
}

.hs-sa-user{
  min-width:0;
}

@media (max-width: 575px){

  .hs-sa-cta{
    width:100%;
    justify-content:center;
    margin-top:10px;
  }

  .hs-sa-sub{
    max-width:100%;
    white-space:normal;
  }
}

.hs-item{
  display:grid;
  grid-template-columns: 86px 1fr 160px 190px;
  gap: 12px;
  align-items:center;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.hs-item:last-child{
  border-bottom: 0;
}

.hs-col-badge{
  display:flex;
  justify-content:flex-start;
}

.hs-col-main{
  min-width:0;
}

.hs-col-main a{
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hs-col-bid{
  text-align:left;
}

.hs-col-bid .label{
  font-size: 12px;
  color: rgba(0,0,0,.55);
  line-height:1.1;
}

.hs-col-bid .value{
  font-weight: 700;
}

.hs-col-action{
  display:flex;
  justify-content:flex-end;
  white-space:nowrap;
}

@media (max-width: 575px){
  .hs-item{
    grid-template-columns: 86px 1fr;
    grid-template-areas:
      "badge main"
      "badge bid"
      "badge action";
    align-items:start;
  }
  .hs-col-badge{ grid-area: badge; }
  .hs-col-main{ grid-area: main; }
  .hs-col-bid{ grid-area: bid; }
  .hs-col-action{
    grid-area: action;
    justify-content:flex-start;
  }
}

.hs-topbar-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}

.hs-topbar-btn{
  display:inline-flex;
  align-items:center;
}

.hs-topbar-btn-2{
  margin-left:.5rem;
}

@media (max-width: 575px){
  .hs-topbar-actions{
    width:100%;
    flex-direction:column;
    align-items:center;
  }

  .hs-topbar-btn{
    width:100%;
    max-width:320px;
    justify-content:center;
  }

  .hs-topbar-btn-2{
    margin-left:0;
    margin-top:.5rem;
  }

  .hs-topbar-help{
    width:100%;
    text-align:center;
  }
}

.nav-hashtag-cloud{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
}

.nav-hashtag-chip{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 8px 12px;
border-radius: 999px;
text-decoration:none !important;
border: 1px solid rgba(0,0,0,.08);
background: rgba(255,255,255,.65);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
font-weight: 800;
line-height: 1;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.nav-hashtag-chip:hover{
transform: translateY(-1px);
box-shadow: 0 10px 28px rgba(0,0,0,.10);
border-color: rgba(0,0,0,.14);
}

.nav-hashtag-chip small{
font-weight:700;
opacity:.75;
margin-left:6px;
}

.nav-hashtag-chip.is-lg{ font-size: 15px; padding: 9px 14px; }
.nav-hashtag-chip.is-md{ font-size: 14px; }
.nav-hashtag-chip.is-sm{ font-size: 13px; padding: 7px 11px; opacity:.92; }

@media (max-width: 420px){
.nav-hashtag-cloud{ gap:8px; }
.nav-hashtag-chip{ padding: 7px 10px; }
}

.view-time-chip{
position:absolute;
top:14px;
right:14px;
z-index:3;
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border-radius:999px;
font-size:.85rem;
font-weight:800;
background:rgba(255,255,255,.88);
backdrop-filter: blur(10px);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 10px 28px rgba(0,0,0,.08);
color:rgba(0,0,0,.72);
user-select:none;
}
.locked-card .view-time-chip{
background:rgba(255,255,255,.60);
}
.view-time-chip i{ opacity:.85; }

.view-time-pulse{ animation: bpPulse 1.4s ease-in-out infinite; }
@keyframes bpPulse{
0%,100%{ transform:translateY(0); }
50%{ transform:translateY(-1px); }
}

.bp-ai-chat{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 2147483000;
  font-family: inherit;
  transition: opacity .22s ease, transform .22s ease;
}
.bp-ai-chat.bp-ai-has-preview-pill{
  bottom: calc(16px + var(--bp-ai-preview-bump, 72px));
}
.bp-ai-fab{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 14px;
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, rgba(217,27,140,1), rgba(140,22,255,1));
  box-shadow: 0 10px 28px rgba(0,0,0,.20);
  max-width: 320px;
}
.bp-ai-fab:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(217,27,140,.25), 0 10px 28px rgba(0,0,0,.20);
}
.bp-ai-fab-icon{
  width: 38px;
  height: 38px;
  border-radius: 9999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.18);
}
.bp-ai-fab-text{ text-align:left; line-height: 1.15; }
.bp-ai-fab-title{ font-weight: 800; font-size: 14px; display:block; }
.bp-ai-fab-sub{ font-size: 12px; opacity: .9; display:block; margin-top: 2px; }
.bp-ai-fab-chev{
  margin-left: auto;
  opacity: .9;
  transition: transform .18s ease;
}
.bp-ai-panel{
  width: 360px;
  max-width: calc(100vw - 24px);
  margin-top: 10px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
}
@media (max-width: 420px){
  .bp-ai-panel{ width: calc(100vw - 24px); }
}
.bp-ai-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 12px;
  background: linear-gradient(135deg, rgba(217,27,140,.10), rgba(140,22,255,.08));
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.bp-ai-head-left{ display:flex; align-items:center; gap:10px; }
.bp-ai-avatar{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(217,27,140,.12);
  color: rgba(217,27,140,1);
}
.bp-ai-head-title{ font-weight: 800; font-size: 14px; }
.bp-ai-head-sub{ font-size: 12px; color: rgba(0,0,0,.55); margin-top: 1px; }
.bp-ai-head-actions{ display:flex; gap:6px; }
.bp-ai-iconbtn{
  border: 0;
  background: rgba(0,0,0,.05);
  width: 34px;
  height: 34px;
  border-radius: 10px;
  cursor:pointer;
  color: rgba(0,0,0,.60);
}
.bp-ai-iconbtn:hover{ background: rgba(0,0,0,.08); }

.bp-ai-body{
  padding: 12px;
  height: 280px;
  overflow-y: auto;
  background: #fff;
}
.bp-ai-msg{ display:flex; margin: 8px 0; }
.bp-ai-msg--bot{ justify-content:flex-start; }
.bp-ai-msg--me{ justify-content:flex-end; }
.bp-ai-bubble{
  max-width: 82%;
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.35;
  border: 1px solid rgba(0,0,0,.06);
  white-space: pre-wrap;
}
.bp-ai-msg--bot .bp-ai-bubble{ background: rgba(0,0,0,.03); }
.bp-ai-msg--me .bp-ai-bubble{
  background: rgba(217,27,140,.12);
  border-color: rgba(217,27,140,.18);
}

.bp-ai-suggest{
  display:flex;
  gap:8px;
  padding: 0 12px 10px 12px;
  flex-wrap: wrap;
}
.bp-ai-chip{
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  padding: 7px 10px;
  border-radius: 9999px;
  font-size: 12px;
  cursor: pointer;
}
.bp-ai-chip:hover{
  border-color: rgba(217,27,140,.25);
  background: rgba(217,27,140,.06);
}

.bp-ai-compose{
  display:flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px 12px 12px;
  border-top: 1px solid rgba(0,0,0,.06);
  background: #fff;
}
.bp-ai-input{
  flex:1;
  border-radius: 9999px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 10px 12px;
  font-size: 14px;
}
@media (max-width: 768px){
  .bp-ai-input{ font-size: 16px; }
}
.bp-ai-input:focus{
  outline:none;
  border-color: rgba(217,27,140,.35);
  box-shadow: 0 0 0 3px rgba(217,27,140,.12);
}
.bp-ai-send{
  border: 0;
  border-radius: 9999px;
  padding: 10px 12px;
  cursor: pointer;
  color: #fff;
  background: rgba(217,27,140,1);
}
.bp-ai-send:disabled{ opacity:.55; cursor:not-allowed; }

.bp-ai-foot{
  padding: 0 12px 12px 12px;
  font-size: 12px;
  color: rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  gap:8px;
}
.bp-ai-foot-link{ color: rgba(217,27,140,1); text-decoration:none; font-weight:700; }
.bp-ai-foot-link:hover{ text-decoration:underline; }
.bp-ai-dot{ opacity:.55; }

.bp-ai-chat.is-open .bp-ai-fab-chev{ transform: rotate(180deg); }

.bp-ai-hidden-init{
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}

/* Keep the AI Assistant completely out of the mobile floating-UI stack while
   the one-time Featured Discovery coachmark is awaiting acknowledgement. The
   html-level selector prevents a flash before ai-assistant.js initializes. */
@media (max-width: 767.98px){
  html.bp-featured-coachmark-active .bp-ai-chat,
  .bp-ai-chat.bp-ai-featured-coachmark-hidden{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
  }
}

@media (max-width: 991.98px){
  .bp-ai-chat:not(.is-open) .bp-ai-fab-text{ display:none; }
  .bp-ai-chat:not(.is-open) .bp-ai-fab{
    padding: 12px;
    max-width: 92px;
    gap: 10px;
  }
  .bp-ai-chat.bp-ai-has-preview-pill{
    bottom: calc(12px + var(--bp-ai-preview-bump, 92px));
  }
}
@media (min-width: 992px){
  .bp-ai-chat:not(.is-open) .bp-ai-fab-text{ display:block; }
}
.bp-ai-chat.is-open .bp-ai-fab-text{ display:block; }

.bp-ai-chat.bp-ai-hidden:not(.is-open){
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}

.bp-ai-tabs{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin-top: 10px;
}
.bp-ai-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  color: rgba(0,0,0,.75) !important;
  padding: 10px 16px;
  border-radius: 9999px;
  font-weight: 700;
  text-decoration:none !important;
  transition: .15s ease;
  line-height: 1;
}
.bp-ai-tab:hover{
  text-decoration:none !important;
  border-color: rgba(217,27,140,.25);
}
.bp-ai-tab.is-active{
  background: linear-gradient(135deg, rgba(217,27,140,1), rgba(140,22,255,1));
  color:#fff !important;
  border-color: transparent;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}
.bp-chat-badge-visitor{
  background:#FAE3F1;

  border:1px solid rgba(220,53,69,.25);
  font-weight:600;
}

.bp-ai-mini{
  border-radius: 20px;
  box-shadow:0 3px 20px rgba(0,0,0,.08);
}
.bp-ai-mini .bp-ai-mini-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 9999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  font-weight:700;
}
.bp-ai-mini .bp-ai-mini-muted{
  font-weight:600;
  color: rgba(0,0,0,.55);
}

.bp-ai-mini .bp-ai-mini-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: 9999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  font-weight:700;
  line-height: 1;
  min-height: 44px;
}

.bp-ai-mini .bp-ai-mini-btn{
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  display:inline-flex;
  align-items:center;
}

.bp-ai-mini .bp-ai-mini-info{
  border:0;
  background: transparent;
  padding: 0;
  margin: 0 0 0 2px;
  color: rgba(0,0,0,.45);
  line-height: 1;
  cursor: pointer;
  display:inline-flex;
  align-items:center;
}

.bp-ai-mini .bp-ai-mini-info:hover{ color: rgba(0,0,0,.65); }
.bp-ai-mini .bp-ai-mini-info:focus{ outline: none; }

.bp-ai-mini-pill.bp-ai-pill-warning {
  background-color: rgba(255, 193, 7, 0.15) !important;
  border-color: rgba(255, 193, 7, 0.6) !important;
  color: #8a6d00 !important;
}

.bp-ai-mini-pill.bp-ai-pill-danger {
  background-color: rgba(220, 53, 69, 0.15) !important;
  border-color: rgba(220, 53, 69, 0.6) !important;
  color: #842029 !important;
}

.bp-chat-gate{
border:1px solid rgba(0,0,0,.06);
border-radius:16px;
background:#fff;
padding:24px 18px;
min-height:260px;
display:flex;
align-items:center;
justify-content:center;
}
.bp-chat-gate-inner{
width:100%;
max-width:480px;
text-align:center;
}
.bp-chat-gate-btn{
width:100%;
max-width:280px;
white-space:normal;
}

.bp-ai-premium-gate{
  margin-top: 18px;
  padding: 26px 18px;
  border-radius: 22px;
  background: #fff7ea;
  border: 2px dashed rgba(255, 193, 7, .55);
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}
.bp-ai-premium-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 12px;
  border-radius: 9999px;
  background: linear-gradient(135deg, rgba(217,27,140,1), rgba(140,22,255,1));
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.bp-ai-premium-gate h3{
  margin: 14px 0 6px 0;
  font-weight: 900;
}
.bp-ai-premium-gate p{
  margin: 0 auto;
  max-width: 720px;
  color: rgba(0,0,0,.68);
}
.bp-ai-premium-gate .btn{
  margin-top: 16px;
}

#buyChatsModal .amount-tile{
  position: relative;
}

#buyChatsModal .amount-tile .need-more{
  position: absolute;
  top: -5px;
  right: -5px;
  margin: 0;
  font-size: 11px;
  line-height: 1;
  pointer-events: none;
}
.bp-ai-ex-line { transition: opacity .22s ease, transform .22s ease; will-change: opacity, transform; }
.bp-ai-ex-out  { opacity: 0; transform: translateY(4px); }
.bp-ai-ex-in   { opacity: 1; transform: translateY(0); }

.bp-ai-typing { display:inline-flex; gap:4px; align-items:center; height:12px; }
.bp-ai-typing span{
  width:6px; height:6px; border-radius:50%;
  background: rgba(0,0,0,.28);
  animation: bpAiDot 1s infinite ease-in-out;
}
.bp-ai-typing span:nth-child(2){ animation-delay: .15s; }
.bp-ai-typing span:nth-child(3){ animation-delay: .3s; }
@keyframes bpAiDot { 0%, 80%, 100% { transform: translateY(0); opacity: .35; } 40% { transform: translateY(-3px); opacity: 1; } }


body.profile-theme-vibrant{
  --profile-page-bg:#f7f0ff;
  --profile-surface:#ffffff;
  --profile-surface-2:#f7efff;
  --profile-shadow:0 16px 38px rgba(126,63,193,.12);
  --profile-text:#2e2143;
  --profile-muted:rgba(46,33,67,.72);
  --profile-divider:rgba(46,33,67,.10);
  --profile-link-bg:#ffffff;
  --profile-link-border:#e6d5ff;
  --profile-link-text:#2e2143;
  --profile-ghost-bg:#ffffff;
  --profile-ghost-border:#e6d5ff;
  --profile-ghost-text:#2e2143;
  --profile-emoji-bg:#f4e8ff;
  --profile-emoji-text:#8f41e8;
  --profile-share-bg:#ffffff;
  --profile-share-border:rgba(143,65,232,.16);
  --profile-input-bg:#ffffff;
  --profile-accent:#d91b8c;
  --profile-views-bg:linear-gradient(90deg, #8f41e8, #ff4fa3);
}

body.profile-theme-dark{
  --profile-page-bg:#111418;
  --profile-surface:#1a1f26;
  --profile-surface-2:#20262f;
  --profile-shadow:0 18px 42px rgba(0,0,0,.38);
  --profile-text:#f5f7fb;
  --profile-muted:rgba(236,240,246,.72);
  --profile-divider:rgba(255,255,255,.10);
  --profile-link-bg:#222a34;
  --profile-link-border:#364052;
  --profile-link-text:#f5f7fb;
  --profile-ghost-bg:#20262f;
  --profile-ghost-border:#374152;
  --profile-ghost-text:#f5f7fb;
  --profile-emoji-bg:#2a313c;
  --profile-emoji-text:#ffd166;
  --profile-share-bg:#1a1f26;
  --profile-share-border:rgba(255,255,255,.12);
  --profile-input-bg:#20262f;
  --profile-accent:#ffb9e8;
  --profile-views-bg:linear-gradient(90deg, #4a2f73, #8a2a6a);
}


body[class*="profile-theme-"]{
  background:var(--profile-page-bg);
  color:var(--profile-text);
}

body[class*="profile-theme-"].bg-cb-light-grey,
body[class*="profile-theme-"] .masthead.bg-cb-light-grey,
body[class*="profile-theme-"] .page-section.bg-cb-light-grey{
  background:var(--profile-page-bg) !important;
}

body[class*="profile-theme-"] .masthead,
body[class*="profile-theme-"] .links-card,
body[class*="profile-theme-"] .share-modal-bp__body{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .links-card,
body[class*="profile-theme-"] .share-modal-bp__content{
  background:var(--profile-surface);
  box-shadow:var(--profile-shadow);
}

body[class*="profile-theme-"] .links-card hr{
  border-top-color:var(--profile-divider);
}

body[class*="profile-theme-"] .masthead-heading,
body[class*="profile-theme-"] .masthead-bio,
body[class*="profile-theme-"] .share-modal-bp__title,
body[class*="profile-theme-"] .link-title,
body[class*="profile-theme-"] .link-description,
body[class*="profile-theme-"] .fan-name,
body[class*="profile-theme-"] .fan-pill-name,
body[class*="profile-theme-"] .feature-emoji,
body[class*="profile-theme-"] .profile-subgroup-title{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .masthead .text-muted,
body[class*="profile-theme-"] .links-card .text-muted,
body[class*="profile-theme-"] .share-modal-bp .text-muted,
body[class*="profile-theme-"] .fan-amt,
body[class*="profile-theme-"] .lb-sub{
  color:var(--profile-muted) !important;
}

body[class*="profile-theme-"] .masthead-bio a,
body[class*="profile-theme-"] .icon-pink,
body[class*="profile-theme-"] .fan-pill-amt{
  color:var(--profile-accent);
}

body[class*="profile-theme-"] .btn-ghost,
body[class*="profile-theme-"] .btn-cb-white{
  background:var(--profile-ghost-bg);
  border-color:var(--profile-ghost-border);
  color:var(--profile-ghost-text);
}

body[class*="profile-theme-"] .btn-ghost:hover,
body[class*="profile-theme-"] .btn-cb-white:hover{
  background:var(--profile-ghost-bg);
  color:var(--profile-ghost-text);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

body[class*="profile-theme-"] .feature-emoji{
  background:var(--profile-emoji-bg);
  color:var(--profile-emoji-text);
}

body[class*="profile-theme-"] .bp-section-divider::before,
body[class*="profile-theme-"] .bp-section-divider::after{
  background:linear-gradient(90deg, transparent 0%, var(--profile-divider) 50%, transparent 100%);
}

body[class*="profile-theme-"] .bp-section-title{
  color:var(--profile-text);
  background:linear-gradient(90deg, var(--profile-surface-2) 0%, var(--profile-link-bg) 100%);
  border:1px solid var(--profile-divider);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

body[class*="profile-theme-"] .bp-section-desc{
  color:var(--profile-muted);
}

body[class*="profile-theme-"] .views-pill{
  color:#fff;
  background:var(--profile-views-bg);
}

body[class*="profile-theme-"] .fan-chip,
body[class*="profile-theme-"] .fan-pill{
  background:var(--profile-surface);
  border-color:var(--profile-link-border);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .fan-avatar,
body[class*="profile-theme-"] .fan-pill-avatar{
  background:var(--profile-surface);
}

body[class*="profile-theme-"] .share-modal-bp__close{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .share-modal-bp__pill .input-group-text,
body[class*="profile-theme-"] .share-modal-bp__pill .form-control{
  background:var(--profile-input-bg);
  border-color:var(--profile-share-border);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .share-modal-bp__pill .form-control::placeholder{
  color:var(--profile-muted);
}

body[class*="profile-theme-"] .share-modal-bp__pill .input-group-text{
  color:var(--profile-muted);
}

body[class*="profile-theme-"] .share-modal-bp__actions .btn-outline-secondary{
  color:var(--profile-text);
  border-color:var(--profile-link-border);
}

body[class*="profile-theme-"] .share-modal-bp__actions .btn-outline-secondary:hover{
  background:var(--profile-surface-2);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .profile-cover-underlay{
  background:var(--profile-page-bg);
}

body.profile-theme-dark .masthead .close,
body.profile-theme-dark .share-modal-bp .close,
body.profile-theme-graphite .masthead .close,
body.profile-theme-graphite .share-modal-bp .close{
  color:#fff;
  text-shadow:none;
  opacity:.9;
}

body.profile-theme-dark .share-modal-bp__pill .input-group-text,
body.profile-theme-dark .share-modal-bp__pill .form-control,
body.profile-theme-dark .share-modal-bp__actions .btn-outline-secondary,
body.profile-theme-dark .btn-ghost,
body.profile-theme-dark .btn-cb-white,
body.profile-theme-graphite .share-modal-bp__pill .input-group-text,
body.profile-theme-graphite .share-modal-bp__pill .form-control,
body.profile-theme-graphite .share-modal-bp__actions .btn-outline-secondary,
body.profile-theme-graphite .btn-ghost,
body.profile-theme-graphite .btn-cb-white{
  box-shadow:none;
}


body.profile-theme-vibrant{
  --profile-page-bg:#f7f0ff;
  --profile-surface:#ffffff;
  --profile-surface-2:#f7efff;
  --profile-shadow:0 18px 40px rgba(126,63,193,.14);
  --profile-text:#2e2143;
  --profile-muted:rgba(46,33,67,.72);
  --profile-divider:rgba(46,33,67,.12);
  --profile-link-bg:#ffffff;
  --profile-link-border:#e6d5ff;
  --profile-link-text:#2e2143;
  --profile-ghost-bg:#ffffff;
  --profile-ghost-border:#e6d5ff;
  --profile-ghost-text:#2e2143;
  --profile-emoji-bg:#f4e8ff;
  --profile-emoji-text:#8f41e8;
  --profile-share-bg:#ffffff;
  --profile-share-border:rgba(143,65,232,.16);
  --profile-input-bg:#ffffff;
  --profile-accent:#d91b8c;
  --profile-views-bg:linear-gradient(90deg, #8f41e8, #ff4fa3);
  --profile-highlight-bg:linear-gradient(160deg, #8f41e8, #ff4fa3);
  --profile-action-bg:#ffd451;
  --profile-action-text:#2e2143;
  --profile-backdrop:rgba(32,16,50,.62);
}

body.profile-theme-dark{
  --profile-page-bg:#05070a;
  --profile-surface:#11161d;
  --profile-surface-2:#18212b;
  --profile-shadow:0 22px 60px rgba(0,0,0,.42);
  --profile-text:#eef4fb;
  --profile-muted:rgba(238,244,251,.72);
  --profile-divider:rgba(255,255,255,.11);
  --profile-link-bg:#18212b;
  --profile-link-border:#2b3a4d;
  --profile-link-text:#eef4fb;
  --profile-ghost-bg:#18212b;
  --profile-ghost-border:#314156;
  --profile-ghost-text:#eef4fb;
  --profile-emoji-bg:#16222f;
  --profile-emoji-text:#78d0ff;
  --profile-share-bg:#11161d;
  --profile-share-border:rgba(120,208,255,.16);
  --profile-input-bg:#0f141b;
  --profile-accent:#78d0ff;
  --profile-views-bg:linear-gradient(90deg, #1d4ed8, #06b6d4);
  --profile-highlight-bg:linear-gradient(160deg, #1d4ed8, #06b6d4);
  --profile-action-bg:#243041;
  --profile-action-text:#eef4fb;
  --profile-backdrop:rgba(0,0,0,.78);
}


body[class*="profile-theme-"] .bp-card,
body[class*="profile-theme-"] .links-card,
body[class*="profile-theme-"] .modal-content,
body[class*="profile-theme-"] .share-modal-bp__content,
body[class*="profile-theme-"] .profileNotificationsModal .post-container,
body[class*="profile-theme-"] .sendMessageModal .post-container{
  background:var(--profile-surface);
  color:var(--profile-text);
  border:1px solid var(--profile-divider);
  box-shadow:var(--profile-shadow);
}

body[class*="profile-theme-"] .modal-backdrop.show{
  opacity:1;
  background-color:var(--profile-backdrop);
}

body[class*="profile-theme-"] .modal-header,
body[class*="profile-theme-"] .modal-footer,
body[class*="profile-theme-"] .modal hr,
body[class*="profile-theme-"] .profileNotificationsModal hr,
body[class*="profile-theme-"] .sendMessageModal hr{
  border-color:var(--profile-divider) !important;
}

body[class*="profile-theme-"] .modal,
body[class*="profile-theme-"] .modal .post-content,
body[class*="profile-theme-"] .modal .post-container,
body[class*="profile-theme-"] .modal h1,
body[class*="profile-theme-"] .modal h2,
body[class*="profile-theme-"] .modal h3,
body[class*="profile-theme-"] .modal h4,
body[class*="profile-theme-"] .modal h5,
body[class*="profile-theme-"] .modal h6,
body[class*="profile-theme-"] .modal p,
body[class*="profile-theme-"] .modal label,
body[class*="profile-theme-"] .modal strong,
body[class*="profile-theme-"] .modal .font-weight-bold,
body[class*="profile-theme-"] .modal .credits,
body[class*="profile-theme-"] .modal .text-dark{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .modal .text-muted,
body[class*="profile-theme-"] .modal small,
body[class*="profile-theme-"] .modal .suffix,
body[class*="profile-theme-"] .modal .helper-text,
body[class*="profile-theme-"] .modal .small.text-muted,
body[class*="profile-theme-"] .modal .small{
  color:var(--profile-muted) !important;
}

body[class*="profile-theme-"] .modal a:not(.btn),
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item a,
body[class*="profile-theme-"] .sendMessageModal .list-group-item a{
  color:var(--profile-accent);
}

body[class*="profile-theme-"] .modal .close,
body[class*="profile-theme-"] .modal .close span,
body[class*="profile-theme-"] .share-modal-bp__close{
  color:var(--profile-text);
  text-shadow:none;
  opacity:.78;
}

body[class*="profile-theme-"] .modal .input-group-text,
body[class*="profile-theme-"] .modal .form-control,
body[class*="profile-theme-"] .modal select.form-control,
body[class*="profile-theme-"] .modal textarea.form-control,
body[class*="profile-theme-"] .share-modal-bp__pill .input-group-text,
body[class*="profile-theme-"] .share-modal-bp__pill .form-control{
  background:var(--profile-input-bg);
  border-color:var(--profile-share-border);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .modal .form-control::placeholder,
body[class*="profile-theme-"] .share-modal-bp__pill .form-control::placeholder{
  color:var(--profile-muted);
}

body[class*="profile-theme-"] .modal .badge.bg-light,
body[class*="profile-theme-"] .modal .badge.rounded-pill,
body[class*="profile-theme-"] .modal .badge.rounded-pill.bg-light.text-dark{
  background:var(--profile-surface-2) !important;
  color:var(--profile-text) !important;
  border:1px solid var(--profile-divider);
}

body[class*="profile-theme-"] .modal .badge.bg-transparent{
  color:var(--profile-accent) !important;
}

body[class*="profile-theme-"] .modal .list-group-item,
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item{
  background:var(--profile-surface-2);
  border-color:var(--profile-divider);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .modal .amount-tile{
  background:var(--profile-surface-2);
  border-color:var(--profile-link-border);
  color:var(--profile-text);
  box-shadow:none;
}

body[class*="profile-theme-"] .modal .amount-tile .credits{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .modal .amount-tile .suffix{
  color:var(--profile-muted) !important;
}

body[class*="profile-theme-"] .modal .amount-radio:checked + .amount-tile{
  background:var(--profile-highlight-bg);
  border-color:transparent;
}

body[class*="profile-theme-"] .modal .amount-radio:checked + .amount-tile .credits,
body[class*="profile-theme-"] .modal .amount-radio:checked + .amount-tile .suffix{
  color:#fff !important;
}

body[class*="profile-theme-"] .modal .amount-tile.is-disabled{
  background:var(--profile-surface-2);
}

body[class*="profile-theme-"] .modal .amount-tile.is-disabled .need-more{
  background:var(--profile-action-bg);
  color:var(--profile-action-text);
}

body[class*="profile-theme-"] .btn-cream{
  background:var(--profile-action-bg);
  border-color:transparent;
  color:var(--profile-action-text);
}

body[class*="profile-theme-"] .btn-cream:hover,
body[class*="profile-theme-"] .btn-cream:focus{
  background:var(--profile-action-bg);
  color:var(--profile-action-text);
  filter:brightness(.98);
}

body[class*="profile-theme-"] .btn-outline-secondary,
body[class*="profile-theme-"] .share-modal-bp__actions .btn-outline-secondary,
body[class*="profile-theme-"] .modal .btn-outline-secondary{
  background:transparent;
  border-color:var(--profile-link-border);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .btn-outline-secondary:hover,
body[class*="profile-theme-"] .share-modal-bp__actions .btn-outline-secondary:hover,
body[class*="profile-theme-"] .modal .btn-outline-secondary:hover{
  background:var(--profile-surface-2);
  border-color:var(--profile-link-border);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .profile-notification-corner-badge{
  box-shadow:0 0 0 2px var(--profile-surface);
}

body[class*="profile-theme-"] .sendMessageModal .img-recipient{
  border:2px solid var(--profile-divider);
}


body.profile-theme-vibrant{
  --profile-pin-start:#b46cff;
  --profile-pin-end:#ff4fa3;
  --profile-pin-nav-bg:rgba(46,33,67,.78);
  --profile-pin-nav-text:#ffffff;
  --profile-scroll-track:#f5edff;
  --profile-scroll-thumb:rgba(143,65,232,.40);
  --profile-medal-1:linear-gradient(140deg,#ffd86a,#ffe8a8);
  --profile-medal-2:linear-gradient(140deg,#ddd5ef,#f0ebfb);
  --profile-medal-3:linear-gradient(140deg,#f3b7d1,#ffd7ea);
  --profile-fan-empty-bg:#faf5ff;
  --profile-fan-empty-border:rgba(46,33,67,.14);
}

body.profile-theme-dark{
  --profile-pin-start:#2d5cf6;
  --profile-pin-end:#06b6d4;
  --profile-pin-nav-bg:rgba(8,12,18,.88);
  --profile-pin-nav-text:#eef4fb;
  --profile-scroll-track:#11161d;
  --profile-scroll-thumb:rgba(120,208,255,.42);
  --profile-medal-1:linear-gradient(140deg,#4f6bff,#78d0ff);
  --profile-medal-2:linear-gradient(140deg,#5a6577,#8d9bb0);
  --profile-medal-3:linear-gradient(140deg,#6f7a8d,#4f5b70);
  --profile-fan-empty-bg:#151c24;
  --profile-fan-empty-border:rgba(255,255,255,.12);
}


body[class*="profile-theme-"] .text-pink,
body[class*="profile-theme-"] .modal .text-pink{
  color:var(--profile-accent) !important;
}

body[class*="profile-theme-"] .pinned-wrap{
  background:linear-gradient(0deg, var(--profile-page-bg), var(--profile-surface-2));
}

body[class*="profile-theme-"] .pin-ring{
  background:radial-gradient(110% 110% at 30% 20%, var(--profile-pin-start) 0%, var(--profile-pin-end) 100%);
  box-shadow:0 6px 16px rgba(0,0,0,.14);
}

body[class*="profile-theme-"] .pin-item:hover .pin-ring{
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

body[class*="profile-theme-"] .pin-fav{
  background:var(--profile-surface);
}

body[class*="profile-theme-"] .pin-strip-wrap::before{
  background:linear-gradient(to right, var(--profile-surface), rgba(255,255,255,0));
}

body[class*="profile-theme-"] .pin-strip-wrap::after{
  background:linear-gradient(to left, var(--profile-surface), rgba(255,255,255,0));
}

body[class*="profile-theme-"] .pin-nav{
  background:var(--profile-pin-nav-bg);
  color:var(--profile-pin-nav-text);
  border:1px solid var(--profile-divider);
  box-shadow:0 6px 18px rgba(0,0,0,.20);
}

body[class*="profile-theme-"] .pin-scroller::-webkit-scrollbar-track{
  background:var(--profile-scroll-track);
}

body[class*="profile-theme-"] .pin-scroller::-webkit-scrollbar-thumb{
  background:var(--profile-scroll-thumb);
}

body[class*="profile-theme-"] .pin-scroller:hover::-webkit-scrollbar-thumb{
  background:var(--profile-accent);
}

body[class*="profile-theme-"] .pin-scroller{
  scrollbar-color:var(--profile-scroll-thumb) transparent;
}

body[class*="profile-theme-"] .pin-scroller:hover{
  scrollbar-color:var(--profile-accent) transparent;
}

body[class*="profile-theme-"] .fan-medal{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .fan-medal-1{ background:var(--profile-medal-1); }
body[class*="profile-theme-"] .fan-medal-2{ background:var(--profile-medal-2); }
body[class*="profile-theme-"] .fan-medal-3{ background:var(--profile-medal-3); }

body[class*="profile-theme-"] .fanwall .fan-chip[style]{
  background:var(--profile-fan-empty-bg) !important;
  border-color:var(--profile-fan-empty-border) !important;
}

body[class*="profile-theme-"] .fanwall .fan-chip[style] .fan-name[style]{
  border-top-color:var(--profile-fan-empty-border) !important;
}

body[class*="profile-theme-"] .fanwall .fan-chip[style] .fan-avatar[style]{
  background:var(--profile-surface) !important;
}

body[class*="profile-theme-"] .profileSponsorModal .badge-warning,
body[class*="profile-theme-"] .profileSponsorModal .badge.badge-warning{
  background:var(--profile-action-bg) !important;
  color:var(--profile-action-text) !important;
  border:1px solid transparent;
}

body[class*="profile-theme-"] .profileSponsorModal .btn-light,
body[class*="profile-theme-"] .profileSponsorModal .btn-light:hover,
body[class*="profile-theme-"] .profileSponsorModal .btn-light:focus{
  background:var(--profile-surface-2);
  border-color:var(--profile-divider);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .profileSponsorModal .modal-title i,
body[class*="profile-theme-"] .profileSponsorModal .fa-info-circle{
  color:var(--profile-accent);
}

body[class*="profile-theme-"] .profileSponsorModal .modal-footer,
body[class*="profile-theme-"] .profileSponsorModal .modal-header{
  background:transparent;
}

body[class*="profile-theme-"] .profileSponsorModal .form-control,
body[class*="profile-theme-"] .profileSponsorModal input[type="number"]{
  background:var(--profile-input-bg);
  color:var(--profile-text);
  border-color:var(--profile-share-border);
}

body[class*="profile-theme-"] .bp-daily-pill{
  background:var(--profile-surface);
  color:var(--profile-text);
  border:1px solid var(--profile-divider);
  box-shadow:var(--profile-shadow);
}

body[class*="profile-theme-"] .bp-pill-panel{
  background:var(--profile-surface-2);
  border-color:var(--profile-divider);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}

body[class*="profile-theme-"] .bp-pill-count,
body[class*="profile-theme-"] .bp-pill-hide{
  background:var(--profile-surface);
  color:var(--profile-text);
  border:1px solid var(--profile-divider);
}

body[class*="profile-theme-"] .bp-pill-explain,
body[class*="profile-theme-"] .bp-pill-learn,
body[class*="profile-theme-"] .bp-pill-title,
body[class*="profile-theme-"] .bp-pill-toggle,
body[class*="profile-theme-"] .bp-progress-meta{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .bp-muted{
  color:var(--profile-muted);
}
body[class*="profile-theme-"] .bp-pill-premium-link{
  color:var(--profile-accent);
}
body[class*="profile-theme-"] .bp-pill-premium-link:hover{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .bp-reward{
  color:var(--profile-accent);
}

body[class*="profile-theme-"] .bp-progress{
  background:var(--profile-surface);
  border-color:var(--profile-divider);
  box-shadow:none;
}

body[class*="profile-theme-"] .bp-progress-bar{
  background:var(--profile-highlight-bg);
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 6px 14px rgba(0,0,0,.12);
}

body[class*="profile-theme-"] .bp-toast{
  color:var(--profile-text);
  background:var(--profile-surface);
  border:1px solid var(--profile-divider);
  box-shadow:0 12px 22px rgba(0,0,0,.14);
}

body[class*="profile-theme-"] .bp-pill-toggle:focus-visible,
body[class*="profile-theme-"] .bp-pill-hide:focus-visible,
body[class*="profile-theme-"] .bp-pill-learn:focus-visible{
  outline-color:var(--profile-accent);
}


body.profile-theme-vibrant{
  --profile-page-bg:#f7f0ff;
  --profile-surface:#ffffff;
  --profile-surface-2:#f7efff;
  --profile-shadow:0 18px 40px rgba(126,63,193,.14);
  --profile-text:#2e2143;
  --profile-muted:rgba(46,33,67,.72);
  --profile-divider:rgba(46,33,67,.12);
  --profile-link-bg:#ffffff;
  --profile-link-border:#e6d5ff;
  --profile-link-text:#2e2143;
  --profile-ghost-bg:#ffffff;
  --profile-ghost-border:#e6d5ff;
  --profile-ghost-text:#2e2143;
  --profile-emoji-bg:#f4e8ff;
  --profile-emoji-text:#8f41e8;
  --profile-share-bg:#ffffff;
  --profile-share-border:rgba(143,65,232,.16);
  --profile-input-bg:#ffffff;
  --profile-accent:#d91b8c;
  --profile-views-bg:linear-gradient(90deg, #8f41e8, #ff4fa3);
  --profile-highlight-bg:linear-gradient(160deg, #8f41e8, #ff4fa3);
  --profile-action-bg:#ffd451;
  --profile-action-text:#2e2143;
  --profile-backdrop:rgba(32,16,50,.62);
  --profile-pin-start:#b46cff;
  --profile-pin-end:#ff4fa3;
  --profile-pin-nav-bg:rgba(46,33,67,.78);
  --profile-pin-nav-text:#ffffff;
  --profile-scroll-track:#f5edff;
  --profile-scroll-thumb:rgba(143,65,232,.40);
  --profile-medal-1:linear-gradient(140deg,#ffd86a,#ffe8a8);
  --profile-medal-2:linear-gradient(140deg,#ddd5ef,#f0ebfb);
  --profile-medal-3:linear-gradient(140deg,#f3b7d1,#ffd7ea);
  --profile-fan-empty-bg:#faf5ff;
  --profile-fan-empty-border:rgba(46,33,67,.14);
  --profile-primary-bg:linear-gradient(135deg, #8f41e8, #ff4fa3);
  --profile-primary-hover:linear-gradient(135deg, #7f31da, #ef3d93);
  --profile-primary-text:#ffffff;
  --profile-primary-shadow:0 10px 24px rgba(143,65,232,.24);
}

body.profile-theme-dark{
  --profile-page-bg:#05070a;
  --profile-surface:#11161d;
  --profile-surface-2:#18202b;
  --profile-shadow:0 18px 42px rgba(0,0,0,.42);
  --profile-text:#eef4fb;
  --profile-muted:rgba(222,231,242,.72);
  --profile-divider:rgba(255,255,255,.10);
  --profile-link-bg:#1a2330;
  --profile-link-border:#2e3a4d;
  --profile-link-text:#eef4fb;
  --profile-ghost-bg:#18202b;
  --profile-ghost-border:#2f3c4f;
  --profile-ghost-text:#eef4fb;
  --profile-emoji-bg:#202a37;
  --profile-emoji-text:#78d0ff;
  --profile-share-bg:#11161d;
  --profile-share-border:rgba(120,208,255,.18);
  --profile-input-bg:#18202b;
  --profile-accent:#78d0ff;
  --profile-views-bg:linear-gradient(90deg, #2d5cf6, #06b6d4);
  --profile-highlight-bg:linear-gradient(160deg, #2d5cf6, #06b6d4);
  --profile-action-bg:#16263a;
  --profile-action-text:#eef4fb;
  --profile-backdrop:rgba(3,6,10,.78);
  --profile-pin-start:#2d5cf6;
  --profile-pin-end:#06b6d4;
  --profile-pin-nav-bg:rgba(8,12,18,.88);
  --profile-pin-nav-text:#eef4fb;
  --profile-scroll-track:#11161d;
  --profile-scroll-thumb:rgba(120,208,255,.42);
  --profile-medal-1:linear-gradient(140deg,#4f6bff,#78d0ff);
  --profile-medal-2:linear-gradient(140deg,#5a6577,#8d9bb0);
  --profile-medal-3:linear-gradient(140deg,#6f7a8d,#4f5b70);
  --profile-fan-empty-bg:#151c24;
  --profile-fan-empty-border:rgba(255,255,255,.12);
  --profile-primary-bg:linear-gradient(135deg, #2d5cf6, #06b6d4);
  --profile-primary-hover:linear-gradient(135deg, #244ad0, #0895ad);
  --profile-primary-text:#ffffff;
  --profile-primary-shadow:0 10px 24px rgba(45,92,246,.24);
}


body.profile-theme-graphite{
  --profile-page-bg:#dde2e8;
  --profile-surface:#f4f6f8;
  --profile-surface-2:#e6ebf0;
  --profile-shadow:0 18px 42px rgba(31,39,49,.16);
  --profile-text:#27313b;
  --profile-muted:rgba(39,49,59,.70);
  --profile-divider:rgba(39,49,59,.10);
  --profile-link-bg:#ffffff;
  --profile-link-border:#c8d0d9;
  --profile-link-text:#27313b;
  --profile-ghost-bg:#eff2f5;
  --profile-ghost-border:#c8d0d9;
  --profile-ghost-text:#27313b;
  --profile-emoji-bg:#e0e5ea;
  --profile-emoji-text:#8a6540;
  --profile-share-bg:#f4f6f8;
  --profile-share-border:rgba(138,101,64,.16);
  --profile-input-bg:#ffffff;
  --profile-accent:#8a6540;
  --profile-views-bg:linear-gradient(90deg, #697585, #c19463);
  --profile-highlight-bg:linear-gradient(160deg, #748193, #cda16e);
  --profile-action-bg:#d7dde5;
  --profile-action-text:#27313b;
  --profile-backdrop:rgba(21,27,33,.56);
  --profile-pin-start:#8c97a6;
  --profile-pin-end:#c19463;
  --profile-pin-nav-bg:rgba(39,49,59,.82);
  --profile-pin-nav-text:#ffffff;
  --profile-scroll-track:#e4e9ee;
  --profile-scroll-thumb:rgba(138,101,64,.28);
  --profile-medal-1:linear-gradient(140deg,#d0a16c,#f0d3ad);
  --profile-medal-2:linear-gradient(140deg,#d8dde4,#f4f6f8);
  --profile-medal-3:linear-gradient(140deg,#9aa5b4,#c9d1da);
  --profile-fan-empty-bg:#edf1f4;
  --profile-fan-empty-border:rgba(39,49,59,.12);
  --profile-primary-bg:linear-gradient(135deg, #5f6c7c, #b98955);
  --profile-primary-hover:linear-gradient(135deg, #556171, #a97845);
  --profile-primary-text:#ffffff;
  --profile-primary-shadow:0 10px 24px rgba(95,108,124,.18);
}

body.profile-theme-light{
  --profile-page-bg:#f2f7ff;
  --profile-surface:#ffffff;
  --profile-surface-2:#eef4ff;
  --profile-shadow:0 16px 40px rgba(71,92,170,.10);
  --profile-text:#26324a;
  --profile-muted:rgba(38,50,74,.70);
  --profile-divider:rgba(38,50,74,.10);
  --profile-link-bg:#ffffff;
  --profile-link-border:#d8e4fb;
  --profile-link-text:#26324a;
  --profile-ghost-bg:#ffffff;
  --profile-ghost-border:#d8e4fb;
  --profile-ghost-text:#26324a;
  --profile-emoji-bg:#e7eeff;
  --profile-emoji-text:#5b78ff;
  --profile-share-bg:#ffffff;
  --profile-share-border:rgba(91,120,255,.16);
  --profile-input-bg:#ffffff;
  --profile-accent:#5b78ff;
  --profile-views-bg:linear-gradient(90deg, #5b78ff, #8bb8ff);
  --profile-highlight-bg:linear-gradient(160deg, #6b87ff, #9fc1ff);
  --profile-action-bg:#dbe7ff;
  --profile-action-text:#26324a;
  --profile-backdrop:rgba(28,40,66,.56);
  --profile-pin-start:#9aa8ff;
  --profile-pin-end:#5b78ff;
  --profile-pin-nav-bg:rgba(38,50,74,.76);
  --profile-pin-nav-text:#ffffff;
  --profile-scroll-track:#edf3ff;
  --profile-scroll-thumb:rgba(91,120,255,.40);
  --profile-medal-1:linear-gradient(140deg,#b8c4ff,#d8dfff);
  --profile-medal-2:linear-gradient(140deg,#d8e1f2,#eef3fb);
  --profile-medal-3:linear-gradient(140deg,#b8cdea,#d5e3f7);
  --profile-fan-empty-bg:#f5f8ff;
  --profile-fan-empty-border:rgba(38,50,74,.12);
  --profile-primary-bg:linear-gradient(135deg, #6b87ff, #9fc1ff);
  --profile-primary-hover:linear-gradient(135deg, #5b78ff, #8bb8ff);
  --profile-primary-text:#ffffff;
  --profile-primary-shadow:0 10px 24px rgba(91,120,255,.22);
}

body.profile-theme-sunset{
  --profile-page-bg:#fff1eb;
  --profile-surface:#fff8f4;
  --profile-surface-2:#ffe9de;
  --profile-shadow:0 16px 42px rgba(227,92,59,.12);
  --profile-text:#40221f;
  --profile-muted:rgba(64,34,31,.72);
  --profile-divider:rgba(64,34,31,.10);
  --profile-link-bg:#fffdfb;
  --profile-link-border:#f3cdbb;
  --profile-link-text:#40221f;
  --profile-ghost-bg:#fffdfb;
  --profile-ghost-border:#f3cdbb;
  --profile-ghost-text:#40221f;
  --profile-emoji-bg:#ffe0d4;
  --profile-emoji-text:#d55a3a;
  --profile-share-bg:#fff8f4;
  --profile-share-border:rgba(213,90,58,.18);
  --profile-input-bg:#ffffff;
  --profile-accent:#d55a3a;
  --profile-views-bg:linear-gradient(90deg, #ff8a3d, #ff4f81);
  --profile-highlight-bg:linear-gradient(160deg, #ff8a3d, #ff4f81);
  --profile-action-bg:#ffd26f;
  --profile-action-text:#40221f;
  --profile-backdrop:rgba(44,18,18,.66);
  --profile-pin-start:#ffbe78;
  --profile-pin-end:#ff5d6c;
  --profile-pin-nav-bg:rgba(64,34,31,.76);
  --profile-pin-nav-text:#ffffff;
  --profile-scroll-track:#fff0e8;
  --profile-scroll-thumb:rgba(213,90,58,.42);
  --profile-medal-1:linear-gradient(140deg,#ffd166,#ffe7a6);
  --profile-medal-2:linear-gradient(140deg,#ded6d1,#f3ece7);
  --profile-medal-3:linear-gradient(140deg,#f0a382,#f5c7ad);
  --profile-fan-empty-bg:#fff5ef;
  --profile-fan-empty-border:rgba(64,34,31,.12);
  --profile-primary-bg:linear-gradient(135deg, #ff8a3d, #ff4f81);
  --profile-primary-hover:linear-gradient(135deg, #f07829, #f03b70);
  --profile-primary-text:#ffffff;
  --profile-primary-shadow:0 10px 24px rgba(255,79,129,.22);
}

body[class*="profile-theme-"] .btn-primary,
body[class*="profile-theme-"] .btn.btn-primary,
body[class*="profile-theme-"] .btn.btn-pill.btn-primary,
body[class*="profile-theme-"] a.btn-primary,
body[class*="profile-theme-"] button.btn-primary,
body[class*="profile-theme-"] input.btn-primary,
body[class*="profile-theme-"] .profileSponsorModal .btn-primary,
body[class*="profile-theme-"] .share-modal-bp .btn-primary,
body[class*="profile-theme-"] .modal .btn-primary{
  background:var(--profile-primary-bg) !important;
  border-color:transparent !important;
  color:var(--profile-primary-text) !important;
  box-shadow:var(--profile-primary-shadow);
}

body[class*="profile-theme-"] .btn-primary:hover,
body[class*="profile-theme-"] .btn-primary:focus,
body[class*="profile-theme-"] .btn-primary:not(:disabled):not(.disabled):hover,
body[class*="profile-theme-"] .btn-primary:not(:disabled):not(.disabled):focus,
body[class*="profile-theme-"] .btn.btn-pill.btn-primary:hover,
body[class*="profile-theme-"] .btn.btn-pill.btn-primary:focus,
body[class*="profile-theme-"] .profileSponsorModal .btn-primary:hover,
body[class*="profile-theme-"] .profileSponsorModal .btn-primary:focus,
body[class*="profile-theme-"] .share-modal-bp .btn-primary:hover,
body[class*="profile-theme-"] .share-modal-bp .btn-primary:focus,
body[class*="profile-theme-"] .modal .btn-primary:hover,
body[class*="profile-theme-"] .modal .btn-primary:focus{
  background:var(--profile-primary-hover) !important;
  border-color:transparent !important;
  color:var(--profile-primary-text) !important;
  box-shadow:var(--profile-primary-shadow);
}

body[class*="profile-theme-"] .btn-primary:not(:disabled):not(.disabled):active,
body[class*="profile-theme-"] .btn-primary:not(:disabled):not(.disabled).active,
body[class*="profile-theme-"] .show > .btn-primary.dropdown-toggle,
body[class*="profile-theme-"] .modal .btn-primary:not(:disabled):not(.disabled):active,
body[class*="profile-theme-"] .modal .btn-primary:not(:disabled):not(.disabled).active,
body[class*="profile-theme-"] .profileSponsorModal .btn-primary:not(:disabled):not(.disabled):active,
body[class*="profile-theme-"] .profileSponsorModal .btn-primary:not(:disabled):not(.disabled).active{
  background:var(--profile-primary-hover) !important;
  border-color:transparent !important;
  color:var(--profile-primary-text) !important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.12);
}

body[class*="profile-theme-"] .btn-primary:focus,
body[class*="profile-theme-"] .btn-primary:not(:disabled):not(.disabled):focus,
body[class*="profile-theme-"] .profileSponsorModal .btn-primary:focus,
body[class*="profile-theme-"] .modal .btn-primary:focus{
  outline:none;
  box-shadow:var(--profile-primary-shadow), 0 0 0 .2rem var(--profile-share-border);
}


body.profile-theme-vibrant{
  --profile-boosted-border:rgba(143,65,232,.26);
  --profile-boosted-hover-border:rgba(217,27,140,.34);
  --profile-boosted-badge-bg:linear-gradient(135deg,#8f41e8,#ff4fa3);
  --profile-boosted-badge-text:#ffffff;
  --profile-boosted-hover-bg:rgba(143,65,232,.05);
  --profile-boosted-ring-bg:#ffffff;
  --profile-boosted-ring-shadow:0 10px 24px rgba(126,63,193,.14);
  --profile-boosted-title:#2e2143;
  --profile-boosted-text:rgba(46,33,67,.74);
  --profile-ai-fab-bg:linear-gradient(135deg,#8f41e8,#ff4fa3);
  --profile-ai-fab-text:#ffffff;
  --profile-ai-fab-icon-bg:rgba(255,255,255,.18);
  --profile-ai-fab-shadow:0 14px 30px rgba(143,65,232,.24);
  --profile-ai-panel-bg:#ffffff;
  --profile-ai-panel-border:rgba(143,65,232,.16);
  --profile-ai-panel-shadow:0 24px 48px rgba(126,63,193,.18);
  --profile-ai-header-bg:linear-gradient(135deg,rgba(143,65,232,.10),rgba(255,79,163,.18));
  --profile-ai-header-border:rgba(143,65,232,.12);
  --profile-ai-avatar-bg:rgba(143,65,232,.12);
  --profile-ai-avatar-text:#8f41e8;
  --profile-ai-title:#2e2143;
  --profile-ai-sub:rgba(46,33,67,.62);
  --profile-ai-iconbtn-bg:rgba(46,33,67,.06);
  --profile-ai-iconbtn-hover:rgba(46,33,67,.10);
  --profile-ai-iconbtn-text:rgba(46,33,67,.68);
  --profile-ai-body-bg:#ffffff;
  --profile-ai-bot-bg:#f7efff;
  --profile-ai-bot-border:rgba(143,65,232,.10);
  --profile-ai-bot-text:#2e2143;
  --profile-ai-me-bg:rgba(255,79,163,.10);
  --profile-ai-me-border:rgba(217,27,140,.16);
  --profile-ai-me-text:#2e2143;
  --profile-ai-chip-bg:#ffffff;
  --profile-ai-chip-border:rgba(143,65,232,.14);
  --profile-ai-chip-text:#2e2143;
  --profile-ai-chip-hover-bg:rgba(143,65,232,.08);
  --profile-ai-chip-hover-border:rgba(217,27,140,.22);
  --profile-ai-compose-bg:#ffffff;
  --profile-ai-compose-border:rgba(143,65,232,.10);
  --profile-ai-input-bg:#ffffff;
  --profile-ai-input-border:rgba(143,65,232,.18);
  --profile-ai-input-text:#2e2143;
  --profile-ai-input-placeholder:rgba(46,33,67,.48);
  --profile-ai-input-focus-border:rgba(217,27,140,.30);
  --profile-ai-input-focus-ring:rgba(217,27,140,.12);
  --profile-ai-send-bg:linear-gradient(135deg,#8f41e8,#ff4fa3);
  --profile-ai-send-text:#ffffff;
  --profile-ai-foot-text:rgba(46,33,67,.62);
  --profile-ai-foot-link:#d91b8c;
  --profile-ai-typing:rgba(143,65,232,.34);
}

body.profile-theme-dark{
  --profile-boosted-border:rgba(120,208,255,.22);
  --profile-boosted-hover-border:rgba(120,208,255,.34);
  --profile-boosted-badge-bg:linear-gradient(135deg,#2d5cf6,#06b6d4);
  --profile-boosted-badge-text:#ffffff;
  --profile-boosted-hover-bg:rgba(120,208,255,.06);
  --profile-boosted-ring-bg:#0f141b;
  --profile-boosted-ring-shadow:0 10px 24px rgba(0,0,0,.30);
  --profile-boosted-title:#eef4fb;
  --profile-boosted-text:rgba(222,231,242,.72);
  --profile-ai-fab-bg:linear-gradient(135deg,#2d5cf6,#06b6d4);
  --profile-ai-fab-text:#ffffff;
  --profile-ai-fab-icon-bg:rgba(255,255,255,.14);
  --profile-ai-fab-shadow:0 16px 34px rgba(6,182,212,.20);
  --profile-ai-panel-bg:#11161d;
  --profile-ai-panel-border:rgba(120,208,255,.12);
  --profile-ai-panel-shadow:0 24px 54px rgba(0,0,0,.42);
  --profile-ai-header-bg:linear-gradient(135deg,rgba(45,92,246,.18),rgba(6,182,212,.14));
  --profile-ai-header-border:rgba(120,208,255,.12);
  --profile-ai-avatar-bg:rgba(120,208,255,.14);
  --profile-ai-avatar-text:#78d0ff;
  --profile-ai-title:#eef4fb;
  --profile-ai-sub:rgba(222,231,242,.62);
  --profile-ai-iconbtn-bg:rgba(255,255,255,.06);
  --profile-ai-iconbtn-hover:rgba(255,255,255,.10);
  --profile-ai-iconbtn-text:rgba(222,231,242,.72);
  --profile-ai-body-bg:#11161d;
  --profile-ai-bot-bg:#1a2330;
  --profile-ai-bot-border:rgba(120,208,255,.10);
  --profile-ai-bot-text:#eef4fb;
  --profile-ai-me-bg:rgba(45,92,246,.18);
  --profile-ai-me-border:rgba(120,208,255,.18);
  --profile-ai-me-text:#eef4fb;
  --profile-ai-chip-bg:#18202b;
  --profile-ai-chip-border:rgba(120,208,255,.14);
  --profile-ai-chip-text:#eef4fb;
  --profile-ai-chip-hover-bg:rgba(120,208,255,.10);
  --profile-ai-chip-hover-border:rgba(120,208,255,.26);
  --profile-ai-compose-bg:#11161d;
  --profile-ai-compose-border:rgba(120,208,255,.10);
  --profile-ai-input-bg:#18202b;
  --profile-ai-input-border:rgba(120,208,255,.16);
  --profile-ai-input-text:#eef4fb;
  --profile-ai-input-placeholder:rgba(222,231,242,.45);
  --profile-ai-input-focus-border:rgba(120,208,255,.32);
  --profile-ai-input-focus-ring:rgba(120,208,255,.12);
  --profile-ai-send-bg:linear-gradient(135deg,#2d5cf6,#06b6d4);
  --profile-ai-send-text:#ffffff;
  --profile-ai-foot-text:rgba(222,231,242,.62);
  --profile-ai-foot-link:#78d0ff;
  --profile-ai-typing:rgba(120,208,255,.40);
}


body.profile-theme-graphite{
  --profile-boosted-border:rgba(95,108,124,.18);
  --profile-boosted-hover-border:rgba(185,137,85,.28);
  --profile-boosted-badge-bg:linear-gradient(135deg,#5f6c7c,#b98955);
  --profile-boosted-badge-text:#ffffff;
  --profile-boosted-hover-bg:rgba(95,108,124,.05);
  --profile-boosted-ring-bg:#eef2f5;
  --profile-boosted-ring-shadow:0 10px 24px rgba(39,49,59,.14);
  --profile-boosted-title:#27313b;
  --profile-boosted-text:rgba(39,49,59,.70);
  --profile-ai-fab-bg:linear-gradient(135deg,#5f6c7c,#b98955);
  --profile-ai-fab-text:#ffffff;
  --profile-ai-fab-icon-bg:rgba(255,255,255,.16);
  --profile-ai-fab-shadow:0 16px 34px rgba(95,108,124,.18);
  --profile-ai-panel-bg:#f4f6f8;
  --profile-ai-panel-border:rgba(95,108,124,.10);
  --profile-ai-panel-shadow:0 24px 54px rgba(39,49,59,.16);
  --profile-ai-header-bg:linear-gradient(135deg,rgba(95,108,124,.12),rgba(185,137,85,.12));
  --profile-ai-header-border:rgba(95,108,124,.10);
  --profile-ai-avatar-bg:rgba(95,108,124,.10);
  --profile-ai-avatar-text:#8a6540;
  --profile-ai-title:#27313b;
  --profile-ai-sub:rgba(39,49,59,.58);
  --profile-ai-iconbtn-bg:rgba(39,49,59,.05);
  --profile-ai-iconbtn-hover:rgba(39,49,59,.09);
  --profile-ai-iconbtn-text:rgba(39,49,59,.64);
  --profile-ai-body-bg:#f4f6f8;
  --profile-ai-bot-bg:#ffffff;
  --profile-ai-bot-border:rgba(95,108,124,.08);
  --profile-ai-bot-text:#27313b;
  --profile-ai-me-bg:rgba(185,137,85,.14);
  --profile-ai-me-border:rgba(185,137,85,.18);
  --profile-ai-me-text:#27313b;
  --profile-ai-chip-bg:#eef2f5;
  --profile-ai-chip-border:rgba(95,108,124,.12);
  --profile-ai-chip-text:#27313b;
  --profile-ai-chip-hover-bg:rgba(95,108,124,.06);
  --profile-ai-chip-hover-border:rgba(95,108,124,.18);
  --profile-ai-compose-bg:#f4f6f8;
  --profile-ai-compose-border:rgba(95,108,124,.08);
  --profile-ai-input-bg:#ffffff;
  --profile-ai-input-border:rgba(95,108,124,.14);
  --profile-ai-input-text:#27313b;
  --profile-ai-input-placeholder:rgba(39,49,59,.42);
  --profile-ai-input-focus-border:rgba(185,137,85,.28);
  --profile-ai-input-focus-ring:rgba(185,137,85,.10);
  --profile-ai-send-bg:linear-gradient(135deg,#5f6c7c,#b98955);
  --profile-ai-send-text:#ffffff;
  --profile-ai-foot-text:rgba(39,49,59,.58);
  --profile-ai-foot-link:#8a6540;
  --profile-ai-typing:rgba(185,137,85,.30);
}

body.profile-theme-light{
  --profile-boosted-border:rgba(91,120,255,.20);
  --profile-boosted-hover-border:rgba(91,120,255,.34);
  --profile-boosted-badge-bg:linear-gradient(135deg,#6b87ff,#9fc1ff);
  --profile-boosted-badge-text:#ffffff;
  --profile-boosted-hover-bg:rgba(91,120,255,.05);
  --profile-boosted-ring-bg:#ffffff;
  --profile-boosted-ring-shadow:0 10px 24px rgba(71,92,170,.14);
  --profile-boosted-title:#26324a;
  --profile-boosted-text:rgba(38,50,74,.70);
  --profile-ai-fab-bg:linear-gradient(135deg,#6b87ff,#9fc1ff);
  --profile-ai-fab-text:#ffffff;
  --profile-ai-fab-icon-bg:rgba(255,255,255,.18);
  --profile-ai-fab-shadow:0 16px 32px rgba(91,120,255,.20);
  --profile-ai-panel-bg:#ffffff;
  --profile-ai-panel-border:rgba(91,120,255,.12);
  --profile-ai-panel-shadow:0 24px 52px rgba(71,92,170,.16);
  --profile-ai-header-bg:linear-gradient(135deg,rgba(107,135,255,.12),rgba(159,193,255,.18));
  --profile-ai-header-border:rgba(91,120,255,.12);
  --profile-ai-avatar-bg:rgba(91,120,255,.12);
  --profile-ai-avatar-text:#5b78ff;
  --profile-ai-title:#26324a;
  --profile-ai-sub:rgba(38,50,74,.58);
  --profile-ai-iconbtn-bg:rgba(38,50,74,.05);
  --profile-ai-iconbtn-hover:rgba(38,50,74,.09);
  --profile-ai-iconbtn-text:rgba(38,50,74,.64);
  --profile-ai-body-bg:#ffffff;
  --profile-ai-bot-bg:#eef4ff;
  --profile-ai-bot-border:rgba(91,120,255,.10);
  --profile-ai-bot-text:#26324a;
  --profile-ai-me-bg:rgba(91,120,255,.12);
  --profile-ai-me-border:rgba(91,120,255,.16);
  --profile-ai-me-text:#26324a;
  --profile-ai-chip-bg:#ffffff;
  --profile-ai-chip-border:rgba(91,120,255,.14);
  --profile-ai-chip-text:#26324a;
  --profile-ai-chip-hover-bg:rgba(91,120,255,.08);
  --profile-ai-chip-hover-border:rgba(91,120,255,.22);
  --profile-ai-compose-bg:#ffffff;
  --profile-ai-compose-border:rgba(91,120,255,.10);
  --profile-ai-input-bg:#ffffff;
  --profile-ai-input-border:rgba(91,120,255,.16);
  --profile-ai-input-text:#26324a;
  --profile-ai-input-placeholder:rgba(38,50,74,.44);
  --profile-ai-input-focus-border:rgba(91,120,255,.30);
  --profile-ai-input-focus-ring:rgba(91,120,255,.12);
  --profile-ai-send-bg:linear-gradient(135deg,#6b87ff,#9fc1ff);
  --profile-ai-send-text:#ffffff;
  --profile-ai-foot-text:rgba(38,50,74,.60);
  --profile-ai-foot-link:#5b78ff;
  --profile-ai-typing:rgba(91,120,255,.34);
}

body.profile-theme-sunset{
  --profile-boosted-border:rgba(213,90,58,.22);
  --profile-boosted-hover-border:rgba(255,79,129,.34);
  --profile-boosted-badge-bg:linear-gradient(135deg,#ff8a3d,#ff4f81);
  --profile-boosted-badge-text:#ffffff;
  --profile-boosted-hover-bg:rgba(255,138,61,.06);
  --profile-boosted-ring-bg:#fffdfb;
  --profile-boosted-ring-shadow:0 10px 24px rgba(227,92,59,.14);
  --profile-boosted-title:#40221f;
  --profile-boosted-text:rgba(64,34,31,.72);
  --profile-ai-fab-bg:linear-gradient(135deg,#ff8a3d,#ff4f81);
  --profile-ai-fab-text:#ffffff;
  --profile-ai-fab-icon-bg:rgba(255,255,255,.18);
  --profile-ai-fab-shadow:0 16px 32px rgba(255,79,129,.22);
  --profile-ai-panel-bg:#fff8f4;
  --profile-ai-panel-border:rgba(213,90,58,.14);
  --profile-ai-panel-shadow:0 24px 52px rgba(227,92,59,.18);
  --profile-ai-header-bg:linear-gradient(135deg,rgba(255,138,61,.14),rgba(255,79,129,.12));
  --profile-ai-header-border:rgba(213,90,58,.12);
  --profile-ai-avatar-bg:rgba(213,90,58,.12);
  --profile-ai-avatar-text:#d55a3a;
  --profile-ai-title:#40221f;
  --profile-ai-sub:rgba(64,34,31,.60);
  --profile-ai-iconbtn-bg:rgba(64,34,31,.05);
  --profile-ai-iconbtn-hover:rgba(64,34,31,.09);
  --profile-ai-iconbtn-text:rgba(64,34,31,.64);
  --profile-ai-body-bg:#fff8f4;
  --profile-ai-bot-bg:#ffe9de;
  --profile-ai-bot-border:rgba(213,90,58,.10);
  --profile-ai-bot-text:#40221f;
  --profile-ai-me-bg:rgba(255,79,129,.12);
  --profile-ai-me-border:rgba(255,79,129,.16);
  --profile-ai-me-text:#40221f;
  --profile-ai-chip-bg:#fffdfb;
  --profile-ai-chip-border:rgba(213,90,58,.14);
  --profile-ai-chip-text:#40221f;
  --profile-ai-chip-hover-bg:rgba(255,138,61,.08);
  --profile-ai-chip-hover-border:rgba(255,79,129,.20);
  --profile-ai-compose-bg:#fff8f4;
  --profile-ai-compose-border:rgba(213,90,58,.10);
  --profile-ai-input-bg:#ffffff;
  --profile-ai-input-border:rgba(213,90,58,.16);
  --profile-ai-input-text:#40221f;
  --profile-ai-input-placeholder:rgba(64,34,31,.44);
  --profile-ai-input-focus-border:rgba(255,79,129,.28);
  --profile-ai-input-focus-ring:rgba(255,79,129,.12);
  --profile-ai-send-bg:linear-gradient(135deg,#ff8a3d,#ff4f81);
  --profile-ai-send-text:#ffffff;
  --profile-ai-foot-text:rgba(64,34,31,.60);
  --profile-ai-foot-link:#d55a3a;
  --profile-ai-typing:rgba(213,90,58,.34);
}

body[class*="profile-theme-"] .boosted-user-card{
  background:var(--profile-surface) !important;
  border-color:var(--profile-boosted-border) !important;
  box-shadow:var(--profile-shadow) !important;
}

body[class*="profile-theme-"] .boosted-user-card:hover{
  background:var(--profile-boosted-hover-bg) !important;
  border-color:var(--profile-boosted-hover-border) !important;
}

body[class*="profile-theme-"] .boosted-user-card .card-title,
body[class*="profile-theme-"] .boosted-user-card .font-weight-bold{
  color:var(--profile-boosted-title) !important;
}

body[class*="profile-theme-"] .boosted-user-card .card-text,
body[class*="profile-theme-"] .boosted-user-card .text-muted,
body[class*="profile-theme-"] .boosted-user-card .small{
  color:var(--profile-boosted-text) !important;
}

body[class*="profile-theme-"] .boosted-user-card .ring{
  background:var(--profile-boosted-ring-bg) !important;
  box-shadow:var(--profile-boosted-ring-shadow) !important;
}


body[class*="profile-theme-"] .boosted-user-card .badge-boosted,
body[class*="profile-theme-"] .boosted-user-card .badge.badge-boosted{
  background:var(--profile-boosted-badge-bg) !important;
  color:var(--profile-boosted-badge-text) !important;
  border:1px solid transparent !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}

body[class*="profile-theme-"] .bp-ai-fab{
  background:var(--profile-ai-fab-bg);
  color:var(--profile-ai-fab-text);
  box-shadow:var(--profile-ai-fab-shadow);
}

body[class*="profile-theme-"] .bp-ai-fab:focus,
body[class*="profile-theme-"] .bp-ai-fab:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px var(--profile-ai-input-focus-ring), var(--profile-ai-fab-shadow);
}

body[class*="profile-theme-"] .bp-ai-fab-icon{
  background:var(--profile-ai-fab-icon-bg);
}

body[class*="profile-theme-"] .bp-ai-panel{
  background:var(--profile-ai-panel-bg);
  border-color:var(--profile-ai-panel-border);
  box-shadow:var(--profile-ai-panel-shadow);
}

body[class*="profile-theme-"] .bp-ai-header{
  background:var(--profile-ai-header-bg);
  border-bottom-color:var(--profile-ai-header-border);
}

body[class*="profile-theme-"] .bp-ai-avatar{
  background:var(--profile-ai-avatar-bg);
  color:var(--profile-ai-avatar-text);
}

body[class*="profile-theme-"] .bp-ai-head-title{
  color:var(--profile-ai-title);
}

body[class*="profile-theme-"] .bp-ai-head-sub{
  color:var(--profile-ai-sub);
}

body[class*="profile-theme-"] .bp-ai-iconbtn{
  background:var(--profile-ai-iconbtn-bg);
  color:var(--profile-ai-iconbtn-text);
}

body[class*="profile-theme-"] .bp-ai-iconbtn:hover{
  background:var(--profile-ai-iconbtn-hover);
}

body[class*="profile-theme-"] .bp-ai-body{
  background:var(--profile-ai-body-bg);
}

body[class*="profile-theme-"] .bp-ai-msg--bot .bp-ai-bubble{
  background:var(--profile-ai-bot-bg);
  border-color:var(--profile-ai-bot-border);
  color:var(--profile-ai-bot-text);
}

body[class*="profile-theme-"] .bp-ai-msg--me .bp-ai-bubble{
  background:var(--profile-ai-me-bg);
  border-color:var(--profile-ai-me-border);
  color:var(--profile-ai-me-text);
}

body[class*="profile-theme-"] .bp-ai-chip{
  background:var(--profile-ai-chip-bg);
  border-color:var(--profile-ai-chip-border);
  color:var(--profile-ai-chip-text);
}

body[class*="profile-theme-"] .bp-ai-chip:hover{
  background:var(--profile-ai-chip-hover-bg);
  border-color:var(--profile-ai-chip-hover-border);
}

body[class*="profile-theme-"] .bp-ai-compose{
  background:var(--profile-ai-compose-bg);
  border-top-color:var(--profile-ai-compose-border);
}

body[class*="profile-theme-"] .bp-ai-input{
  background:var(--profile-ai-input-bg);
  border-color:var(--profile-ai-input-border);
  color:var(--profile-ai-input-text);
}

body[class*="profile-theme-"] .bp-ai-input::placeholder{
  color:var(--profile-ai-input-placeholder);
}

body[class*="profile-theme-"] .bp-ai-input:focus{
  border-color:var(--profile-ai-input-focus-border);
  box-shadow:0 0 0 3px var(--profile-ai-input-focus-ring);
}

body[class*="profile-theme-"] .bp-ai-send{
  background:var(--profile-ai-send-bg);
  color:var(--profile-ai-send-text);
}

body[class*="profile-theme-"] .bp-ai-foot{
  color:var(--profile-ai-foot-text);
}

body[class*="profile-theme-"] .bp-ai-foot-link{
  color:var(--profile-ai-foot-link);
}

body[class*="profile-theme-"] .bp-ai-typing span{
  background:var(--profile-ai-typing);
}


body[class*="profile-theme-"] .boosted-user-card .ring.following-avatar,
body[class*="profile-theme-"] .boosted-user-card .following-avatar.ring{
  width:72px !important;
  height:72px !important;
  padding:2px !important;
  margin:0 auto !important;
  border-radius:9999px !important;
  background:#fff !important;
  position:relative !important;
  box-shadow:0 2px 6px rgba(0,0,0,.18) !important;
}

body[class*="profile-theme-"] .boosted-user-card .following-avatar img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#fff !important;
  position:relative !important;
  z-index:1 !important;
}

body[class*="profile-theme-"] .boosted-user-card .following-premium{
  position:absolute !important;
  bottom:4px !important;
  left:4px !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  color:#BF2295 !important;
  border:2px solid #f4d1ec !important;
  font-size:.55rem !important;
  line-height:1 !important;
  box-shadow:0 2px 4px rgba(0,0,0,.12) !important;
  transform:none !important;
  z-index:2 !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}

body[class*="profile-theme-"] .boosted-user-card .following-vip{
  position:absolute !important;
  left:50% !important;
  bottom:-6px !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#FFD166 !important;
  color:#2A2140 !important;
  font-size:.65rem !important;
  line-height:1 !important;
  transform:translateX(-50%) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.12) !important;
  z-index:2 !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}

body[class*="profile-theme-"] .boosted-user-card .following-premium i,
body[class*="profile-theme-"] .boosted-user-card .following-vip i,
body[class*="profile-theme-"] .boosted-user-card .following-premium .fa,
body[class*="profile-theme-"] .boosted-user-card .following-vip .fa{
  display:block !important;
  margin:0 !important;
  line-height:1 !important;
  transform:none !important;
}


body.profile-theme-ocean{
  --profile-page-bg:#eef7fb;
  --profile-surface:#ffffff;
  --profile-surface-2:#eaf5fb;
  --profile-shadow:0 18px 40px rgba(25,104,132,.12);
  --profile-text:#1f3340;
  --profile-muted:rgba(31,51,64,.70);
  --profile-divider:rgba(31,51,64,.10);
  --profile-link-bg:#ffffff;
  --profile-link-border:#d2e5ee;
  --profile-link-text:#1f3340;
  --profile-ghost-bg:#ffffff;
  --profile-ghost-border:#d2e5ee;
  --profile-ghost-text:#1f3340;
  --profile-emoji-bg:#ddf0f7;
  --profile-emoji-text:#1d7fa0;
  --profile-share-bg:#ffffff;
  --profile-share-border:rgba(29,127,160,.16);
  --profile-input-bg:#ffffff;
  --profile-accent:#12758d;
  --profile-views-bg:linear-gradient(90deg, #1d7fa0, #0bb8b2);
  --profile-highlight-bg:linear-gradient(160deg, #1d7fa0, #0bb8b2);
  --profile-action-bg:#d9eef7;
  --profile-action-text:#1f3340;
  --profile-backdrop:rgba(16,31,38,.58);
  --profile-pin-start:#5aa8c5;
  --profile-pin-end:#0bb8b2;
  --profile-pin-nav-bg:rgba(31,51,64,.78);
  --profile-pin-nav-text:#ffffff;
  --profile-scroll-track:#edf6fa;
  --profile-scroll-thumb:rgba(29,127,160,.34);
  --profile-medal-1:linear-gradient(140deg,#ffd978,#ffefb6);
  --profile-medal-2:linear-gradient(140deg,#d5e1e8,#eef4f8);
  --profile-medal-3:linear-gradient(140deg,#b5d1dd,#d9e8ef);
  --profile-fan-empty-bg:#f7fbfd;
  --profile-fan-empty-border:rgba(31,51,64,.12);
  --profile-primary-bg:linear-gradient(135deg, #1d7fa0, #0bb8b2);
  --profile-primary-hover:linear-gradient(135deg, #166f8d, #08a39d);
  --profile-primary-text:#ffffff;
  --profile-primary-shadow:0 10px 24px rgba(29,127,160,.22);
}

body.profile-theme-ocean{
  --profile-boosted-border:rgba(29,127,160,.18);
  --profile-boosted-hover-border:rgba(11,184,178,.26);
  --profile-boosted-badge-bg:linear-gradient(135deg,#1d7fa0,#0bb8b2);
  --profile-boosted-badge-text:#ffffff;
  --profile-boosted-hover-bg:rgba(11,184,178,.05);
  --profile-boosted-ring-bg:#ffffff;
  --profile-boosted-ring-shadow:0 10px 24px rgba(25,104,132,.14);
  --profile-boosted-title:#1f3340;
  --profile-boosted-text:rgba(31,51,64,.70);
  --profile-ai-fab-bg:linear-gradient(135deg,#1d7fa0,#0bb8b2);
  --profile-ai-fab-text:#ffffff;
  --profile-ai-fab-icon-bg:rgba(255,255,255,.18);
  --profile-ai-fab-shadow:0 16px 32px rgba(11,184,178,.20);
  --profile-ai-panel-bg:#ffffff;
  --profile-ai-panel-border:rgba(29,127,160,.12);
  --profile-ai-panel-shadow:0 24px 52px rgba(25,104,132,.14);
  --profile-ai-header-bg:linear-gradient(135deg,rgba(29,127,160,.12),rgba(11,184,178,.16));
  --profile-ai-header-border:rgba(29,127,160,.10);
  --profile-ai-avatar-bg:rgba(29,127,160,.12);
  --profile-ai-avatar-text:#12758d;
  --profile-ai-title:#1f3340;
  --profile-ai-sub:rgba(31,51,64,.58);
  --profile-ai-iconbtn-bg:rgba(31,51,64,.05);
  --profile-ai-iconbtn-hover:rgba(31,51,64,.09);
  --profile-ai-iconbtn-text:rgba(31,51,64,.64);
  --profile-ai-body-bg:#ffffff;
  --profile-ai-bot-bg:#edf8fb;
  --profile-ai-bot-border:rgba(29,127,160,.10);
  --profile-ai-bot-text:#1f3340;
  --profile-ai-me-bg:rgba(11,184,178,.10);
  --profile-ai-me-border:rgba(11,184,178,.16);
  --profile-ai-me-text:#1f3340;
  --profile-ai-chip-bg:#ffffff;
  --profile-ai-chip-border:rgba(29,127,160,.12);
  --profile-ai-chip-text:#1f3340;
  --profile-ai-chip-hover-bg:rgba(11,184,178,.08);
  --profile-ai-chip-hover-border:rgba(29,127,160,.20);
  --profile-ai-compose-bg:#ffffff;
  --profile-ai-compose-border:rgba(29,127,160,.10);
  --profile-ai-input-bg:#ffffff;
  --profile-ai-input-border:rgba(29,127,160,.14);
  --profile-ai-input-text:#1f3340;
  --profile-ai-input-placeholder:rgba(31,51,64,.44);
  --profile-ai-input-focus-border:rgba(29,127,160,.28);
  --profile-ai-input-focus-ring:rgba(29,127,160,.10);
  --profile-ai-send-bg:linear-gradient(135deg,#1d7fa0,#0bb8b2);
  --profile-ai-send-text:#ffffff;
  --profile-ai-foot-text:rgba(31,51,64,.60);
  --profile-ai-foot-link:#12758d;
  --profile-ai-typing:rgba(29,127,160,.28);
}

.theme-choice-carousel{
  position:relative;
}

.theme-choice-carousel::before,
.theme-choice-carousel::after{
  content:'';
  position:absolute;
  top:0;
  bottom:10px;
  width:32px;
  pointer-events:none;
  z-index:2;
  opacity:0;
  transition:opacity .18s ease;
}

.theme-choice-carousel::before{
  left:0;
  background:linear-gradient(90deg,#fff 10%,rgba(255,255,255,0));
}

.theme-choice-carousel::after{
  right:0;
  background:linear-gradient(270deg,#fff 10%,rgba(255,255,255,0));
}

.theme-choice-carousel.can-left::before{
  opacity:1;
}

.theme-choice-carousel.can-right::after{
  opacity:1;
}

.theme-scroll-arrow{
  position:absolute;
  top:50%;
  transform:translateY(calc(-50% - 5px));
  z-index:3;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#ffffff;
  color:#24324a;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
  transition:opacity .16s ease, transform .16s ease, box-shadow .16s ease;
}

.theme-scroll-arrow:hover{
  box-shadow:0 12px 26px rgba(0,0,0,.14);
}

.theme-scroll-arrow:focus{
  outline:none;
}

.theme-scroll-arrow.is-left{
  left:-6px;
}

.theme-scroll-arrow.is-right{
  right:-6px;
}

.theme-choice-carousel:not(.can-left) .theme-scroll-arrow.is-left,
.theme-choice-carousel:not(.can-right) .theme-scroll-arrow.is-right{
  opacity:0;
  pointer-events:none;
}

.theme-choice-grid{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 2px 10px;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}

.theme-choice-grid::-webkit-scrollbar{
  height:8px;
}

.theme-choice-grid::-webkit-scrollbar-track{
  background:rgba(0,0,0,.04);
  border-radius:999px;
}

.theme-choice-grid::-webkit-scrollbar-thumb{
  background:rgba(217,27,140,.24);
  border-radius:999px;
}

.theme-choice-grid::-webkit-scrollbar-thumb:hover{
  background:rgba(217,27,140,.38);
}

.theme-choice{
  position:relative;
  flex:0 0 220px;
  width:220px;
  max-width:220px;
  min-height:0;
  text-align:left;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background:#fff;
  padding:10px 12px;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
  cursor:pointer;
  overflow:hidden;
  scroll-snap-align:start;
}

.theme-choice:hover{
  border-color:rgba(0,0,0,.16);
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.06);
}

.theme-choice.is-selected{
  border-color:#d61a8d;
  box-shadow:0 0 0 2px rgba(214,26,141,.10);
}

.theme-choice.is-locked{
  opacity:.92;
}

.theme-choice-row{
  display:flex;
  align-items:center;
  gap:12px;
}

.theme-choice-meta{
  min-width:0;
  flex:1 1 auto;
}

.theme-choice-top{
  display:block;
}

.theme-choice-name{
  font-weight:800;
  color:#24324a;
  line-height:1.15;
  font-size:.98rem;
}

.theme-choice-desc{
  font-size:12px;
  color:rgba(0,0,0,.58);
  margin-top:3px;
  line-height:1.25;
}

.theme-choice-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin-top:7px;
}

.theme-selected-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#d61a8d;
  font-size:.95rem;
  line-height:1;
}

.theme-premium-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 8px;
  background:#fff7dc;
  color:#8a5b00;
  font-size:11px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  border:1px solid rgba(255,191,0,.22);
}

.theme-mini{
  width:76px;
  min-width:76px;
  height:62px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
  position:relative;
  flex:0 0 auto;
  margin-bottom:0;
}

.theme-mini-cover{
  height:22px;
}

.theme-mini-body{
  height:calc(100% - 22px);
  padding:6px 8px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:5px;
}

.theme-mini-avatar{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid #fff;
  background:#fff;
}

.theme-mini-pill{
  width:34px;
  height:7px;
  border-radius:999px;
}

.theme-mini-line{
  height:5px;
  border-radius:999px;
}

.theme-mini-line.is-long{ width:82%; }
.theme-mini-line.is-short{ width:48%; }

.theme-mini--default{
  background:#ffffff;
}
.theme-mini--default .theme-mini-cover{ background:linear-gradient(135deg,#f04ca4,#f4c14a); }
.theme-mini--default .theme-mini-body{ background:#f7f7fa; }
.theme-mini--default .theme-mini-pill{ background:#d61a8d; }
.theme-mini--default .theme-mini-line{ background:rgba(36,50,74,.16); }

.theme-mini--vibrant{
  background:#ffffff;
}
.theme-mini--vibrant .theme-mini-cover{ background:linear-gradient(135deg,#8f41e8,#ff4fa3); }
.theme-mini--vibrant .theme-mini-body{ background:#f7efff; }
.theme-mini--vibrant .theme-mini-pill{ background:#8f41e8; }
.theme-mini--vibrant .theme-mini-line{ background:rgba(46,33,67,.16); }

.theme-mini--dark{
  background:#11161d;
}
.theme-mini--dark .theme-mini-cover{ background:linear-gradient(135deg,#2d5cf6,#06b6d4); }
.theme-mini--dark .theme-mini-body{ background:#18202b; }
.theme-mini--dark .theme-mini-avatar{
  border-color:#11161d;
  background:#18202b;
}
.theme-mini--dark .theme-mini-pill{ background:#78d0ff; }
.theme-mini--dark .theme-mini-line{ background:rgba(255,255,255,.18); }


.theme-mini--graphite{
  background:#f0f3f6;
}
.theme-mini--graphite .theme-mini-cover{ background:linear-gradient(135deg,#7f8b98,#c79a67); }
.theme-mini--graphite .theme-mini-body{ background:#e8edf2; }
.theme-mini--graphite .theme-mini-avatar{
  border-color:#2f3944;
  background:#5f6c7c;
}
.theme-mini--graphite .theme-mini-pill{ background:#c79a67; }
.theme-mini--graphite .theme-mini-line{ background:rgba(39,49,59,.16); }

.theme-mini--light{
  background:#ffffff;
}
.theme-mini--light .theme-mini-cover{ background:linear-gradient(135deg,#9aa8ff,#6b87ff); }
.theme-mini--light .theme-mini-body{ background:#eef4ff; }
.theme-mini--light .theme-mini-pill{ background:#6b87ff; }
.theme-mini--light .theme-mini-line{ background:rgba(38,50,74,.14); }

.theme-mini--sunset{
  background:#fffdfb;
}
.theme-mini--sunset .theme-mini-cover{ background:linear-gradient(135deg,#ff8a3d,#ff4f81); }
.theme-mini--sunset .theme-mini-body{ background:#fff0e8; }
.theme-mini--sunset .theme-mini-pill{ background:#ff6b61; }
.theme-mini--sunset .theme-mini-line{ background:rgba(64,34,31,.14); }

.theme-mini--ocean{
  background:#ffffff;
}
.theme-mini--ocean .theme-mini-cover{ background:linear-gradient(135deg,#1d7fa0,#0bb8b2); }
.theme-mini--ocean .theme-mini-body{ background:#eaf5fb; }
.theme-mini--ocean .theme-mini-pill{ background:#12758d; }
.theme-mini--ocean .theme-mini-line{ background:rgba(31,51,64,.14); }

@media (max-width: 575.98px){
  .theme-scroll-arrow{
    width:34px;
    height:34px;
  }

  .theme-scroll-arrow.is-left{
    left:-2px;
  }

  .theme-scroll-arrow.is-right{
    right:-2px;
  }

  .theme-choice{
    flex:0 0 196px;
    width:196px;
    max-width:196px;
  }

  .theme-mini{
    width:68px;
    min-width:68px;
    height:58px;
  }

  .theme-choice-name{
    font-size:.95rem;
  }

  .theme-choice-desc{
    font-size:11.5px;
  }
}


.profileNotificationsModal .modal-content{
  border-radius:22px;
  overflow:hidden;
}

.profileNotificationsModal .post-content{
  padding:0 26px 26px;
  background:transparent;
}

.profileNotificationsModal .post-container{
  margin-bottom:0 !important;
  background:transparent;
  border:0;
  box-shadow:none;
}

.profileNotificationsModal h4{
  margin:0;
  text-align:center;
  font-weight:800;
  line-height:1.1;
}

.profileNotificationsModal hr{
  margin:1.1rem 0 1rem;
}

.profileNotificationsModal .list-group{
  margin-bottom:0;
  border:1px solid rgba(36,50,74,.12);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.profileNotificationsModal .list-group-item{
  padding:1.08rem 1.25rem;
  text-align:center;
  background:#f7f9fc;
  border-color:rgba(36,50,74,.12);
}

.profileNotificationsModal .list-group-item + .list-group-item{
  border-top-width:1px;
}

.profileNotificationsModal .list-group-item a{
  display:block;
  margin:-1.08rem -1.25rem;
  padding:1.08rem 1.25rem;
  text-align:center;
  font-weight:600;
  text-decoration:none !important;
}

.profileNotificationsModal .list-group-item a:hover,
.profileNotificationsModal .list-group-item a:focus{
  background:rgba(36,50,74,.03);
  text-decoration:none !important;
}

.profileNotificationsModal .close{
  margin:12px 14px 0 0 !important;
}

.profileNotificationsModal .close:focus,
.profileNotificationsModal .close span:focus{
  outline:none;
  box-shadow:none;
}

@media (max-width: 575.98px){
  .profileNotificationsModal .post-content{
    padding:0 16px 18px;
  }

  .profileNotificationsModal .list-group-item{
    padding:1rem .95rem;
  }

  .profileNotificationsModal .list-group-item a{
    margin:-1rem -.95rem;
    padding:1rem .95rem;
    font-size:.98rem;
  }
}

body[class*="profile-theme-"] .profileNotificationsModal .modal-content{
  background:var(--profile-surface) !important;
  color:var(--profile-text) !important;
  border:1px solid var(--profile-divider) !important;
  box-shadow:var(--profile-shadow);
}

body[class*="profile-theme-"] .profileNotificationsModal .post-content,
body[class*="profile-theme-"] .profileNotificationsModal .post-container{
  background:transparent !important;
  color:var(--profile-text) !important;
  border:0 !important;
  box-shadow:none !important;
}

body[class*="profile-theme-"] .profileNotificationsModal h4{
  color:var(--profile-text) !important;
}

body[class*="profile-theme-"] .profileNotificationsModal .list-group{
  background:transparent;
  border-color:var(--profile-divider);
}

body[class*="profile-theme-"] .profileNotificationsModal .list-group-item{
  background:var(--profile-surface-2) !important;
  border-color:var(--profile-divider) !important;
  color:var(--profile-text) !important;
}

body[class*="profile-theme-"] .profileNotificationsModal .list-group-item a{
  color:var(--profile-accent) !important;
}

body[class*="profile-theme-"] .profileNotificationsModal .list-group-item a:hover,
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item a:focus{
  background:var(--profile-surface) !important;
}


@media (max-width: 575.98px){

}

.navbar-mobile-actions{
	display:flex;
	align-items:center;
	gap:.2rem;
}
.mobile-nav-inline-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:.2rem .35rem !important;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	color:#fff !important;
	text-decoration:none !important;
}
.mobile-nav-inline-btn:hover,
.mobile-nav-inline-btn:focus{
	color:#fff !important;
	text-decoration:none !important;
	background:transparent !important;
	box-shadow:none !important;
	outline:none !important;
}
.mobile-nav-inline-btn i{
	font-size:1rem;
}
.mobile-nav-inline-btn.nav-link{
	margin:0;
}
.mobile-nav-inline-btn.btn{
	line-height:1;
}
@media (min-width: 992px){
	.navbar-mobile-actions{
		display:none!important;
	}
}


body[class*="profile-theme-"] .links-card .link-row.btn .link-title,
body[class*="profile-theme-"] .links-card .link-row.btn .resource-name,
body[class*="profile-theme-"] .links-card .link-row.btn .link-main,
body[class*="profile-theme-"] .links-card .link-row.btn .link-body,
body[class*="profile-theme-"] .links-card a.link-row .link-title,
body[class*="profile-theme-"] .links-card a.link-row .resource-name,
body[class*="profile-theme-"] .links-card a.link-row .link-main,
body[class*="profile-theme-"] .links-card a.link-row .link-body{
  color:var(--profile-link-card-text);
}

body[class*="profile-theme-"] .links-card .link-row.btn .link-description,
body[class*="profile-theme-"] .links-card a.link-row .link-description{
  color:var(--profile-link-card-muted);
}

body[class*="profile-theme-"] .links-card .link-row.btn:hover,
body[class*="profile-theme-"] .links-card .link-row.btn:focus,
body[class*="profile-theme-"] .links-card a.link-row:hover,
body[class*="profile-theme-"] .links-card a.link-row:focus,
body[class*="profile-theme-"] a.link-row.btn:hover,
body[class*="profile-theme-"] a.link-row.btn:focus{
  background:var(--profile-link-card-hover-bg);
  color:var(--profile-link-card-hover-text) !important;
  border-color:var(--profile-link-card-hover-border) !important;
  box-shadow:var(--profile-link-card-shadow);
  text-decoration:none !important;
  transform:translateY(-1px);
}

body[class*="profile-theme-"] .links-card .link-row.btn:hover .link-title,
body[class*="profile-theme-"] .links-card .link-row.btn:hover .resource-name,
body[class*="profile-theme-"] .links-card .link-row.btn:focus .link-title,
body[class*="profile-theme-"] .links-card .link-row.btn:focus .resource-name,
body[class*="profile-theme-"] .links-card a.link-row:hover .link-title,
body[class*="profile-theme-"] .links-card a.link-row:hover .resource-name,
body[class*="profile-theme-"] .links-card a.link-row:focus .link-title,
body[class*="profile-theme-"] .links-card a.link-row:focus .resource-name{
  color:var(--profile-link-card-hover-text);
}

body[class*="profile-theme-"] .links-card .link-row.btn:hover .link-description,
body[class*="profile-theme-"] .links-card .link-row.btn:focus .link-description,
body[class*="profile-theme-"] .links-card a.link-row:hover .link-description,
body[class*="profile-theme-"] .links-card a.link-row:focus .link-description{
  color:var(--profile-link-card-muted);
}

body[class*="profile-theme-"] .links-card .link-row.has-hero .link-hero,
body[class*="profile-theme-"] .links-card a.link-row.has-hero .link-hero{
  background:var(--profile-surface-2);
  border-bottom:1px solid var(--profile-link-card-border);
}


.sendMessageModal .modal-body{
  padding:1.25rem 1rem 1.5rem;
}

.sendMessageModal .post-content{
  padding:0 18px 18px;
  background:transparent !important;
}

.sendMessageModal .post-content > [class*="col-"]{
  padding-left:0;
  padding-right:0;
}

.sendMessageModal .post-container,
.sendMessageModal .post-content > [class*="col-"] > .post-container,
.sendMessageModal .post-content > [class*="col-"] > .card,
.sendMessageModal .post-content > [class*="col-"] > .border,
.sendMessageModal .post-content > [class*="col-"] > .rounded.border,
.sendMessageModal .post-content > [class*="col-"] > .rounded-lg.border{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.sendMessageModal .post-content > [class*="col-"] > .border,
.sendMessageModal .post-content > [class*="col-"] > .rounded.border,
.sendMessageModal .post-content > [class*="col-"] > .rounded-lg.border{
  border-radius:0 !important;
}

.sendMessageModal .post-content hr{
  display:none;
}

.sendMessageModal .post-content .form-control{
  margin-bottom:0;
}

@media (max-width: 575.98px){
  .sendMessageModal .post-content{
    padding:0 16px 16px;
  }
}

.notifications-featured-promo{
  position:relative;
  overflow:hidden;
}


body[class*="profile-theme-"]{
  --profile-notif-promo-bg:linear-gradient(160deg, var(--profile-surface-2), var(--profile-surface));
  --profile-notif-promo-border:var(--profile-divider);
  --profile-notif-promo-title:var(--profile-text);
  --profile-notif-promo-text:var(--profile-muted);
  --profile-notif-promo-icon-bg:var(--profile-action-bg);
  --profile-notif-promo-icon-text:var(--profile-accent);
  --profile-notif-promo-btn-bg:var(--profile-primary-bg);
  --profile-notif-promo-btn-hover-bg:var(--profile-primary-hover);
  --profile-notif-promo-btn-text:var(--profile-primary-text);
  --profile-notif-promo-btn-border:transparent;
  --profile-swipe-bg:var(--profile-surface);
  --profile-swipe-border:var(--profile-link-border);
  --profile-swipe-text:var(--profile-text);
  --profile-swipe-hover-bg:var(--profile-surface-2);
  --profile-swipe-hover-border:var(--profile-accent);
  --profile-swipe-shadow:0 12px 28px rgba(0,0,0,.14);
  --profile-link-card-bg:var(--profile-link-bg);
  --profile-link-card-border:var(--profile-link-border);
  --profile-link-card-text:var(--profile-link-text);
  --profile-link-card-muted:var(--profile-muted);
  --profile-link-card-hover-bg:var(--profile-surface-2);
  --profile-link-card-hover-border:var(--profile-accent);
  --profile-link-card-hover-text:var(--profile-link-text);
  --profile-link-card-shadow:0 14px 30px rgba(0,0,0,.12);
}

body[class*="profile-theme-"] .notifications-featured-promo{
  background:var(--profile-notif-promo-bg);
  border-color:var(--profile-notif-promo-border);
  box-shadow:0 12px 26px rgba(0,0,0,.10);
}

body[class*="profile-theme-"] .notifications-featured-promo__title{
  color:var(--profile-notif-promo-title);
}

body[class*="profile-theme-"] .notifications-featured-promo__text{
  color:var(--profile-notif-promo-text);
}

body[class*="profile-theme-"] .notifications-featured-promo__icon{
  background:var(--profile-notif-promo-icon-bg);
  color:var(--profile-notif-promo-icon-text);
}

body[class*="profile-theme-"] .notifications-featured-promo .btn,
body[class*="profile-theme-"] .notifications-featured-promo .btn.btn-primary,
body[class*="profile-theme-"] .notifications-featured-promo .btn.btn-dark,
body[class*="profile-theme-"] .notifications-featured-promo a.btn{
  background:var(--profile-notif-promo-btn-bg) !important;
  color:var(--profile-notif-promo-btn-text) !important;
  border-color:var(--profile-notif-promo-btn-border) !important;
  box-shadow:none !important;
}

body[class*="profile-theme-"] .notifications-featured-promo .btn:hover,
body[class*="profile-theme-"] .notifications-featured-promo .btn:focus,
body[class*="profile-theme-"] .notifications-featured-promo .btn.btn-primary:hover,
body[class*="profile-theme-"] .notifications-featured-promo .btn.btn-primary:focus,
body[class*="profile-theme-"] .notifications-featured-promo .btn.btn-dark:hover,
body[class*="profile-theme-"] .notifications-featured-promo .btn.btn-dark:focus,
body[class*="profile-theme-"] .notifications-featured-promo a.btn:hover,
body[class*="profile-theme-"] .notifications-featured-promo a.btn:focus{
  background:var(--profile-notif-promo-btn-hover-bg) !important;
  color:var(--profile-notif-promo-btn-text) !important;
  border-color:var(--profile-notif-promo-btn-border) !important;
  text-decoration:none !important;
}

body[class*="profile-theme-"] .swipe-chip{
  background:var(--profile-swipe-bg);
  color:var(--profile-swipe-text);
  border-color:var(--profile-swipe-border);
  box-shadow:var(--profile-swipe-shadow), 0 0 0 1px rgba(255,255,255,.10) inset;
  backdrop-filter:saturate(145%) blur(8px);
  -webkit-backdrop-filter:saturate(145%) blur(8px);
}

body[class*="profile-theme-"] .swipe-btn:hover .swipe-chip,
body[class*="profile-theme-"] .swipe-btn:focus .swipe-chip{
  background:var(--profile-swipe-hover-bg);
  color:var(--profile-swipe-text);
  border-color:var(--profile-swipe-hover-border);
}

.profile-has-cover .swipe-chip,
body[class*="profile-theme-"] .profile-has-cover .swipe-chip{
  background:rgba(10,14,22,.72);
  color:#fff;
  border-color:rgba(255,255,255,.78);
  box-shadow:0 16px 36px rgba(0,0,0,.34), 0 0 0 1px rgba(0,0,0,.18), 0 0 0 1px rgba(255,255,255,.10) inset;
  backdrop-filter:saturate(140%) blur(8px);
  -webkit-backdrop-filter:saturate(140%) blur(8px);
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}

.profile-has-cover .swipe-btn:hover .swipe-chip,
.profile-has-cover .swipe-btn:focus .swipe-chip{
  background:rgba(10,14,22,.84);
  color:#fff;
  border-color:#fff;
}

body[class*="profile-theme-"] .swipe-btn:focus-visible .swipe-chip{
  outline:3px solid var(--profile-accent);
  outline-offset:3px;
}

body[class*="profile-theme-"] .links-card .resource-type-badge{
  background:var(--profile-surface-2);
  color:var(--profile-accent);
}

body[class*="profile-theme-"] .links-card .link-row.btn,
body[class*="profile-theme-"] .links-card a.link-row,
body[class*="profile-theme-"] a.link-row.btn{
  background:var(--profile-link-card-bg);
  color:var(--profile-link-card-text) !important;
  border:1.5px solid var(--profile-link-card-border) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease, color .15s ease;
}

body[class*="profile-theme-"] .links-card .link-row.btn:hover,
body[class*="profile-theme-"] .links-card .link-row.btn:focus,
body[class*="profile-theme-"] .links-card .link-row.btn:active,
body[class*="profile-theme-"] .links-card .link-row.btn.active,
body[class*="profile-theme-"] .links-card a.link-row:hover,
body[class*="profile-theme-"] .links-card a.link-row:focus,
body[class*="profile-theme-"] .links-card a.link-row:active,
body[class*="profile-theme-"] a.link-row.btn:hover,
body[class*="profile-theme-"] a.link-row.btn:focus,
body[class*="profile-theme-"] a.link-row.btn:active{
  background:var(--profile-link-card-hover-bg) !important;
  color:var(--profile-link-card-hover-text) !important;
  border-color:var(--profile-link-card-hover-border) !important;
  box-shadow:var(--profile-link-card-shadow);
  transform:translateY(-1px);
  text-decoration:none !important;
}

body[class*="profile-theme-"] .links-card .link-row.btn:focus-visible,
body[class*="profile-theme-"] .links-card a.link-row:focus-visible,
body[class*="profile-theme-"] a.link-row.btn:focus-visible{
  outline:3px solid var(--profile-accent);
  outline-offset:3px;
}

body[class*="profile-theme-"] .links-card .link-row.btn .link-title,
body[class*="profile-theme-"] .links-card .link-row.btn .link-description,
body[class*="profile-theme-"] .links-card a.link-row .link-title,
body[class*="profile-theme-"] .links-card a.link-row .link-description,
body[class*="profile-theme-"] a.link-row.btn .link-title,
body[class*="profile-theme-"] a.link-row.btn .link-description{
  color:inherit !important;
}

body[class*="profile-theme-"] .links-card .link-row.btn .text-muted,
body[class*="profile-theme-"] .links-card a.link-row .text-muted,
body[class*="profile-theme-"] a.link-row.btn .text-muted{
  color:var(--profile-link-card-muted) !important;
}

body[class*="profile-theme-"] .links-card .link-row.has-hero{
  background:var(--profile-link-card-bg) !important;
  border-color:var(--profile-link-card-border) !important;
}

body[class*="profile-theme-"] .links-card .link-row.has-hero:hover,
body[class*="profile-theme-"] .links-card .link-row.has-hero:focus,
body[class*="profile-theme-"] .links-card .link-row.has-hero:active{
  background:var(--profile-link-card-hover-bg) !important;
  border-color:var(--profile-link-card-hover-border) !important;
}

body[class*="profile-theme-"] .links-card .link-row.has-hero .link-body{
  background:transparent;
}


.profileNotificationsModal .post-content{
  padding:0 18px 18px;
}
.profileNotificationsModal .post-content .col-md-12,
.profileNotificationsModal .post-content .col-sm-12{
  padding-left:0;
  padding-right:0;
}
.profileNotificationsModal .post-container{
  width:100%;
  max-width:none;
  margin:0 !important;
  padding:0 !important;
  background:transparent;
  border:0;
  box-shadow:none;
}
.profileNotificationsModal h4{
  margin-bottom:0;
}
.profileNotificationsModal hr{
  margin:12px 0 16px;
}
.profileNotificationsModal .list-group{
  width:100%;
  margin-bottom:0;
  border-radius:14px;
  overflow:hidden;
}
.profileNotificationsModal .list-group-item{
  padding:16px 18px;
  text-align:center;
}
.profileNotificationsModal .list-group-item a{
  display:block;
  margin:-16px -18px;
  padding:16px 18px;
  text-align:center;
  text-decoration:none;
}
.profileNotificationsModal .list-group-item + .list-group-item{
  margin-top:0;
}
.profileNotificationsModal .list-group-item:first-child{
  border-top-left-radius:14px;
  border-top-right-radius:14px;
}
.profileNotificationsModal .list-group-item:last-child{
  border-bottom-left-radius:14px;
  border-bottom-right-radius:14px;
}

body[class*="profile-theme-"] .profileNotificationsModal .post-content{
  padding:0 20px 20px;
}
body[class*="profile-theme-"] .profileNotificationsModal .post-container{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body[class*="profile-theme-"] .profileNotificationsModal .list-group{
  background:transparent;
}
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item{
  background:var(--profile-surface-2);
  border-color:var(--profile-divider);
}
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item + .list-group-item{
  border-top:1px solid var(--profile-divider);
}
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item a{
  color:var(--profile-accent);
}
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item:hover{
  background:var(--profile-surface);
}
body[class*="profile-theme-"] .profileNotificationsModal .list-group-item:hover a{
  color:var(--profile-accent);
  text-decoration:none;
}

@media (max-width: 575.98px){
  .profileNotificationsModal .post-content{
    padding:0 16px 16px;
  }
  body[class*="profile-theme-"] .profileNotificationsModal .post-content{
    padding:0 16px 16px;
  }
}

.notifications-featured-promo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  margin-top:16px;
  border:1px solid rgba(242,182,0,.22);
  border-radius:16px;
  background:#fff8ea;
  text-align:left;
  position:relative;
  overflow:hidden;
}
.notifications-featured-promo__left{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
.notifications-featured-promo__icon{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(242,182,0,.15);
  color:#b68100;
}
.notifications-featured-promo__title{
  font-weight:800;
  color:#2A2140;
  line-height:1.15;
  margin-bottom:4px;
}
.notifications-featured-promo__text{
  font-size:.88rem;
  color:#6c757d;
  line-height:1.4;
}
.notifications-featured-promo__right{
  flex-shrink:0;
}
.notifications-featured-promo .btn,
.notifications-featured-promo a.btn{
  border-radius:9999px;
  font-weight:800;
  white-space:nowrap;
}
@media (max-width: 575.98px){
  .notifications-featured-promo{
    flex-direction:column;
    align-items:stretch;
  }
  .notifications-featured-promo__right .btn{
    width:100%;
  }
}
.explore-shell{
  padding-top:2rem;
  padding-bottom:2.5rem;
}
.explore-hero-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:24px 22px;
  background:linear-gradient(135deg,#fff7fc 0%,#ffffff 52%,#fff9ef 100%);
  border:1px solid rgba(43,34,75,.08);
  box-shadow:0 10px 30px rgba(43,34,75,.06);
}
.explore-hero-card::after{
  content:"";
  position:absolute;
  right:-40px;
  top:-40px;
  width:160px;
  height:160px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(217,27,140,.10) 0%, rgba(217,27,140,0) 70%);
  pointer-events:none;
}
.explore-hero-wrap{
  display:flex;
  align-items:flex-start;
  gap:16px;
  position:relative;
  z-index:1;
}

.explore-hero-icon{
  width:56px;
  height:56px;
  min-width:56px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.3rem;
  background:rgba(217,27,140,.10);
  color:#b01874;
}
.explore-kicker{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:#8a6f86;
  margin-bottom:6px;
}
.explore-hero-title{
  margin:0;
  font-weight:900;
  color:#2A2140;
  line-height:1.1;
}
.explore-hero-text{
  margin:10px 0 0;
  color:#6c757d;
  line-height:1.55;
  max-width:760px;
}
.explore-search-card,
.explore-panel{
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(43,34,75,.08);
  box-shadow:0 8px 24px rgba(43,34,75,.05);
}
.explore-search-card{
  margin-top:16px;
  padding:18px;
}
.explore-search-label{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:#2A2140;
  margin-bottom:12px;
}
.explore-search-label span{
  width:38px;
  height:38px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(43,34,75,.06);
  color:#2A2140;
}
.explore-search-hint{
  font-size:.9rem;
  color:#6c757d;
  margin-top:8px;
}
.explore-panel{
  padding:20px;
  height:100%;
}
.explore-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  flex-wrap:nowrap;
}
.explore-panel__head-main{
  flex:1 1 auto;
  min-width:0;
}
.explore-panel__title{
  font-weight:900;
  color:#2A2140;
  line-height:1.1;
  margin-bottom:4px;
}
.explore-panel__sub{
  font-size:.92rem;
  color:#6c757d;
  line-height:1.45;
}
.explore-panel__icon{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(43,34,75,.06);
  color:#2A2140;
  flex:0 0 42px;
}
.explore-hashtag-head{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.explore-hashtag-head__left{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}
.explore-hashtag-head__icon{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(99, 102, 241, .12);
}
.explore-hashtag-head__text{
  min-width:0;
}
.explore-leaderboard-stat{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff7e7;
  color:#8d6500;
  font-weight:800;
  font-size:.85rem;
  margin-bottom:14px;
}
.explore-leaderboard-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:16px;
}
.explore-leaderboard-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 12px;
  border-radius:16px;
  border:1px solid rgba(43,34,75,.06);
  background:rgba(0,0,0,.02);
}
.explore-leaderboard-item__icon{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#2A2140;
}
.explore-leaderboard-item__title{
  font-weight:800;
  color:#2A2140;
  line-height:1.15;
}
.explore-leaderboard-item__sub{
  margin-top:3px;
  font-size:.88rem;
  color:#6c757d;
  line-height:1.4;
}
.explore-section{
  margin-top:22px;
}
.explore-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.explore-section__title{
  margin:0;
  font-weight:900;
  color:#2A2140;
  line-height:1.1;
}
.explore-section__sub{
  margin-top:5px;
  color:#6c757d;
  font-size:.95rem;
}
.explore-active-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}
.explore-user-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:12px;
  height:100%;
  background:#fff;
  border:1px solid rgba(43,34,75,.08);
  border-radius:20px;
  padding:18px 16px;
  box-shadow:0 8px 22px rgba(43,34,75,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.explore-user-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(43,34,75,.08);
  border-color:rgba(217,27,140,.16);
}
.explore-user-card .profile-tiles-item{
  margin:0 auto;
}
.explore-user-card .profile-tiles-username{
  display:block !important;
  color:#2A2140;
  font-weight:900;
}
.explore-user-bio{
  color:#4f5562;
  line-height:1.5;
  font-size:.92rem;
  min-height:48px;
  max-width:100%;
}
.explore-user-bio a{
  color:#d91b8c;
  font-weight:800;
  text-decoration:none;
}
.explore-user-bio a:hover{
  text-decoration:underline;
}
.explore-cta-row{
  margin-top: 0px;
  display:flex;
  gap: 8px;
  justify-content:center;
}
.explore-cta-row .btn{
  border-radius:9999px;
  font-weight:900;
  padding: .55rem .85rem;
}
.explore-empty{
  border-radius:20px;
  background:#fff;
  border:1px dashed rgba(43,34,75,.16);
  padding:22px;
  text-align:center;
  color:#6c757d;
}
@media (max-width: 991.98px){
  .explore-active-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px){
  .explore-shell{
    padding-top:1.25rem;
  }
  .explore-hero-card{
    padding:20px 18px;
  }
  .explore-hero-wrap{
    gap:14px;
  }
  .explore-hero-icon{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:16px;
    font-size:1.1rem;
  }
  .explore-hero-title{
    font-size:2.35rem;
    line-height:1.02;
  }
  .explore-hero-text{
    margin-top:8px;
    max-width:none;
  }
  .explore-section__head{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 575.98px){
  .explore-hero-card{
    padding:18px 16px;
  }
  .explore-hero-wrap{
    gap:12px;
    align-items:flex-start;
  }
  .explore-hero-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:15px;
    font-size:1rem;
  }
  .explore-kicker{
    font-size:.72rem;
    margin-bottom:4px;
  }
  .explore-hero-title{
    font-size:2.1rem;
    line-height:1.01;
  }
  .explore-hero-text{
    font-size:1rem;
    line-height:1.48;
  }
  .explore-search-card,
  .explore-panel{
    padding:16px;
  }
  .explore-active-grid{
    grid-template-columns:1fr;
  }
  .explore-hashtag-head{
    gap:10px;
  }
}
.explore-hero-content{
  flex:1 1 auto;
  min-width:0;
}
.explore-lock-card{
  padding:22px;
}
.explore-lock-progress{
  border:1px solid rgba(43,34,75,.08);
  border-radius:20px;
  background:rgba(43,34,75,.02);
  padding:16px 16px 14px;
  margin-bottom:16px;
}
.explore-lock-progress__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.explore-lock-progress__title{
  font-weight:900;
  color:#2A2140;
  line-height:1.1;
}
.explore-lock-progress__pct{
  font-weight:900;
  color:#2A2140;
  line-height:1;
}
.explore-lock-progress__bar{
  height:10px;
  border-radius:999px;
  background:rgba(43,34,75,.08);
  overflow:hidden;
}
.explore-lock-progress__fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #d91b8c 0%, #f4c44f 100%);
}
.explore-lock-progress__sub{
  margin-top:12px;
  color:#6c757d;
  line-height:1.45;
}
.explore-lock-list{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:18px;
}
.explore-lock-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(43,34,75,.08);
  background:#fff;
}
.explore-lock-item__label{
  font-weight:900;
  color:#2A2140;
  line-height:1.2;
}
.explore-lock-item__state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  padding:6px 12px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:800;
  line-height:1;
}
.explore-lock-item__state--done{
  background:rgba(40,167,69,.12);
  color:#1f8a3c;
}
.explore-lock-item__state--pending{
  background:rgba(43,34,75,.08);
  color:#6c757d;
}
.explore-lock-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.explore-lock-note{
  margin-top:16px;
  color:#6c757d;
  line-height:1.45;
}


.explore-recent-wrap{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  margin-top:16px;
  margin-bottom:16px;
  background:linear-gradient(0deg, rgba(191,34,149,.08), rgba(217,27,140,.06));
  border:1px solid rgba(217,27,140,.10);
  box-shadow:0 10px 24px rgba(43,34,75,.05);
}

.explore-recent-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px 4px 16px;
}

.explore-recent-title-wrap{
  min-width:0;
}

.explore-recent-title{
  margin:0;
  color:#2A2140;
  font-size:.96rem;
  font-weight:900;
  letter-spacing:.1px;
  line-height:1.15;
}

.explore-recent-subtitle{
  color:#5a4e73;
  font-size:.82rem;
  line-height:1.25;
  margin-top:.18rem;
}

.explore-recent-strip{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:12px 52px 16px 52px;
  overflow-x:auto;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.explore-recent-strip::-webkit-scrollbar{
  display:none;
}

.explore-recent-tile{
  width:88px;
  flex:0 0 auto;
  text-align:center;
}

.explore-recent-link{
  display:block;
  text-decoration:none !important;
  color:inherit;
  border-radius:14px;
  padding:6px 4px;
  transition:transform .15s ease, box-shadow .15s ease;
  will-change:transform;
}

.explore-recent-link:hover,
.explore-recent-link:focus{
  text-decoration:none !important;
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.explore-recent-link:focus-visible{
  outline:3px solid #FFD166;
  outline-offset:3px;
}

.explore-recent-ring{
  width:72px;
  height:72px;
  border-radius:9999px;
  padding:2px;
  margin:0 auto;
  background:#fff;
  position:relative;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
}

.explore-recent-ring img{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
  display:block;
  position:relative;
  z-index:1;
}

.explore-recent-name{
  font-size:.78rem;
  margin-top:.4rem;
  color:#2A2140;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.explore-recent-online{
  position:absolute;
  top:4px;
  right:4px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#27ae60;
  box-shadow:0 0 0 2px #fff;
  z-index:2;
  pointer-events:none;
}

.explore-recent-premium{
  position:absolute;
  bottom:4px;
  left:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  color:#BF2295;
  border:2px solid #f4d1ec;
  font-size:.55rem;
  line-height:1;
  box-shadow:0 2px 4px rgba(0,0,0,.12);
  z-index:2;
  pointer-events:none;
}

.explore-recent-vip{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-6px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#FFD166;
  color:#2A2140;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.65rem;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  z-index:2;
  pointer-events:none;
}

.explore-recent-arrow{
  position:absolute;
  top:58%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  border:0;
  background:rgba(0,0,0,.52);
  color:#fff;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:5;
  cursor:pointer;
}

.explore-recent-arrow:hover{
  background:rgba(0,0,0,.68);
}

.explore-recent-prev{
  left:10px;
}

.explore-recent-next{
  right:10px;
}

.explore-recent-empty{
  margin:12px 16px 16px;
  background:#fff;
  border:1px dashed #F4CBE7;
  border-radius:14px;
  padding:14px 16px;
  text-align:center;
  color:#5a4e73;
  font-size:.9rem;
}


.explore-discovery-row{
  align-items:flex-start;
}

@media (min-width: 992px){
  .explore-discovery-row{
    align-items:stretch;
  }

  .explore-discovery-row > [class*="col-"]{
    display:flex;
  }

  .explore-discovery-row .explore-panel{
    width:100%;
    height:100% !important;
    display:flex;
    flex-direction:column;
  }
}


.explore-top-leaderboard-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:14px 0 16px;
}

.explore-top-leaderboard-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(43,34,75,.08);
  background:#fff;
  color:#2A2140;
  text-decoration:none !important;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.explore-top-leaderboard-item:hover,
.explore-top-leaderboard-item:focus{
  color:#2A2140;
  text-decoration:none !important;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(43,34,75,.08);
  border-color:rgba(217,27,140,.18);
}

.explore-top-rank{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-weight:900;
  color:#2A2140;
  background:#fff3c4;
  border:1px solid rgba(244,196,79,.45);
}

.explore-top-rank--1{
  background:linear-gradient(160deg, #fff6c9, #ffd166);
  box-shadow:0 6px 16px rgba(255,209,102,.25);
}

.explore-top-avatar-shell{
  flex:0 0 auto;
  width:54px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.explore-top-ring{
  width:48px;
  height:48px;
  box-shadow:0 2px 6px rgba(0,0,0,.14);
}

.explore-top-ring .explore-recent-online{
  top:1px;
  right:1px;
  width:11px;
  height:11px;
}

.explore-top-ring .explore-recent-premium{
  bottom:1px;
  left:1px;
  width:15px;
  height:15px;
  font-size:.5rem;
}

.explore-top-ring .explore-recent-vip{
  bottom:-6px;
  width:15px;
  height:15px;
  font-size:.58rem;
}

.explore-top-copy{
  min-width:0;
  flex:1 1 auto;
}

.explore-top-name{
  display:flex;
  align-items:center;
  gap:6px;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.explore-top-name span{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.explore-top-meta{
  margin-top:3px;
  color:#6c757d;
  font-size:.82rem;
  line-height:1.2;
}

.explore-top-icons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
  color:#6c757d;
}

.explore-top-empty{
  margin:14px 0 16px;
  border-radius:16px;
  background:rgba(43,34,75,.03);
  border:1px dashed rgba(43,34,75,.14);
  padding:14px;
}


.explore-hashtag-helper{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}

.explore-hashtag-helper__item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  border-radius:16px;
  background:rgba(217,27,140,.045);
  border:1px solid rgba(217,27,140,.08);
  padding:12px;
}

.explore-hashtag-helper__icon{
  width:30px;
  height:30px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#fff;
  color:var(--bp-pink);
  box-shadow:0 4px 12px rgba(43,34,75,.06);
}

.explore-hashtag-helper__title{
  color:#2A2140;
  font-weight:900;
  font-size:.86rem;
  line-height:1.15;
}

.explore-hashtag-helper__sub{
  color:#6c757d;
  font-size:.78rem;
  line-height:1.3;
  margin-top:2px;
}


.explore-joined-section{
  margin-top:2rem;
}

.explore-joined-head{
  margin-bottom:12px;
}

.explore-joined-title{
  margin:0;
  color:#2A2140;
  font-weight:900;
  font-size:1.05rem;
  line-height:1.15;
}

.explore-joined-sub{
  color:#6c757d;
  font-size:.9rem;
  line-height:1.35;
  margin-top:.25rem;
}

.explore-joined-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.explore-joined-card{
  background:#fff;
  border:1px solid rgba(43,34,75,.08);
  border-radius:20px;
  padding:16px;
  box-shadow:0 10px 24px rgba(43,34,75,.05);
  text-align:center;
}

.explore-joined-bio{
  margin:12px auto 0;
  color:#5a4e73;
  font-size:.9rem;
  line-height:1.4;
  max-width:280px;
}

.explore-joined-bio a{
  color:var(--bp-pink);
  font-weight:700;
}

.explore-joined-cta{
  margin-top:12px;
}

.explore-joined-cta .btn{
  border-radius:999px;
  padding:.35rem .9rem;
  font-size:.82rem;
  font-weight:800;
}

.explore-joined-empty{
  background:#fff;
  border:1px dashed #F4CBE7;
  border-radius:18px;
  padding:18px;
  color:#5a4e73;
  text-align:center;
}

@media (prefers-reduced-motion: reduce){
  .explore-recent-link,
  .explore-top-leaderboard-item{
    transition:none;
  }
}

@media (max-width: 991.98px){
  .explore-joined-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .explore-hashtag-helper{
    grid-template-columns:1fr;
  }
}

@media (max-width: 575.98px){
  .explore-lock-card{
    padding:18px;
  }
  .explore-lock-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .explore-lock-actions .btn{
    width:100%;
  }

  .explore-recent-head{
    align-items:flex-start;
  }

  .explore-recent-strip{
    padding-left:16px;
    padding-right:16px;
  }

  .explore-recent-tile{
    width:80px;
  }

  .explore-recent-ring{
    width:66px;
    height:66px;
  }

  .explore-top-ring{
    width:44px;
    height:44px;
  }

  .explore-recent-arrow{
    display:none !important;
  }

  .explore-top-leaderboard-item{
    gap:10px;
    padding:10px;
  }

  .explore-top-rank{
    width:32px;
    height:32px;
    border-radius:10px;
  }

  .explore-top-avatar-shell{
    width:48px;
  }

  .explore-top-icons{
    display:none;
  }

  .explore-joined-grid{
    grid-template-columns:1fr;
  }
}
.dashboard-tool-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  margin-top:14px;
  border:1px solid rgba(43,34,75,.10);
  border-radius:18px;
  background:#fcfbff;
}
.dashboard-tool-strip__left{
  display:flex;
  align-items:flex-start;
  min-width:0;
  gap:12px;
}
.dashboard-tool-strip__icon{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(43,34,75,.06);
  color:#2A2140;
}
.dashboard-tool-strip__title{
  font-weight:800;
  color:#2A2140;
  line-height:1.15;
}
.dashboard-tool-strip__sub{
  font-size:.88rem;
  color:#6c757d;
  line-height:1.35;
  margin-top:3px;
}
.dashboard-tool-strip__right{
  flex-shrink:0;
}
.dashboard-side-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.dashboard-side-card__intro{
  font-size:.92rem;
  color:#6c757d;
  line-height:1.45;
  margin-bottom:14px;
}
.dashboard-setup-box{
  border:1px solid rgba(43,34,75,.10);
  border-radius:18px;
  background:#fcfbff;
  padding:14px 15px;
}
.dashboard-setup-box__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.dashboard-setup-box__title{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#6c757d;
  font-weight:800;
}
.dashboard-setup-box__pct{
  font-size:.82rem;
  font-weight:800;
  color:#2A2140;
}
.dashboard-setup-list{
  margin:12px 0 0;
  padding:0;
  list-style:none;
}
.dashboard-setup-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(0,0,0,.05);
}
.dashboard-setup-item:last-child{
  border-bottom:none;
}
.dashboard-setup-item__label{
  font-weight:700;
  color:#2A2140;
  font-size:.92rem;
}
.dashboard-setup-item__state{
  font-size:.76rem;
  font-weight:800;
  border-radius:999px;
  padding:4px 9px;
  line-height:1;
}
.dashboard-setup-item__state--done{
  background:rgba(40,167,69,.12);
  color:#1f8a3c;
}
.dashboard-setup-item__state--todo{
  background:rgba(108,117,125,.12);
  color:#5f6870;
}
.dashboard-unlock-title{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#6c757d;
  font-weight:800;
  margin:14px 0 10px;
}
.dashboard-unlock-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.dashboard-lock-card{
  border:1px solid rgba(43,34,75,.08);
  border-radius:16px;
  background:#fafafa;
  padding:13px 14px;
  opacity:.78;
}
.dashboard-lock-card__top{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  color:#2A2140;
  margin-bottom:5px;
  flex-wrap:wrap;
}
.dashboard-lock-card__top i{
  color:#6c757d;
}
.dashboard-lock-card__sub{
  font-size:.87rem;
  color:#6c757d;
  line-height:1.4;
}
.dashboard-lock-card__hint{
  font-size:.8rem;
  color:#8b94a0;
  margin-top:6px;
  font-weight:700;
}
.dashboard-growth-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.dashboard-growth-panel{
  border-radius:18px;
  padding:15px;
  border:1px solid rgba(43,34,75,.08);
  background:#fff;
}
.dashboard-growth-panel--credits{
  background:linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  border-color:rgba(54,162,235,.14);
}
.dashboard-growth-panel--featured{
  background:linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
  border-color:rgba(242,182,0,.20);
}
.dashboard-growth-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.dashboard-growth-panel__title{
  font-weight:900;
  color:#2A2140;
  line-height:1.15;
}
.dashboard-growth-panel__sub{
  font-size:.9rem;
  color:#6c757d;
  line-height:1.45;
  margin-bottom:12px;
}
.dashboard-growth-progress{
  height:10px;
  border-radius:999px;
  background:rgba(43,34,75,.08);
  overflow:hidden;
}
.dashboard-growth-progress__bar{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #d91b8c 0%, #ffbf00 100%);
}
.dashboard-growth-progress__bar--locked{
  background:linear-gradient(90deg, rgba(217,27,140,.22) 0%, rgba(255,191,0,.22) 100%);
}
.dashboard-growth-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  font-size:.82rem;
  color:#6c757d;
}
.dashboard-growth-reward{
  font-weight:800;
  color:#2A2140;
}
.dashboard-status-box{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.08);
}
.dashboard-status-title{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#6c757d;
  font-weight:800;
  margin-bottom:8px;
}
.dashboard-status-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.dashboard-status-row:last-child{
  border-bottom:none;
}
.dashboard-status-row__label{
  font-size:.9rem;
  font-weight:700;
  color:#2A2140;
}
.dashboard-side-footer{
  margin-top:auto;
}
.dashboard-side-note{
  font-size:.86rem;
  color:#6c757d;
  line-height:1.4;
}
.dashboard-setup-complete-note{
  font-size:.82rem;
  color:#6c757d;
  margin-top:10px;
}
.dashboard-badge-premium{
  background:rgba(217,27,140,.12);
  color:#a2166f;
}
.dashboard-mini-badge-premium{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:rgba(217,27,140,.10);
  color:#a2166f;
  border-radius:999px;
  padding:3px 8px;
  font-size:.68rem;
  font-weight:800;
  line-height:1;
}
@media (max-width: 575.98px){
  .dashboard-tool-strip{
    flex-direction:column;
    align-items:stretch;
  }
  .dashboard-tool-strip__right{
    width:100%;
  }
  .dashboard-tool-strip__right .btn{
    width:100%;
  }
}
.dashboard-focus-card{
  margin-top:18px;
  padding:16px 16px 14px;
  border:1px solid rgba(43,34,75,.10);
  border-radius:20px;
  background:linear-gradient(180deg, #fff9fc 0%, #ffffff 100%);
  box-shadow:0 8px 22px rgba(43,34,75,.04);
}
.dashboard-focus-card__head{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.dashboard-focus-card__icon{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(217,27,140,.10);
  color:#d91b8c;
  font-size:.95rem;
}
.dashboard-focus-card__title{
  font-weight:900;
  color:#2A2140;
  line-height:1.15;
  margin-bottom:3px;
}
.dashboard-focus-card__sub{
  font-size:.9rem;
  color:#6c757d;
  line-height:1.45;
}
.dashboard-focus-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:14px;
}
.dashboard-focus-mini{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 11px;
  border-radius:16px;
  border:1px solid rgba(43,34,75,.07);
  background:rgba(255,255,255,.82);
}
.dashboard-focus-mini__icon{
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(43,34,75,.06);
  color:#2A2140;
  font-size:.85rem;
}
.dashboard-focus-mini__title{
  font-size:.88rem;
  font-weight:800;
  color:#2A2140;
  line-height:1.2;
  margin-bottom:2px;
}
.dashboard-focus-mini__sub{
  font-size:.8rem;
  color:#6c757d;
  line-height:1.35;
}
.dashboard-focus-card__cta{
  margin-top:14px;
}
.dashboard-focus-card__footnote{
  margin-top:10px;
  font-size:.82rem;
  color:#6c757d;
  line-height:1.35;
  text-align:center;
}
@media (max-width: 575.98px){
  .dashboard-focus-mini-grid{
    grid-template-columns:1fr;
  }
}
body.bp-cookie-notice-open{
	padding-bottom:0;
}
body.bp-cookie-notice-open .copyright{
	padding-bottom:calc(1.5rem + 96px) !important;
}
.bp-cookie-notice{
	position:fixed;
	left:16px;
	right:16px;
	bottom:16px;
	z-index:1085;
	display:none;
	pointer-events:none;
}
.bp-cookie-notice.is-visible{
	display:block;
}
.bp-cookie-notice__card{
	max-width:720px;
	margin:0 auto;
	background:rgba(23, 16, 39, 0.94);
	color:#fff;
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	box-shadow:0 18px 40px rgba(0,0,0,.22);
	padding:14px 16px;
	pointer-events:auto;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}
.bp-cookie-notice__inner{
	display:flex;
	align-items:center;
	gap:14px;
}
.bp-cookie-notice__icon{
	width:40px;
	height:40px;
	min-width:40px;
	border-radius:12px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:rgba(255,255,255,.10);
	color:#ffd257;
	font-size:1rem;
	flex:0 0 40px;
}
.bp-cookie-notice__content{
	min-width:0;
	flex:1 1 auto;
}
.bp-cookie-notice__title{
	font-weight:800;
	font-size:.95rem;
	line-height:1.1;
	margin-bottom:4px;
	color:#fff;
}
.bp-cookie-notice__text{
	font-size:.9rem;
	line-height:1.45;
	color:rgba(255,255,255,.84);
}
.bp-cookie-notice__text a{
	color:#fff;
	font-weight:800;
	text-decoration:underline;
}
.bp-cookie-notice__actions{
	display:flex;
	align-items:center;
	gap:8px;
	flex-shrink:0;
}
.bp-cookie-notice__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:0 18px;
	border-radius:999px;
	font-weight:800;
	font-size:.9rem;
	line-height:1;
	text-decoration:none !important;
	border:none;
	cursor:pointer;
	transition:transform .15s ease, opacity .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.bp-cookie-notice__btn:hover{
	transform:translateY(-1px);
}
.bp-cookie-notice__btn--primary{
	background:#ffd257;
	color:#2A2140;
}
.bp-cookie-notice__btn--primary:hover{
	background:#ffcc40;
}
@media (max-width: 767.98px){
	body.bp-cookie-notice-open{
		padding-bottom:0;
	}
	body.bp-cookie-notice-open .copyright{
		padding-bottom:calc(1.5rem + 112px) !important;
	}
	.bp-cookie-notice__inner{
		display:grid;
		grid-template-columns:40px minmax(0, 1fr);
		grid-template-areas:
			"icon content"
			"actions actions";
		column-gap:12px;
		row-gap:12px;
		align-items:start;
	}
	.bp-cookie-notice__icon{
		grid-area:icon;
	}
	.bp-cookie-notice__content{
		grid-area:content;
	}
	.bp-cookie-notice__actions{
		grid-area:actions;
		width:100%;
	}
	.bp-cookie-notice__btn{
		width:100%;
	}
}
@media (max-width: 575.98px){
	body.bp-cookie-notice-open{
		padding-bottom:0;
	}
	body.bp-cookie-notice-open .copyright{
		padding-bottom:calc(1.5rem + 116px) !important;
	}
	.bp-cookie-notice{
		left:10px;
		right:10px;
		bottom:10px;
	}
	.bp-cookie-notice__card{
		padding:12px;
		border-radius:16px;
	}
	.bp-cookie-notice__inner{
		column-gap:10px;
		row-gap:10px;
	}
	.bp-cookie-notice__title{
		font-size:.93rem;
		margin-bottom:3px;
	}
	.bp-cookie-notice__text{
		font-size:.85rem;
		line-height:1.4;
	}
	.bp-cookie-notice__btn{
		min-height:42px;
	}
}
.logx-password-field{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "label forgot"
    "input input";
  gap:7px 10px;
}
.logx-password-field .logx-label{
  grid-area:label;
  margin:0;
}
.logx-password-field .logx-input{
  grid-area:input;
}
.logx-password-field .logx-forgot{
  grid-area:forgot;
  align-self:center;
}

@media (max-width: 575.98px){
  .logx-password-field{
    grid-template-columns:1fr;
    grid-template-areas:
      "label"
      "input"
      "forgot";
  }
}


body[class*="profile-theme-"] .minimal-footer-cta{
  --mfc-pink: var(--profile-accent, var(--bp-pink, #D91B8C));
  --mfc-magenta: var(--profile-accent, var(--bp-magenta, #BF2295));
  --mfc-purple: var(--profile-text, var(--bp-purple, #40266E));
  --mfc-ink: var(--profile-text, var(--bp-ink, #2A2140));
  --mfc-cream: var(--profile-action-bg, var(--bp-cream, #FFD166));
  --mfc-white: var(--profile-surface, #fff);
  --mfc-muted: var(--profile-muted, rgba(42,33,64,.68));

  color:var(--profile-text) !important;
  background:transparent !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-shell{
  max-width:780px;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-card{
  background:var(--profile-surface) !important;
  border-color:var(--profile-divider) !important;
  color:var(--profile-text) !important;
  box-shadow:var(--profile-shadow) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-card:before{
  opacity:.82 !important;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--profile-action-bg, var(--profile-accent)) 32%, transparent), transparent 34%),
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--profile-accent) 18%, transparent), transparent 30%),
    linear-gradient(135deg, color-mix(in srgb, var(--profile-surface-2) 74%, transparent), transparent 62%) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-inner,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-grid,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-soft-row{
  position:relative;
  z-index:1;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-title,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-pill-link,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-step-title,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual > div:nth-child(2){
  color:var(--profile-text) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-text,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-sub,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-soft-note{
  color:var(--profile-muted) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-join,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-pill-icon,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-mini-chip i,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-step-icon,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-soft-icon,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-soft-note i{
  color:var(--profile-accent) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-kicker{
  background:var(--profile-surface-2) !important;
  color:var(--profile-accent) !important;
  border:1px solid var(--profile-divider) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-pill,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-mini-chip,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-step,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-soft-icon{
  background:var(--profile-surface-2) !important;
  border-color:var(--profile-divider) !important;
  color:var(--profile-text) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.06) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-step-icon{
  background:color-mix(in srgb, var(--profile-accent) 12%, var(--profile-surface)) !important;
  border:1px solid color-mix(in srgb, var(--profile-accent) 16%, transparent) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-btn-primary{
  background:var(--profile-primary-bg, var(--profile-views-bg)) !important;
  color:var(--profile-primary-text, #fff) !important;
  border-color:color-mix(in srgb, var(--profile-accent) 22%, transparent) !important;
  box-shadow:var(--profile-primary-shadow, 0 12px 26px rgba(0,0,0,.16)) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-btn-primary:hover,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-btn-primary:focus{
  background:var(--profile-primary-hover, var(--profile-primary-bg, var(--profile-views-bg))) !important;
  color:var(--profile-primary-text, #fff) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual{
  background:var(--profile-highlight-bg, var(--profile-primary-bg, var(--profile-views-bg))) !important;
  color:var(--profile-primary-text, #fff) !important;
  border:1px solid color-mix(in srgb, var(--profile-accent) 24%, transparent) !important;
  box-shadow:var(--profile-primary-shadow, 0 16px 34px rgba(0,0,0,.16)) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual:hover,
body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual:focus{
  color:var(--profile-primary-text, #fff) !important;
  background:var(--profile-primary-hover, var(--profile-highlight-bg, var(--profile-primary-bg, var(--profile-views-bg)))) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual > div:nth-child(2){
  color:var(--profile-primary-text, #fff) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-avatar{
  background:color-mix(in srgb, var(--profile-surface) 94%, white) !important;
  color:var(--profile-accent) !important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--profile-primary-text, #fff) 20%, transparent) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-url{
  background:color-mix(in srgb, var(--profile-primary-text, #fff) 18%, transparent) !important;
  color:var(--profile-primary-text, #fff) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta.mfc-fast .mfc-card{
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--profile-action-bg, var(--profile-surface-2)) 42%, var(--profile-surface)) 0%,
    var(--profile-surface) 52%,
    color-mix(in srgb, var(--profile-accent) 10%, var(--profile-surface)) 100%) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta.mfc-soft .mfc-card{
  background:color-mix(in srgb, var(--profile-surface) 92%, var(--profile-surface-2)) !important;
}

body[class*="profile-theme-"] .minimal-footer-cta.mfc-soft .mfc-kicker{
  background:color-mix(in srgb, var(--profile-surface-2) 78%, transparent) !important;
  color:var(--profile-muted) !important;
}


body.profile-theme-dark .minimal-footer-cta .mfc-card,
body.profile-theme-graphite .minimal-footer-cta .mfc-card{
  background:color-mix(in srgb, var(--profile-surface) 90%, #000) !important;
  border-color:color-mix(in srgb, var(--profile-divider) 72%, rgba(255,255,255,.18)) !important;
}

body.profile-theme-dark .minimal-footer-cta .mfc-card:before,
body.profile-theme-graphite .minimal-footer-cta .mfc-card:before{
  opacity:.55 !important;
}

body.profile-theme-dark .minimal-footer-cta .mfc-pill,
body.profile-theme-dark .minimal-footer-cta .mfc-mini-chip,
body.profile-theme-dark .minimal-footer-cta .mfc-step,
body.profile-theme-dark .minimal-footer-cta .mfc-soft-icon,
body.profile-theme-graphite .minimal-footer-cta .mfc-pill,
body.profile-theme-graphite .minimal-footer-cta .mfc-mini-chip,
body.profile-theme-graphite .minimal-footer-cta .mfc-step,
body.profile-theme-graphite .minimal-footer-cta .mfc-soft-icon{
  background:color-mix(in srgb, var(--profile-surface-2) 82%, #000) !important;
  border-color:rgba(255,255,255,.11) !important;
  box-shadow:none !important;
}

body.profile-theme-dark .minimal-footer-cta .mfc-growth-avatar,
body.profile-theme-graphite .minimal-footer-cta .mfc-growth-avatar{
  background:rgba(255,255,255,.92) !important;
}

@media (max-width: 767.98px){
  body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual{
    background:color-mix(in srgb, var(--profile-surface-2) 72%, var(--profile-surface)) !important;
    border-color:var(--profile-divider) !important;
    box-shadow:0 8px 20px rgba(0,0,0,.07) !important;
    color:var(--profile-text) !important;
  }

  body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual:hover,
  body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual:focus,
  body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-visual > div:nth-child(2){
    color:var(--profile-text) !important;
  }

  body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-avatar{
    background:color-mix(in srgb, var(--profile-accent) 12%, var(--profile-surface)) !important;
    color:var(--profile-accent) !important;
    box-shadow:none !important;
  }

  body[class*="profile-theme-"] .minimal-footer-cta .mfc-growth-url{
    background:color-mix(in srgb, var(--profile-accent) 12%, var(--profile-surface)) !important;
    color:var(--profile-accent) !important;
  }
}

.bp-profile-shell{
  --bp-profile-ink: var(--bp-ink, #2A2140);
  --bp-profile-pink: var(--bp-pink, #D91B8C);
  --bp-profile-magenta: var(--bp-magenta, #BF2295);
  --bp-profile-cream: var(--bp-cream, #FFD166);
  --bp-profile-border: rgba(42,33,64,.10);
  --bp-profile-muted: rgba(42,33,64,.66);
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, rgba(255,209,102,.16), transparent 30%),
    radial-gradient(circle at 92% 2%, rgba(217,27,140,.11), transparent 34%),
    rgba(255,255,255,.94);
  --bp-profile-card-shadow: 0 26px 60px rgba(42,33,64,.14);
  --bp-profile-section-border: rgba(217,27,140,.18);
  --bp-profile-link-bg: rgba(255,255,255,.82);
  --bp-profile-link-border: rgba(217,27,140,.22);
  --bp-profile-link-hover-border: rgba(217,27,140,.34);
  --bp-profile-link-rail: linear-gradient(135deg, rgba(217,27,140,.88), rgba(255,209,102,.56));
  --bp-profile-link-rail-shadow: 18px 0 32px rgba(217,27,140,.12);
  --bp-profile-link-shadow: 0 8px 22px rgba(42,33,64,.055);
  --bp-profile-link-hover-shadow: 0 14px 30px rgba(42,33,64,.095);
  --bp-profile-ghost-bg: rgba(255,255,255,.82);
  --bp-profile-ghost-border: rgba(217,27,140,.18);
  --bp-profile-cover-fade: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.70));
  --bp-profile-cover-inset-shadow: inset 0 -80px 90px rgba(255,255,255,.40);
  --bp-profile-boosted-bg: rgba(255,255,255,.72);

  width:min(800px, calc(100% - 34px));
  margin:42px auto 84px;
  border:1px solid var(--bp-profile-border);
  border-radius:30px;
  overflow:hidden;
  background:var(--bp-profile-card-bg);
  box-shadow:var(--bp-profile-card-shadow);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  isolation:isolate;
}

.bp-profile-shell *,
.bp-profile-shell *:before,
.bp-profile-shell *:after{
  box-sizing:border-box;
}

.bp-profile-shell .masthead,
.bp-profile-shell #links{
  background:transparent !important;
}

.bp-profile-shell .masthead{
  position:relative !important;
  overflow:hidden !important;
  border-radius:30px 30px 0 0 !important;
  padding:46px 24px 24px !important;
  min-height:0 !important;
}

.bp-profile-shell .masthead > .container{
  position:relative;
  z-index:2;
  max-width:720px !important;
  padding-left:14px !important;
  padding-right:14px !important;
}

.bp-profile-shell--has-cover .masthead{
  padding-top:46px !important;
}

.bp-profile-shell .profile-cover-underlay{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:14px !important;
  height:170px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  z-index:0 !important;
  box-shadow:var(--bp-profile-cover-inset-shadow);
}

.bp-profile-shell .profile-cover-underlay:after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--bp-profile-cover-fade);
  pointer-events:none;
}

.bp-profile-shell .profile-cover-underlay img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.bp-profile-shell--has-cover .profile-tiles-avatar-wrapper{
  filter:drop-shadow(0 8px 20px rgba(42,33,64,.22));
}

.bp-profile-shell .cover-actions{
  position:absolute !important;
  top:24px !important;
  right:24px !important;
  z-index:4 !important;
}

.bp-profile-shell .cover-edit-btn,
.bp-profile-shell .cover-delete-btn{
  box-shadow:0 8px 22px rgba(42,33,64,.16) !important;
}

.bp-profile-shell .swipe-btn{
  z-index:3;
}

.bp-profile-shell .swipe-chip{
  box-shadow:0 10px 22px rgba(42,33,64,.12) !important;
}

.bp-profile-shell .masthead-heading{
  color:var(--bp-profile-ink) !important;
  font-size:1.55rem !important;
  line-height:1.1 !important;
}

.bp-profile-shell .views-pill{
  box-shadow:0 8px 18px rgba(217,27,140,.18) !important;
}

.bp-profile-shell .masthead-bio{
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
  color:var(--bp-profile-ink) !important;
  line-height:1.45 !important;
}

.bp-profile-shell .header-cta{
  gap:10px !important;
}

.bp-profile-shell .btn-ghost.btn-icon-pill{
  box-shadow:0 10px 24px rgba(42,33,64,.09) !important;
  background:var(--bp-profile-ghost-bg) !important;
  border:1px solid var(--bp-profile-ghost-border) !important;
}

.bp-profile-shell .btn-ghost.btn-icon-pill:hover,
.bp-profile-shell .btn-ghost.btn-icon-pill:focus{
  transform:translateY(-2px);
  box-shadow:0 13px 28px rgba(42,33,64,.13) !important;
}

.bp-profile-shell #links{
  padding:0 24px 32px !important;
}

.bp-profile-shell #links > .container{
  max-width:720px !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.bp-profile-shell .links-card{
  max-width:100% !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:28px 0 0 !important;
  border-top:1px solid var(--bp-profile-section-border) !important;
}

.bp-profile-shell .links-card > .d-flex:first-child{
  margin-bottom:18px !important;
}

.bp-profile-shell .feature-emoji{
  box-shadow:0 8px 18px rgba(217,27,140,.10) !important;
}

.bp-profile-shell .pin-strip-wrap{
  margin-top:-6px;
  margin-bottom:18px !important;
}

.bp-profile-shell .pin-ring{
  box-shadow:0 8px 18px rgba(42,33,64,.16) !important;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row){
  position:relative !important;
  min-height:72px !important;
  overflow:hidden !important;
  border-radius:17px !important;
  padding:14px 58px 14px 92px !important;
  border:1px solid var(--bp-profile-link-border) !important;
  background:var(--bp-profile-link-bg) !important;
  box-shadow:var(--bp-profile-link-shadow) !important;
  color:var(--bp-profile-ink) !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row):before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:66px;
  background:var(--bp-profile-link-rail);
  box-shadow:var(--bp-profile-link-rail-shadow);
}

.bp-profile-shell .link-row.no-icon:not(.has-hero):not(.sponsor-opportunity-row){
  padding-left:24px !important;
}

.bp-profile-shell .link-row.no-icon:not(.has-hero):not(.sponsor-opportunity-row):before{
  display:none !important;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row):after{
  content:"\f054";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  color:var(--bp-profile-pink);
  font-size:1.1rem;
  opacity:.9;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row):hover,
.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row):focus{
  transform:translateY(-2px);
  border-color:var(--bp-profile-pink) !important;
  box-shadow:
    0 14px 30px rgba(42,33,64,.095),
    inset 0 0 0 1px var(--bp-profile-pink) !important;
  text-decoration:none !important;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-body{
  width:100%;
  position:relative;
  z-index:2;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main{
  justify-content:flex-start !important;
  text-align:left !important;
  flex-wrap:nowrap !important;
  min-width:0;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main > img:first-child,
.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main > i:first-child{
  position:absolute;
  left:-79px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:40px !important;
  height:40px !important;
  max-width:40px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:40px !important;
  text-align:center !important;
  color:#fff !important;
  font-size:1.7rem !important;
  object-fit:cover !important;
  border-radius:50%;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-title{
  color:var(--bp-profile-ink) !important;
  font-size:1.25rem;
  line-height:1.18;
  white-space:normal;
  margin-left:0 !important;
  margin-right:.45rem !important;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-description{
  text-align:left !important;
  color:var(--bp-profile-muted) !important;
  font-size:.9rem !important;
  line-height:1.34 !important;
  margin-top:4px !important;
}

.bp-profile-shell .link-row.has-hero{
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(42,33,64,.08) !important;
}


.bp-profile-shell .link-row.has-hero .link-body{
  width:100%;
  padding:14px 24px 18px !important;
}

.bp-profile-shell .link-row.has-hero .link-main{
  min-width:0;
}

.bp-profile-shell .link-row.has-hero .link-title{
  color:var(--bp-profile-ink) !important;
  font-size:1.25rem !important;
  line-height:1.18;
  margin-left:.45rem !important;
  margin-right:.25rem !important;
  white-space:normal;
}

.bp-profile-shell .link-row.has-hero .link-description{
  color:var(--bp-profile-muted) !important;
  font-size:.9rem !important;
  line-height:1.38 !important;
  margin-top:8px !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-description .link-body{
  text-align:left !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-description .link-main{
  justify-content:flex-start !important;
  text-align:left !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-description .link-description{
  text-align:left !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-body{
  text-align:center !important;
  padding-top:12px !important;
  padding-bottom:14px !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-main{
  justify-content:center !important;
  text-align:center !important;
}


.bp-profile-shell .boosted-user-card{
  background:var(--bp-profile-boosted-bg) !important;
  box-shadow:0 10px 26px rgba(42,33,64,.055) !important;
}

.bp-profile-shell .fanwall .fan-chip,
.bp-profile-shell .fan-others{
  box-shadow:0 8px 18px rgba(42,33,64,.04) !important;
}


body[class*="profile-theme-"] .bp-profile-shell,
.bp-profile-shell[class*="profile-theme-"]{
  --bp-profile-ink: var(--profile-text, var(--bp-ink, #2A2140));
  --bp-profile-pink: var(--profile-accent, var(--bp-pink, #D91B8C));
  --bp-profile-magenta: var(--profile-accent, var(--bp-magenta, #BF2295));
  --bp-profile-border: var(--profile-divider, rgba(42,33,64,.10));
  --bp-profile-muted: var(--profile-muted, rgba(42,33,64,.66));
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--profile-accent, #D91B8C) 10%, transparent), transparent 34%),
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--profile-surface-2, #fff7fc) 70%, transparent), transparent 38%),
    color-mix(in srgb, var(--profile-surface, #ffffff) 94%, transparent);
  --bp-profile-card-shadow: var(--profile-shadow, 0 26px 74px rgba(42,33,64,.14));
  --bp-profile-section-border: var(--profile-divider, rgba(217,27,140,.18));
  --bp-profile-link-bg: color-mix(in srgb, var(--profile-link-bg, #ffffff) 88%, transparent);
  --bp-profile-link-border: var(--profile-link-border, rgba(217,27,140,.22));
  --bp-profile-link-hover-border: color-mix(in srgb, var(--profile-accent, #D91B8C) 42%, var(--profile-link-border, rgba(217,27,140,.22)));
  --bp-profile-link-rail: var(--profile-highlight-bg, var(--profile-primary-bg, linear-gradient(135deg, rgba(217,27,140,.88), rgba(255,209,102,.56))));
  --bp-profile-link-rail-shadow: 18px 0 32px color-mix(in srgb, var(--profile-accent, #D91B8C) 16%, transparent);
  --bp-profile-link-shadow: 0 8px 22px rgba(0,0,0,.055);
  --bp-profile-link-hover-shadow: 0 14px 30px rgba(0,0,0,.10);
  --bp-profile-ghost-bg: color-mix(in srgb, var(--profile-ghost-bg, #ffffff) 88%, transparent);
  --bp-profile-ghost-border: var(--profile-ghost-border, rgba(217,27,140,.18));
  --bp-profile-boosted-bg: color-mix(in srgb, var(--profile-surface, #ffffff) 78%, transparent);
}

body.profile-theme-dark .bp-profile-shell,
.bp-profile-shell.profile-theme-dark{
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, rgba(120,208,255,.13), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(45,92,246,.12), transparent 40%),
    rgba(17,22,29,.96);
  --bp-profile-cover-fade: linear-gradient(180deg, rgba(5,7,10,.02), rgba(17,22,29,.86));
  --bp-profile-cover-inset-shadow: inset 0 -80px 90px rgba(17,22,29,.68);
  --bp-profile-link-bg: rgba(26,35,48,.86);
  --bp-profile-link-shadow: 0 10px 24px rgba(0,0,0,.20);
  --bp-profile-link-hover-shadow: 0 16px 32px rgba(0,0,0,.28);
}

body.profile-theme-graphite .bp-profile-shell,
.bp-profile-shell.profile-theme-graphite{
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, rgba(185,137,85,.16), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(95,108,124,.15), transparent 40%),
    rgba(244,246,248,.96);
  --bp-profile-cover-fade: linear-gradient(180deg, rgba(244,246,248,.02), rgba(244,246,248,.78));
  --bp-profile-cover-inset-shadow: inset 0 -80px 90px rgba(244,246,248,.55);
}

body.profile-theme-vibrant .bp-profile-shell,
.bp-profile-shell.profile-theme-vibrant{
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, rgba(255,212,81,.16), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,79,163,.13), transparent 40%),
    rgba(255,255,255,.96);
}

body.profile-theme-light .bp-profile-shell,
.bp-profile-shell.profile-theme-light{
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, rgba(107,135,255,.13), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(159,193,255,.18), transparent 40%),
    rgba(255,255,255,.96);
}

body.profile-theme-sunset .bp-profile-shell,
.bp-profile-shell.profile-theme-sunset{
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, rgba(255,138,61,.16), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(255,79,129,.14), transparent 40%),
    rgba(255,248,244,.96);
}

body.profile-theme-ocean .bp-profile-shell,
.bp-profile-shell.profile-theme-ocean{
  --bp-profile-card-bg:
    radial-gradient(circle at 10% 0%, rgba(11,184,178,.14), transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(29,127,160,.13), transparent 40%),
    rgba(255,255,255,.96);
}


@supports not (color: color-mix(in srgb, #000 50%, #fff)){
  body[class*="profile-theme-"] .bp-profile-shell,
  .bp-profile-shell[class*="profile-theme-"]{
    --bp-profile-card-bg:var(--profile-surface, #ffffff);
    --bp-profile-link-bg:var(--profile-link-bg, #ffffff);
    --bp-profile-link-hover-border:var(--profile-accent, #D91B8C);
    --bp-profile-link-rail-shadow:18px 0 32px rgba(0,0,0,.08);
    --bp-profile-ghost-bg:var(--profile-ghost-bg, #ffffff);
    --bp-profile-boosted-bg:var(--profile-surface, #ffffff);
  }
}

@media (max-width: 767.98px){
  .bp-profile-shell{
    width:100%;
    margin:0 auto 46px;
    border-radius:0;
    border-left:0;
    border-right:0;
    box-shadow:none;
  }

  .bp-profile-shell .masthead{
    border-radius:0 !important;

    padding:34px 16px 22px !important;
  }

  .bp-profile-shell--has-cover .masthead{
    padding-top:34px !important;
  }

  .bp-profile-shell .profile-cover-underlay{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:154px !important;
    border-radius:0 !important;
  }

  .bp-profile-shell .cover-actions{
    top:10px !important;
    right:10px !important;
  }

  .bp-profile-shell #links{
    padding:0 14px 26px !important;
  }

  .bp-profile-shell .links-card{
    padding-top:22px !important;
  }

  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row){
    min-height:66px !important;
    padding:12px 44px 12px 82px !important;
    border-radius:16px !important;
  }

  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row):before{
    width:58px;
  }

  .bp-profile-shell .link-row.no-icon:not(.has-hero):not(.sponsor-opportunity-row){
    padding-left:18px !important;
  }

  .bp-profile-shell .link-row.no-icon:not(.has-hero):not(.sponsor-opportunity-row):before{
    display:none !important;
  }

  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row):after{
    right:15px;
  }

  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main > img:first-child,
  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main > i:first-child{
    left:-71px;
    width:36px !important;
    height:36px !important;
    max-width:36px !important;
    line-height:36px !important;
    font-size:1.52rem !important;
    object-fit:cover !important;
  }


  .bp-profile-shell .link-row.has-hero .link-body{
    padding:13px 18px 16px !important;
  }


  .bp-profile-shell .link-row.has-hero .link-description{
    font-size:.86rem !important;
  }
}

@media (max-width: 420px){
  .bp-profile-shell .masthead-heading{
    font-size:1.32rem !important;
  }

  .bp-profile-shell .masthead-bio{
    font-size:.95rem !important;
  }

  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-title{
    font-size:1.25rem;
  }

  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-description{
    font-size:.78rem !important;
  }
}


.modal{
  z-index:10050 !important;
}

.modal-backdrop{
  z-index:10040 !important;
}

body.modal-open .bp-profile-shell{
  overflow:visible !important;
}

body.modal-open .modal,
body.modal-open .modal-dialog,
body.modal-open .modal-content{
  pointer-events:auto !important;
}

@media (prefers-reduced-motion: reduce){
  .bp-profile-shell .link-row,
  .bp-profile-shell .btn-ghost.btn-icon-pill{
    transition:none !important;
  }

  .bp-profile-shell .link-row:hover,
  .bp-profile-shell .link-row:focus,
  .bp-profile-shell .btn-ghost.btn-icon-pill:hover,
  .bp-profile-shell .btn-ghost.btn-icon-pill:focus{
    transform:none !important;
  }
}


.bp-profile-shell .link-row.has-hero .link-body,
.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-body,
.bp-profile-shell .link-row.has-hero.has-hero-description .link-body{
  width:100% !important;
  padding:15px 24px 18px !important;
  text-align:left !important;
}

.bp-profile-shell .link-row.has-hero .link-content-row{
  display:grid !important;
  grid-template-columns:40px minmax(0, 1fr);
  gap:12px;
  align-items:start;
  width:100%;
  text-align:left !important;
}

.bp-profile-shell .link-row.has-hero .link-content-row.no-icon{
  grid-template-columns:minmax(0, 1fr);
  gap:0;
}

.bp-profile-shell .link-row.has-hero .link-icon-wrap{
  width:40px;
  height:40px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  margin-top:1px;
}

.bp-profile-shell .link-row.has-hero .link-icon-wrap img{
  width:32px !important;
  height:32px !important;
  max-width:32px !important;
  margin:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
}

.bp-profile-shell .link-row.has-hero .link-icon-wrap i{
  width:34px !important;
  height:34px !important;
  border-radius:999px;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  background:rgba(217,27,140,.10) !important;
  color:var(--bp-profile-pink) !important;
  border:1px solid rgba(217,27,140,.10) !important;
  box-shadow:0 6px 14px rgba(42,33,64,.08) !important;
  font-size:1.05rem !important;
  line-height:1 !important;
  text-align:center !important;
}

.bp-profile-shell .link-row.has-hero .link-content-copy{
  min-width:0;
  text-align:left !important;
}

.bp-profile-shell .link-row.has-hero .link-main,
.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-main,
.bp-profile-shell .link-row.has-hero.has-hero-description .link-main{
  justify-content:flex-start !important;
  text-align:left !important;
  min-width:0;
}

.bp-profile-shell .link-row.has-hero .link-title{
  color:var(--bp-profile-ink) !important;
  font-size:1.25rem !important;
  line-height:1.18 !important;
  margin-left:0 !important;
  margin-right:.45rem !important;
  white-space:normal;
}

.bp-profile-shell .link-row.has-hero .link-description,
.bp-profile-shell .link-row.has-hero.has-hero-description .link-description{
  color:var(--bp-profile-muted) !important;
  font-size:.9rem !important;
  line-height:1.38 !important;
  margin-top:5px !important;
  text-align:left !important;
}


.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main > i:first-child{
  background:rgba(255,255,255,.96) !important;
  color:var(--bp-profile-pink) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 6px 14px rgba(42,33,64,.12) !important;
  font-size:1.08rem !important;
  line-height:40px !important;
}


.bp-profile-shell .boosted-user-card{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.bp-profile-shell .boosted-user-card:hover,
.bp-profile-shell .boosted-user-card:focus-within{
  transform:translateY(-2px);
  border-color:var(--bp-profile-pink) !important;
  box-shadow:0 16px 34px rgba(42,33,64,.11) !important;
}

@media (max-width: 767.98px){
  .bp-profile-shell .link-row.has-hero .link-body,
  .bp-profile-shell .link-row.has-hero.has-hero-title-only .link-body,
  .bp-profile-shell .link-row.has-hero.has-hero-description .link-body{
    padding:13px 18px 16px !important;
  }

  .bp-profile-shell .link-row.has-hero .link-content-row{
    grid-template-columns:36px minmax(0, 1fr);
    gap:11px;
  }

  .bp-profile-shell .link-row.has-hero .link-icon-wrap{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .bp-profile-shell .link-row.has-hero .link-icon-wrap img{
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
  }

  .bp-profile-shell .link-row.has-hero .link-icon-wrap i{
    width:32px !important;
    height:32px !important;
    font-size:1rem !important;
  }

  .bp-profile-shell .link-row.has-hero .link-title{
    font-size:1.18rem !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .bp-profile-shell .boosted-user-card,
  .bp-profile-shell .boosted-user-card:hover,
  .bp-profile-shell .boosted-user-card:focus-within{
    transition:none !important;
    transform:none !important;
  }
}


.bp-profile-shell .link-row.has-hero .link-content-row{
  align-items:flex-start !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-content-row{
  align-items:center !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-content-copy{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:left !important;
  min-height:40px !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-main{
  align-items:center !important;
  min-height:40px !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-description .link-icon-wrap{
  margin-top:2px !important;
}

.bp-profile-shell .link-row.has-hero.has-hero-title-only .link-icon-wrap{
  margin-top:0 !important;
}

@media (max-width: 767.98px){
  .bp-profile-shell .link-row.has-hero.has-hero-title-only .link-content-copy,
  .bp-profile-shell .link-row.has-hero.has-hero-title-only .link-main{
    min-height:36px !important;
  }

  .bp-profile-shell .link-row.has-hero.has-hero-description .link-icon-wrap{
    margin-top:1px !important;
  }
}


@media (max-width: 767.98px){
  .bp-profile-shell .link-row.is-pinned:not(.has-hero):not(.sponsor-opportunity-row){
    padding-right:76px !important;
  }

  .bp-profile-shell .link-row.is-pinned:not(.has-hero):not(.sponsor-opportunity-row) .badge-pin{
    position:absolute !important;
    right:-42px !important;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    padding:0;
    margin:0 !important;
    line-height:1;
    pointer-events:none;
  }

  .bp-profile-shell .link-row.is-pinned:not(.has-hero):not(.sponsor-opportunity-row) .link-title{
    min-width:0;
    overflow-wrap:break-word;
  }
}

@media (max-width: 420px){
  .bp-profile-shell .link-row.is-pinned:not(.has-hero):not(.sponsor-opportunity-row){
    padding-right:74px !important;
  }

  .bp-profile-shell .link-row.is-pinned:not(.has-hero):not(.sponsor-opportunity-row) .badge-pin{
    right:-40px !important;
  }
}


.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main > img.link-favicon-img:first-child{
  background:#fff !important;
  padding:0 !important;
  object-fit:cover !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
}

.bp-profile-shell .link-row.has-hero .link-icon-wrap img.link-favicon-img{
  background:#fff !important;
  padding:0 !important;
  object-fit:cover !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
}


.bp-profile-shell .sponsored-profile-slot{
  width:100%;
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  position:relative;
  overflow:hidden;
  margin:.55rem 0 .75rem;
  padding:0 48px 0 0;
  border:2px solid rgba(255,193,7,.82);
  border-radius:18px;
  background:
    linear-gradient(135deg, rgba(255,209,102,.08), rgba(217,27,140,.035)),
    rgba(255,255,255,.94);
  background:
    linear-gradient(135deg, rgba(255,209,102,.08), rgba(217,27,140,.035)),
    color-mix(in srgb, var(--profile-surface, #ffffff) 94%, transparent);
  color:var(--bp-profile-ink, #2A2140);
  box-shadow:0 12px 28px rgba(42,33,64,.06);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.bp-profile-shell .sponsored-profile-slot:hover,
.bp-profile-shell .sponsored-profile-slot:focus{
  transform:translateY(-2px);
  border-color:#ffc107;
  background:
    linear-gradient(135deg, rgba(255,209,102,.13), rgba(217,27,140,.055)),
    rgba(255,255,255,.98);
  background:
    linear-gradient(135deg, rgba(255,209,102,.13), rgba(217,27,140,.055)),
    color-mix(in srgb, var(--profile-surface, #ffffff) 98%, transparent);
  box-shadow:0 16px 36px rgba(42,33,64,.11);
  color:var(--bp-profile-ink, #2A2140);
  text-decoration:none;
}

.bp-profile-shell .sponsored-profile-media{
  width:74px;
  min-width:74px;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(217,27,140,.78), rgba(255,209,102,.56));
  background:var(--bp-profile-link-rail, linear-gradient(135deg, rgba(217,27,140,.78), rgba(255,209,102,.56)));
}

.bp-profile-shell .sponsored-profile-avatar{
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  box-shadow:0 8px 18px rgba(42,33,64,.16);
  overflow:hidden;
}

.bp-profile-shell .sponsored-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}

.bp-profile-shell .sponsored-profile-copy{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:left;
  padding:12px 14px;
  line-height:1.25;
}

.bp-profile-shell .sponsored-profile-topline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}

.bp-profile-shell .sponsored-profile-name{
  min-width:0;
  color:var(--bp-profile-ink, #2A2140);
  font-size:1.18rem;
  font-weight:900;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.bp-profile-shell .sponsored-profile-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border-radius:999px;
  background:#ffd166;
  color:#2A2140;
  font-size:.68rem;
  font-weight:900;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.02em;
}

.bp-profile-shell .sponsored-profile-bio{
  display:-webkit-box;
  margin-top:5px;
  color:var(--bp-profile-muted, rgba(42,33,64,.68));
  font-size:.84rem;
  font-weight:700;
  line-height:1.28;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.bp-profile-shell .sponsored-profile-bio--fallback{
  color:var(--bp-profile-muted, rgba(42,33,64,.54));
}

.bp-profile-shell .sponsored-profile-chevron{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:var(--bp-profile-pink, #D91B8C);
  font-size:1.05rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.bp-profile-shell .sponsor-slot-placeholder{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  margin:.55rem 0 .75rem;
  padding:14px 16px;
  border:2px dashed rgba(217,27,140,.28);
  border-color:color-mix(in srgb, var(--bp-profile-pink, #D91B8C) 34%, transparent);
  border-radius:18px;
  background:
    linear-gradient(135deg, rgba(217,27,140,.055), rgba(255,209,102,.075)),
    rgba(255,255,255,.86);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--bp-profile-pink, #D91B8C) 7%, transparent), rgba(255,209,102,.075)),
    color-mix(in srgb, var(--profile-surface, #ffffff) 86%, transparent);
  color:var(--bp-profile-ink, #2A2140);
  box-shadow:0 10px 26px rgba(42,33,64,.055);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.bp-profile-shell .sponsor-slot-placeholder:hover,
.bp-profile-shell .sponsor-slot-placeholder:focus{
  transform:translateY(-2px);
  border-color:var(--bp-profile-pink, #D91B8C);
  background:
    linear-gradient(135deg, rgba(217,27,140,.075), rgba(255,209,102,.105)),
    rgba(255,255,255,.94);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--bp-profile-pink, #D91B8C) 9%, transparent), rgba(255,209,102,.105)),
    color-mix(in srgb, var(--profile-surface, #ffffff) 94%, transparent);
  box-shadow:0 16px 34px rgba(42,33,64,.10);
  color:var(--bp-profile-ink, #2A2140);
  text-decoration:none;
}

.bp-profile-shell .sponsor-slot-icon{
  width:46px;
  height:46px;
  min-width:46px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:1.18rem;
  background:linear-gradient(135deg, var(--bp-profile-pink, #D91B8C), var(--bp-profile-magenta, #B3127C));
  box-shadow:0 10px 22px rgba(217,27,140,.22);
}

.bp-profile-shell .sponsor-slot-copy{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  text-align:left;
  line-height:1.25;
}

.bp-profile-shell .sponsor-slot-title{
  display:block;
  font-weight:900;
  font-size:1.02rem;
  color:var(--bp-profile-ink, #2A2140);
}

.bp-profile-shell .sponsor-slot-desc{
  display:block;
  margin-top:3px;
  color:var(--bp-profile-muted, rgba(42,33,64,.68));
  font-size:.875rem;
  font-weight:700;
}

.bp-profile-shell .sponsor-slot-action{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  text-align:right;
}

.bp-profile-shell .sponsor-slot-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 9px;
  border-radius:999px;
  background:rgba(217,27,140,.09);
  background:color-mix(in srgb, var(--bp-profile-pink, #D91B8C) 10%, transparent);
  color:var(--bp-profile-pink, #D91B8C);
  font-size:.72rem;
  font-weight:900;
  line-height:1.2;
}

.bp-profile-shell .sponsor-slot-cta{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  color:var(--bp-profile-pink, #D91B8C);
  font-size:.83rem;
  font-weight:900;
  white-space:nowrap;
}

body.profile-theme-dark .bp-profile-shell .sponsored-profile-slot,
.bp-profile-shell.profile-theme-dark .sponsored-profile-slot{
  border-color:rgba(255,193,7,.66);
  background:
    linear-gradient(135deg, rgba(255,209,102,.13), rgba(217,27,140,.08)),
    rgba(26,35,48,.88);
  box-shadow:0 14px 30px rgba(0,0,0,.24);
}

body.profile-theme-dark .bp-profile-shell .sponsored-profile-slot:hover,
.bp-profile-shell.profile-theme-dark .sponsored-profile-slot:hover,
body.profile-theme-dark .bp-profile-shell .sponsored-profile-slot:focus,
.bp-profile-shell.profile-theme-dark .sponsored-profile-slot:focus{
  border-color:#ffd166;
  background:
    linear-gradient(135deg, rgba(255,209,102,.17), rgba(217,27,140,.11)),
    rgba(31,42,58,.94);
  box-shadow:0 18px 38px rgba(0,0,0,.32);
}

body.profile-theme-dark .bp-profile-shell .sponsor-slot-placeholder,
.bp-profile-shell.profile-theme-dark .sponsor-slot-placeholder{
  background:
    linear-gradient(135deg, rgba(217,27,140,.11), rgba(255,209,102,.08)),
    rgba(26,35,48,.84);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}

body.profile-theme-dark .bp-profile-shell .sponsor-slot-placeholder:hover,
.bp-profile-shell.profile-theme-dark .sponsor-slot-placeholder:hover,
body.profile-theme-dark .bp-profile-shell .sponsor-slot-placeholder:focus,
.bp-profile-shell.profile-theme-dark .sponsor-slot-placeholder:focus{
  border-color:var(--bp-profile-pink, #D91B8C);
  background:
    linear-gradient(135deg, rgba(217,27,140,.14), rgba(255,209,102,.10)),
    rgba(31,42,58,.92);
  box-shadow:0 18px 38px rgba(0,0,0,.30);
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)){
  .bp-profile-shell .sponsor-slot-placeholder{
    border-color:rgba(217,27,140,.28);
    background:
      linear-gradient(135deg, rgba(217,27,140,.055), rgba(255,209,102,.075)),
      rgba(255,255,255,.86);
  }

  .bp-profile-shell .sponsor-slot-status{
    background:rgba(217,27,140,.09);
  }
}

@media (max-width:575.98px){
  .bp-profile-shell .sponsored-profile-slot{
    min-height:76px;
    border-radius:16px;
    padding-right:40px;
  }

  .bp-profile-shell .sponsored-profile-media{
    width:62px;
    min-width:62px;
  }

  .bp-profile-shell .sponsored-profile-avatar{
    width:46px;
    height:46px;
  }

  .bp-profile-shell .sponsored-profile-copy{
    padding:11px 11px;
  }

  .bp-profile-shell .sponsored-profile-name{
    font-size:1.04rem;
    max-width:100%;
  }

  .bp-profile-shell .sponsored-profile-badge{
    font-size:.62rem;
    padding:3px 7px;
  }

  .bp-profile-shell .sponsored-profile-bio{
    font-size:.78rem;
    line-height:1.24;
  }

  .bp-profile-shell .sponsored-profile-chevron{
    right:13px;
    font-size:.98rem;
  }

  .bp-profile-shell .sponsor-slot-placeholder{
    gap:11px;
    padding:12px 13px;
    border-radius:16px;
    align-items:center;
  }

  .bp-profile-shell .sponsor-slot-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:14px;
    font-size:1.05rem;
  }

  .bp-profile-shell .sponsor-slot-title{
    font-size:.98rem;
  }

  .bp-profile-shell .sponsor-slot-desc{
    font-size:.82rem;
    line-height:1.28;
  }

  .bp-profile-shell .sponsor-slot-action{
    align-items:flex-end;
    gap:3px;
  }

  .bp-profile-shell .sponsor-slot-status{
    font-size:.66rem;
    padding:3px 7px;
  }

  .bp-profile-shell .sponsor-slot-cta{
    font-size:.78rem;
  }
}

@media (max-width:380px){
  .bp-profile-shell .sponsor-slot-placeholder{
    padding:11px 12px;
  }

  .bp-profile-shell .sponsor-slot-icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:13px;
  }

  .bp-profile-shell .sponsor-slot-status{
    display:none;
  }
}


.bp-profile-shell #profile_masthead,
.bp-profile-shell .header-cta{
  overflow:visible !important;
}

.bp-profile-shell #profile_masthead{
  position:relative;
  z-index:30;
}

.bp-profile-shell #links{
  position:relative;
  z-index:1;
}

.bp-profile-shell .profile-tools-dropdown{
  position:relative;
  z-index:1060;
}

.bp-profile-shell .profile-tools-dropdown.show{
  z-index:1061;
}

.bp-profile-shell .profile-tools-menu{
  left:0 !important;
  right:auto !important;
  top:100% !important;
  transform:none !important;
  min-width:190px;
  padding:.45rem;
  border-radius:16px;
  border:1px solid rgba(217,27,140,.16) !important;
  background:#ffffff;
  box-shadow:0 18px 44px rgba(42,33,64,.18) !important;
  z-index:1062;
}

.bp-profile-shell .profile-tools-menu .dropdown-item{
  display:flex;
  align-items:center;
  border-radius:12px;
  padding:.65rem .75rem;
  color:var(--bp-profile-ink, var(--bp-ink, #1f1833));
  font-weight:800;
  white-space:nowrap;
}

.bp-profile-shell .profile-tools-menu .dropdown-item:hover,
.bp-profile-shell .profile-tools-menu .dropdown-item:focus{
  background:rgba(217,27,140,.08);
  color:var(--bp-profile-pink, var(--bp-pink, #d91b8c));
  text-decoration:none;
}

.bp-profile-shell .profile-tools-menu .dropdown-item i{
  width:20px;
  text-align:center;
}

body[class*="profile-theme-"] .bp-profile-shell .profile-tools-menu,
.bp-profile-shell[class*="profile-theme-"] .profile-tools-menu{
  background:var(--profile-surface, #ffffff);
  border-color:color-mix(in srgb, var(--profile-accent, #d91b8c) 18%, transparent) !important;
  box-shadow:var(--profile-shadow, 0 18px 44px rgba(42,33,64,.18)) !important;
}

body[class*="profile-theme-"] .bp-profile-shell .profile-tools-menu .dropdown-item,
.bp-profile-shell[class*="profile-theme-"] .profile-tools-menu .dropdown-item{
  color:var(--profile-text, var(--bp-profile-ink, #1f1833));
}

body[class*="profile-theme-"] .bp-profile-shell .profile-tools-menu .dropdown-item:hover,
body[class*="profile-theme-"] .bp-profile-shell .profile-tools-menu .dropdown-item:focus,
.bp-profile-shell[class*="profile-theme-"] .profile-tools-menu .dropdown-item:hover,
.bp-profile-shell[class*="profile-theme-"] .profile-tools-menu .dropdown-item:focus{
  background:color-mix(in srgb, var(--profile-accent, #d91b8c) 10%, var(--profile-surface-2, #fff));
  color:var(--profile-accent, var(--bp-profile-pink, #d91b8c));
}

body.profile-theme-dark .bp-profile-shell .profile-tools-menu,
.bp-profile-shell.profile-theme-dark .profile-tools-menu{
  background:#1a1f26;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.40) !important;
}

body.profile-theme-dark .bp-profile-shell .profile-tools-menu .dropdown-item:hover,
body.profile-theme-dark .bp-profile-shell .profile-tools-menu .dropdown-item:focus,
.bp-profile-shell.profile-theme-dark .profile-tools-menu .dropdown-item:hover,
.bp-profile-shell.profile-theme-dark .profile-tools-menu .dropdown-item:focus{
  background:rgba(255,185,232,.10);
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)){
  body[class*="profile-theme-"] .bp-profile-shell .profile-tools-menu,
  .bp-profile-shell[class*="profile-theme-"] .profile-tools-menu{
    background:var(--profile-surface, #ffffff);
    border-color:var(--profile-share-border, rgba(217,27,140,.16)) !important;
  }

  body[class*="profile-theme-"] .bp-profile-shell .profile-tools-menu .dropdown-item:hover,
  body[class*="profile-theme-"] .bp-profile-shell .profile-tools-menu .dropdown-item:focus,
  .bp-profile-shell[class*="profile-theme-"] .profile-tools-menu .dropdown-item:hover,
  .bp-profile-shell[class*="profile-theme-"] .profile-tools-menu .dropdown-item:focus{
    background:var(--profile-surface-2, #fdf5fb);
  }
}

@media (max-width: 380px){
  .bp-profile-shell .profile-tools-menu{
    min-width:178px;
  }
}


.bp-profile-shell .link-row .link-title-pin{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  margin-right:7px !important;
  border-radius:999px !important;
  color:var(--bp-profile-pink, var(--profile-accent, var(--bp-pink, #d91b8c))) !important;
  background:rgba(217,27,140,.13) !important;
  background:color-mix(in srgb, var(--profile-accent, var(--bp-profile-pink, #d91b8c)) 14%, transparent) !important;
  box-shadow:0 5px 12px rgba(42,33,64,.08) !important;
  line-height:1 !important;
  font-size:.72rem !important;
  vertical-align:middle !important;
}

.bp-profile-shell .link-row .link-title-pin i{
  margin:0 !important;
  line-height:1 !important;
}

.bp-profile-shell .link-row .link-main{
  min-width:0 !important;
}

.bp-profile-shell .link-row .link-title{
  min-width:0 !important;
  max-width:100% !important;
}

.bp-profile-shell .link-row .link-status-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:5px 6px !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:7px !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:left !important;
}

.bp-profile-shell .link-row .link-status-badge{
  position:static !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  font-size:.64rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  box-shadow:0 5px 12px rgba(42,33,64,.08) !important;
}

.bp-profile-shell .link-row .link-status-badge i{
  line-height:1 !important;
  margin:0 !important;
}

.bp-profile-shell .link-row .link-status-badge i + .link-status-text{
  margin-left:5px !important;
}

.bp-profile-shell .link-row .link-status-badge.badge-waitlist{
  color:#3b2a08 !important;
  background:#fff3d0 !important;
  border:1px solid rgba(255,193,7,.62) !important;
}

.bp-profile-shell .link-row .link-status-badge.badge-collab{
  color:#2A2140 !important;
  background:var(--bp-cream, #FFD166) !important;
  border:1px solid rgba(42,33,64,.10) !important;
}

.bp-profile-shell .link-row .link-status-badge.badge-paid-collab i,
.bp-profile-shell .link-row .link-status-badge.badge-waitlist i{
  font-size:.68rem !important;
}

.bp-profile-shell .link-row.has-hero .link-status-row{
  margin-top:8px !important;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main{
  flex-wrap:nowrap !important;
}

body.profile-theme-dark .bp-profile-shell .link-row .link-title-pin,
.bp-profile-shell.profile-theme-dark .link-row .link-title-pin,
body.profile-theme-graphite .bp-profile-shell .link-row .link-title-pin,
.bp-profile-shell.profile-theme-graphite .link-row .link-title-pin{
  color:#FFD166 !important;
  background:rgba(255,209,102,.16) !important;
  box-shadow:0 5px 12px rgba(0,0,0,.18) !important;
}

body.profile-theme-dark .bp-profile-shell .link-row .link-status-badge,
.bp-profile-shell.profile-theme-dark .link-row .link-status-badge,
body.profile-theme-graphite .bp-profile-shell .link-row .link-status-badge,
.bp-profile-shell.profile-theme-graphite .link-row .link-status-badge{
  box-shadow:0 5px 12px rgba(0,0,0,.18) !important;
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)){
  .bp-profile-shell .link-row .link-title-pin{
    background:rgba(217,27,140,.13) !important;
  }
}


@media (max-width: 767.98px){
  .bp-profile-shell .link-row.is-pinned:not(.has-hero):not(.sponsor-opportunity-row){
    padding-right:64px !important;
  }

  .bp-profile-shell .link-row .link-title-pin{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    margin-right:6px !important;
    font-size:.66rem !important;
  }

  .bp-profile-shell .link-row .link-status-row{
    gap:5px !important;
    margin-top:6px !important;
  }

  .bp-profile-shell .link-row .link-status-badge{
    font-size:.6rem !important;
    padding:4px 7px !important;
  }
}


.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-title-pin + .link-title{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin-right:0 !important;
  display:block !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

.bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-main{
  width:100% !important;
  max-width:100% !important;
}

@media (max-width: 767.98px){
  .bp-profile-shell .link-row:not(.has-hero):not(.sponsor-opportunity-row) .link-title-pin + .link-title{
    max-width:100% !important;
  }
}


body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic{
  background:
    radial-gradient(70% 90% at 12% 8%, color-mix(in srgb, var(--profile-accent) 18%, transparent) 0%, transparent 62%),
    linear-gradient(180deg, var(--profile-page-bg), var(--profile-page-bg));
  color:var(--profile-text);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic .confetti{
  opacity:.12;
  background-image:
    radial-gradient(var(--profile-accent) 4px, transparent 4px),
    radial-gradient(var(--profile-action-bg) 3px, transparent 3px),
    radial-gradient(var(--profile-divider) 3px, transparent 3px);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-hero{
  background:var(--profile-highlight-bg);
  color:var(--profile-primary-text);
  box-shadow:var(--profile-shadow);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-hero h2,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-hero p{
  color:var(--profile-primary-text);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-hero p{
  opacity:.88;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fh-btn-cream,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-btn-featured{
  background:var(--profile-action-bg);
  color:var(--profile-action-text);
  border-color:transparent;
  box-shadow:var(--profile-primary-shadow);
}

body[class*="profile-theme-"] .bp-profile-featured-section .fh-btn-cream:hover,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-btn-featured:hover{
  color:var(--profile-action-text);
  filter:brightness(.98);
}

body[class*="profile-theme-"] .bp-profile-featured-section .fh-btn-outline-light-pill{
  border-color:rgba(255,255,255,.72);
  color:var(--profile-primary-text);
  background:rgba(255,255,255,.08);
}

body[class*="profile-theme-"] .bp-profile-featured-section .fh-btn-outline-light-pill:hover{
  background:rgba(255,255,255,.92);
  color:var(--profile-text);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-card{
  background:var(--profile-surface);
  color:var(--profile-text);
  border:1px solid var(--profile-divider);
  box-shadow:var(--profile-shadow);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-card:hover{
  box-shadow:var(--profile-shadow);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-card.is-spotlight{
  outline:2px solid color-mix(in srgb, var(--profile-accent) 42%, transparent);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-top{
  background:var(--profile-surface-2);
  border-bottom-color:var(--profile-divider);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-body,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-body .tile-wrap,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-tiles-item,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-tiles-username{
  color:var(--profile-text);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-bio,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-bottom-cta .small-note{
  color:var(--profile-muted);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-bio a{
  color:var(--profile-accent);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-bottom-cta{
  border-top-color:var(--profile-divider);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-arrow{
  background:var(--profile-pin-nav-bg);
  color:var(--profile-pin-nav-text);
  border:1px solid var(--profile-divider);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-arrow:hover{
  background:var(--profile-pin-nav-bg);
  filter:brightness(.95);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-strip::-webkit-scrollbar-thumb{
  background:var(--profile-scroll-thumb);
}

body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-vip{
  background:var(--profile-primary-bg);
  color:var(--profile-primary-text);
}

body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-premium,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-assist{
  background:var(--profile-action-bg);
  color:var(--profile-action-text);
}

body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-online{
  background:var(--profile-surface-2);
  color:var(--profile-accent);
  border:1px solid var(--profile-divider);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-cta-row .btn-outline-primary,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-btn-outline{
  background:var(--profile-surface);
  border-color:var(--profile-link-border);
  color:var(--profile-accent);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-cta-row .btn-outline-primary:hover,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-btn-outline:hover{
  background:var(--profile-surface-2);
  border-color:var(--profile-link-border);
  color:var(--profile-accent);
}

body.profile-theme-dark .bp-profile-featured-section .featured-card,
body.profile-theme-dark .bp-profile-featured-section .featured-top,
body.profile-theme-dark .bp-profile-featured-section .featured-cta-row .btn-outline-primary,
body.profile-theme-dark .bp-profile-featured-section .fs-btn-outline{
  box-shadow:none;
}

body.profile-theme-dark .bp-profile-featured-section .fh-btn-outline-light-pill:hover{
  background:var(--profile-surface);
  color:var(--profile-text);
}

@supports not (background: color-mix(in srgb, #000 50%, transparent)){
  body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic{
    background:var(--profile-page-bg);
  }

  body[class*="profile-theme-"] .bp-profile-featured-section .featured-card.is-spotlight{
    outline-color:var(--profile-accent);
  }
}


body[class*="profile-theme-"] .bp-profile-featured-section,
.bp-profile-featured-section[class*="profile-theme-"]{
  --profile-featured-bg:color-mix(in srgb, var(--profile-accent, #d91b8c) 14%, var(--profile-page-bg, #f7f0ff));
  --profile-featured-border:color-mix(in srgb, var(--profile-accent, #d91b8c) 20%, transparent);
  --profile-featured-card-bg:var(--profile-surface, #ffffff);
  --profile-featured-card-top-bg:var(--profile-surface-2, #fdf5fb);
  --profile-featured-card-border:var(--profile-divider, rgba(42,33,64,.10));
  --profile-featured-card-text:var(--profile-text, #2A2140);
  --profile-featured-card-muted:var(--profile-muted, rgba(42,33,64,.72));
  --profile-featured-hero-bg:var(--profile-primary-bg, linear-gradient(160deg, #BF2295, #D91B8C));
  --profile-featured-hero-text:var(--profile-primary-text, #ffffff);
  --profile-featured-hero-button-bg:var(--profile-action-bg, #FFD166);
  --profile-featured-hero-button-text:var(--profile-action-text, #2A2140);
}

body.profile-theme-vibrant .bp-profile-featured-section,
.bp-profile-featured-section.profile-theme-vibrant{
  --profile-featured-bg:#ead8ff;
  --profile-featured-border:rgba(143,65,232,.22);
}

body.profile-theme-dark .bp-profile-featured-section,
.bp-profile-featured-section.profile-theme-dark{
  --profile-featured-bg:#050a0f;
  --profile-featured-border:rgba(120,208,255,.16);
  --profile-featured-card-bg:#111820;
  --profile-featured-card-top-bg:#172230;
  --profile-featured-card-border:rgba(120,208,255,.22);
  --profile-featured-hero-button-bg:#eef4fb;
  --profile-featured-hero-button-text:#07111a;
}

body.profile-theme-graphite .bp-profile-featured-section,
.bp-profile-featured-section.profile-theme-graphite{
  --profile-featured-bg:#ced8e2;
  --profile-featured-border:rgba(39,49,59,.16);
}

body.profile-theme-light .bp-profile-featured-section,
.bp-profile-featured-section.profile-theme-light{
  --profile-featured-bg:#dfeaff;
  --profile-featured-border:rgba(91,120,255,.18);
}

body.profile-theme-sunset .bp-profile-featured-section,
.bp-profile-featured-section.profile-theme-sunset{
  --profile-featured-bg:#ffe0d5;
  --profile-featured-border:rgba(213,90,58,.18);
}

body.profile-theme-ocean .bp-profile-featured-section,
.bp-profile-featured-section.profile-theme-ocean{
  --profile-featured-bg:#d9eef6;
  --profile-featured-border:rgba(29,127,160,.18);
}

body[class*="profile-theme-"] .bp-profile-featured-section,
.bp-profile-featured-section[class*="profile-theme-"]{
  display:block;
  background:var(--profile-featured-bg) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic,
.bp-profile-featured-section[class*="profile-theme-"] .featured-epic{
  background:
    radial-gradient(70% 90% at 12% 8%, color-mix(in srgb, var(--profile-accent, #d91b8c) 18%, transparent) 0%, transparent 62%),
    linear-gradient(180deg, var(--profile-featured-bg), var(--profile-featured-bg)) !important;
  border-top:1px solid var(--profile-featured-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  color:var(--profile-featured-card-text);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic .confetti,
.bp-profile-featured-section[class*="profile-theme-"] .featured-epic .confetti{
  opacity:.16;
  background-image:
    radial-gradient(color-mix(in srgb, var(--profile-accent, #d91b8c) 52%, transparent) 4px, transparent 4px),
    radial-gradient(color-mix(in srgb, var(--profile-action-bg, #FFD166) 45%, transparent) 3px, transparent 3px),
    radial-gradient(color-mix(in srgb, var(--profile-text, #2A2140) 18%, transparent) 3px, transparent 3px);
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-hero,
.bp-profile-featured-section[class*="profile-theme-"] .featured-hero{
  background:var(--profile-featured-hero-bg) !important;
  color:var(--profile-featured-hero-text) !important;
  box-shadow:var(--profile-shadow, 0 22px 70px rgba(0,0,0,.18));
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-hero h2,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-hero p,
.bp-profile-featured-section[class*="profile-theme-"] .featured-hero h2,
.bp-profile-featured-section[class*="profile-theme-"] .featured-hero p{
  color:var(--profile-featured-hero-text) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fh-btn-cream,
.bp-profile-featured-section[class*="profile-theme-"] .fh-btn-cream{
  background:var(--profile-featured-hero-button-bg) !important;
  color:var(--profile-featured-hero-button-text) !important;
  border-color:transparent !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fh-btn-outline-light-pill,
.bp-profile-featured-section[class*="profile-theme-"] .fh-btn-outline-light-pill{
  color:var(--profile-featured-hero-text) !important;
  border-color:rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.08) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fh-btn-outline-light-pill:hover,
.bp-profile-featured-section[class*="profile-theme-"] .fh-btn-outline-light-pill:hover{
  color:var(--profile-featured-card-text) !important;
  background:var(--profile-featured-card-bg) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-card,
.bp-profile-featured-section[class*="profile-theme-"] .featured-card{
  background:var(--profile-featured-card-bg) !important;
  color:var(--profile-featured-card-text) !important;
  border:1px solid var(--profile-featured-card-border) !important;
  box-shadow:var(--profile-shadow, 0 18px 46px rgba(0,0,0,.12));
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-card.is-spotlight,
.bp-profile-featured-section[class*="profile-theme-"] .featured-card.is-spotlight{
  outline:2px solid color-mix(in srgb, var(--profile-accent, #d91b8c) 42%, transparent) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-top,
.bp-profile-featured-section[class*="profile-theme-"] .featured-top{
  background:var(--profile-featured-card-top-bg) !important;
  border-bottom-color:var(--profile-featured-card-border) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-body,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-body .tile-wrap,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-body .mb-2,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-cta-card .featured-body > div:first-child,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-tiles-item,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-tiles-username,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-tiles-username a,
.bp-profile-featured-section[class*="profile-theme-"] .featured-body,
.bp-profile-featured-section[class*="profile-theme-"] .featured-body .tile-wrap,
.bp-profile-featured-section[class*="profile-theme-"] .featured-body .mb-2,
.bp-profile-featured-section[class*="profile-theme-"] .featured-cta-card .featured-body > div:first-child,
.bp-profile-featured-section[class*="profile-theme-"] .profile-tiles-item,
.bp-profile-featured-section[class*="profile-theme-"] .profile-tiles-username,
.bp-profile-featured-section[class*="profile-theme-"] .profile-tiles-username a{
  color:var(--profile-featured-card-text) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-bio,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-bottom-cta .small-note,
.bp-profile-featured-section[class*="profile-theme-"] .featured-bio,
.bp-profile-featured-section[class*="profile-theme-"] .featured-bottom-cta .small-note{
  color:var(--profile-featured-card-muted) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-bio a,
.bp-profile-featured-section[class*="profile-theme-"] .featured-bio a{
  color:var(--profile-accent, #d91b8c) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-bottom-cta,
.bp-profile-featured-section[class*="profile-theme-"] .featured-bottom-cta{
  border-top-color:var(--profile-featured-border) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-vip,
.bp-profile-featured-section[class*="profile-theme-"] .fs-chip-vip{
  background:var(--profile-primary-bg, linear-gradient(135deg, #BF2295, #D91B8C)) !important;
  color:var(--profile-primary-text, #ffffff) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-premium,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-assist,
.bp-profile-featured-section[class*="profile-theme-"] .fs-chip-premium,
.bp-profile-featured-section[class*="profile-theme-"] .fs-chip-assist{
  background:var(--profile-action-bg, #FFD166) !important;
  color:var(--profile-action-text, #2A2140) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fs-chip-online,
.bp-profile-featured-section[class*="profile-theme-"] .fs-chip-online{
  background:var(--profile-featured-card-top-bg) !important;
  color:var(--profile-accent, #d91b8c) !important;
  border:1px solid var(--profile-featured-card-border) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-cta-row .btn-outline-primary,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-btn-outline,
.bp-profile-featured-section[class*="profile-theme-"] .featured-cta-row .btn-outline-primary,
.bp-profile-featured-section[class*="profile-theme-"] .fs-btn-outline{
  background:var(--profile-featured-card-bg) !important;
  border-color:var(--profile-link-border, var(--profile-featured-card-border)) !important;
  color:var(--profile-accent, #d91b8c) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-cta-row .btn-outline-primary:hover,
body[class*="profile-theme-"] .bp-profile-featured-section .fs-btn-outline:hover,
.bp-profile-featured-section[class*="profile-theme-"] .featured-cta-row .btn-outline-primary:hover,
.bp-profile-featured-section[class*="profile-theme-"] .fs-btn-outline:hover{
  background:var(--profile-featured-card-top-bg) !important;
  color:var(--profile-accent, #d91b8c) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .fs-btn-featured,
.bp-profile-featured-section[class*="profile-theme-"] .fs-btn-featured{
  background:var(--profile-primary-bg, linear-gradient(135deg, #BF2295, #D91B8C)) !important;
  color:var(--profile-primary-text, #ffffff) !important;
  border-color:transparent !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-arrow,
.bp-profile-featured-section[class*="profile-theme-"] .featured-arrow{
  background:var(--profile-pin-nav-bg, rgba(0,0,0,.55)) !important;
  color:var(--profile-pin-nav-text, #ffffff) !important;
  border:1px solid var(--profile-featured-card-border) !important;
}

body[class*="profile-theme-"] .bp-profile-featured-section .featured-strip::-webkit-scrollbar-thumb,
.bp-profile-featured-section[class*="profile-theme-"] .featured-strip::-webkit-scrollbar-thumb{
  background:var(--profile-scroll-thumb, rgba(64,38,110,.22)) !important;
}

body.profile-theme-dark .bp-profile-featured-section .featured-card,
.bp-profile-featured-section.profile-theme-dark .featured-card{
  box-shadow:0 18px 48px rgba(0,0,0,.38) !important;
}

body.profile-theme-dark .bp-profile-featured-section .profile-tiles-avatar-wrapper img,
.bp-profile-featured-section.profile-theme-dark .profile-tiles-avatar-wrapper img{
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.92) !important;
}

@supports not (background: color-mix(in srgb, #000 50%, transparent)){
  body[class*="profile-theme-"] .bp-profile-featured-section,
  .bp-profile-featured-section[class*="profile-theme-"],
  body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic,
  .bp-profile-featured-section[class*="profile-theme-"] .featured-epic{
    background:var(--profile-featured-bg, var(--profile-page-bg, #f7f0ff)) !important;
  }

  body[class*="profile-theme-"] .bp-profile-featured-section .featured-card.is-spotlight,
  .bp-profile-featured-section[class*="profile-theme-"] .featured-card.is-spotlight{
    outline-color:var(--profile-accent, #d91b8c) !important;
  }
}


.bp-profile-featured-section,
body[class*="profile-theme-"] .bp-profile-featured-section,
.bp-profile-featured-section[class*="profile-theme-"]{
  background:transparent !important;
}

.bp-profile-featured-section .featured-epic,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic,
.bp-profile-featured-section[class*="profile-theme-"] .featured-epic{
  background:transparent !important;
  border-top:0 !important;
  box-shadow:none !important;
}

.bp-profile-featured-section .featured-epic::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--profile-accent, #d91b8c) 18%, transparent), transparent);
  pointer-events:none;
  opacity:.75;
  z-index:1;
}

.bp-profile-featured-section .featured-epic .confetti,
body[class*="profile-theme-"] .bp-profile-featured-section .featured-epic .confetti,
.bp-profile-featured-section[class*="profile-theme-"] .featured-epic .confetti{
  opacity:.14;
}

body.profile-theme-dark .bp-profile-featured-section .featured-epic::before,
.bp-profile-featured-section.profile-theme-dark .featured-epic::before{
  background:linear-gradient(90deg, transparent, rgba(120,208,255,.16), transparent);
  opacity:.9;
}

body.profile-theme-dark .bp-profile-featured-section .featured-epic .confetti,
.bp-profile-featured-section.profile-theme-dark .featured-epic .confetti{
  opacity:.18;
}

@supports not (background: color-mix(in srgb, #000 50%, transparent)){
  .bp-profile-featured-section .featured-epic::before{
    background:rgba(217,27,140,.14);
  }
}


.bp-profile-featured-section{
  background:var(--profile-page-bg, #faf7fc) !important;
  color:var(--profile-text, #2A2140);
}

.bp-profile-featured-section .profile-featured-epic,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-epic,
.bp-profile-featured-section[class*="profile-theme-"] .profile-featured-epic{
  background:var(--profile-page-bg, #faf7fc) !important;
  border-top:0 !important;
  box-shadow:none !important;
  padding:3rem 0 2.35rem;
  color:var(--profile-text, #2A2140);
}

.bp-profile-featured-section .profile-featured-epic::before,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-epic::before,
.bp-profile-featured-section[class*="profile-theme-"] .profile-featured-epic::before{
  content:none !important;
  display:none !important;
}

.bp-profile-featured-section .profile-featured-epic .confetti,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-epic .confetti,
.bp-profile-featured-section[class*="profile-theme-"] .profile-featured-epic .confetti{
  opacity:.10;
}

.bp-profile-featured-section .profile-featured-intro,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-intro,
.bp-profile-featured-section[class*="profile-theme-"] .profile-featured-intro{
  position:relative;
  z-index:2;
  max-width:800px;
  margin:0 auto 1rem;
  padding:1rem 1.1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  border-radius:22px;
  background:color-mix(in srgb, var(--profile-surface, #ffffff) 82%, transparent) !important;
  border:1px solid var(--profile-divider, rgba(42,33,64,.10));
  box-shadow:0 14px 34px rgba(42,33,64,.07);
  color:var(--profile-text, #2A2140) !important;
}

.bp-profile-featured-section .profile-featured-kicker{
  display:inline-flex;
  align-items:center;
  gap:.28rem;
  margin-bottom:.28rem;
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--profile-accent, #D91B8C);
}

.bp-profile-featured-section .profile-featured-intro h2{
  margin:0;
  font-size:1.28rem;
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--profile-text, #2A2140) !important;
}

.bp-profile-featured-section .profile-featured-intro p{
  margin:.2rem 0 0;
  max-width:520px;
  font-size:.94rem;
  line-height:1.35;
  color:var(--profile-muted, rgba(42,33,64,.70)) !important;
}

.bp-profile-featured-section .profile-featured-actions{
  margin-top:0;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:.55rem;
}

.bp-profile-featured-section .profile-featured-actions .fh-btn-pill,
.bp-profile-featured-section .profile-featured-actions .fh-btn-outline-light-pill{
  padding:.62rem 1rem;
  font-size:.9rem;
  line-height:1;
  box-shadow:none;
}

.bp-profile-featured-section .profile-featured-actions .fh-btn-cream,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-actions .fh-btn-cream,
.bp-profile-featured-section[class*="profile-theme-"] .profile-featured-actions .fh-btn-cream{
  background:var(--profile-action-bg, #FFD166) !important;
  color:var(--profile-action-text, #2A2140) !important;
  border:1px solid transparent !important;
}

.bp-profile-featured-section .profile-featured-actions .fh-btn-outline-light-pill,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-actions .fh-btn-outline-light-pill,
.bp-profile-featured-section[class*="profile-theme-"] .profile-featured-actions .fh-btn-outline-light-pill{
  color:var(--profile-accent, #D91B8C) !important;
  background:var(--profile-surface, #ffffff) !important;
  border:1px solid var(--profile-link-border, var(--profile-divider, rgba(42,33,64,.12))) !important;
}

.bp-profile-featured-section .profile-featured-actions .fh-btn-outline-light-pill:hover,
body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-actions .fh-btn-outline-light-pill:hover,
.bp-profile-featured-section[class*="profile-theme-"] .profile-featured-actions .fh-btn-outline-light-pill:hover{
  background:var(--profile-surface-2, #f7efff) !important;
  color:var(--profile-accent, #D91B8C) !important;
}

body.profile-theme-dark .bp-profile-featured-section .profile-featured-intro,
.bp-profile-featured-section.profile-theme-dark .profile-featured-intro,
body.profile-theme-graphite .bp-profile-featured-section .profile-featured-intro,
.bp-profile-featured-section.profile-theme-graphite .profile-featured-intro{
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}


.bp-profile-featured-section:not([class*="profile-theme-"]),
.bp-profile-featured-section:not([class*="profile-theme-"]) .profile-featured-epic{
  background:#faf7fc !important;
}

.bp-profile-featured-section .profile-featured-epic,
.bp-profile-featured-section .profile-featured-epic::before{
  border-top:0 !important;
}

@media (max-width:767.98px){
  .bp-profile-featured-section .profile-featured-epic,
  body[class*="profile-theme-"] .bp-profile-featured-section .profile-featured-epic,
  .bp-profile-featured-section[class*="profile-theme-"] .profile-featured-epic{
    padding:2rem 0 1.75rem;
  }

  .bp-profile-featured-section .profile-featured-intro{
    margin:0 auto .85rem;
    padding:.95rem;
    align-items:flex-start;
    flex-direction:column;
    border-radius:20px;
  }

  .bp-profile-featured-section .profile-featured-intro h2{
    font-size:1.12rem;
  }

  .bp-profile-featured-section .profile-featured-intro p{
    font-size:.9rem;
  }

  .bp-profile-featured-section .profile-featured-actions{
    width:100%;
    justify-content:flex-start;
  }

  .bp-profile-featured-section .profile-featured-actions .fh-btn-pill,
  .bp-profile-featured-section .profile-featured-actions .fh-btn-outline-light-pill{
    padding:.6rem .85rem;
    font-size:.86rem;
  }
}
.bp-welcome-modal .modal-content{
position:relative;
overflow:hidden;
border-radius:26px !important;
background:
  radial-gradient(circle at 12% 0%, rgba(255,209,102,.38), transparent 28%),
  radial-gradient(circle at 88% 6%, rgba(217,27,140,.16), transparent 30%),
  linear-gradient(180deg, #fff, #fff8fc);
box-shadow:0 30px 90px rgba(42,33,64,.22);
}

.bp-welcome-modal .modal-content:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.34;
background-image:
  radial-gradient(circle, rgba(217,27,140,.18) 0 2px, transparent 2px),
  radial-gradient(circle, rgba(255,209,102,.24) 0 2px, transparent 2px);
background-size:86px 86px, 128px 128px;
background-position:16px 24px, 42px 54px;
}

.bp-welcome-inner{
position:relative;
z-index:1;
padding:2.15rem 1.55rem 1.55rem;
}

.bp-welcome-close{
position:absolute;
right:.85rem;
top:.72rem;
z-index:3;
width:34px;
height:34px;
border-radius:999px;
background:rgba(42,33,64,.06) !important;
color:#5f5573;
opacity:1;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}

.bp-welcome-close:hover{
background:rgba(42,33,64,.10) !important;
color:#2A2140;
}

.bp-welcome-icon{
width:74px;
height:74px;
margin:0 auto 12px;
border-radius:24px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg, #D91B8C, #BF2295);
color:#fff;
font-size:2.05rem;
box-shadow:0 18px 34px rgba(217,27,140,.26);
transform:rotate(-4deg);
}

.bp-welcome-kicker{
display:inline-flex;
align-items:center;
gap:7px;
border-radius:999px;
padding:.38rem .78rem;
margin-bottom:12px;
background:rgba(217,27,140,.10);
color:#a2166f;
font-size:.74rem;
font-weight:950;
letter-spacing:.055em;
text-transform:uppercase;
}

.bp-welcome-title{
margin:0;
color:#2A2140;
font-weight:950;
letter-spacing:-.045em;
line-height:1.06;
font-size:clamp(1.75rem, 4vw, 2.35rem);
}

.bp-welcome-sub{
max-width:430px;
margin:12px auto 0;
color:#5f5573;
font-size:1.02rem;
line-height:1.5;
}

.bp-welcome-steps{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin:20px auto 18px;
max-width:430px;
}

.bp-welcome-step{
display:flex;
align-items:flex-start;
gap:12px;
text-align:left;
padding:13px 14px;
border-radius:18px;
border:1px solid rgba(42,33,64,.08);
background:rgba(255,255,255,.84);
box-shadow:0 10px 24px rgba(42,33,64,.055);
}

.bp-welcome-step-icon{
width:36px;
height:36px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
background:rgba(217,27,140,.10);
color:#D91B8C;
}

.bp-welcome-step-title{
color:#2A2140;
font-weight:950;
line-height:1.2;
margin-bottom:3px;
}

.bp-welcome-step-text{
color:#6b617b;
font-size:.9rem;
line-height:1.35;
margin:0;
}

.bp-welcome-primary{
border-radius:999px;
font-weight:950;
padding:.9rem 1rem;
box-shadow:0 16px 30px rgba(217,27,140,.18);
}

.bp-welcome-note{
margin-top:13px;
color:#8a8198;
font-size:.84rem;
line-height:1.35;
}

@media (max-width:575.98px){
.bp-welcome-inner{
  padding:1.9rem 1.1rem 1.25rem;
}

.bp-welcome-icon{
  width:66px;
  height:66px;
  font-size:1.8rem;
}
}


.profile-empty-link-btn{
  font-weight:900;
  letter-spacing:-.01em;
}

.bp-profile-shell[class*="profile-theme-"] .profile-empty-link-btn--owner,
body[class*="profile-theme-"] .bp-profile-shell .profile-empty-link-btn--owner{
  background:var(--bp-profile-link-rail, var(--profile-primary-bg, linear-gradient(135deg, #BF2295, #D91B8C))) !important;
  border-color:transparent !important;
  color:var(--profile-primary-text, #ffffff) !important;
  box-shadow:var(--profile-primary-shadow, 0 12px 26px rgba(42,33,64,.14)) !important;
}

.bp-profile-shell[class*="profile-theme-"] .profile-empty-link-btn--owner:hover,
.bp-profile-shell[class*="profile-theme-"] .profile-empty-link-btn--owner:focus,
body[class*="profile-theme-"] .bp-profile-shell .profile-empty-link-btn--owner:hover,
body[class*="profile-theme-"] .bp-profile-shell .profile-empty-link-btn--owner:focus{
  background:var(--profile-primary-hover, var(--bp-profile-link-rail, var(--profile-primary-bg, linear-gradient(135deg, #BF2295, #D91B8C)))) !important;
  border-color:transparent !important;
  color:var(--profile-primary-text, #ffffff) !important;
  transform:translateY(-1px);
}

.bp-profile-shell[class*="profile-theme-"] .profile-empty-link-btn--explore,
body[class*="profile-theme-"] .bp-profile-shell .profile-empty-link-btn--explore{
  background:var(--bp-profile-ghost-bg, var(--profile-surface-2, #ffffff)) !important;
  border-color:var(--bp-profile-ghost-border, var(--profile-link-border, rgba(217,27,140,.22))) !important;
  color:var(--bp-profile-pink, var(--profile-accent, #D91B8C)) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.055) !important;
}

.bp-profile-shell[class*="profile-theme-"] .profile-empty-link-btn--explore:hover,
.bp-profile-shell[class*="profile-theme-"] .profile-empty-link-btn--explore:focus,
body[class*="profile-theme-"] .bp-profile-shell .profile-empty-link-btn--explore:hover,
body[class*="profile-theme-"] .bp-profile-shell .profile-empty-link-btn--explore:focus{
  background:var(--bp-profile-link-rail, var(--profile-primary-bg, linear-gradient(135deg, #BF2295, #D91B8C))) !important;
  border-color:transparent !important;
  color:var(--profile-primary-text, #ffffff) !important;
  box-shadow:var(--profile-primary-shadow, 0 12px 26px rgba(42,33,64,.14)) !important;
  transform:translateY(-1px);
}

.bp-profile-shell[class*="profile-theme-"] .profile-empty-link-btn i,
body[class*="profile-theme-"] .bp-profile-shell .profile-empty-link-btn i{
  color:currentColor !important;
}


.bp-profile-shell{
  --bp-boost-surface:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,248,252,.96));
  --bp-boost-glow-1:rgba(217,27,140,.14);
  --bp-boost-glow-2:rgba(255,209,102,.22);
  --bp-boost-border:rgba(217,27,140,.16);
  --bp-boost-text:#2A2140;
  --bp-boost-muted:rgba(42,33,64,.70);
  --bp-boost-accent:#D91B8C;
  --bp-boost-accent-2:#FFD166;
  --bp-boost-action-bg:linear-gradient(135deg,#D91B8C,#BF2295);
  --bp-boost-action-text:#fff;
  --bp-boost-shadow:0 18px 42px rgba(42,33,64,.10);
}
body.profile-theme-vibrant .bp-profile-shell,
.bp-profile-shell.profile-theme-vibrant{
  --bp-boost-surface:linear-gradient(135deg,#fff,#fbf4ff);
  --bp-boost-glow-1:rgba(143,65,232,.18);
  --bp-boost-glow-2:rgba(255,79,163,.14);
  --bp-boost-border:rgba(143,65,232,.20);
  --bp-boost-text:#2e2143;
  --bp-boost-muted:rgba(46,33,67,.72);
  --bp-boost-accent:#8f41e8;
  --bp-boost-accent-2:#ff4fa3;
  --bp-boost-action-bg:linear-gradient(135deg,#8f41e8,#ff4fa3);
  --bp-boost-shadow:0 18px 42px rgba(126,63,193,.14);
}
body.profile-theme-dark .bp-profile-shell,
.bp-profile-shell.profile-theme-dark{
  --bp-boost-surface:linear-gradient(135deg,#11161d,#18202b);
  --bp-boost-glow-1:rgba(45,92,246,.22);
  --bp-boost-glow-2:rgba(6,182,212,.14);
  --bp-boost-border:rgba(120,208,255,.18);
  --bp-boost-text:#eef4fb;
  --bp-boost-muted:rgba(222,231,242,.72);
  --bp-boost-accent:#78d0ff;
  --bp-boost-accent-2:#2d5cf6;
  --bp-boost-action-bg:linear-gradient(135deg,#2d5cf6,#06b6d4);
  --bp-boost-shadow:0 20px 48px rgba(0,0,0,.38);
}
body.profile-theme-graphite .bp-profile-shell,
.bp-profile-shell.profile-theme-graphite{
  --bp-boost-surface:linear-gradient(135deg,#f8fafb,#eef2f5);
  --bp-boost-glow-1:rgba(95,108,124,.16);
  --bp-boost-glow-2:rgba(185,137,85,.14);
  --bp-boost-border:rgba(95,108,124,.18);
  --bp-boost-text:#27313b;
  --bp-boost-muted:rgba(39,49,59,.70);
  --bp-boost-accent:#8a6540;
  --bp-boost-accent-2:#5f6c7c;
  --bp-boost-action-bg:linear-gradient(135deg,#5f6c7c,#b98955);
  --bp-boost-shadow:0 18px 42px rgba(31,39,49,.16);
}
body.profile-theme-light .bp-profile-shell,
.bp-profile-shell.profile-theme-light{
  --bp-boost-surface:linear-gradient(135deg,#fff,#f5f8ff);
  --bp-boost-glow-1:rgba(91,120,255,.15);
  --bp-boost-glow-2:rgba(159,193,255,.18);
  --bp-boost-border:rgba(91,120,255,.18);
  --bp-boost-text:#26324a;
  --bp-boost-muted:rgba(38,50,74,.70);
  --bp-boost-accent:#5b78ff;
  --bp-boost-accent-2:#9fc1ff;
  --bp-boost-action-bg:linear-gradient(135deg,#6b87ff,#9fc1ff);
  --bp-boost-shadow:0 16px 40px rgba(71,92,170,.12);
}
body.profile-theme-sunset .bp-profile-shell,
.bp-profile-shell.profile-theme-sunset{
  --bp-boost-surface:linear-gradient(135deg,#fffdfb,#fff1eb);
  --bp-boost-glow-1:rgba(255,138,61,.18);
  --bp-boost-glow-2:rgba(255,79,129,.14);
  --bp-boost-border:rgba(213,90,58,.18);
  --bp-boost-text:#40221f;
  --bp-boost-muted:rgba(64,34,31,.72);
  --bp-boost-accent:#d55a3a;
  --bp-boost-accent-2:#ff4f81;
  --bp-boost-action-bg:linear-gradient(135deg,#ff8a3d,#ff4f81);
  --bp-boost-shadow:0 16px 42px rgba(227,92,59,.14);
}
body.profile-theme-ocean .bp-profile-shell,
.bp-profile-shell.profile-theme-ocean{
  --bp-boost-surface:linear-gradient(135deg,#fff,#effafd);
  --bp-boost-glow-1:rgba(29,127,160,.16);
  --bp-boost-glow-2:rgba(11,184,178,.14);
  --bp-boost-border:rgba(29,127,160,.18);
  --bp-boost-text:#1f3340;
  --bp-boost-muted:rgba(31,51,64,.70);
  --bp-boost-accent:#12758d;
  --bp-boost-accent-2:#0bb8b2;
  --bp-boost-action-bg:linear-gradient(135deg,#1d7fa0,#0bb8b2);
  --bp-boost-shadow:0 18px 40px rgba(25,104,132,.14);
}
.bp-boost-card-wrap{
  position:relative;
}
.bp-boost-card{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  overflow:hidden;
  width:100%;
  padding:16px 17px;
  border-radius:24px;
  border:1px solid var(--bp-boost-border);
  background:var(--bp-boost-surface);
  color:var(--bp-boost-text);
  box-shadow:var(--bp-boost-shadow);
  text-align:left;
  isolation:isolate;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.bp-boost-card::before,
.bp-boost-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.bp-boost-card::before{
  width:150px;
  height:150px;
  right:-46px;
  top:-66px;
  border-radius:50%;
  background:radial-gradient(circle, var(--bp-boost-glow-1), transparent 70%);
}
.bp-boost-card::after{
  width:170px;
  height:170px;
  left:-76px;
  bottom:-86px;
  border-radius:50%;
  background:radial-gradient(circle, var(--bp-boost-glow-2), transparent 68%);
}
.bp-boost-card:hover,
.bp-boost-card:focus{
  color:var(--bp-boost-text);
  text-decoration:none;
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--bp-boost-accent) 38%, transparent);
  box-shadow:0 22px 52px rgba(42,33,64,.14);
}
.bp-boost-media{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.bp-boost-media .ring{
  margin:0;
}
.bp-boost-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:max-content;
  margin-bottom:4px;
  padding:4px 9px;
  border-radius:999px;
  background:color-mix(in srgb, var(--bp-boost-accent) 12%, transparent);
  color:var(--bp-boost-accent);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
  line-height:1;
}
.bp-boost-name{
  display:block;
  color:var(--bp-boost-text);
  font-family:Montserrat, Lato, sans-serif;
  font-weight:950;
  font-size:1.08rem;
  line-height:1.18;
}
.bp-boost-bio{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:4px;
  color:var(--bp-boost-muted);
  font-size:.9rem;
  line-height:1.35;
}
.bp-boost-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  align-self:center;
  min-width:104px;
  padding:10px 13px;
  border-radius:999px;
  background:var(--bp-boost-action-bg);
  color:var(--bp-boost-action-text);
  font-weight:950;
  line-height:1;
  box-shadow:0 12px 24px rgba(0,0,0,.10);
}
.bp-boost-action i{
  font-size:.8rem;
}
@media (max-width:575.98px){
  .bp-boost-card{
    grid-template-columns:auto minmax(0,1fr);
    padding:14px;
    border-radius:21px;
    gap:13px;
  }
  .bp-boost-name{
    font-size:1rem;
  }
  .bp-boost-bio{
    font-size:.84rem;
  }
  .bp-boost-action{
    grid-column:1 / -1;
    width:100%;
    margin-top:2px;
  }
}
@supports not (color:color-mix(in srgb, #000 50%, transparent)){
  .bp-boost-kicker{
    background:rgba(217,27,140,.10);
  }
  .bp-boost-card:hover,
  .bp-boost-card:focus{
    border-color:var(--bp-boost-border);
  }
}


.icon-only-guidance{
  display:flex;
  align-items:flex-start;
  gap:.45rem;
  padding:.65rem .8rem;
  border-radius:12px;
  background:#fff7e6;
  border:1px solid #f7c64a;
  color:#5b4213;
  font-size:.88rem;
  line-height:1.35;
}
.icon-only-guidance i{
  color:#b87300;
  margin-top:.12rem;
}
.profile-icons-only-nudge{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:16px;
  background:#fff7e6;
  border:2px solid #f7c64a;
  box-shadow:0 10px 24px rgba(42,33,64,.07);
}
.profile-icons-only-nudge__icon{
  width:38px;
  height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#ffe7b3;
  color:#b87300;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.7);
}
.profile-icons-only-nudge__copy{
  min-width:0;
  flex:1 1 auto;
}
.profile-icons-only-nudge__title{
  font-weight:900;
  color:#1f2937;
  line-height:1.2;
}
.profile-icons-only-nudge__text{
  color:#5f5870;
  font-size:.93rem;
  margin-top:.2rem;
}
@media (max-width:575.98px){
  .profile-icons-only-nudge{
    text-align:left;
  }
}


.bp-pill-tier{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:.12rem .45rem;
  border-radius:9999px;
  font-size:.68rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.01em;
  background:rgba(255,209,102,.18);
  color:var(--bp-cream, #FFD166);
  border:1px solid rgba(255,209,102,.24);
}
.bp-daily-pill--free .bp-pill-tier{
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.92);
  border-color:rgba(255,255,255,.14);
}
.bp-daily-pill--premium .bp-pill-tier{
  background:linear-gradient(135deg, rgba(255,209,102,.98), rgba(255,255,255,.82));
  color:var(--bp-ink, #2A2140);
  border-color:rgba(255,255,255,.28);
}
body[class*="profile-theme-"] .bp-pill-tier{
  background:var(--profile-action-bg);
  color:var(--profile-action-text);
  border-color:transparent;
}
body[class*="profile-theme-"] .bp-daily-pill--free .bp-pill-tier{
  background:var(--profile-surface-2);
  color:var(--profile-text);
  border-color:var(--profile-divider);
}

.dashboard-growth-panel--streak{
  background:linear-gradient(180deg, #fff5fb 0%, #ffffff 100%);
  border-color:rgba(217,27,140,.16);
}
.dashboard-growth-progress__bar--streak{
  background:linear-gradient(90deg, #ff8a00 0%, #ffd166 42%, #d91b8c 100%);
}
.dashboard-streak-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 12px;
}
.dashboard-streak-stats > div{
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(43,34,75,.08);
  padding:10px;
  text-align:center;
}
.dashboard-streak-number{
  display:block;
  font-size:1.28rem;
  font-weight:900;
  line-height:1;
  color:#2A2140;
}
.dashboard-streak-label{
  display:block;
  margin-top:4px;
  font-size:.72rem;
  font-weight:800;
  color:#6c757d;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.dashboard-lock-card--streak .dashboard-growth-progress{
  height:8px;
}
.dashboard-lock-card--streak .btn.disabled,
.dashboard-lock-card--streak .btn:disabled,
.dashboard-growth-panel--streak .btn.disabled,
.dashboard-growth-panel--streak .btn:disabled{
  pointer-events:none;
  opacity:.74;
}

.credits-earn-panel{
  background:#fdf5fb;
  border:1px dashed #f0c9e6;
  border-radius:14px;
  padding:1rem;
}
.credits-earn-card{
  background:#ffffff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px;
  padding:1rem;
  margin-bottom:1rem;
}
.credits-earn-card--streak{
  background:linear-gradient(180deg, #fff9ef 0%, #ffffff 100%);
  border-color:rgba(255,193,7,.22);
}
.credits-streak-mini{
  font-size:.82rem;
  color:#2A2140;
}
.credits-streak-progress{
  height:10px;
  border-radius:9999px;
  background:rgba(0,0,0,.06);
  overflow:hidden;
}
.credits-streak-progress__bar{
  border-radius:9999px;
  background:linear-gradient(90deg, #ff8a00 0%, #ffd166 42%, #d91b8c 100%);
}
@media (max-width: 575.98px){
  .bp-pill-tier{ display:none; }
  .dashboard-streak-stats{ grid-template-columns:1fr; }
  .credits-earn-panel{ padding:.85rem; }
}

.dashboard-premium-earn-link,
.bp-premium-earn-link{
  display:inline-block;
  margin-top:8px;
  color:var(--bp-pink, #D91B8C);
  font-weight:900;
  font-size:.84rem;
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.dashboard-premium-earn-link:hover,
.bp-premium-earn-link:hover,
.dashboard-premium-earn-link:focus,
.bp-premium-earn-link:focus{
  color:var(--bp-magenta, #BF2295);
  text-decoration:none !important;
}
.bp-premium-earn-link--inline{
  display:inline;
  margin-top:0;
  margin-left:.15rem;
}
.dashboard-growth-panel .dashboard-premium-earn-link{
  margin-top:0;
  margin-bottom:10px;
}
.dashboard-lock-card .dashboard-premium-earn-link{
  margin-top:7px;
}

.dashboard-growth-title-with-info{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.dashboard-growth-info-btn{
  width:20px;
  height:20px;
  border:0;
  border-radius:9999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:rgba(217,27,140,.10);
  color:var(--bp-pink, #D91B8C);
  font-size:.72rem;
  line-height:1;
  cursor:pointer;
}
.dashboard-growth-info-btn:hover,
.dashboard-growth-info-btn:focus{
  background:var(--bp-pink, #D91B8C);
  color:#fff;
  outline:none;
}
.bp-growth-info-modal{
  border:0;
  border-radius:22px;
  box-shadow:0 24px 70px rgba(42,33,64,.20);
}
.bp-growth-info-modal .modal-title{
  font-weight:900;
  color:var(--bp-ink, #2A2140);
}
.bp-growth-info-list{
  display:grid;
  gap:10px;
}
.bp-growth-info-list > div{
  border-radius:14px;
  background:#fff7fc;
  border:1px solid rgba(217,27,140,.12);
  padding:10px 12px;
  color:#2A2140;
}


#dailyGrowthInfoModal .modal-dialog{
  max-width:520px;
}
#dailyGrowthInfoModal .bp-growth-info-modal{
  overflow:hidden;
  border:0;
  border-radius:24px;
  background:#fff;
  color:var(--bp-ink, #2A2140);
  box-shadow:0 26px 80px rgba(42,33,64,.28);
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-header{
  align-items:center;
  padding:22px 24px 10px;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:var(--bp-ink, #2A2140);
  font-size:1.38rem;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.02em;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-title i{
  width:30px;
  height:30px;
  border-radius:9999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  background:rgba(255,209,102,.24);
  color:#ff9f00 !important;
  font-size:1rem;
}
#dailyGrowthInfoModal .bp-growth-info-modal .close{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:-6px -8px 0 12px;
  padding:0;
  border-radius:9999px;
  color:#7a7396;
  opacity:1;
  text-shadow:none;
  transition:background .15s ease, color .15s ease, transform .15s ease;
}
#dailyGrowthInfoModal .bp-growth-info-modal .close:hover,
#dailyGrowthInfoModal .bp-growth-info-modal .close:focus{
  background:rgba(42,33,64,.07);
  color:var(--bp-ink, #2A2140);
  transform:rotate(4deg);
  outline:none;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-body{
  flex:0 0 auto;
  padding:0 24px 14px !important;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-body p{
  margin:0 0 14px !important;
  color:#403957;
  font-size:.98rem;
  line-height:1.5;
}
#dailyGrowthInfoModal .bp-growth-info-list{
  display:grid;
  gap:10px;
}
#dailyGrowthInfoModal .bp-growth-info-list > div{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  background:linear-gradient(135deg, #fff7fc 0%, #fff 100%);
  border:1px solid rgba(217,27,140,.16);
  padding:12px 14px;
  color:var(--bp-ink, #2A2140);
  font-size:.94rem;
  line-height:1.35;
  box-shadow:0 8px 20px rgba(42,33,64,.04);
}
#dailyGrowthInfoModal .bp-growth-info-list > div strong{
  color:var(--bp-purple, #40266E);
  font-weight:950;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:6px 24px 24px !important;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer > *{
  margin:0 !important;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.62rem 1rem;
  border-radius:9999px;
  font-weight:900;
  line-height:1.1;
  text-decoration:none !important;
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn-primary{
  border:0;
  background:linear-gradient(90deg, var(--bp-pink, #D91B8C), var(--bp-magenta, #BF2295));
  color:#fff;
  box-shadow:0 12px 28px rgba(217,27,140,.22);
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn-primary:hover,
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn-primary:focus{
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(217,27,140,.28);
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn-outline-secondary{
  border:2px solid var(--bp-purple, #40266E);
  background:#fff;
  color:var(--bp-purple, #40266E);
}
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn-outline-secondary:hover,
#dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn-outline-secondary:focus{
  background:var(--bp-purple, #40266E);
  color:#fff;
}
.bp-pill-explain .bp-pill-premium-link,
.bp-pill-premium-link,
.bp-pill-premium-link:visited,
.bp-pill-premium-link:hover,
.bp-pill-premium-link:focus,
body[class*="profile-theme-"] .bp-pill-premium-link,
body[class*="profile-theme-"] .bp-pill-premium-link:hover,
body[class*="profile-theme-"] .bp-pill-premium-link:focus{
  gap:.18rem;
  text-decoration:none !important;
  text-decoration-line:none !important;
  text-decoration-thickness:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
.bp-pill-premium-link b{
  margin-left:.08rem;
}
.bp-pill-premium-link:focus-visible{
  outline:3px solid var(--bp-cream, #FFD166);
  outline-offset:2px;
  border-radius:9999px;
}

@media (max-width:575.98px){
  #dailyGrowthInfoModal .modal-dialog{
    margin:.75rem;
    max-width:none;
  }
  #dailyGrowthInfoModal .bp-growth-info-modal{
    border-radius:22px;
  }
  #dailyGrowthInfoModal .bp-growth-info-modal .modal-header{
    padding:18px 18px 8px;
  }
  #dailyGrowthInfoModal .bp-growth-info-modal .modal-title{
    font-size:1.15rem;
  }
  #dailyGrowthInfoModal .bp-growth-info-modal .modal-body{
    padding:0 18px 12px !important;
  }
  #dailyGrowthInfoModal .bp-growth-info-modal .modal-footer{
    flex-direction:column;
    align-items:stretch;
    padding:4px 18px 18px !important;
  }
  #dailyGrowthInfoModal .bp-growth-info-modal .modal-footer .btn{
    width:100%;
  }
}


.bp-pill-explain .bp-pill-premium-link,
.bp-pill-premium-link,
.bp-pill-premium-link:visited,
.bp-pill-premium-link:hover,
.bp-pill-premium-link:focus,
body[class*="profile-theme-"] .bp-pill-premium-link,
body[class*="profile-theme-"] .bp-pill-premium-link:hover,
body[class*="profile-theme-"] .bp-pill-premium-link:focus{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
}
.bp-pill-explain .bp-pill-premium-link:hover,
.bp-pill-premium-link:hover,
body[class*="profile-theme-"] .bp-pill-premium-link:hover{
  filter:brightness(1.08);
}
.credits-earn-card .bp-premium-earn-link,
.credits-earn-card .bp-premium-earn-link:hover,
.credits-earn-card .bp-premium-earn-link:focus{
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}


.bp-daily-pill,
body[class*="profile-theme-"] .bp-daily-pill{
  background:rgba(42,33,64,.94) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.32),
    0 0 0 1px rgba(64,38,110,.18) !important;
  backdrop-filter:saturate(130%) blur(8px) !important;
  -webkit-backdrop-filter:saturate(130%) blur(8px) !important;
}
.bp-daily-pill .bp-pill-toggle,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-toggle,
.bp-daily-pill .bp-pill-title,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-title,
.bp-daily-pill .bp-pill-explain,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-explain,
.bp-daily-pill .bp-progress-meta,
body[class*="profile-theme-"] .bp-daily-pill .bp-progress-meta{
  color:#fff !important;
}
.bp-daily-pill .bp-pill-panel,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-panel{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
}
.bp-daily-pill .bp-pill-count,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-count{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.bp-daily-pill .bp-pill-hide,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-hide{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:0 !important;
}
.bp-daily-pill .bp-pill-tier,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-tier,
body[class*="profile-theme-"] .bp-daily-pill--free .bp-pill-tier{
  background:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.bp-daily-pill.bp-daily-pill--premium .bp-pill-tier,
body[class*="profile-theme-"] .bp-daily-pill.bp-daily-pill--premium .bp-pill-tier{
  background:linear-gradient(135deg, rgba(255,209,102,.98), rgba(255,255,255,.82)) !important;
  color:var(--bp-ink, #2A2140) !important;
  border-color:rgba(255,255,255,.28) !important;
}
.bp-daily-pill .bp-muted,
body[class*="profile-theme-"] .bp-daily-pill .bp-muted{
  color:rgba(255,255,255,.78) !important;
}
.bp-daily-pill .bp-reward,
body[class*="profile-theme-"] .bp-daily-pill .bp-reward{
  color:var(--bp-cream, #FFD166) !important;
}
.bp-daily-pill .bp-progress,
body[class*="profile-theme-"] .bp-daily-pill .bp-progress{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.bp-daily-pill .bp-progress-bar,
body[class*="profile-theme-"] .bp-daily-pill .bp-progress-bar{
  background:linear-gradient(160deg, #ff62cf, var(--bp-pink, #D91B8C), var(--bp-magenta, #BF2295)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 6px 14px rgba(217,27,140,.22) !important;
}
.bp-daily-pill .bp-toast,
body[class*="profile-theme-"] .bp-daily-pill .bp-toast{
  color:var(--bp-ink, #2A2140) !important;
  background:linear-gradient(160deg, rgba(255,209,102,.95), rgba(255,255,255,.85)) !important;
  border:0 !important;
  box-shadow:0 12px 22px rgba(0,0,0,.18) !important;
}
.bp-daily-pill .bp-pill-learn,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-learn{
  color:rgba(255,255,255,.90) !important;
  text-decoration:none !important;
}
.bp-daily-pill .bp-pill-learn:hover,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-learn:hover{
  color:#fff !important;
  text-decoration:none !important;
}
.bp-daily-pill .bp-pill-premium-link,
.bp-daily-pill .bp-pill-premium-link:visited,
.bp-daily-pill .bp-pill-premium-link:hover,
.bp-daily-pill .bp-pill-premium-link:focus,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-premium-link,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-premium-link:visited,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-premium-link:hover,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-premium-link:focus{
  color:var(--bp-cream, #FFD166) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  padding:0 !important;
  margin:0 !important;
}
.bp-daily-pill .bp-pill-toggle:focus-visible,
.bp-daily-pill .bp-pill-hide:focus-visible,
.bp-daily-pill .bp-pill-learn:focus-visible,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-toggle:focus-visible,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-hide:focus-visible,
body[class*="profile-theme-"] .bp-daily-pill .bp-pill-learn:focus-visible{
  outline-color:var(--bp-cream, #FFD166) !important;
}


body.profile-mini-nav-open .bp-daily-pill{
  z-index:1028 !important;
}


.explore-joined-card,
.featured-card,
.lb-card-badged,
.locked-card{
  position:relative;
  overflow:hidden;
}

.featured-strip{
  align-items:flex-start;
}

.explore-joined-card > *:not(.bp-user-card-cover):not(.view-time-chip):not(.locked-ribbon):not(.locked-overlay),
.featured-card > *:not(.bp-user-card-cover):not(.view-time-chip):not(.locked-ribbon):not(.locked-overlay),
.lb-card-badged > *:not(.bp-user-card-cover):not(.view-time-chip):not(.locked-ribbon):not(.locked-overlay),
.locked-card > *:not(.bp-user-card-cover):not(.view-time-chip):not(.locked-ribbon):not(.locked-overlay){
  position:relative;
  z-index:1;
}

.bp-user-card-cover{
  position:absolute;
  left:0;
  right:0;
  top:0;
  z-index:0;
  display:block;
  height:88px;
  margin:0;
  overflow:hidden;
  border-radius:inherit;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  background:linear-gradient(135deg, rgba(217,27,140,.14), rgba(255,209,102,.18));
  text-decoration:none!important;
  pointer-events:none;
}

.bp-user-card-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(255,255,255,.04), rgba(255,255,255,.78) 100%);
  pointer-events:none;
}

.bp-user-card-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
}

.explore-joined-card .bp-user-card-cover{
  height:92px;
}

.featured-card .bp-user-card-cover{
  top:43px;
  height:92px;
  border-radius:0;
  pointer-events:none;
}

.featured-card .bp-user-card-cover:after{
  background:
    linear-gradient(to bottom, rgba(255,255,255,.02), rgba(255,255,255,.70) 100%);
}

.featured-card .featured-top{
  position:relative;
  z-index:2;
}

.explore-joined-card{
  background-color:rgba(255,255,255,.92);
}

.featured-card .featured-body{
  background:transparent;
}

.featured-cta-card{
  min-height:350px;
  display:flex;
  flex-direction:column;
}

.featured-cta-card .featured-body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.explore-joined-card .profile-tiles-avatar-wrapper,
.featured-card .profile-tiles-avatar-wrapper{
  box-shadow:0 0 0 1px #fff, 0 8px 20px rgba(42,33,64,.14);
}

.lb-card-badged .bp-user-card-cover{
  z-index:0;
}

.locked-card .bp-user-card-cover{
  z-index:0;
}

@media (max-width:575.98px){
  .bp-user-card-cover{
    height:84px;
  }
  .explore-joined-card .bp-user-card-cover{
    height:86px;
  }
  .featured-card .bp-user-card-cover{
    top:43px;
    height:84px;
  }
}

.howworks-epic .how-hero {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.20), transparent 32%),
    radial-gradient(circle at bottom left, rgba(255,209,102,.18), transparent 28%),
    linear-gradient(135deg, #171426 0%, #251f45 48%, #d91b8c 100%);
  color: #fff;
  box-shadow: 0 18px 46px rgba(32, 22, 66, .18);
}
.howworks-epic .how-hero__inner {
  padding: 34px 22px;
}
@media (min-width: 768px) {
  .howworks-epic .how-hero__inner {
    padding: 48px 44px;
  }
}
.howworks-epic .how-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: .82rem;
  font-weight: 700;
}
.howworks-epic .how-hero__title {
  font-size: 2.2rem;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 18px 0 12px;
}
@media (min-width: 992px) {
  .howworks-epic .how-hero__title {
    font-size: 3.2rem;
  }
}
.howworks-epic .how-hero__text {
  font-size: 1.04rem;
  line-height: 1.65;
  color: rgba(255,255,255,.92);
  max-width: 840px;
}
.howworks-epic .how-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.howworks-epic .how-hero-point {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 9px 13px;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
}
.howworks-epic .how-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.howworks-epic .how-hero-mini {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .howworks-epic .how-hero-mini {
    grid-template-columns: repeat(3, 1fr);
  }
}
.howworks-epic .how-hero-mini-card {
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  padding: 16px;
}
.howworks-epic .how-hero-mini-title {
  font-weight: 800;
  color: #fff;
  margin-bottom: 5px;
}
.howworks-epic .how-hero-mini-text {
  color: rgba(255,255,255,.86);
  font-size: .92rem;
  line-height: 1.5;
  margin: 0;
}

.howworks-epic .how-block {
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.04);
}
.howworks-epic .how-block__body {
  padding: 22px;
}
@media (min-width: 768px) {
  .howworks-epic .how-block__body {
    padding: 30px;
  }
}
.howworks-epic .how-section-title {
  font-size: 1.7rem;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #212529;
  margin-bottom: 8px;
}
.howworks-epic .how-section-text {
  color: #6c757d;
  line-height: 1.65;
  margin-bottom: 0;
}

.howworks-epic .how-loop-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 992px) {
  .howworks-epic .how-loop-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.howworks-epic .how-loop-card {
  position: relative;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.07);
  background: linear-gradient(180deg, #fff, #fbfbfb);
  padding: 18px;
  min-height: 100%;
}
.howworks-epic .how-loop-num {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fbe6f3;
  color: #d91b8c;
  font-size: .95rem;
  font-weight: 800;
  margin-bottom: 12px;
}
.howworks-epic .how-loop-title {
  font-weight: 800;
  margin-bottom: 6px;
}
.howworks-epic .how-loop-text {
  color: #6c757d;
  font-size: .93rem;
  line-height: 1.55;
  margin: 0;
}

.howworks-epic .how-power-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 768px) {
  .howworks-epic .how-power-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .howworks-epic .how-power-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.howworks-epic .how-power-card {
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 18px;
  background: #fff;
  padding: 18px;
  height: 100%;
}
.howworks-epic .how-power-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fdf0f8;
  color: #d91b8c;
  font-size: 1.1rem;
  margin-bottom: 12px;
}
.howworks-epic .how-power-title {
  font-weight: 800;
  margin-bottom: 6px;
}
.howworks-epic .how-power-text {
  color: #6c757d;
  font-size: .93rem;
  line-height: 1.55;
  margin: 0;
}

.howworks-epic .how-audience-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 992px) {
  .howworks-epic .how-audience-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.howworks-epic .how-audience-card {
  border-radius: 20px;
  padding: 20px;
  height: 100%;
  color: #212529;
}
.howworks-epic .how-audience-card--creator {
  background: linear-gradient(180deg, #fff5fb, #fff);
  border: 1px solid rgba(217,27,140,.12);
}
.howworks-epic .how-audience-card--fan {
  background: linear-gradient(180deg, #fff9ef, #fff);
  border: 1px solid rgba(255,193,7,.18);
}
.howworks-epic .how-audience-card--brand {
  background: linear-gradient(180deg, #f3f7ff, #fff);
  border: 1px solid rgba(13,110,253,.14);
}
.howworks-epic .how-audience-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.howworks-epic .how-audience-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.howworks-epic .how-audience-card--creator .how-audience-icon {
  background: #fde6f3;
  color: #d91b8c;
}
.howworks-epic .how-audience-card--fan .how-audience-icon {
  background: #fff2ce;
  color: #b78103;
}
.howworks-epic .how-audience-card--brand .how-audience-icon {
  background: #e6efff;
  color: #0d6efd;
}
.howworks-epic .how-audience-title {
  font-weight: 800;
  margin: 0;
}
.howworks-epic .how-audience-text {
  color: #5f6770;
  font-size: .94rem;
  line-height: 1.6;
}
.howworks-epic .how-audience-list {
  margin: 0;
  padding-left: 18px;
  color: #5f6770;
  font-size: .9rem;
}
.howworks-epic .how-audience-list li + li {
  margin-top: 6px;
}

.howworks-epic .how-credit-strip {
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(135deg, #fff8e8 0%, #fff 50%, #fff4fb 100%);
  border: 1px solid rgba(0,0,0,.06);
}
.howworks-epic .how-credit-strip__body {
  padding: 24px;
}
.howworks-epic .how-credit-badge {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff0c9;
  color: #af7d00;
  font-size: 1.2rem;
}
.howworks-epic .how-credit-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.howworks-epic .how-credit-head .how-credit-badge {
  margin-bottom: 12px;
}
@media (min-width: 576px) {
  .howworks-epic .how-credit-head {
    flex-direction: row;
  }
  .howworks-epic .how-credit-head .how-credit-badge {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.howworks-epic .how-credit-content {
  width: 100%;
}
.howworks-epic .how-credit-title {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 6px;
}
.howworks-epic .how-credit-text {
  color: #6c757d;
  line-height: 1.65;
  margin-bottom: 0;
}
.howworks-epic .how-credit-list {
  margin: 14px 0 0;
  padding-left: 18px;
  color: #6c757d;
}
.howworks-epic .how-credit-list li + li {
  margin-top: 6px;
}

.howworks-epic .how-premium {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, #201641 0%, #36255e 48%, #d91b8c 100%);
  color: #fff;
  box-shadow: 0 18px 46px rgba(32, 22, 66, .14);
}
.howworks-epic .how-premium__body {
  padding: 28px 24px;
}
@media (min-width: 768px) {
  .howworks-epic .how-premium__body {
    padding: 34px 34px;
  }
}
.howworks-epic .how-premium__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 8px 13px;
  font-size: .82rem;
  font-weight: 700;
}
.howworks-epic .how-premium__title {
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.02em;
  margin: 16px 0 10px;
}
.howworks-epic .how-premium__text {
  color: rgba(255,255,255,.9);
  line-height: 1.7;
  max-width: 860px;
}
.howworks-epic .how-premium-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 22px;
}
@media (min-width: 768px) {
  .howworks-epic .how-premium-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.howworks-epic .how-premium-card {
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  padding: 16px;
}
.howworks-epic .how-premium-card strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
}
.howworks-epic .how-premium-card span {
  color: rgba(255,255,255,.84);
  font-size: .91rem;
  line-height: 1.5;
}
.howworks-epic .how-premium-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.howworks-epic .how-final-cta {
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.06);
  background: linear-gradient(180deg, #fff, #fcfcfc);
  padding: 24px;
  text-align: center;
}
.howworks-epic .how-final-cta h3 {
  font-weight: 800;
  margin-bottom: 8px;
}
.howworks-epic .how-final-cta p {
  color: #6c757d;
  margin-bottom: 18px;
  line-height: 1.65;
}
.howworks-epic .how-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.howworks-epic .how-icon-circle {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fbe8f5;
  color: #d91b8c;
  font-size: 1.05rem;
}

.creditsx-shell .creditsx-card {
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
}

.creditsx-shell .creditsx-danger-banner {
  border: 1px solid rgba(220,53,69,.18);
  background: linear-gradient(180deg, rgba(220,53,69,.08), rgba(255,255,255,1));
  border-radius: 20px;
  padding: 18px 20px;
}

.creditsx-shell .creditsx-danger-banner h5 {
  font-weight: 900;
  margin-bottom: 8px;
}

.creditsx-shell .creditsx-danger-banner p {
  margin-bottom: 12px;
  color: #6c757d;
}

.creditsx-shell .creditsx-premium-nudge {
  max-width: 850px;
  margin: 0 auto 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-radius: 18px;
  border: 1px solid rgba(217,27,140,.12);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,209,102,.20), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,247,252,.96));
  padding: 14px 16px;
  text-align: left;
}

.creditsx-shell .creditsx-premium-nudge__main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.creditsx-shell .creditsx-premium-nudge__icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: linear-gradient(160deg, #bf2295, #d91b8c);
  color: #fff;
  box-shadow: 0 9px 20px rgba(217,27,140,.18);
}

.creditsx-shell .creditsx-premium-nudge__copy {
  min-width: 0;
}

.creditsx-shell .creditsx-premium-nudge__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 9px;
  background: rgba(217,27,140,.09);
  color: #a2166f;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.creditsx-shell .creditsx-premium-nudge__title {
  color: #2A2140;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 2px;
}

.creditsx-shell .creditsx-premium-nudge__text {
  color: #6c757d;
  font-size: .88rem;
  line-height: 1.38;
}

.creditsx-shell .creditsx-premium-nudge__cta {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 800;
}

.creditsx-shell .creditsx-packs-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  width: 100%;
}

.creditsx-shell .creditsx-pack-option {
  position: relative;
  flex: 0 1 275px;
  max-width: 275px;
  width: 100%;
}

.creditsx-shell .creditsx-pack-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.creditsx-shell .creditsx-pack-label {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 116px;
  width: 100%;
  border: 2px solid rgba(0,0,0,.10);
  border-radius: 20px;
  background: #fff;
  padding: 18px 16px;
  text-align: center;
  cursor: pointer;
  transition: .18s ease;
}

.creditsx-shell .creditsx-pack-label:hover {
  border-color: rgba(94, 58, 161, .45);
  transform: translateY(-1px);
}

.creditsx-shell .creditsx-pack-input:checked + .creditsx-pack-label {
  border-color: #6f42c1;
  box-shadow: 0 10px 26px rgba(111,66,193,.10);
}

.creditsx-shell .creditsx-pack-input:checked + .creditsx-pack-label:after {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 10px;
  right: 12px;
  color: #6f42c1;
  font-size: 1.05rem;
}

.creditsx-shell .creditsx-pack-popular {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f7d26b;
  color: #7a5a00;
  font-size: .74rem;
  font-weight: 800;
  line-height: 1;
}

.creditsx-shell .creditsx-pack-credits {
  font-size: 1.15rem;
  font-weight: 900;
  color: #2A2140;
  line-height: 1.2;
  margin-top: 2px;
}

.creditsx-shell .creditsx-pack-price {
  font-size: 1rem;
  color: #5c6670;
  margin-top: 4px;
}

.creditsx-shell .creditsx-buy-btn {
  min-width: 170px;
  padding-left: 26px;
  padding-right: 26px;
  font-weight: 800;
}

.creditsx-shell .creditsx-use-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

@media (min-width: 768px) {
  .creditsx-shell .creditsx-use-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.creditsx-shell .creditsx-use-card {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 20px;
  background: #fff;
  padding: 20px 18px;
  height: 100%;
  text-align: center;
}

.creditsx-shell .creditsx-use-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 12px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(217,27,140,.10), rgba(242,199,92,.16));
  color: #d91b8c;
  font-size: 1.2rem;
}

.creditsx-shell .creditsx-use-title {
  font-size: 1.02rem;
  font-weight: 900;
  color: #2A2140;
  margin-bottom: 6px;
}

.creditsx-shell .creditsx-use-text {
  color: #6c757d;
  font-size: .94rem;
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 767.98px) {
  .creditsx-shell .creditsx-premium-nudge {
    flex-direction: column;
    align-items: stretch;
    padding: 13px 14px;
    margin-bottom: 18px;
    gap: 12px;
  }

  .creditsx-shell .creditsx-premium-nudge__main {
    align-items: flex-start;
  }

  .creditsx-shell .creditsx-premium-nudge__icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
  }

  .creditsx-shell .creditsx-premium-nudge__title {
    font-size: .95rem;
  }

  .creditsx-shell .creditsx-premium-nudge__text {
    font-size: .82rem;
  }

  .creditsx-shell .creditsx-premium-nudge__cta {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: .55rem 1rem;
    font-size: .84rem;
  }
}

@media (min-width: 360px) and (max-width: 575.98px) {
  .creditsx-shell .creditsx-packs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .creditsx-shell .creditsx-pack-option {
    flex: none;
    max-width: none;
    width: 100%;
  }

  .creditsx-shell .creditsx-pack-option--popular {
    grid-column: 1 / -1;
  }

  .creditsx-shell .creditsx-pack-label {
    min-height: 104px;
    padding: 16px 12px;
  }

  .creditsx-shell .creditsx-pack-credits {
    font-size: 1.02rem;
  }

  .creditsx-shell .creditsx-pack-price {
    font-size: .95rem;
  }

  .creditsx-shell .creditsx-pack-popular {
    top: 10px;
    padding: 4px 9px;
    font-size: .70rem;
  }
}

@media (max-width: 359.98px) {
  .creditsx-shell .creditsx-pack-label {
    min-height: 104px;
    padding: 16px 12px;
  }

  .creditsx-shell .creditsx-pack-credits {
    font-size: 1.02rem;
  }

  .creditsx-shell .creditsx-pack-price {
    font-size: .95rem;
  }
}

.bp-onboarding-page{
  position:relative;
  min-height:calc(100vh - 120px);
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%, rgba(255,209,102,.35), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(217,27,140,.16), transparent 28%),
    linear-gradient(135deg, #fff 0%, #fff7fc 48%, #fff9ef 100%);
}
.bp-onboarding-page:before,
.bp-onboarding-page:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.bp-onboarding-page:before{
  background-image:
    radial-gradient(circle, rgba(217,27,140,.14) 0 2px, transparent 2px),
    radial-gradient(circle, rgba(255,209,102,.22) 0 2px, transparent 2px);
  background-size:92px 92px, 132px 132px;
  background-position:18px 24px, 44px 52px;
  opacity:.55;
}
.bp-onboarding-page:after{
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,0) 34%);
}
.bp-onboarding-shell{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1120px;
}
.bp-onboarding-card{
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(217,27,140,.13);
  background:rgba(255,255,255,.88);
  box-shadow:0 30px 80px rgba(42,33,64,.12);
  backdrop-filter:blur(14px);
}
.bp-onboarding-hero{
  position:relative;
  padding:34px 34px 28px;
  text-align:left;
  background:
    radial-gradient(circle at 92% 18%, rgba(255,209,102,.38), transparent 24%),
    radial-gradient(circle at 18% 4%, rgba(217,27,140,.13), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,252,.95));
  border-bottom:1px solid rgba(217,27,140,.09);
}
.bp-onboarding-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:.42rem .72rem;
  margin-bottom:14px;
  background:rgba(217,27,140,.10);
  color:#a2166f;
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.bp-onboarding-hero h1{
  margin:0;
  color:#2A2140;
  font-size:clamp(2rem, 4.4vw, 3.35rem);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:950;
}
.bp-onboarding-hero p{
  max-width:760px;
  margin:12px 0 0;
  color:#5d526f;
  font-size:1.05rem;
  line-height:1.45;
}
.bp-onboarding-username-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:16px;
  border-radius:999px;
  padding:.5rem .75rem;
  background:#fff;
  border:1px solid rgba(42,33,64,.08);
  color:#2A2140;
  font-weight:900;
  box-shadow:0 10px 22px rgba(42,33,64,.06);
}
.bp-onboarding-url-note{
  margin-top:8px;
  color:#7b718d;
  font-size:.86rem;
  font-weight:800;
}
.bp-onboarding-progress{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.bp-onboarding-step-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:.46rem .72rem;
  background:#fff;
  border:1px solid rgba(42,33,64,.09);
  color:#6d6684;
  font-size:.84rem;
  font-weight:900;
}
.bp-onboarding-step-pill.is-active{
  background:linear-gradient(135deg,#D91B8C,#BF2295);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 24px rgba(217,27,140,.18);
}
.bp-onboarding-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px, .75fr);
  gap:0;
}
.bp-onboarding-photo-panel{
  padding:34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.bp-onboarding-upload-stage{
  width:100%;
  max-width:440px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(42,33,64,.08);
  box-shadow:0 18px 42px rgba(42,33,64,.08);
  padding:28px;
}
.bp-onboarding-avatar-wrap{
  position:relative;
  width:174px;
  height:174px;
  margin:0 auto 18px;
}
.bp-onboarding-avatar-wrap img,
.bp-onboarding-avatar-wrap img.masthead-avatar{
  display:block;
  width:174px !important;
  height:174px !important;
  max-width:174px;
  max-height:174px;
  aspect-ratio:1 / 1;
  border-radius:999px;
  object-fit:cover;
  background:#f3f1f7;
  box-shadow:0 14px 34px rgba(42,33,64,.16), 0 0 0 7px #fff, 0 0 0 9px rgba(217,27,140,.14);
}
.bp-onboarding-avatar-badge{
  position:absolute;
  right:6px;
  bottom:10px;
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#FFD166;
  color:#2A2140;
  box-shadow:0 10px 22px rgba(42,33,64,.18);
  border:3px solid #fff;
}
.bp-onboarding-upload-title{
  color:#2A2140;
  font-size:1.45rem;
  line-height:1.15;
  font-weight:950;
  margin:0 0 8px;
}
.bp-onboarding-upload-sub{
  color:#6d6684;
  font-size:.98rem;
  line-height:1.45;
  margin:0 auto 18px;
}
.bp-onboarding-upload-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
}

.bp-onboarding-upload-stage.is-ready .bp-onboarding-avatar-badge{
  background:#28a745;
  color:#fff;
}
.bp-onboarding-upload-footnote{
  margin:14px 0 0;
  color:#8a8198;
  font-size:.88rem;
}
.bp-onboarding-next-panel{
  padding:34px;
  background:
    radial-gradient(circle at 80% 15%, rgba(255,209,102,.28), transparent 30%),
    linear-gradient(160deg,#2A2140,#40266E);
  color:#fff;
}
.bp-onboarding-next-card{
  height:100%;
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bp-onboarding-next-kicker{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:.42rem .7rem;
  margin-bottom:14px;
  background:rgba(255,255,255,.12);
  color:#FFD166;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.bp-onboarding-next-card h2{
  font-size:2rem;
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.04;
  color:#fff;
  margin:0 0 10px;
}
.bp-onboarding-next-intro{
  color:rgba(255,255,255,.78);
  line-height:1.5;
  margin:0 0 18px;
}
.bp-onboarding-next-list{
  display:grid;
  gap:12px;
}
.bp-onboarding-next-step{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.bp-onboarding-next-number{
  width:30px;
  height:30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#FFD166;
  color:#2A2140;
  font-weight:950;
}
.bp-onboarding-next-title{
  font-weight:950;
  line-height:1.15;
  margin-bottom:3px;
}
.bp-onboarding-next-sub{
  color:rgba(255,255,255,.72);
  font-size:.9rem;
  line-height:1.35;
}
@media (max-width: 991.98px){
  .bp-onboarding-body{grid-template-columns:1fr;}
  .bp-onboarding-next-panel{padding:26px;}
  .bp-onboarding-next-card{min-height:0;}
}
@media (max-width: 575.98px){
  .bp-onboarding-page{min-height:auto;}
  .bp-onboarding-card{border-radius:24px;}
  .bp-onboarding-hero,
  .bp-onboarding-photo-panel{padding:24px 18px;}
  .bp-onboarding-next-panel{padding:24px 18px;}
  .bp-onboarding-upload-stage{padding:22px 16px;}
}

.creator-tools-wrap .ct-eyebrow {
display:inline-block;
font-size:.78rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
padding:7px 12px;
border-radius:999px;
background:#f9e6f3;
color:#c52186;
margin-bottom:14px;
}

.creator-tools-wrap .creator-hero-card {
border:1px solid rgba(0,0,0,.06);
border-radius:24px;
overflow:hidden;
background:linear-gradient(135deg, #fff8f2 0%, #ffffff 55%, #fbf5ff 100%);
}

.creator-tools-wrap .creator-hero-title {
font-size:2rem;
line-height:1.15;
font-weight:800;
color:#26364a;
margin-bottom:14px;
}

.creator-tools-wrap .creator-hero-copy {
font-size:1.05rem;
color:#66717f;
margin-bottom:0;
}

.creator-tools-wrap .hero-mini {
background:#fff;
border:1px solid rgba(0,0,0,.06);
border-radius:18px;
padding:16px 18px;
height:100%;
}

.creator-tools-wrap .hero-mini strong {
display:block;
color:#26364a;
margin-bottom:4px;
}

.creator-tools-wrap .hero-mini span {
color:#66717f;
font-size:.95rem;
}

.creator-tools-wrap .section-kicker {
font-size:.82rem;
text-transform:uppercase;
letter-spacing:.08em;
font-weight:700;
color:#c52186;
margin-bottom:10px;
}

.creator-tools-wrap .section-title {
font-size:1.7rem;
font-weight:800;
color:#26364a;
margin-bottom:10px;
}

.creator-tools-wrap .section-copy {
color:#6b7280;
margin-bottom:24px;
}

.creator-tools-wrap .featured-card,
.creator-tools-wrap .tool-card,
.creator-tools-wrap .vip-card {
border-radius:22px;
border:1px solid rgba(0,0,0,.08);
background:#fff;
}

.creator-tools-wrap .featured-card {
position:relative;
box-shadow:0 8px 26px rgba(27,39,53,.07);
max-width:none !important;
width:100% !important;
min-width:0 !important;
overflow:visible;
height:100%;
}

.creator-tools-wrap .tool-card {
overflow:visible;
height:100%;
}

.creator-tools-wrap .featured-card.top-priority {
border:2px solid #f5c64f;
box-shadow:0 10px 32px rgba(27,39,53,.10);
}

.creator-tools-wrap #top-picks .card,
.creator-tools-wrap #top-picks .featured-card {
max-width:none !important;
width:100% !important;
}

.creator-tools-wrap .featured-tools-row {
margin-left:-12px;
margin-right:-12px;
}

.creator-tools-wrap .featured-tool-col {
padding-left:12px;
padding-right:12px;
margin-bottom:24px;
display:flex;
}

.creator-tools-wrap .featured-card .card-body,
.creator-tools-wrap .tool-card .card-body {
display:flex;
flex-direction:column;
height:100%;
}

.creator-tools-wrap .featured-card .card-body {
padding:1.5rem !important;
}

.creator-tools-wrap .tool-card .card-body {
padding:1.35rem;
}

.creator-tools-wrap .tool-copy-stack {
flex:1 0 auto;
min-height:0;
}

.creator-tools-wrap .tool-cta-wrap {
margin-top:auto;
padding-top:12px;
}

.creator-tools-wrap .featured-badge {
position:absolute;
top:16px;
right:16px;
padding:7px 12px;
border-radius:999px;
font-size:.75rem;
font-weight:700;
line-height:1;
background:#fff4cf;
color:#755200;
z-index:2;
}

.creator-tools-wrap .featured-badge.alt {
background:#f4e9fb;
color:#8a2bb1;
}

.creator-tools-wrap .resource-name {
font-size:1.12rem;
font-weight:800;
color:#26364a;
line-height:1.2;
}

.creator-tools-wrap .resource-type-badge {
display:inline-block;
padding:6px 10px;
border-radius:999px;
font-size:.76rem;
font-weight:700;
background:#f9e6f3;
color:#c52186;
white-space:nowrap;
}

.creator-tools-wrap .tool-highlight {
background:#fff8df;
color:#6f5600;
font-weight:700;
font-size:.88rem;
padding:10px 12px;
border-radius:14px;
margin-bottom:12px;
}

.creator-tools-wrap .best-for {
font-size:.92rem;
color:#5f6b7a;
margin-bottom:14px;
display:block !important;
overflow:visible !important;
max-height:none !important;
white-space:normal !important;
flex-shrink:0 !important;
}

.creator-tools-wrap .best-for strong {
color:#26364a;
}

.creator-tools-wrap .tool-desc {
color:#6b7280;
margin-bottom:0;
display:block !important;
overflow:visible !important;
max-height:none !important;
min-height:auto !important;
height:auto !important;
visibility:visible !important;
opacity:1 !important;
white-space:normal !important;
word-break:normal !important;
flex-shrink:0 !important;
-webkit-line-clamp:unset !important;
-webkit-box-orient:initial !important;
}

.creator-tools-wrap .featured-card .tool-desc {
min-height:64px;
}

.creator-tools-wrap .btn-featured-cta {
background:#f5c64f;
border-color:#f5c64f;
color:#2d2d2d;
font-weight:800;
}

.creator-tools-wrap .btn-featured-cta:hover,
.creator-tools-wrap .btn-featured-cta:focus {
background:#efbd3e;
border-color:#efbd3e;
color:#2d2d2d;
}

.creator-tools-wrap .btn-secondary-cta {
font-weight:700;
}

.creator-tools-wrap .vip-card {
background:linear-gradient(135deg, #2f1f59 0%, #43287d 100%);
color:#fff;
box-shadow:0 12px 32px rgba(30,20,60,.18);
overflow:hidden;
}

.creator-tools-wrap .vip-card .text-muted,
.creator-tools-wrap .vip-card p {
color:rgba(255,255,255,.83) !important;
}

.creator-tools-wrap .vip-card .ct-eyebrow {
background:rgba(255,255,255,.14);
color:#fff;
}

.creator-tools-wrap .vip-card h3 {
color:#fff;
font-weight:800;
margin-bottom:10px;
}

.creator-tools-wrap .mini-proof {
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
padding:14px 16px;
margin-bottom:12px;
}

.creator-tools-wrap .mini-proof strong {
display:block;
margin-bottom:4px;
}

.creator-tools-wrap .disclosure-pill {
background:#f9f1f7;
border-radius:12px;
}


.creator-tools-wrap .creator-bridge-note {
background:#ffffff;
border:1px solid rgba(217,27,140,.10);
border-radius:18px;
padding:14px 16px;
color:#5f6b7a;
box-shadow:0 8px 24px rgba(27,39,53,.045);
}

.creator-tools-wrap .creator-bridge-note strong {
color:#26364a;
}

.creator-tools-wrap .tool-cta-micro {
margin-top:8px;
font-size:.82rem;
color:#7a8491;
text-align:center;
line-height:1.35;
}

@media (max-width: 991.98px) {
.creator-tools-wrap .creator-hero-title {
  font-size:1.6rem;
}

.creator-tools-wrap .featured-tools-row {
  margin-left:-15px;
  margin-right:-15px;
}

.creator-tools-wrap .featured-tool-col {
  padding-left:15px;
  padding-right:15px;
  margin-bottom:20px;
}
}

.share-modal-bp .share-modal-bp__dialog{
  top:auto !important;
  transform:none !important;
  margin:72px auto 1.75rem !important;
  max-width:560px;
}
.share-modal-bp__content{
  overflow:visible;
}
.share-modal-bp__body{
  padding:1.65rem 1.35rem 1.35rem;
}
.share-modal-bp__qr{
  margin-top:1rem !important;
}
.share-modal-bp__qr-card{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:196px;
  height:196px;
  padding:12px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(42,33,64,.10);
  box-shadow:0 14px 34px rgba(42,33,64,.10);
}
.share-modal-bp__qr-code{
  display:flex;
  align-items:center;
  justify-content:center;
  width:172px;
  height:172px;
}
.share-modal-bp__qr-code img,
.share-modal-bp__qr-code canvas{
  max-width:172px;
  max-height:172px;
  border-radius:8px;
}
.share-modal-bp__qr-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  width:172px;
  height:172px;
  border-radius:16px;
  background:#faf7ff;
  color:#6b617d;
  font-size:.85rem;
  font-weight:700;
  text-align:center;
  padding:14px;
}
.share-modal-bp__actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px !important;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}
.share-modal-bp__actions .btn{
  width:100%;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0 !important;
  padding:.68rem .78rem;
  line-height:1.15;
  white-space:normal;
}
.share-modal-bp__actions .btn i{
  margin-right:0 !important;
}
.share-modal-bp__actions--single{
  display:flex !important;
  grid-template-columns:none !important;
  justify-content:center;
  max-width:520px;
}
.share-modal-bp__actions--single .btn{
  width:auto;
  min-width:166px;
  white-space:nowrap;
}
@media (max-width:575.98px){
  .share-modal-bp .share-modal-bp__dialog{
    margin:68px .75rem 1rem !important;
    max-width:none;
  }
  .share-modal-bp__body{
    padding:1.55rem 1rem 1.15rem;
  }
  .share-modal-bp__actions{
    grid-template-columns:1fr;
  }
  .share-modal-bp__actions .btn{
    min-height:46px;
    white-space:nowrap;
  }
}

.bio-setup-stage{
  max-width:760px;
  margin:0 auto 18px;
}
.bio-setup-stage .bio-next-step-card{
  background:
    radial-gradient(circle at 12% 20%, rgba(255,209,102,.30), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(217,27,140,.12), transparent 26%),
    linear-gradient(135deg, #fffaf0 0%, #fff7fc 100%);
}

.bio-hashtag-suggest-wrap{
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  background:rgba(0,0,0,.02);
  padding:14px;
}
.bio-hashtag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.bio-hashtag-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:.48rem .82rem;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#212529;
  font-weight:700;
  line-height:1;
  text-decoration:none !important;
  transition:all .15s ease;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.bio-hashtag-chip:hover{
  transform:translateY(-1px);
  background:rgba(99,102,241,.08);
  border-color:rgba(99,102,241,.18);
  color:#212529;
}
.bio-hashtag-chip.is-lg{ font-size:15px; padding:.58rem .95rem; }
.bio-hashtag-chip.is-md{ font-size:14px; }
.bio-hashtag-chip.is-sm{ font-size:13px; }

.bio-helper-note{
  font-size:13px;
  color:rgba(0,0,0,.65);
}
.bio-helper-ok{
  color:#198754;
  font-weight:700;
}
.bio-helper-warn{
  color:#dc3545;
  font-weight:700;
}

.bio-field-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.bio-char-count{
  font-size:13px;
  color:rgba(0,0,0,.58);
  white-space:nowrap;
}


.bio-next-step-wrap{
  max-width:760px;
  margin:0 auto 20px;
}

.bio-next-step-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(217,27,140,.14);
  background:
    radial-gradient(circle at 12% 20%, rgba(217,27,140,.10), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(255,209,102,.30), transparent 26%),
    linear-gradient(135deg, #fff7fc 0%, #fffaf0 100%);
  box-shadow:0 16px 38px rgba(43,34,75,.08);
  padding:18px 20px;
}

.bio-next-step-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.bio-next-step-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.bio-next-step-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:linear-gradient(160deg, var(--bp-magenta), var(--bp-pink));
  color:#fff;
  box-shadow:0 10px 22px rgba(217,27,140,.22);
}

.bio-next-step-copy{
  min-width:0;
}

.bio-next-step-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  background:rgba(40,167,69,.12);
  color:#1f8a3c;
  font-size:.76rem;
  font-weight:900;
  line-height:1;
  padding:.34rem .58rem;
  margin-bottom:7px;
}

.bio-next-step-title{
  color:#2A2140;
  font-weight:900;
  font-size:1.05rem;
  line-height:1.12;
  margin:0 0 5px;
}

.bio-next-step-sub{
  color:#5a4e73;
  font-size:.92rem;
  line-height:1.4;
  margin:0;
}

.bio-next-step-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.bio-next-step-actions .btn{
  border-radius:999px;
  font-weight:900;
  padding:.58rem 1.05rem;
  white-space:nowrap;
}

.bio-next-step-actions .btn-outline-secondary{
  border-color:#2A2140;
  color:#2A2140;
  background:#fff;
}

.bio-next-step-actions .btn-outline-secondary:hover{
  background:#2A2140;
  color:#fff;
}

@media (max-width: 767.98px){
  .bio-next-step-inner{
    align-items:flex-start;
    flex-direction:column;
  }

  .bio-next-step-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .bio-next-step-actions .btn{
    flex:1 1 180px;
  }
}

@media (max-width: 480px){
  .bio-next-step-card{
    padding:16px;
  }

  .bio-next-step-left{
    align-items:flex-start;
  }

  .bio-next-step-icon{
    width:46px;
    height:46px;
    border-radius:14px;
  }

  .bio-next-step-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .bio-next-step-actions .btn{
    width:100%;
    flex:auto;
  }
}

.bp-photo-page{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%, rgba(255,209,102,.34), transparent 25%),
    radial-gradient(circle at 88% 8%, rgba(217,27,140,.14), transparent 28%),
    linear-gradient(135deg,#fff 0%,#fff8fc 54%,#fffaf0 100%);
}
.bp-photo-shell{
  max-width:1140px;
}
.bp-photo-card{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(217,27,140,.13);
  background:rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(42,33,64,.11);
}
.bp-photo-head{
  padding:30px;
  background:
    radial-gradient(circle at 90% 18%, rgba(255,209,102,.34), transparent 25%),
    linear-gradient(135deg,#fff,#fff7fc);
  border-bottom:1px solid rgba(217,27,140,.09);
}
.bp-photo-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:.42rem .72rem;
  margin-bottom:12px;
  background:rgba(217,27,140,.10);
  color:#a2166f;
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.bp-photo-head h1{
  margin:0;
  color:#2A2140;
  font-weight:950;
  letter-spacing:-.04em;
  line-height:1.04;
  font-size:clamp(2rem, 4vw, 3rem);
}
.bp-photo-head p{
  max-width:700px;
  margin:10px 0 0;
  color:#5d526f;
  font-size:1.02rem;
  line-height:1.45;
}
.bp-photo-body{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(300px,.7fr);
  gap:0;
}
.bp-photo-upload{
  padding:34px;
  text-align:center;
}
.bp-photo-stage{
  max-width:430px;
  margin:0 auto;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(42,33,64,.08);
  box-shadow:0 18px 42px rgba(42,33,64,.08);
  padding:28px;
}
.bp-photo-avatar-wrap{
  position:relative;
  width:174px;
  height:174px;
  margin:0 auto 18px;
}
.bp-photo-avatar-wrap img,
.bp-photo-avatar-wrap img.masthead-avatar{
  display:block;
  width:174px !important;
  height:174px !important;
  max-width:174px;
  max-height:174px;
  aspect-ratio:1 / 1;
  border-radius:999px;
  object-fit:cover;
  background:#f3f1f7;
  box-shadow:0 14px 34px rgba(42,33,64,.16), 0 0 0 7px #fff, 0 0 0 9px rgba(217,27,140,.14);
}
.bp-photo-avatar-badge{
  position:absolute;
  right:6px;
  bottom:10px;
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#FFD166;
  color:#2A2140;
  box-shadow:0 10px 22px rgba(42,33,64,.18);
  border:3px solid #fff;
}
.bp-photo-title{
  color:#2A2140;
  font-size:1.35rem;
  line-height:1.15;
  font-weight:950;
  margin:0 0 8px;
}
.bp-photo-sub{
  color:#6d6684;
  font-size:.96rem;
  line-height:1.45;
  margin:0 auto 18px;
}
.bp-photo-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bp-onboarding-file-input{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}
.bp-onboarding-upload-btn,
.bp-onboarding-main-cta{
  width:100%;
  min-width:0;
  padding:.86rem 1.25rem;
  font-weight:950;
}
#complete_profile_button.disabled,
#complete_profile_button[aria-disabled="true"]{
  display:none !important;
}
.bp-onboarding-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:13px;
  border-radius:999px;
  padding:.45rem .75rem;
  font-size:.82rem;
  font-weight:900;
  background:#f7f2fb;
  color:#6d6684;
}
.bp-onboarding-status.is-uploading{
  background:#eef5ff;
  color:#285a9f;
}
.bp-onboarding-status.is-error{
  background:#fff1f2;
  color:#b42333;
}
.bp-onboarding-upload-stage.is-ready .bp-photo-avatar-badge,
.bp-onboarding-upload-stage.is-ready .bp-onboarding-avatar-badge{
  background:#28a745;
  color:#fff;
}
.bp-photo-side{
  padding:34px;
  background:linear-gradient(160deg,#2A2140,#40266E);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.bp-photo-side-card{
  display:grid;
  gap:13px;
}
.bp-photo-side-pill{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:.42rem .7rem;
  background:rgba(255,255,255,.12);
  color:#FFD166;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.bp-photo-side h2{
  margin:0;
  color:#fff;
  font-size:1.75rem;
  font-weight:950;
  letter-spacing:-.035em;
}
.bp-photo-side p{
  margin:0;
  color:rgba(255,255,255,.76);
  line-height:1.45;
}
.bp-photo-preview-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:.48rem .75rem;
  background:rgba(255,255,255,.10);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900;
  word-break:break-all;
}
.bp-onboarding-step-pill{display:none;}
@media (max-width: 991.98px){
  .bp-photo-body{grid-template-columns:1fr;}
  .bp-photo-side{padding:26px;}
}
@media (max-width: 575.98px){
  .bp-photo-card{border-radius:24px;}
  .bp-photo-head,
  .bp-photo-upload,
  .bp-photo-side{padding:24px 18px;}
  .bp-photo-stage{padding:22px 16px;}
}

.explore-premium-spotlight{
position:relative;
margin-top:1rem;
padding:18px;
border:1px solid rgba(217,27,140,.18);
border-radius:24px;
background:
  radial-gradient(circle at 8% 12%, rgba(255,209,102,.18), transparent 24%),
  radial-gradient(circle at 92% 10%, rgba(217,27,140,.12), transparent 28%),
  linear-gradient(135deg, rgba(217,27,140,.075), rgba(255,255,255,.92) 48%, rgba(255,209,102,.065));
box-shadow:0 18px 50px rgba(42,33,64,.08);
overflow:hidden;
}
.explore-premium-spotlight::after{
content:"";
position:absolute;
inset:auto -60px -90px -60px;
height:140px;
background:linear-gradient(90deg, rgba(217,27,140,.08), rgba(255,209,102,.08));
filter:blur(34px);
pointer-events:none;
}
.explore-premium-spotlight__head,
.explore-premium-spotlight__body{
position:relative;
z-index:1;
}
.explore-premium-spotlight__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:12px;
}
.explore-premium-spotlight__title{
margin:0;
color:var(--bp-ink, #2A2140);
font-size:1.15rem;
font-weight:900;
line-height:1.1;
letter-spacing:-.01em;
}
.explore-premium-spotlight__title i{
color:var(--bp-pink, #D91B8C);
}
.explore-premium-spotlight__sub{
margin-top:3px;
color:rgba(42,33,64,.74);
font-size:.92rem;
line-height:1.25;
}
.explore-premium-spotlight__cta{
flex:0 0 auto;
box-shadow:0 10px 24px rgba(255,193,7,.16);
}
.explore-premium-strip{
display:flex;
align-items:stretch;
gap:16px;
overflow-x:auto;
overflow-y:hidden;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
padding:4px 4px 6px;
scrollbar-width:none;
}
.explore-premium-strip::-webkit-scrollbar{
display:none;
}
.explore-premium-tile{
flex:0 0 92px;
width:92px;
min-width:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:7px;
padding:8px 6px;
color:var(--bp-ink, #2A2140);
text-align:center;
border-radius:18px;
text-decoration:none !important;
transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.explore-premium-tile:hover,
.explore-premium-tile:focus{
transform:translateY(-2px);
background:rgba(255,255,255,.64);
box-shadow:0 12px 30px rgba(42,33,64,.08);
}
.explore-premium-ring{
position:relative;
display:block;
width:72px;
height:72px;
border-radius:50%;
padding:3px;
background:linear-gradient(135deg, #FFD166, #D91B8C 52%, #40266E);
box-shadow:0 10px 22px rgba(42,33,64,.16);
}
.explore-premium-ring img{
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
border:2px solid #fff;
background:#fff;
}
.explore-premium-online{
position:absolute;
right:2px;
top:2px;
width:15px;
height:15px;
border-radius:50%;
background:#2ecc71;
border:2px solid #fff;
box-shadow:0 3px 8px rgba(46,204,113,.35);
}
.explore-premium-name{
display:block;
width:100%;
max-width:100%;
min-width:0;
color:var(--bp-ink, #2A2140);
font-weight:800;
font-size:.86rem;
line-height:1.15;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.explore-premium-cta-card{
flex:0 0 230px;
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
min-height:94px;
border:1px dashed rgba(217,27,140,.34);
border-radius:20px;
background:rgba(255,255,255,.72);
color:var(--bp-ink, #2A2140);
text-decoration:none !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.48);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.explore-premium-cta-card:hover,
.explore-premium-cta-card:focus{
transform:translateY(-2px);
border-color:rgba(217,27,140,.55);
box-shadow:0 14px 34px rgba(42,33,64,.10), inset 0 0 0 1px rgba(255,255,255,.58);
}
.explore-premium-cta-card__icon{
width:42px;
height:42px;
border-radius:15px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg, #FFD166, #D91B8C);
color:#2A2140;
flex:0 0 auto;
}
.explore-premium-cta-card__copy{
min-width:0;
}
.explore-premium-cta-card__title{
display:block;
font-weight:900;
line-height:1.15;
}
.explore-premium-cta-card__sub{
display:block;
margin-top:2px;
color:rgba(42,33,64,.68);
font-size:.82rem;
line-height:1.25;
}
.explore-premium-arrow{
top:50%;
}
@media (max-width:575.98px){
.explore-premium-spotlight{
  padding:16px 14px;
  border-radius:22px;
}
.explore-premium-spotlight__head{
  align-items:flex-start;
  gap:10px;
  flex-direction:column;
}
.explore-premium-spotlight__cta{
  width:auto;
}
.explore-premium-cta-card{
  flex-basis:210px;
}
}

.fpw-shell{
  padding-top:1.25rem;
  padding-bottom:3rem;
}
.fpw-card{
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(43,34,75,.08);
  box-shadow:0 14px 36px rgba(43,34,75,.06);
  padding:28px 24px 22px;
}
.fpw-head{
  text-align:center;
  margin-bottom:18px;
}
.fpw-kicker{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
  color:#8a6f86;
  margin-bottom:8px;
}
.fpw-title{
  margin:0;
  font-size:clamp(1.8rem,2.4vw,2.3rem);
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.02em;
  color:#2A2140;
}
.fpw-sub{
  margin-top:10px;
  color:#6c757d;
  line-height:1.55;
  font-size:1rem;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}
.fpw-alert{
  border-radius:18px;
  padding:15px 16px;
  margin-bottom:18px;
  line-height:1.5;
}
.fpw-alert--danger{
  background:#fff5f5;
  border:1px solid rgba(220,53,69,.16);
  color:#7e2430;
}
.fpw-alert--success{
  background:#f3fff8;
  border:1px solid rgba(40,167,69,.16);
  color:#1d6b39;
}
.fpw-alert__title{
  font-weight:900;
  margin-bottom:8px;
}
.fpw-alert ul{
  margin:0;
  padding-left:18px;
}
.fpw-alert li + li{
  margin-top:6px;
}
.fpw-alert a{
  font-weight:800;
  color:#d91b8c;
}
.fpw-field{
  margin-bottom:14px;
}
.fpw-label{
  display:block;
  font-weight:800;
  color:#2A2140;
  margin-bottom:7px;
}
.fpw-input{
  height:58px !important;
  border-radius:16px !important;
  border:1px solid rgba(43,34,75,.11) !important;
  background:#fff !important;
  text-align:left !important;
  padding:0 16px !important;
  font-size:1rem !important;
  color:#2A2140 !important;
  box-shadow:none !important;
}
.fpw-input:focus{
  border-color:#d91b8c !important;
  box-shadow:0 0 0 0.2rem rgba(217,27,140,.10) !important;
}
.fpw-help{
  margin-top:7px;
  font-size:.87rem;
  line-height:1.45;
  color:#7a8391;
}
.fpw-submit{
  margin-top:16px;
}
.fpw-submit .btn{
  width:100%;
  min-height:58px;
  border-radius:18px;
  font-size:1.12rem;
  font-weight:800;
  box-shadow:0 12px 28px rgba(217,27,140,.18);
}
.fpw-links{
  margin-top:16px;
  text-align:center;
  color:#6c757d;
}
.fpw-links p{
  margin-bottom:8px;
}
.fpw-links a{
  color:#d91b8c;
  font-weight:800;
}
.fpw-divider{
  margin:16px 0 0;
  padding-top:16px;
  border-top:1px solid rgba(43,34,75,.08);
  text-align:center;
  color:#7a8391;
  font-size:.93rem;
}
.fpw-action-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:16px;
}
@media (max-width: 575.98px){
  .fpw-shell{
    padding-top:1rem;
  }
  .fpw-card{
    padding:22px 18px 20px;
    border-radius:24px;
  }
  .fpw-title{
    font-size:1.7rem;
  }
  .fpw-submit .btn{
    min-height:56px;
    font-size:1.06rem;
  }
}

.featx-shell {
  --featx-pink: #d91b8c;
  --featx-magenta: #bf2295;
  --featx-ink: #2a2140;
  --featx-gold: #f2c75c;
  --featx-soft: #fff7e7;
  --featx-border: rgba(0,0,0,.08);
}

.featx-hero {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(217,27,140,.12), transparent 32%),
    radial-gradient(circle at top right, rgba(242,199,92,.18), transparent 28%),
    linear-gradient(180deg, #ffffff, #fffaf2);
  box-shadow: 0 18px 45px rgba(0,0,0,.06);
}

.featx-hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: linear-gradient(180deg, var(--featx-pink), var(--featx-gold));
}

.featx-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 8px 14px;
  background: rgba(42,33,64,.05);
  color: var(--featx-ink);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.featx-kicker-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--featx-pink), var(--featx-gold));
  box-shadow: 0 0 0 5px rgba(217,27,140,.10);
}

.featx-title {
  font-size: clamp(2rem, 5vw, 3.35rem);
  line-height: 1.02;
  font-weight: 1000;
  color: var(--featx-ink);
  letter-spacing: -.03em;
  margin: 18px 0 10px;
}

.featx-subtitle {
  max-width: 820px;
  margin: 0 auto;
  color: rgba(42,33,64,.78);
  font-size: 1.05rem;
  line-height: 1.65;
}

.featx-highlight {
  color: var(--featx-pink);
  font-weight: 1000;
}

.featx-pill-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.featx-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  color: var(--featx-ink);
  font-weight: 800;
  font-size: .92rem;
  line-height: 1.15;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,.035);
}

.featx-pill i {
  flex: 0 0 auto;
  width: 1.1em;
  min-width: 1.1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.featx-pill-label {
  min-width: 0;
  line-height: 1.15;
}

.featx-pill-label--mobile {
  display: none;
}

.featx-status {
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  padding: 16px 18px;
}

.featx-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.featx-badge--live {
  background: rgba(25,135,84,.12);
  color: #198754;
  border: 1px solid rgba(25,135,84,.18);
}

.featx-badge--off {
  background: rgba(220,53,69,.08);
  color: #dc3545;
  border: 1px solid rgba(220,53,69,.18);
}

.featx-pulse {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 0 currentColor;
  animation: featxPulse 1.8s infinite;
}

@keyframes featxPulse {
  0% { box-shadow: 0 0 0 0 rgba(0,0,0,.22); }
  70% { box-shadow: 0 0 0 9px rgba(0,0,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}

.featx-stat-card {
  height: 100%;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.07);
  background: #fff;
  padding: 18px;
  text-align: center;
  box-shadow: 0 10px 22px rgba(0,0,0,.03);
}

.featx-stat-card .label {
  font-size: .78rem;
  color: rgba(42,33,64,.65);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 900;
  margin-bottom: 7px;
}

.featx-stat-card .value {
  font-size: 1.95rem;
  line-height: 1;
  font-weight: 1000;
  color: var(--featx-ink);
}

.featx-stat-card .sub {
  margin-top: 8px;
  color: rgba(42,33,64,.7);
  font-size: .92rem;
  line-height: 1.45;
}

.featx-stat-card--warning {
  background: #fff8f8;
  border-color: rgba(220,53,69,.16);
}

.featx-price-trend {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  border-radius: 20px;
  border: 1px solid rgba(217,27,140,.12);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,209,102,.22), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,250,252,.96));
  padding: 16px 18px;
  box-shadow: 0 12px 26px rgba(0,0,0,.035);
}

.featx-price-trend__main {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-width: 0;
}

.featx-price-trend__icon {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #fff;
  background: linear-gradient(160deg, var(--featx-magenta), var(--featx-pink));
  box-shadow: 0 10px 22px rgba(217,27,140,.18);
}

.featx-price-trend__title {
  color: var(--featx-ink);
  font-size: 1rem;
  font-weight: 1000;
  line-height: 1.2;
  margin-bottom: 4px;
}

.featx-price-trend__text {
  color: rgba(42,33,64,.72);
  font-size: .92rem;
  line-height: 1.45;
}

.featx-price-trend__badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .78rem;
  font-weight: 1000;
  line-height: 1;
  margin-top: 8px;
}

.featx-price-trend__badge--success {
  background: rgba(25,135,84,.11);
  color: #198754;
  border: 1px solid rgba(25,135,84,.16);
}

.featx-price-trend__badge--warning {
  background: rgba(255,193,7,.16);
  color: #8a5b00;
  border: 1px solid rgba(255,193,7,.22);
}

.featx-price-trend__badge--neutral {
  background: rgba(42,33,64,.06);
  color: rgba(42,33,64,.72);
  border: 1px solid rgba(42,33,64,.08);
}

.featx-price-trend__chart {
  width: 250px;
  max-width: 100%;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.06);
  padding: 12px 14px;
}

.featx-price-trend__chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.featx-price-trend__chart-label {
  color: rgba(42,33,64,.55);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.featx-price-trend__chart-current {
  color: var(--featx-ink);
  font-size: .82rem;
  font-weight: 1000;
  white-space: nowrap;
}

.featx-price-trend__sparkline {
  display: block;
  width: 100%;
  height: 54px;
  overflow: visible;
}

.featx-price-trend__sparkline-line {
  fill: none;
  stroke: var(--featx-pink);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.featx-price-trend__sparkline-base {
  fill: none;
  stroke: rgba(42,33,64,.08);
  stroke-width: 2;
  stroke-linecap: round;
}

.featx-alert {
  border: 1px solid rgba(220,53,69,.18);
  background: linear-gradient(180deg, rgba(220,53,69,.08), rgba(220,53,69,.03));
  color: #842029;
  border-radius: 18px;
  padding: 16px 18px;
}

.featx-alert strong {
  display: block;
  color: #7a1020;
  margin-bottom: 4px;
}

.featx-success {
  border: 1px solid rgba(25,135,84,.16);
  background: linear-gradient(180deg, rgba(25,135,84,.08), rgba(25,135,84,.03));
  color: #0f5132;
  border-radius: 18px;
  padding: 14px 16px;
}

.featx-cta-wrap {
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.92));
  border: 1px solid rgba(0,0,0,.07);
  padding: 22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

.featx-cta-btn {
  min-width: 280px;
  padding: 1rem 1.4rem;
  font-weight: 1000;
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}

.featx-mini-note {
  color: rgba(42,33,64,.68);
  font-size: .92rem;
  line-height: 1.5;
}

.featx-benefit {
  height: 100%;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.07);
  background: #fff;
  padding: 22px 18px;
  text-align: center;
  box-shadow: 0 12px 26px rgba(0,0,0,.035);
}

.featx-benefit .icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 12px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(217,27,140,.12), rgba(242,199,92,.18));
  color: var(--featx-pink);
  font-size: 1.35rem;
}

.featx-benefit .title {
  font-weight: 1000;
  color: var(--featx-ink);
  margin-bottom: 6px;
}

.featx-benefit .sub {
  color: rgba(42,33,64,.72);
  font-size: .95rem;
  line-height: 1.55;
}

.featx-steps {
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.06);
  background: linear-gradient(180deg, #fff, #fcfbff);
  box-shadow: 0 14px 30px rgba(0,0,0,.035);
}

.featx-step {
  text-align: center;
  padding: 18px 12px;
}

.featx-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--featx-pink), var(--featx-magenta));
  color: #fff;
  font-weight: 1000;
  margin-bottom: 10px;
}

.featx-step-title {
  font-weight: 1000;
  color: var(--featx-ink);
  margin-bottom: 5px;
}

.featx-step-sub {
  color: rgba(42,33,64,.72);
  font-size: .92rem;
  line-height: 1.5;
}

.featx-fineprint {
  color: rgba(42,33,64,.58);
  font-size: .88rem;
}

@media (max-width: 767.98px) {
  .featx-shell .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .featx-hero {
    border-radius: 20px;
    margin-bottom: 16px !important;
  }

  .featx-hero > .card-body {
    padding: 24px 20px !important;
  }

  .featx-kicker {
    padding: 7px 12px;
    font-size: 11px;
  }

  .featx-title {
    font-size: 1.92rem;
    line-height: 1.05;
    margin: 14px 0 8px;
  }

  .featx-subtitle {
    font-size: .95rem;
    line-height: 1.5;
  }

  .featx-pill-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px !important;
  }

  .featx-pill {
    width: 100%;
    justify-content: center;
    gap: 6px;
    padding: 9px 8px;
    font-size: .82rem;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 6px 14px rgba(0,0,0,.03);
  }

  .featx-pill i {
    width: 1em;
    min-width: 1em;
    font-size: .9em;
  }

  .featx-pill-label--desktop {
    display: none;
  }

  .featx-pill-label--mobile {
    display: inline;
  }

  .featx-status {
    margin-top: 16px !important;
    padding: 14px;
    border-radius: 16px;
  }

  .featx-status .row {
    align-items: flex-start !important;
  }

  .featx-status .font-weight-bold {
    font-size: 1rem !important;
  }

  .featx-mini-note {
    font-size: .84rem;
    line-height: 1.4;
  }

  .featx-stats-row {
    margin-top: 14px !important;
    margin-left: -5px;
    margin-right: -5px;
  }

  .featx-stats-row > [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px !important;
  }

  .featx-stat-card {
    border-radius: 15px;
    padding: 12px 6px;
    box-shadow: 0 7px 16px rgba(0,0,0,.025);
  }

  .featx-stat-card .label {
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .61rem;
    line-height: 1.2;
    letter-spacing: .055em;
    margin-bottom: 3px;
  }

  .featx-stat-card .value {
    font-size: 1.35rem;
  }

  .featx-stat-card .sub {
    margin-top: 5px;
    font-size: .74rem;
    line-height: 1.22;
  }

  .featx-stat-card .badge {
    font-size: .62rem;
    padding: .24rem .42rem;
    white-space: normal;
  }

  .featx-price-trend {
    display: block;
    margin-top: 2px !important;
    padding: 13px 14px;
    border-radius: 16px;
    text-align: left;
  }

  .featx-price-trend__main {
    display: block;
  }

  .featx-price-trend__title {
    font-size: .95rem;
    line-height: 1.22;
    text-align: center;
  }

  .featx-price-trend__text {
    font-size: .83rem;
    line-height: 1.34;
    text-align: center;
  }

  .featx-price-trend__badge {
    margin: 8px auto 0;
    display: table;
    font-size: .72rem;
    white-space: normal;
    text-align: center;
  }

  .featx-price-trend__chart {
    display: none;
  }

  .featx-alert {
    padding: 13px 14px;
    border-radius: 16px;
    font-size: .88rem;
  }

  .featx-cta-wrap {
    margin-top: 16px !important;
    padding: 16px;
    border-radius: 18px;
  }

  .featx-cta-btn {
    width: 100%;
    min-width: 0;
    padding: .86rem 1rem;
  }

  .featx-benefit {
    padding: 18px 14px;
  }

  .featx-benefit .icon {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    font-size: 1.08rem;
    margin-bottom: 10px;
  }

  .featx-steps .card-body {
    padding: 18px !important;
  }

  .featx-step {
    padding: 12px 8px;
  }
}

@media (max-width: 380px) {
  .featx-hero > .card-body {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .featx-title {
    font-size: 1.78rem;
  }

  .featx-pill {
    font-size: .77rem;
    gap: 5px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .featx-pill i {
    font-size: .86em;
  }

  .featx-stat-card .label {
    font-size: .57rem;
  }

  .featx-stat-card .value {
    font-size: 1.22rem;
  }
}

.logx-shell{
  padding-top:1.15rem;
  padding-bottom:3rem;
}
.logx-row{
  align-items:flex-start;
  justify-content:center;
}
.logx-form-card,
.logx-proof-card{
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(43,34,75,.08);
  box-shadow:0 14px 36px rgba(43,34,75,.06);
}
.logx-form-card{
  padding:24px 22px 20px;
}
.logx-proof-card{
  padding:24px 22px;
  background:linear-gradient(135deg,#fff7fc 0%,#ffffff 56%,#fff9ef 100%);
  position:relative;
  overflow:hidden;
}
.logx-proof-card::after{
  content:"";
  position:absolute;
  right:-46px;
  top:-46px;
  width:170px;
  height:170px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(217,27,140,.11) 0%, rgba(217,27,140,0) 70%);
  pointer-events:none;
}
.logx-kicker{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
  color:#8a6f86;
  margin-bottom:8px;
  position:relative;
  z-index:1;
}
.logx-form-title{
  margin:0;
  font-size:clamp(1.85rem,2.3vw,2.35rem);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.02em;
  color:#2A2140;
}
.logx-form-sub{
  margin-top:8px;
  color:#6c757d;
  line-height:1.5;
  font-size:1rem;
}
.logx-form-head{
  text-align:center;
  margin-bottom:18px;
}
.logx-alert{
  border-radius:18px;
  padding:14px 16px;
  background:#fff5f5;
  border:1px solid rgba(220,53,69,.16);
  color:#7e2430;
  margin-bottom:18px;
}
.logx-alert__title{
  font-weight:900;
  margin-bottom:8px;
  color:#641b25;
}
.logx-alert ul{
  margin:0;
  padding-left:18px;
}
.logx-alert li + li{
  margin-top:6px;
}
.logx-alert a{
  color:#c2187a;
  font-weight:700;
}
.logx-field{
  margin-bottom:14px;
}
.logx-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.logx-label{
  display:block;
  font-weight:800;
  color:#2A2140;
  margin:0;
}
.logx-forgot{
  font-size:.88rem;
  color:#d91b8c;
  font-weight:700;
  text-decoration:none;
}
.logx-forgot:hover{
  text-decoration:underline;
}
.logx-input{
  height:56px !important;
  border-radius:16px !important;
  border:1px solid rgba(43,34,75,.11) !important;
  background:#fff !important;
  text-align:left !important;
  padding:0 16px !important;
  font-size:1rem !important;
  color:#2A2140 !important;
  box-shadow:none !important;
}
.logx-input:focus{
  border-color:#d91b8c !important;
  box-shadow:0 0 0 0.2rem rgba(217,27,140,.10) !important;
}
.logx-help{
  margin-top:6px;
  font-size:.84rem;
  line-height:1.4;
  color:#7a8391;
}
.logx-submit{
  margin-top:16px;
}
.logx-submit .btn{
  width:100%;
  min-height:58px;
  border-radius:18px;
  font-size:1.14rem;
  font-weight:800;
  box-shadow:0 12px 28px rgba(217,27,140,.18);
}
.logx-reassurance{
  margin-top:10px;
  text-align:center;
  color:#7a8391;
  font-size:.9rem;
  line-height:1.45;
}
.logx-links{
  margin-top:16px;
  text-align:center;
  color:#6c757d;
  font-size:1rem;
}
.logx-links p{
  margin-bottom:8px;
}
.logx-links a{
  color:#d91b8c;
  font-weight:800;
}
.logx-mini-note{
  margin-top:16px;
  text-align:center;
  padding-top:15px;
  border-top:1px solid rgba(43,34,75,.08);
  font-size:.92rem;
  color:#6c757d;
}
.logx-proof-title{
  margin:0;
  font-size:clamp(1.45rem,1.9vw,1.85rem);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
  color:#2A2140;
  position:relative;
  z-index:1;
}
.logx-proof-sub{
  margin-top:10px;
  color:#5f6674;
  line-height:1.58;
  font-size:1rem;
  position:relative;
  z-index:1;
}
.logx-quick-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
  position:relative;
  z-index:1;
}
.logx-quick-point{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(43,34,75,.04);
  border:1px solid rgba(43,34,75,.06);
  color:#2A2140;
  font-weight:800;
  font-size:.88rem;
}
.logx-quick-point i{
  color:#d91b8c;
}
.logx-benefits{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:18px;
  position:relative;
  z-index:1;
}
.logx-benefit{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(43,34,75,.07);
}
.logx-benefit__icon{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(217,27,140,.10);
  color:#b01874;
}
.logx-benefit__title{
  font-weight:900;
  color:#2A2140;
  line-height:1.15;
  margin-bottom:3px;
}
.logx-benefit__text{
  font-size:.94rem;
  line-height:1.45;
  color:#6c757d;
}
.logx-proof-foot{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(43,34,75,.07);
  color:#6c757d;
  font-size:.92rem;
  line-height:1.5;
  position:relative;
  z-index:1;
}
@media (max-width: 991.98px){
  .logx-shell{
    padding-top:1rem;
  }
  .logx-form-col{
    order:1;
    margin-bottom:16px;
  }
  .logx-proof-col{
    order:2;
  }
}
@media (min-width: 992px){
  .logx-form-col{
    order:1;
  }
  .logx-proof-col{
    order:2;
  }
}
@media (max-width: 575.98px){
  .logx-form-card,
  .logx-proof-card{
    padding:20px 18px;
    border-radius:24px;
  }
  .logx-form-head{
    margin-bottom:16px;
  }
  .logx-form-title{
    font-size:1.7rem;
  }
  .logx-proof-title{
    font-size:1.45rem;
  }
  .logx-submit .btn{
    min-height:56px;
    font-size:1.08rem;
  }
  .logx-label-row{
    flex-direction:column;
    align-items:flex-start;
  }
}

.my-links-setup-card{
  max-width:800px;
  margin:0 auto 20px;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(217,27,140,.14);
  background:
    radial-gradient(circle at 12% 20%, rgba(255,209,102,.30), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(217,27,140,.12), transparent 26%),
    linear-gradient(135deg,#fffaf0 0%,#fff7fc 100%);
  box-shadow:0 16px 38px rgba(43,34,75,.08);
  padding:18px 20px;
}
.my-links-setup-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.my-links-setup-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.my-links-setup-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:linear-gradient(160deg,var(--bp-magenta),var(--bp-pink));
  color:#fff;
  box-shadow:0 10px 22px rgba(217,27,140,.22);
}
.my-links-setup-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  background:rgba(40,167,69,.12);
  color:#1f8a3c;
  font-size:.76rem;
  font-weight:900;
  line-height:1;
  padding:.34rem .58rem;
  margin-bottom:7px;
}
.my-links-setup-title{
  color:#2A2140;
  font-weight:900;
  font-size:1.05rem;
  line-height:1.12;
  margin:0 0 5px;
}
.my-links-setup-sub{
  color:#5a4e73;
  font-size:.92rem;
  line-height:1.4;
  margin:0;
}
.my-links-setup-actions{
  flex:0 0 auto;
}
.my-links-setup-actions .btn{
  border-radius:999px;
  font-weight:900;
  padding:.58rem 1.05rem;
  white-space:nowrap;
}
@media (max-width:767.98px){
  .my-links-setup-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .my-links-setup-actions,
  .my-links-setup-actions .btn{
    width:100%;
  }
}


#addNewLinkModal .add-card-row {
margin-left: -8px;
margin-right: -8px;
}
#addNewLinkModal .add-card-col {
padding-left: 8px;
padding-right: 8px;
}

.premium-page{--bp-pink:#d91b8c;--bp-pink2:#bf2295;--bp-purple:#40266e;--bp-dark:#231c47;--bp-gold:#ffd166;--bp-soft:#fff4fb;--bp-muted:#6d6686;color:var(--bp-dark);}
.premium-page .text-magenta{color:var(--bp-pink)!important;}
.premium-page .premium-note{color:#6c757d;font-size:.95rem;}
.premium-page .premium-top-title{margin-bottom:20px;}
.premium-page .premium-top-title h2{font-weight:900;letter-spacing:-.02em;}
.premium-page .premium-top-title p{color:var(--bp-muted);}


.premium-page .premium-sales-hero{position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 20% 20%, rgba(217,27,140,.16), transparent 32%),radial-gradient(circle at 85% 15%, rgba(255,209,102,.22), transparent 26%),linear-gradient(135deg,#fff 0%,#fff7fc 50%,#fbecff 100%);border:1px solid rgba(217,27,140,.10);box-shadow:0 24px 70px rgba(42,33,64,.10);padding:24px;}
.premium-page .premium-sales-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle, rgba(217,27,140,.14) 0 2px, transparent 2px),radial-gradient(circle, rgba(255,209,102,.22) 0 2px, transparent 2px);background-size:92px 92px,130px 130px;background-position:10px 20px,50px 62px;}
.premium-page .premium-sales-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:22px;align-items:center;}
@media (min-width:992px){.premium-page .premium-sales-hero__grid{grid-template-columns:minmax(260px,.75fr) minmax(360px,1.35fr) minmax(250px,.72fr);}.premium-page .premium-sales-hero{padding:34px 36px;}}
.premium-page .premium-hero-copy{text-align:center;}
@media (min-width:992px){.premium-page .premium-hero-copy{text-align:left;}}
.premium-page .premium-hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:#fff5d8;color:#875f00;border:1px solid rgba(255,191,0,.35);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:8px 13px;margin-bottom:14px;}
.premium-page .premium-hero-title{font-weight:950;line-height:1.03;letter-spacing:-.045em;font-size:2.25rem;margin:0;color:var(--bp-dark);}
.premium-page .premium-hero-title .accent{color:var(--bp-pink);}
@media (min-width:768px){.premium-page .premium-hero-title{font-size:3.1rem;}}
.premium-page .premium-hero-subtitle{font-size:1.08rem;line-height:1.55;color:#4f4965;margin:18px 0 0;max-width:660px;}
.premium-page .premium-hero-micro{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:18px;}
@media (min-width:992px){.premium-page .premium-hero-micro{justify-content:flex-start;}}
.premium-page .premium-hero-micro span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(42,33,64,.08);box-shadow:0 10px 26px rgba(42,33,64,.06);border-radius:999px;padding:8px 12px;font-weight:800;color:#433c5e;font-size:.88rem;}
.premium-page .premium-hero-micro i{color:var(--bp-pink);}


.premium-page .premium-preview-wrap{position:relative;min-height:260px;display:flex;align-items:center;justify-content:center;}
.premium-page .premium-preview-card{position:relative;z-index:2;width:210px;border-radius:24px;background:#fff;border:1px solid rgba(64,38,110,.12);box-shadow:0 28px 65px rgba(64,38,110,.16);padding:18px 16px;text-align:center;}
.premium-page .premium-preview-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 25px rgba(42,33,64,.18);}
.premium-page .premium-preview-name{font-weight:950;margin-top:10px;color:var(--bp-dark);}
.premium-page .premium-preview-label{font-size:.82rem;color:#7a7396;margin-bottom:10px;}
.premium-page .premium-preview-icons{display:flex;justify-content:center;gap:8px;margin:10px 0 14px;}
.premium-page .premium-preview-icons span{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff0f8;color:var(--bp-pink);font-size:.72rem;}
.premium-page .premium-preview-link{height:34px;border-radius:999px;background:linear-gradient(90deg,var(--bp-pink),#9a24c8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900;margin:8px 0;}
.premium-page .premium-preview-link--light{background:#fff;color:var(--bp-dark);border:1px solid rgba(42,33,64,.08);}
.premium-page .premium-preview-stat{position:absolute;z-index:3;background:#fff;border-radius:16px;box-shadow:0 18px 42px rgba(42,33,64,.12);border:1px solid rgba(42,33,64,.06);padding:12px 14px;min-width:112px;}
.premium-page .premium-preview-stat strong{display:block;font-size:1.05rem;color:var(--bp-dark);line-height:1.1;}
.premium-page .premium-preview-stat span{display:block;font-size:.76rem;color:#7a7396;font-weight:800;}
.premium-page .premium-preview-stat em{font-style:normal;color:#00a66a;font-weight:900;font-size:.78rem;}
.premium-page .premium-preview-stat--left{left:0;top:10px;}
.premium-page .premium-preview-stat--right{right:0;bottom:22px;}
.premium-page .premium-preview-arrow{position:absolute;right:28px;top:130px;width:120px;height:70px;border-right:6px solid var(--bp-pink);border-top:6px solid var(--bp-pink);transform:rotate(24deg);border-radius:6px;opacity:.75;}
@media (max-width:575.98px){.premium-page .premium-preview-stat--left{left:3px}.premium-page .premium-preview-stat--right{right:3px}.premium-page .premium-preview-arrow{display:none;}}


.premium-page .premium-urgency-card{background:#fff;border:1px solid rgba(255,191,0,.58);border-radius:22px;box-shadow:0 22px 54px rgba(42,33,64,.10);padding:22px 18px;text-align:center;position:relative;overflow:visible;}
.premium-page .premium-urgency-badge{display:inline-flex;align-items:center;gap:6px;background:#ffbf00;color:var(--bp-dark);border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.03em;margin-top:-38px;box-shadow:0 8px 20px rgba(255,191,0,.25);}
.premium-page .premium-urgency-title{font-weight:900;color:var(--bp-dark);font-size:1.18rem;margin:14px 0 0;}
.premium-page .premium-urgency-price{font-size:2.2rem;line-height:1;font-weight:950;color:var(--bp-pink);margin:8px 0 8px;}
.premium-page .premium-urgency-price span{font-size:.95rem;color:#7a7396;font-weight:800;}
.premium-page .premium-urgency-sub{font-size:.86rem;color:#6d6686;font-weight:700;}
.premium-page .premium-urgency-card .premium-timer{background:transparent;border:none;color:var(--bp-dark);display:block;margin:14px 0 8px;padding:0;}
.premium-page .premium-urgency-card .premium-timer__label{color:#6d6686;margin-bottom:8px;}
.premium-page .premium-urgency-card .premium-timer__time{display:flex;justify-content:center;gap:8px;color:#fff;}
.premium-page .premium-urgency-card .premium-timer__time span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--bp-pink),#a623c8);box-shadow:0 10px 22px rgba(217,27,140,.20);}
.premium-page .premium-urgency-cta{border:none;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--bp-pink),#9a24c8);color:#fff;font-weight:950;padding:13px 16px;margin-top:14px;box-shadow:0 16px 34px rgba(217,27,140,.24);}
.premium-page .premium-urgency-cta:hover{color:#fff;transform:translateY(-1px);}


.premium-page .premium-benefit-strip{position:relative;z-index:3;margin:-18px auto 22px;background:#fff;border:1px solid rgba(42,33,64,.08);border-radius:22px;box-shadow:0 18px 48px rgba(42,33,64,.10);padding:16px;display:grid;grid-template-columns:1fr;gap:0;}
@media (min-width:768px){.premium-page .premium-benefit-strip{grid-template-columns:repeat(4,1fr);padding:0;}.premium-page .premium-benefit{border-right:1px solid rgba(42,33,64,.08);}.premium-page .premium-benefit:last-child{border-right:none;}}
.premium-page .premium-benefit{display:flex;align-items:center;gap:13px;padding:18px 16px;}
.premium-page .premium-benefit__icon{width:52px;height:52px;min-width:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff0f8;color:var(--bp-pink);font-size:1.24rem;box-shadow:inset 0 0 0 1px rgba(217,27,140,.10);}
.premium-page .premium-benefit__title{font-weight:950;color:var(--bp-dark);line-height:1.15;margin-bottom:3px;}
.premium-page .premium-benefit__text{font-size:.88rem;color:#6d6686;line-height:1.35;}


.premium-page .premium-offer-stack{margin-top:22px;}
.premium-page .premium-offer-stack--compact{margin-top:28px;}
.premium-page .premium-offer-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch;}
@media (min-width:992px){.premium-page .premium-offer-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);}}
.premium-page .premium-offer-card{display:block;width:100%;text-align:left;border:none;border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(42,33,64,.09);position:relative;}
.premium-page .premium-offer-card--conversion{overflow:hidden;}
.premium-page .premium-offer-card--yearly{display:grid;grid-template-columns:1fr;border:2px solid rgba(255,191,0,.95);box-shadow:0 24px 54px rgba(255,191,0,.18);}
@media (min-width:768px){.premium-page .premium-offer-card--yearly{grid-template-columns:190px 1fr;}}
.premium-page .premium-offer-card__side{background:linear-gradient(145deg,var(--bp-pink),#9a24c8);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px;}
.premium-page .premium-offer-card__crown{width:54px;height:54px;border-radius:18px;background:#ffd166;color:#40266e;display:flex;align-items:center;justify-content:center;font-size:1.45rem;}
.premium-page .premium-offer-card__side-title{font-size:1.35rem;font-weight:950;}
.premium-page .premium-offer-card__side-text{font-weight:700;line-height:1.35;color:rgba(255,255,255,.94);}
.premium-page .premium-offer-card__bonus-box{margin-top:10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:12px;text-align:center;}
.premium-page .premium-offer-card__bonus-box i{display:block;color:#ffd166;margin-bottom:5px;}
.premium-page .premium-offer-card__bonus-box strong{display:block;color:#fff;font-size:.88rem;line-height:1.2;}
.premium-page .premium-offer-card__bonus-box span{display:block;font-size:.78rem;color:rgba(255,255,255,.84);line-height:1.25;margin-top:2px;}
.premium-page .premium-offer-card__main{padding:56px 26px 22px;position:relative;}
.premium-page .premium-offer-card--monthly{padding:26px;border:2px solid rgba(154,93,220,.25);}
.premium-page .premium-offer-card__spotlight{position:absolute;top:18px;left:26px;transform:none;background:#ffbf00;color:#231c47;border-radius:999px;padding:8px 14px;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 10px 22px rgba(255,191,0,.22);z-index:2;}
.premium-page .premium-offer-card__eyebrow{font-size:.9rem;font-weight:800;color:#7b7397;margin-bottom:5px;}
.premium-page .premium-offer-card__title{font-size:1.36rem;font-weight:950;color:var(--bp-dark);}
.premium-page .premium-offer-card__price{font-size:2.7rem;font-weight:950;line-height:1;color:var(--bp-pink);margin:16px 0 8px;}
.premium-page .premium-offer-card__price--monthly{color:#4b426d;}
.premium-page .premium-offer-card__price span{font-size:1rem;font-weight:800;color:#7a7396;}
.premium-page .premium-offer-card__price del{font-size:1.1rem;font-weight:800;color:#9b93b5;margin-right:9px;vertical-align:middle;}
.premium-page .premium-offer-card__launch-note{display:inline-flex;align-items:center;padding:7px 10px;border-radius:8px;background:#ffe5f3;color:var(--bp-pink);font-size:.82rem;font-weight:950;margin-bottom:10px;}
.premium-page .premium-offer-card__points{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;}
@media (min-width:992px){.premium-page .premium-offer-card__points{grid-template-columns:repeat(2,minmax(0,1fr));}}
.premium-page .premium-offer-card__points--monthly{grid-template-columns:1fr;}
.premium-page .premium-offer-card__points li{position:relative;padding-left:27px;color:#322b55;font-weight:800;line-height:1.35;}
.premium-page .premium-offer-card__points li:before{content:"\f058";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:0;color:var(--bp-pink);}
.premium-page .premium-offer-card__button{width:100%;border-radius:999px;padding:15px 18px;font-weight:950;margin-top:18px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease;}
.premium-page .premium-offer-card__button:hover{transform:translateY(-1px);}
.premium-page .premium-offer-card__button--yearly{border:none;background:linear-gradient(90deg,var(--bp-pink),#9a24c8);color:#fff;box-shadow:0 16px 34px rgba(217,27,140,.24);}
.premium-page .premium-offer-card__button--yearly:hover{color:#fff;}
.premium-page .premium-offer-card__button--monthly{background:#fff;color:#7a2bd1;border:2px solid rgba(122,43,209,.75);box-shadow:none;}
.premium-page .premium-offer-card__button--monthly:hover{background:#fbf6ff;color:#5f22a6;}
.premium-page .premium-offer-card__safe-note,.premium-page .premium-offer-card__monthly-note{color:#7a7396;text-align:center;font-size:.88rem;font-weight:700;margin-top:11px;}
.premium-page .premium-timer--compact{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:10px 14px;background:#fff7dc;border:1px solid rgba(255,191,0,.35);border-radius:999px;color:#2a2446;}


.premium-page .premium-trust-strip{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid rgba(42,33,64,.08);border-radius:20px;box-shadow:0 16px 38px rgba(42,33,64,.07);overflow:hidden;margin:18px 0 34px;}
@media (min-width:768px){.premium-page .premium-trust-strip{grid-template-columns:repeat(4,1fr);}.premium-page .premium-trust-item{border-right:1px solid rgba(42,33,64,.08);}.premium-page .premium-trust-item:last-child{border-right:none;}}
.premium-page .premium-trust-item{display:flex;align-items:center;gap:12px;padding:15px 18px;}
.premium-page .premium-trust-icon{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f6efff;color:var(--bp-purple);font-size:1.05rem;}
.premium-page .premium-trust-title{font-weight:950;color:var(--bp-dark);line-height:1.15;}
.premium-page .premium-trust-text{font-size:.84rem;color:#6d6686;line-height:1.3;}


.premium-page .premium-hero-v2{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(135deg,#f028a8 0%,#d91b8c 45%,#b61892 100%);box-shadow:0 24px 70px rgba(217,27,140,.22);color:#fff;}
.premium-page .premium-hero-v2__inner{padding:32px 22px;}@media (min-width:768px){.premium-page .premium-hero-v2__inner{padding:42px 42px 38px;}}
.premium-page .premium-hero-v2__badge{display:inline-flex;align-items:center;gap:6px;background:#ffd451;color:#2b224b;font-weight:900;font-size:.75rem;line-height:1;padding:7px 12px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.14);}
.premium-page .premium-hero-v2__title{font-weight:950;line-height:1.05;letter-spacing:-.02em;margin:14px 0 10px;color:#fff;}
.premium-page .premium-hero-v2__subtitle{max-width:780px;margin:0 auto;color:rgba(255,255,255,.95);font-size:1.05rem;}
.premium-page .premium-bonus-pill{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;}.premium-page .premium-bonus-pill strong{color:#ffd451;}
.premium-page .premium-proof-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;}@media (min-width:768px){.premium-page .premium-proof-grid{grid-template-columns:repeat(3,1fr);}}
.premium-page .premium-proof{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.17);border-radius:18px;padding:14px 16px;text-align:left;}.premium-page .premium-proof__title{color:#fff;font-weight:800;margin-bottom:3px;}.premium-page .premium-proof__text{color:rgba(255,255,255,.88);font-size:.92rem;line-height:1.4;}
.premium-page .premium-section-title{font-size:1.55rem;font-weight:950;color:#2a2446;margin-bottom:6px;}.premium-page .premium-section-subtitle{color:#6d6686;margin-bottom:18px;}
.premium-page .premium-feature-card{border-radius:20px;border:1px solid rgba(43,34,75,.08);background:#fff;box-shadow:0 12px 30px rgba(43,34,75,.06);padding:18px;height:100%;}.premium-page .premium-feature-icon{width:44px;height:44px;min-width:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#fff0f8;color:#d91b8c;margin-right:14px;font-size:1.1rem;}.premium-page .premium-feature-title{font-weight:950;color:#2a2446;margin-bottom:4px;}.premium-page .premium-feature-text{color:#6d6686;line-height:1.45;font-size:.96rem;}
.premium-page .premium-value-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:22px 0 6px;}@media (min-width:768px){.premium-page .premium-value-grid{grid-template-columns:repeat(3,1fr);}}
.premium-page .premium-value{border-radius:18px;background:#fff;border:1px solid rgba(43,34,75,.08);box-shadow:0 12px 30px rgba(43,34,75,.06);padding:18px;}.premium-page .premium-value__title{font-weight:950;color:#2a2446;margin-bottom:6px;}.premium-page .premium-value__text{color:#6d6686;line-height:1.45;font-size:.95rem;margin:0;}
.premium-page .premium-compare-card{border-radius:24px!important;overflow:hidden;box-shadow:0 18px 44px rgba(43,34,75,.07)!important;border:1px solid rgba(217,27,140,.12)!important;}.premium-page .premium-compare-card .table thead th{border-top:none;border-bottom:2px solid rgba(43,34,75,.10);background:#fff7fc;}.premium-page .premium-compare-card .table td,.premium-page .premium-compare-card .table th{vertical-align:middle;padding:.78rem .75rem;}.premium-page .premium-compare-card .table tbody tr td{border-color:rgba(43,34,75,.08);}.premium-page .premium-compare-card .fa-check{color:#d91b8c;}.premium-page .premium-compare-card .fa-circle{color:#b8a8d5;}
.premium-page .premium-faq-card{border-radius:18px;border:1px solid rgba(43,34,75,.08);background:#fff;box-shadow:0 12px 30px rgba(43,34,75,.05);padding:18px;height:100%;}.premium-page .premium-faq-card__q{font-weight:950;color:#2a2446;margin-bottom:6px;}.premium-page .premium-faq-card__a{color:#6d6686;line-height:1.45;font-size:.95rem;margin:0;}
.premium-page .premium-manage-card{border-radius:22px;border:1px solid rgba(43,34,75,.08);background:#fff;box-shadow:0 18px 44px rgba(43,34,75,.07);}.premium-page .premium-status-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px;}@media (min-width:768px){.premium-page .premium-status-grid{grid-template-columns:repeat(3,1fr);}}.premium-page .premium-status{border-radius:18px;background:#fff;border:1px solid rgba(43,34,75,.08);padding:16px;box-shadow:0 12px 30px rgba(43,34,75,.06);}.premium-page .premium-status__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#847c9d;font-weight:800;margin-bottom:4px;}.premium-page .premium-status__value{font-size:1.15rem;font-weight:950;color:#2a2446;}.premium-page .premium-status__text{font-size:.92rem;color:#6d6686;margin-top:4px;}
.premium-page .premium-yearly-switch-card{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#fffaf0 0%,#fff 48%,#fff3fa 100%);border:1px solid rgba(217,27,140,.14);box-shadow:0 18px 44px rgba(43,34,75,.08);padding:20px;}.premium-page .premium-yearly-switch-card__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;}.premium-page .premium-yearly-switch-card__icon{width:54px;height:54px;min-width:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#ffbf00;color:#231c47;box-shadow:0 14px 28px rgba(255,191,0,.28);font-size:1.3rem;}.premium-page .premium-yearly-switch-card__eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;border-radius:999px;background:rgba(217,27,140,.10);color:#a2166f;font-size:.72rem;font-weight:950;letter-spacing:.045em;text-transform:uppercase;}.premium-page .premium-yearly-switch-card__title{margin:0;color:#231c47;font-weight:950;font-size:1.32rem;line-height:1.16;}.premium-page .premium-yearly-switch-card__text{margin:.35rem 0 0;color:#665d83;line-height:1.45;}.premium-page .premium-yearly-switch-card__saving{color:#d91b8c;font-weight:950;}.premium-page .premium-yearly-switch-card__action{min-width:240px;}.premium-page .premium-yearly-switch-card__button{width:100%;border:none;border-radius:999px;padding:13px 18px;background:#d91b8c;color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(217,27,140,.22);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}.premium-page .premium-yearly-switch-card__button:hover{transform:translateY(-1px);background:#c1177e;box-shadow:0 18px 34px rgba(217,27,140,.26);}.premium-page .premium-yearly-switch-card__note{margin-top:8px;color:#817997;font-size:.83rem;line-height:1.35;text-align:center;}
@media (max-width:767.98px){.premium-page .premium-yearly-switch-card__inner{align-items:flex-start;flex-direction:column;text-align:left;}.premium-page .premium-yearly-switch-card__action{width:100%;min-width:0;}.premium-page .premium-sales-hero{padding:18px;}.premium-page .premium-hero-title{font-size:2rem;}.premium-page .premium-offer-card__main{padding:42px 18px 22px;}.premium-page .premium-offer-card--monthly{padding:22px 18px;}}


@media (min-width: 992px){
    .premium-page .premium-sales-hero{
        padding:30px 34px;
        border-radius:28px;
        box-shadow:0 18px 52px rgba(42,33,64,.08);
    }
    .premium-page .premium-sales-hero:before{
        opacity:.22;
    }
    .premium-page .premium-sales-hero__grid{
        grid-template-columns:minmax(0,1.15fr) minmax(270px,.58fr);
        gap:30px;
    }
    .premium-page .premium-preview-wrap{
        display:none;
    }
    .premium-page .premium-hero-title{
        font-size:2.75rem;
        max-width:620px;
    }
    .premium-page .premium-hero-subtitle{
        max-width:600px;
        margin-top:14px;
    }
    .premium-page .premium-hero-micro{
        margin-top:15px;
    }
    .premium-page .premium-benefit-strip{
        display:none;
    }
}


.premium-page .premium-mobile-collapse-toggle{
    display:none;
}
.premium-page .premium-mobile-sticky-cta{
    display:none;
}
.premium-page .premium-primary-plans-anchor{
    scroll-margin-top:82px;
}

@media (max-width: 767.98px){
    body{
        padding-bottom:78px;
    }

    .premium-page .container{
        padding-left:14px;
        padding-right:14px;
    }

    .premium-page .premium-top-title{
        margin-bottom:12px;
    }

    .premium-page .premium-top-title h2{
        font-size:1.25rem;
        line-height:1.15;
    }

    .premium-page .premium-top-title p{
        font-size:.86rem;
        line-height:1.35;
        max-width:320px;
        margin-left:auto;
        margin-right:auto;
    }

    .premium-page .divider-custom{
        margin:1rem 0;
    }

    .premium-page .premium-sales-hero{
        padding:14px;
        border-radius:22px;
        margin-left:-2px;
        margin-right:-2px;
    }

    .premium-page .premium-sales-hero__grid{
        gap:14px;
    }

    .premium-page .premium-hero-copy{
        order:1;
        text-align:left;
    }

    .premium-page .premium-hero-eyebrow{
        font-size:.66rem;
        padding:6px 9px;
        margin-bottom:9px;
    }

    .premium-page .premium-hero-title{
        font-size:1.82rem !important;
        line-height:1.07;
        letter-spacing:-.035em;
    }

    .premium-page .premium-hero-subtitle{
        font-size:.94rem;
        line-height:1.42;
        margin-top:10px;
    }

    .premium-page .premium-hero-micro{
        justify-content:flex-start;
        gap:6px;
        margin-top:10px;
    }

    .premium-page .premium-hero-micro span{
        padding:6px 8px;
        font-size:.74rem;
        box-shadow:0 6px 16px rgba(42,33,64,.05);
    }

    .premium-page .premium-urgency-card{
        order:2;
        padding:15px 14px;
        border-radius:18px;
    }

    .premium-page .premium-urgency-badge{
        margin-top:0;
        font-size:.64rem;
        padding:6px 9px;
    }

    .premium-page .premium-urgency-title{
        font-size:.98rem;
        margin-top:10px;
    }

    .premium-page .premium-urgency-price{
        font-size:2.25rem;
        margin:6px 0;
    }

    .premium-page .premium-urgency-sub{
        font-size:.78rem;
        line-height:1.35;
    }

    .premium-page .premium-urgency-cta{
        padding:12px 14px;
        margin-top:10px;
        font-size:.94rem;
    }

    .premium-page .premium-urgency-card .premium-timer{
        margin:10px 0 8px;
    }

    .premium-page .premium-urgency-card .premium-timer__label{
        font-size:.78rem;
        margin-bottom:6px;
    }

    .premium-page .premium-urgency-card .premium-timer__time span{
        min-width:38px;
        height:38px;
        border-radius:9px;
        font-size:.92rem;
    }

    .premium-page .premium-preview-wrap{
        order:3;
        min-height:178px;
        margin-top:0;
    }

    .premium-page .premium-preview-card{
        width:158px;
        padding:13px 11px;
        border-radius:19px;
    }

    .premium-page .premium-preview-avatar{
        width:52px;
        height:52px;
        border-width:3px;
    }

    .premium-page .premium-preview-name{
        font-size:.84rem;
        margin-top:6px;
    }

    .premium-page .premium-preview-label,
    .premium-page .premium-preview-icons{
        display:none;
    }

    .premium-page .premium-preview-link{
        height:26px;
        font-size:.64rem;
        margin:6px 0;
    }

    .premium-page .premium-preview-stat{
        padding:8px 9px;
        min-width:86px;
        border-radius:12px;
    }

    .premium-page .premium-preview-stat strong{
        font-size:.84rem;
    }

    .premium-page .premium-preview-stat span,
    .premium-page .premium-preview-stat em{
        font-size:.63rem;
    }

    .premium-page .premium-preview-stat--left{
        left:0;
        top:8px;
    }

    .premium-page .premium-preview-stat--right{
        right:0;
        bottom:12px;
    }

    .premium-page .premium-preview-arrow{
        display:none;
    }

    .premium-page .premium-benefit-strip{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
        padding:10px;
        margin:12px 0 14px;
        border-radius:18px;
    }

    .premium-page .premium-benefit{
        display:block;
        text-align:center;
        padding:10px 8px;
        border-radius:14px;
        background:#fff;
        border:1px solid rgba(42,33,64,.06);
    }

    .premium-page .premium-benefit__icon{
        width:36px;
        height:36px;
        min-width:36px;
        font-size:.95rem;
        margin:0 auto 7px;
    }

    .premium-page .premium-benefit__title{
        font-size:.78rem;
        line-height:1.2;
    }

    .premium-page .premium-benefit__text{
        display:none;
    }

    .premium-page .premium-offer-stack{
        margin-top:14px;
    }

    .premium-page .premium-offer-grid{
        gap:12px;
    }

    .premium-page .premium-offer-card{
        border-radius:20px;
    }

    .premium-page .premium-offer-card__side{
        padding:18px 16px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        gap:9px;
    }

    .premium-page .premium-offer-card__crown{
        width:42px;
        height:42px;
        border-radius:14px;
        font-size:1.08rem;
    }

    .premium-page .premium-offer-card__side-title{
        font-size:1.05rem;
    }

    .premium-page .premium-offer-card__side-text{
        font-size:.82rem;
        line-height:1.3;
    }

    .premium-page .premium-offer-card__bonus-box{
        width:100%;
        padding:10px;
        margin-top:4px;
    }

    .premium-page .premium-offer-card__main{
        padding:52px 16px 18px;
    }

    .premium-page .premium-offer-card__spotlight{
        left:16px;
        top:14px;
        font-size:.68rem;
        padding:7px 10px;
    }

    .premium-page .premium-offer-card__eyebrow{
        font-size:.72rem;
    }

    .premium-page .premium-offer-card__title{
        font-size:1.1rem;
    }

    .premium-page .premium-offer-card__price{
        font-size:2.15rem;
        margin:9px 0 6px;
    }

    .premium-page .premium-offer-card__price del{
        font-size:.9rem;
    }

    .premium-page .premium-offer-card__launch-note{
        display:inline-flex;
        font-size:.74rem;
        padding:6px 8px;
    }

    .premium-page .premium-offer-card__content-grid{
        display:block;
    }

    .premium-page .premium-offer-card__points{
        margin:12px 0 0;
    }

    .premium-page .premium-offer-card__points li{
        font-size:.84rem;
        margin-bottom:7px;
        padding-left:22px;
    }

    .premium-page .premium-offer-card__button{
        padding:13px 14px;
        margin-top:13px;
        font-size:.92rem;
    }

    .premium-page .premium-offer-card--monthly{
        padding:18px 16px;
    }

    .premium-page .premium-offer-card__monthly-note,
    .premium-page .premium-offer-card__safe-note{
        font-size:.78rem;
    }

    .premium-page .premium-trust-strip{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
        padding:10px;
        margin-top:14px;
        border-radius:18px;
    }

    .premium-page .premium-trust-item{
        padding:9px;
        gap:8px;
    }

    .premium-page .premium-trust-icon{
        width:32px;
        height:32px;
        min-width:32px;
        font-size:.9rem;
    }

    .premium-page .premium-trust-title{
        font-size:.78rem;
    }

    .premium-page .premium-trust-text{
        display:none;
    }

    .premium-page .premium-section-title{
        font-size:1.18rem;
        line-height:1.25;
    }

    .premium-page .premium-section-subtitle{
        font-size:.88rem;
        line-height:1.4;
        margin-bottom:12px;
    }

    .premium-page .premium-mobile-collapse-toggle{
        display:flex;
        width:100%;
        align-items:center;
        justify-content:center;
        gap:8px;
        border:2px solid rgba(64,38,110,.18);
        background:#fff;
        color:var(--bp-purple);
        border-radius:999px;
        padding:12px 14px;
        font-weight:900;
        box-shadow:0 10px 24px rgba(42,33,64,.06);
    }

    .premium-page .premium-mobile-collapse-wrap{
        margin-top:12px;
    }

    .premium-page .premium-compare-card{
        margin-top:12px !important;
        border-radius:18px;
    }

    .premium-page .premium-compare-card .card-body{
        padding:14px !important;
    }

    .premium-page .premium-compare-card .table td,
    .premium-page .premium-compare-card .table th{
        padding:.72rem .55rem;
        font-size:.82rem;
    }

    .premium-page .premium-value-grid{
        gap:8px;
        margin-top:14px !important;
    }

    .premium-page .premium-value{
        padding:13px;
        border-radius:16px;
    }

    .premium-page .premium-value__title{
        font-size:.94rem;
        margin-bottom:4px;
    }

    .premium-page .premium-value__text{
        font-size:.82rem;
        line-height:1.35;
    }

    .premium-page .premium-feature-card{
        padding:14px;
        border-radius:16px;
    }

    .premium-page .premium-feature-icon{
        width:38px;
        height:38px;
        min-width:38px;
        border-radius:13px;
        font-size:.95rem;
    }

    .premium-page .premium-feature-title{
        font-size:.94rem;
    }

    .premium-page .premium-feature-text{
        font-size:.82rem;
    }

    .premium-page .premium-faq-card{
        padding:14px;
        border-radius:16px;
    }

    .premium-page .premium-mobile-sticky-cta{
        display:flex;
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1040;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        padding:10px 12px calc(10px + env(safe-area-inset-bottom));
        background:rgba(255,255,255,.96);
        border-top:1px solid rgba(42,33,64,.10);
        box-shadow:0 -12px 34px rgba(42,33,64,.12);
        backdrop-filter:blur(12px);
    }

    .premium-page .premium-mobile-sticky-copy{
        min-width:0;
        line-height:1.12;
    }

    .premium-page .premium-mobile-sticky-copy strong{
        display:block;
        color:var(--bp-dark);
        font-size:.9rem;
        white-space:nowrap;
    }

    .premium-page .premium-mobile-sticky-copy span{
        display:block;
        color:#6d6686;
        font-size:.74rem;
        margin-top:2px;
        white-space:nowrap;
    }

    .premium-page .premium-mobile-sticky-form{
        margin:0;
        flex:0 0 auto;
    }

    .premium-page .premium-mobile-sticky-btn{
        flex:0 0 auto;
        border:none;
        border-radius:999px;
        padding:11px 14px;
        color:#fff;
        font-weight:950;
        background:linear-gradient(90deg, var(--bp-pink), #9a24c8);
        box-shadow:0 12px 26px rgba(217,27,140,.24);
        text-decoration:none !important;
        font-size:.88rem;
    }
}

.analytics-featured-card{
border:1px solid rgba(217,27,140,.14);
background:linear-gradient(135deg, rgba(255,248,252,1) 0%, rgba(255,255,255,1) 100%);
border-radius:18px;
box-shadow:0 10px 28px rgba(0,0,0,.04);
}
.analytics-featured-pill{
display:inline-flex;
align-items:center;
padding:6px 12px;
border-radius:999px;
font-size:.75rem;
font-weight:800;
letter-spacing:.04em;
background:rgba(217,27,140,.09);
color:#b61892;
text-transform:uppercase;
}
.analytics-featured-chip{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
font-size:.8rem;
font-weight:700;
background:#fff;
border:1px solid rgba(0,0,0,.08);
color:#6c757d;
}
.analytics-featured-btn{
  white-space: nowrap;
  min-width: 190px;
}


.analytics-source-summary{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
margin:14px 0 4px;
}
@media (min-width: 768px){
.analytics-source-summary{
grid-template-columns:repeat(4, minmax(0, 1fr));
}
}
.analytics-source-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
padding:10px 12px;
border-radius:14px;
background:#fff;
border:1px solid rgba(42,33,64,.08);
box-shadow:0 8px 18px rgba(42,33,64,.05);
text-align:left;
text-decoration:none!important;
color:#2A2140;
transition:transform .15s ease, box-shadow .15s ease;
}
.analytics-source-card:hover{
transform:translateY(-1px);
box-shadow:0 10px 22px rgba(42,33,64,.08);
color:#2A2140;
}
.analytics-source-card__label{
display:flex;
align-items:center;
gap:7px;
font-weight:800;
font-size:.82rem;
line-height:1.1;
}
.analytics-source-card__value{
font-weight:950;
font-size:1.05rem;
line-height:1;
}
.analytics-source-dot{
width:10px;
height:10px;
min-width:10px;
border-radius:999px;
display:inline-block;
}
.analytics-source-dot--featured{background:#D91B8C;}
.analytics-source-dot--boosted{background:#FFB703;}
.analytics-source-dot--sponsored{background:#36A2EB;}
.analytics-source-dot--spotlight{background:#9966FF;}

.analytics-source-overview{
margin:16px 0 12px;
}
.analytics-source-hero{
position:relative;
overflow:hidden;
border-radius:20px;
padding:14px 16px;
background:
radial-gradient(circle at 12% 0%, rgba(255,209,102,.34), transparent 34%),
radial-gradient(circle at 96% 0%, rgba(217,27,140,.12), transparent 32%),
linear-gradient(135deg,#fff8ee 0%,#fff 72%);
border:1px solid rgba(255,191,0,.22);
box-shadow:0 12px 26px rgba(42,33,64,.06);
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
text-align:left;
}
.analytics-source-hero-main{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
.analytics-source-kicker{
display:inline-flex;
width:max-content;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:999px;
background:rgba(217,27,140,.10);
color:#a2166f;
font-size:.72rem;
font-weight:950;
letter-spacing:.045em;
text-transform:uppercase;
white-space:nowrap;
}
.analytics-source-total{
font-size:2.55rem;
font-weight:950;
letter-spacing:-.05em;
line-height:.95;
color:#2A2140;
font-variant-numeric:tabular-nums;
}
.analytics-source-hero-copy{
min-width:0;
text-align:right;
}
.analytics-source-total-label{
color:#2A2140;
font-weight:900;
line-height:1.2;
}
.analytics-source-top-note{
margin-top:3px;
color:#817997;
font-size:.84rem;
line-height:1.3;
}
.analytics-source-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
margin-top:12px;
min-width:0;
}
.analytics-source-row{
display:block;
min-width:0;
padding:11px 12px 12px;
border-radius:16px;
background:#fff;
border:1px solid rgba(42,33,64,.08);
box-shadow:0 8px 18px rgba(42,33,64,.05);
text-decoration:none!important;
color:#2A2140;
transition:transform .15s ease, box-shadow .15s ease;
}
.analytics-source-row:hover{
transform:translateY(-1px);
box-shadow:0 10px 22px rgba(42,33,64,.08);
color:#2A2140;
}
.analytics-source-row__top{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
min-width:0;
}
.analytics-source-row__label{
display:flex;
align-items:center;
gap:7px;
font-weight:900;
font-size:.9rem;
line-height:1.15;
min-width:0;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
flex:1 1 auto;
padding-right:6px;
}
.analytics-source-row__count{
font-weight:950;
font-size:1.05rem;
line-height:1;
white-space:nowrap;
font-variant-numeric:tabular-nums;
flex:0 0 auto;
}
.analytics-source-row__bar{
display:block;
width:100%;
height:7px;
border-radius:999px;
overflow:hidden;
background:#f1eef7;
margin-top:12px;
box-sizing:border-box;
}
.analytics-source-row__fill{
display:block;
height:100%;
border-radius:999px;
min-width:0;
max-width:100%;
}
.analytics-source-row__fill--featured{background:#D91B8C;}
.analytics-source-row__fill--boosted{background:#FFB703;}
.analytics-source-row__fill--sponsored{background:#36A2EB;}
.analytics-source-row__fill--spotlight{background:#9966FF;}
.analytics-source-row__share{
display:none;
}
.analytics-source-cta{
margin-top:14px;
text-align:center;
}
.analytics-source-cta .btn{
min-width:0;
padding-left:1rem;
padding-right:1rem;
}
..analytics-source-locked-preview{
width:100%;
max-width:430px;
margin:2px auto 12px;
display:grid;
gap:8px;
}
.analytics-source-locked-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:9px 12px;
border-radius:14px;
background:#fff;
border:1px solid rgba(42,33,64,.08);
box-shadow:0 8px 18px rgba(42,33,64,.05);
font-size:.86rem;
font-weight:900;
color:#2A2140;
}
.analytics-source-locked-row span:first-child{
display:flex;
align-items:center;
gap:7px;
}
.analytics-source-locked-row__value{
filter:blur(3px);
opacity:.52;
font-variant-numeric:tabular-nums;
}
@media (max-width:991.98px){
.analytics-source-hero{
align-items:flex-start;
flex-direction:column;
text-align:left;
}
.analytics-source-hero-copy{
text-align:left;
}
}
@media (max-width:575.98px){
.analytics-source-total{font-size:2.35rem;}
.analytics-source-list{grid-template-columns:1fr; gap:8px;}
.analytics-source-row{padding:11px 12px 12px;}
.analytics-source-row__label{font-size:.86rem;}
.analytics-source-cta .btn{width:100%; min-width:0;}
}
.analytics-source-locked{
position:relative;
overflow:hidden;
border-radius:18px;
min-height:0;
background:
radial-gradient(circle at 14% 10%, rgba(255,209,102,.38), transparent 30%),
radial-gradient(circle at 92% 0%, rgba(217,27,140,.16), transparent 34%),
linear-gradient(135deg,#fffaf0 0%,#fff 48%,#fff3fa 100%);
border:1px solid rgba(217,27,140,.14);
box-shadow:0 14px 34px rgba(42,33,64,.07);
}
.analytics-source-locked:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.35;
background-image:
radial-gradient(circle, rgba(217,27,140,.14) 0 2px, transparent 2px),
radial-gradient(circle, rgba(255,191,0,.20) 0 2px, transparent 2px);
background-size:70px 70px, 108px 108px;
background-position:12px 20px, 44px 52px;
}
.analytics-source-locked__inner{
position:relative;
z-index:1;
min-height:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:16px 16px;
}
.analytics-source-locked__icon{
width:48px;
height:48px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
background:#D91B8C;
color:#fff;
font-size:1.35rem;
box-shadow:0 14px 26px rgba(217,27,140,.22);
margin-bottom:10px;
}
.analytics-source-locked__title{
font-weight:950;
font-size:1.08rem;
color:#2A2140;
margin-bottom:5px;
}
.analytics-source-locked__text{
max-width:390px;
color:#6c6487;
font-size:.9rem;
line-height:1.4;
margin:0 auto 10px;
}
.analytics-source-preview{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:7px;
margin-bottom:13px;
}
.analytics-source-preview span{
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:999px;
background:#fff;
border:1px solid rgba(42,33,64,.08);
font-size:.78rem;
font-weight:800;
color:#5f5573;
box-shadow:0 6px 14px rgba(42,33,64,.05);
}
.analytics-source-locked__note{
margin-top:7px;
font-size:.76rem;
color:#817997;
}

@media (min-width:768px){
.analytics-source-locked__inner{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
grid-template-areas:
"icon preview"
"title preview"
"text preview"
"button preview"
"note note";
align-items:center;
justify-content:stretch;
gap:7px 14px;
text-align:left;
padding:15px 16px;
}
.analytics-source-locked__icon{
grid-area:icon;
justify-self:start;
margin:0;
}
.analytics-source-locked__title{
grid-area:title;
margin:0;
}
.analytics-source-locked__text{
grid-area:text;
max-width:none;
margin:0;
}
.analytics-source-locked-preview{
grid-area:preview;
max-width:none;
margin:0;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:7px;
}
.analytics-source-locked-row{
padding:8px 10px;
min-width:0;
}
.analytics-source-locked-row span:first-child{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.analytics-source-locked__inner > .btn{
grid-area:button;
justify-self:start;
margin-top:2px;
}
.analytics-source-locked__note{
grid-area:note;
text-align:center;
margin-top:2px;
}
}
.analytics-discovery-upgrade{
border-radius:20px;
background:linear-gradient(135deg,#2A2140 0%,#40266E 100%);
color:#fff;
box-shadow:0 18px 42px rgba(42,33,64,.17);
}
.analytics-discovery-upgrade .text-muted{
color:rgba(255,255,255,.72)!important;
}
.analytics-discovery-upgrade__pill{
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:999px;
background:rgba(255,255,255,.12);
font-size:.74rem;
font-weight:900;
letter-spacing:.04em;
text-transform:uppercase;
}

.analytics-featured-clicks-chart-shell{
margin-top:16px;
border-radius:20px;
padding:16px 14px 12px;
background:
radial-gradient(circle at 12% 0%, rgba(217,27,140,.10), transparent 30%),
linear-gradient(135deg,#fff8fc 0%,#fff 74%);
border:1px solid rgba(217,27,140,.12);
box-shadow:0 12px 26px rgba(42,33,64,.05);
}
.analytics-featured-clicks-chart-wrap{
position:relative;
height:260px;
width:100%;
}
.analytics-featured-clicks-summary{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
margin-top:14px;
}
.analytics-featured-clicks-stat{
border-radius:16px;
background:#fff;
border:1px solid rgba(42,33,64,.08);
box-shadow:0 8px 18px rgba(42,33,64,.05);
padding:12px 13px;
text-align:left;
min-width:0;
}
.analytics-featured-clicks-stat__label{
font-size:.75rem;
font-weight:900;
letter-spacing:.04em;
text-transform:uppercase;
color:#817997;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.analytics-featured-clicks-stat__value{
margin-top:4px;
font-size:1.4rem;
font-weight:950;
line-height:1;
color:#2A2140;
font-variant-numeric:tabular-nums;
}
.analytics-featured-clicks-stat__note{
margin-top:4px;
font-size:.8rem;
color:#817997;
line-height:1.3;
}
.analytics-featured-clicks-locked{
position:relative;
overflow:hidden;
border-radius:20px;
margin-top:16px;
min-height:260px;
background:
radial-gradient(circle at 14% 10%, rgba(255,209,102,.38), transparent 30%),
radial-gradient(circle at 92% 0%, rgba(217,27,140,.16), transparent 34%),
linear-gradient(135deg,#fffaf0 0%,#fff 48%,#fff3fa 100%);
border:1px solid rgba(217,27,140,.14);
box-shadow:0 14px 34px rgba(42,33,64,.07);
}
.analytics-featured-clicks-locked:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.35;
background-image:
radial-gradient(circle, rgba(217,27,140,.14) 0 2px, transparent 2px),
radial-gradient(circle, rgba(255,191,0,.20) 0 2px, transparent 2px);
background-size:70px 70px, 108px 108px;
background-position:12px 20px, 44px 52px;
}
.analytics-featured-clicks-locked__inner{
position:relative;
z-index:1;
min-height:260px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:22px 16px;
}
.analytics-featured-clicks-locked__icon{
width:56px;
height:56px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
background:#D91B8C;
color:#fff;
font-size:1.35rem;
box-shadow:0 14px 26px rgba(217,27,140,.22);
margin-bottom:10px;
}
.analytics-featured-clicks-locked__title{
font-weight:950;
font-size:1.1rem;
color:#2A2140;
margin-bottom:5px;
}
.analytics-featured-clicks-locked__text{
max-width:430px;
color:#6c6487;
font-size:.94rem;
line-height:1.45;
margin:0 auto 13px;
}
@media (max-width:575.98px){
.analytics-featured-clicks-summary{grid-template-columns:1fr;}
.analytics-featured-clicks-chart-wrap{height:230px;}
}

.network-boost-page{
  --nb-pink: var(--bp-pink, #D91B8C);
  --nb-magenta: var(--bp-magenta, #BF2295);
  --nb-ink: var(--bp-ink, #2A2140);
  --nb-cream: var(--bp-cream, #FFD166);
  --nb-muted: #6c757d;
  --nb-soft: #fff7fc;
}

.network-boost-page .nb-card{
  border:1px solid rgba(43,34,75,.08);
  border-radius:22px;
  box-shadow:0 12px 32px rgba(43,34,75,.06);
  overflow:hidden;
}

.network-boost-page .nb-hero-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,209,102,.34), transparent 32%),
    radial-gradient(circle at 92% 10%, rgba(217,27,140,.18), transparent 34%),
    linear-gradient(135deg, #fff 0%, #fff7fc 100%);
  border:1px solid rgba(217,27,140,.12);
  box-shadow:0 16px 38px rgba(43,34,75,.08);
}

.network-boost-page .nb-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "copy status"
    "benefits status";
  gap:18px 22px;
  align-items:start;
  padding:26px;
}

.network-boost-page .nb-hero-copy{
  grid-area:copy;
}

.network-boost-page .nb-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:.36rem .72rem;
  background:rgba(217,27,140,.10);
  color:#a2166f;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  line-height:1;
  margin-bottom:10px;
}

.network-boost-page .nb-hero-title{
  margin:0;
  color:var(--nb-ink);
  font-weight:950;
  line-height:1.08;
  font-size:1.85rem;
}

.network-boost-page .nb-hero-text{
  margin:.6rem 0 0;
  color:#5a4e73;
  line-height:1.48;
  font-size:1rem;
  max-width:720px;
}

.network-boost-page .nb-status-box{
  grid-area:status;
  align-self:center;
  min-width:230px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(43,34,75,.08);
  box-shadow:0 12px 28px rgba(43,34,75,.065);
  padding:16px;
  text-align:center;
}

.network-boost-page .nb-status-label{
  color:var(--nb-muted);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.network-boost-page .nb-status-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:.42rem 0 .9rem;
  font-size:1.15rem;
  font-weight:950;
  color:var(--nb-ink);
}

.network-boost-page .nb-status-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  display:inline-block;
}

.network-boost-page .nb-status-dot--on{
  background:#28a745;
  box-shadow:0 0 0 5px rgba(40,167,69,.12);
}

.network-boost-page .nb-status-dot--off{
  background:#dc3545;
  box-shadow:0 0 0 5px rgba(220,53,69,.10);
}

.network-boost-page .nb-status-form .btn{
  font-weight:900;
  border-radius:999px;
  width:100%;
}

.network-boost-page .nb-benefit-grid{
  grid-area:benefits;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.network-boost-page .nb-benefit{
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(43,34,75,.08);
  padding:16px;
  height:100%;
  box-shadow:0 8px 22px rgba(43,34,75,.045);
}

.network-boost-page .nb-benefit-icon{
  width:40px;
  height:40px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(217,27,140,.10);
  color:var(--nb-pink);
  margin-bottom:10px;
}

.network-boost-page .nb-benefit-title{
  color:var(--nb-ink);
  font-weight:950;
  line-height:1.15;
  margin-bottom:5px;
}

.network-boost-page .nb-benefit-text{
  color:var(--nb-muted);
  font-size:.9rem;
  line-height:1.42;
  margin:0;
}

.network-boost-page .nb-section-title{
  color:var(--nb-ink);
  font-weight:950;
  line-height:1.18;
  margin:0 0 7px;
}

.network-boost-page .nb-section-sub{
  color:var(--nb-muted);
  line-height:1.45;
  margin:0;
}

.network-boost-page .nb-share-note{
  margin-top:18px;
  border-radius:18px;
  border:1px solid rgba(217,27,140,.12);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,209,102,.20), transparent 32%),
    linear-gradient(180deg, #fff, #fff8fc);
  padding:14px 16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.network-boost-page .nb-share-note-icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#fff;
  background:linear-gradient(160deg, var(--nb-magenta), var(--nb-pink));
  box-shadow:0 8px 18px rgba(217,27,140,.18);
}

.network-boost-page .nb-share-note-title{
  color:var(--nb-ink);
  font-weight:950;
  line-height:1.2;
  margin-bottom:2px;
}

.network-boost-page .nb-share-note-text{
  color:#5a4e73;
  font-size:.9rem;
  line-height:1.42;
}

.network-boost-page .nb-share-note-text a{
  font-weight:900;
  color:var(--nb-pink);
  text-decoration:none;
}

.network-boost-page .nb-share-note-text a:hover,
.network-boost-page .nb-share-note-text a:focus{
  color:var(--nb-magenta);
  text-decoration:underline;
}

.network-boost-page .nb-stat-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.network-boost-page .nb-stat{
  border-radius:18px;
  border:1px solid rgba(43,34,75,.08);
  background:#fff;
  padding:16px;
  text-align:center;
  height:100%;
}

.network-boost-page .nb-stat--pink{
  background:#fdf5fb;
  border-color:#f0c9e6;
}

.network-boost-page .nb-stat--purple{
  background:#f8f2ff;
  border-color:#e4d6ff;
}

.network-boost-page .nb-stat--green{
  background:#f4fff7;
  border-color:#d7f5de;
}

.network-boost-page .nb-stat-value{
  color:var(--nb-ink);
  font-weight:950;
  font-size:1.55rem;
  line-height:1;
}

.network-boost-page .nb-stat-label{
  margin-top:7px;
  color:var(--nb-muted);
  font-size:.82rem;
  font-weight:850;
  line-height:1.2;
}

.network-boost-page .nb-stat-note{
  display:block;
  margin-top:6px;
  font-size:.75rem;
  font-weight:800;
}

.network-boost-page .nb-steps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}

.network-boost-page .nb-step{
  position:relative;
  border-radius:20px;
  border:1px solid rgba(43,34,75,.08);
  background:#fff;
  padding:18px;
  height:100%;
}

.network-boost-page .nb-step-number{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(160deg, var(--nb-magenta), var(--nb-pink));
  color:#fff;
  font-weight:950;
  margin-bottom:12px;
  box-shadow:0 8px 18px rgba(217,27,140,.18);
}

.network-boost-page .nb-step-title{
  color:var(--nb-ink);
  font-weight:950;
  margin-bottom:6px;
  line-height:1.15;
}

.network-boost-page .nb-step-text{
  color:var(--nb-muted);
  font-size:.92rem;
  line-height:1.45;
  margin:0;
}

.network-boost-page .nb-control-box{
  margin-top:20px;
  border-radius:20px;
  border:1px solid rgba(217,27,140,.11);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,209,102,.18), transparent 30%),
    linear-gradient(180deg, #fff, #fff7fc);
  padding:16px;
}

.network-boost-page .nb-control-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.network-boost-page .nb-control-title{
  color:var(--nb-ink);
  font-weight:950;
  margin-bottom:2px;
}

.network-boost-page .nb-control-text{
  color:var(--nb-muted);
  font-size:.9rem;
  line-height:1.4;
}

.network-boost-page .nb-control-action{
  flex:0 0 auto;
  text-align:right;
}

.network-boost-page .nb-deep-toggle{
  width:100%;
  border-radius:18px;
  border:1px dashed rgba(217,27,140,.25);
  background:rgba(217,27,140,.045);
  color:var(--nb-pink);
  font-weight:950;
  padding:14px 16px;
  text-align:center;
  text-decoration:none !important;
}

.network-boost-page .nb-deep-toggle:hover,
.network-boost-page .nb-deep-toggle:focus{
  background:rgba(217,27,140,.075);
  color:var(--nb-magenta);
  text-decoration:none !important;
}

.network-boost-page .nb-deep-card{
  border-radius:18px;
  border:1px solid rgba(43,34,75,.08);
  background:#fff;
  padding:18px;
  height:100%;
}

.network-boost-page .nb-onoff-card{
  border-radius:18px;
  padding:18px;
  height:100%;
}

.network-boost-page .nb-onoff-card--on{
  background:#f8fff9;
  border:1px dashed #cdeccd;
}

.network-boost-page .nb-onoff-card--off{
  background:#fff8f8;
  border:1px dashed #f2c7c7;
}

.network-boost-page .nb-onoff-card ul{
  margin-bottom:0;
}

.network-boost-page .nb-onoff-card li{
  margin-bottom:.55rem;
  color:#4f5963;
  line-height:1.4;
}

.network-boost-page .nb-map{
  border-radius:20px;
  background:linear-gradient(160deg, var(--nb-magenta), var(--nb-pink));
  color:#fff;
  padding:18px;
}

.network-boost-page .nb-map-card{
  background:#fff;
  color:var(--nb-ink);
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

.network-boost-page .nb-map-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.network-boost-page .nb-map-node{
  border-radius:14px;
  padding:12px;
  text-align:center;
  background:#fff;
  color:var(--nb-ink);
}

.network-boost-page .nb-map-node--on{
  background:#e8f9ee;
  border:1px solid #d0f0d6;
}

.network-boost-page .nb-map-node--off{
  background:#fbeaea;
  border:1px solid #f2c7c7;
}

.network-boost-page .nb-faq .card{
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(43,34,75,.08);
}

.network-boost-page .nb-faq .card-header{
  background:#fff;
}

.network-boost-page .nb-faq .btn-link{
  color:var(--nb-ink);
  font-weight:900;
  text-decoration:none !important;
}

@media (max-width: 991.98px){
  .network-boost-page .nb-hero-inner{
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "status"
      "benefits";
  }

  .network-boost-page .nb-status-box{
    min-width:0;
    width:100%;
    align-self:stretch;
  }

  .network-boost-page .nb-benefit-grid,
  .network-boost-page .nb-stat-grid,
  .network-boost-page .nb-steps{
    grid-template-columns:1fr;
  }
}

@media (max-width: 575.98px){
  .network-boost-page .nb-hero-inner{
    padding:20px;
  }

  .network-boost-page .nb-hero-title{
    font-size:1.55rem;
  }

  .network-boost-page .nb-status-box{
    padding:14px;
  }

  .network-boost-page .nb-share-note{
    padding:13px 14px;
  }

  .network-boost-page .nb-share-note-icon{
    width:34px;
    height:34px;
    border-radius:12px;
  }

  .network-boost-page .nb-control-inner{
    flex-direction:column;
    align-items:stretch;
  }

  .network-boost-page .nb-control-action{
    text-align:left;
  }

  .network-boost-page .nb-control-action .btn,
  .network-boost-page .nb-control-action .custom-control{
    width:100%;
  }

  .network-boost-page .nb-map-row{
    grid-template-columns:1fr;
  }

  .network-boost-page .nb-steps{
    gap:10px;
  }

  .network-boost-page .nb-step{
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    grid-template-areas:
      "stepnum steptitle"
      "stepnum steptext";
    column-gap:12px;
    row-gap:2px;
    align-items:start;
    padding:14px 15px;
    border-radius:16px;
  }

  .network-boost-page .nb-step-number{
    grid-area:stepnum;
    width:32px;
    height:32px;
    margin-bottom:0;
    align-self:start;
  }

  .network-boost-page .nb-step-title{
    grid-area:steptitle;
    margin-bottom:0;
    font-size:.96rem;
    line-height:1.15;
    align-self:end;
  }

  .network-boost-page .nb-step-text{
    grid-area:steptext;
    font-size:.86rem;
    line-height:1.35;
    margin:0;
  }
}

@media (max-width: 380px){
  .network-boost-page .nb-step{
    grid-template-columns:30px minmax(0,1fr);
    column-gap:10px;
    padding:13px 14px;
  }

  .network-boost-page .nb-step-number{
    width:30px;
    height:30px;
    font-size:.92rem;
  }

  .network-boost-page .nb-step-text{
    font-size:.84rem;
  }
}

.page-settings-shell .settings-card {
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.03);
}
.page-settings-shell .settings-card .card-body {
  padding: 1rem 1rem 1.1rem;
}
@media (min-width: 768px) {
  .page-settings-shell .settings-card .card-body {
    padding: 1.25rem 1.4rem 1.45rem;
  }
}

.page-settings-shell .settings-lead {
  max-width: 760px;
  margin: 0 auto 14px;
}

.page-settings-shell .settings-summary-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .page-settings-shell .settings-summary-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.page-settings-shell .settings-summary-box {
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,248,248,.92));
  padding: 14px 15px;
  min-height: 100%;
}
.page-settings-shell .settings-summary-label {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #6c757d;
  font-weight: 700;
  margin-bottom: 4px;
}
.page-settings-shell .settings-summary-value {
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
  word-break: break-word;
}
.page-settings-shell .settings-summary-sub {
  color: #6c757d;
  font-size: .86rem;
  margin-top: 6px;
  line-height: 1.4;
}

.page-settings-shell .settings-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.page-settings-shell .settings-jump a {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: .88rem;
  font-weight: 700;
  color: #495057;
  text-decoration: none;
}
.page-settings-shell .settings-jump a:hover {
  text-decoration: none;
  border-color: rgba(0,0,0,.14);
  transform: translateY(-1px);
}

.page-settings-shell .settings-section-note {
  color: #6c757d;
  font-size: .92rem;
  margin-top: -2px;
  margin-bottom: 14px;
}

.page-settings-shell .settings-preview-panel {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #fafafa;
  padding: 16px;
}

.page-settings-shell .settings-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff8ea;
  border: 1px solid rgba(255,193,7,.24);
  font-size: .82rem;
  font-weight: 700;
  color: #7a5a00;
}

.page-settings-shell .settings-subsection {
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 14px;
  background: rgba(255,255,255,.65);
}
.page-settings-shell .settings-subsection + .settings-subsection {
  margin-top: 14px;
}

.page-settings-shell .settings-subsection-header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.page-settings-shell .settings-subsection-header i {
  margin-top: 3px;
  color: #6c757d;
}
.page-settings-shell .settings-subsection-title {
  font-weight: 800;
  margin-bottom: 2px;
}
.page-settings-shell .settings-subsection-desc {
  color: #6c757d;
  font-size: .88rem;
  line-height: 1.45;
}

.page-settings-shell .setting-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px dashed rgba(0,0,0,.08);
}
.page-settings-shell .setting-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.page-settings-shell .setting-row:first-of-type {
  padding-top: 8px;
}
.page-settings-shell .setting-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.page-settings-shell .setting-title {
  font-weight: 700;
  margin-bottom: 3px;
}
.page-settings-shell .setting-help {
  font-size: .88rem;
  color: #6c757d;
  line-height: 1.45;
}
.page-settings-shell .setting-control {
  flex: 0 0 auto;
  text-align: right;
  min-width: 150px;
}
@media (max-width: 767.98px) {
  .page-settings-shell .setting-row {
    flex-direction: column;
  }
  .page-settings-shell .setting-control {
    width: 100%;
    min-width: 0;
    text-align: left;
  }
}

.page-settings-shell .settings-help-card {
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff, #fcfcfc);
}

.page-settings-shell .theme-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.page-settings-shell .theme-head-current {
  color: #6c757d;
  font-size: .92rem;
}
.page-settings-shell .theme-head-current strong {
  color: #212529;
}
.page-settings-shell .theme-free-note {
  font-size: .82rem;
  color: #6c757d;
}

.page-settings-shell .quick-action-card {
  height: 100%;
  border-radius: 14px;
}

.page-settings-shell .status-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1;
}
.page-settings-shell .status-chip--premium {
  background: #fff6db;
  color: #7a5a00;
  border: 1px solid rgba(255,193,7,.26);
}
.page-settings-shell .status-chip--free {
  background: #f3f4f6;
  color: #495057;
  border: 1px solid rgba(0,0,0,.08);
}

.page-settings-shell .setting-title--with-premium-preview {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  line-height: 1.2;
}

.page-settings-shell .premium-checkmark-preview {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-left: 0;
  vertical-align: middle;
}

.page-settings-shell .premium-checkmark-preview .profile-tiles-premium {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  flex: 0 0 auto;
}


.page-settings-shell .compact-link-btn {
  white-space: nowrap;
}

.page-settings-shell .copy-link-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-settings-shell .copy-link-text {
  min-width: 0;
  flex: 1 1 auto;
}

.page-settings-shell .copy-link-btn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  color: #495057;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .15s ease;
}

.page-settings-shell .copy-link-btn:hover {
  border-color: rgba(0,0,0,.15);
  transform: translateY(-1px);
  text-decoration: none;
}

.page-settings-shell .copy-link-btn.is-copied {
  color: #198754;
  border-color: rgba(25,135,84,.28);
  background: #f1fbf5;
}

.page-settings-shell .settings-setup-progress {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(217,27,140,.14);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 20%, rgba(255,209,102,.18), transparent 28%),
    radial-gradient(circle at 94% 0%, rgba(217,27,140,.10), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,248,252,.94));
  box-shadow: 0 10px 28px rgba(42,33,64,.045);
  padding: 14px 16px;
}

.page-settings-shell .settings-setup-progress__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.page-settings-shell .settings-setup-progress__copy {
  flex: 1 1 auto;
  min-width: 0;
}

.page-settings-shell .settings-setup-progress__kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  color: #a2166f;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.page-settings-shell .settings-setup-progress__title {
  margin: 0;
  color: #2A2140;
  font-weight: 900;
  line-height: 1.15;
}

.page-settings-shell .settings-setup-progress__sub {
  margin-top: 4px;
  color: #6c5f78;
  font-size: .9rem;
  line-height: 1.35;
}

.page-settings-shell .settings-setup-progress__bar {
  height: 8px;
  margin-top: 10px;
  border-radius: 999px;
  background: rgba(42,33,64,.08);
  overflow: hidden;
}

.page-settings-shell .settings-setup-progress__fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #28a745, #20c997);
}

.page-settings-shell .settings-setup-progress__action {
  flex: 0 0 auto;
  text-align: right;
}

.page-settings-shell .settings-setup-progress__meta {
  display: block;
  margin-top: 7px;
  color: #8a8198;
  font-size: .78rem;
}

@media (max-width: 767.98px) {
  .page-settings-shell .settings-setup-progress__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .page-settings-shell .settings-setup-progress__action {
    text-align: left;
  }
}

.monthly-downsell-page{--bp-pink:#d91b8c;--bp-purple:#40266e;--bp-dark:#231c47;--bp-gold:#ffd166;--bp-muted:#6d6686;color:var(--bp-dark);}
.monthly-downsell-page .monthly-downsell-shell{max-width:940px;margin:0 auto;}
.monthly-downsell-page .monthly-downsell-hero{position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 12% 18%, rgba(255,209,102,.22), transparent 28%),radial-gradient(circle at 88% 12%, rgba(217,27,140,.14), transparent 32%),linear-gradient(135deg,#fff 0%,#fff7fc 54%,#f7edff 100%);border:1px solid rgba(217,27,140,.12);box-shadow:0 24px 70px rgba(42,33,64,.10);padding:30px;}
.monthly-downsell-page .monthly-downsell-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;}
@media (min-width:768px){.monthly-downsell-page .monthly-downsell-grid{grid-template-columns:minmax(0,1fr) 330px;}.monthly-downsell-page .monthly-downsell-hero{padding:38px;}}
.monthly-downsell-page .monthly-downsell-badge{display:inline-flex;align-items:center;gap:7px;background:#fff5d8;color:#875f00;border:1px solid rgba(255,191,0,.35);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:8px 13px;margin-bottom:14px;}
.monthly-downsell-page .monthly-downsell-title{font-weight:950;letter-spacing:-.04em;line-height:1.04;margin:0;color:var(--bp-dark);font-size:2.15rem;}
@media (min-width:768px){.monthly-downsell-page .monthly-downsell-title{font-size:3rem;}}
.monthly-downsell-page .monthly-downsell-title span{color:var(--bp-pink);}
.monthly-downsell-page .monthly-downsell-copy{font-size:1.05rem;line-height:1.55;color:#514a68;margin:16px 0 0;max-width:620px;}
.monthly-downsell-page .monthly-downsell-points{display:grid;gap:10px;margin-top:20px;}
.monthly-downsell-page .monthly-downsell-point{display:flex;align-items:center;gap:10px;font-weight:850;color:#37304f;}
.monthly-downsell-page .monthly-downsell-point i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff0f8;color:var(--bp-pink);font-size:.82rem;}
.monthly-downsell-page .monthly-downsell-card{background:#fff;border:2px solid rgba(154,93,220,.26);border-radius:24px;box-shadow:0 20px 48px rgba(42,33,64,.10);padding:24px;}
.monthly-downsell-page .monthly-downsell-card__eyebrow{font-weight:850;color:#7b7397;font-size:.9rem;margin-bottom:4px;}
.monthly-downsell-page .monthly-downsell-card__title{font-size:1.35rem;font-weight:950;color:var(--bp-dark);}
.monthly-downsell-page .monthly-downsell-price{font-size:3rem;line-height:1;font-weight:950;color:#4b426d;margin:16px 0 8px;}
.monthly-downsell-page .monthly-downsell-price span{font-size:1rem;font-weight:800;color:#7a7396;}
.monthly-downsell-page .monthly-downsell-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px;}
.monthly-downsell-page .monthly-downsell-list li{position:relative;padding-left:27px;font-weight:800;color:#322b55;line-height:1.35;}
.monthly-downsell-page .monthly-downsell-list li:before{content:"\f058";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:0;color:var(--bp-pink);}
.monthly-downsell-page .monthly-downsell-button{width:100%;border:none;border-radius:999px;padding:15px 18px;background:linear-gradient(90deg,var(--bp-pink),#9a24c8);color:#fff;font-weight:950;margin-top:20px;box-shadow:0 16px 34px rgba(217,27,140,.24);transition:transform .15s ease,box-shadow .15s ease;}
.monthly-downsell-page .monthly-downsell-button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 20px 40px rgba(217,27,140,.28);}
.monthly-downsell-page .monthly-downsell-note{color:#7a7396;text-align:center;font-size:.88rem;font-weight:700;margin-top:11px;}
.monthly-downsell-page .monthly-downsell-mini-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px;}
@media (min-width:768px){.monthly-downsell-page .monthly-downsell-mini-grid{grid-template-columns:repeat(3,1fr);}}
.monthly-downsell-page .monthly-downsell-mini{border-radius:18px;background:#fff;border:1px solid rgba(43,34,75,.08);box-shadow:0 12px 30px rgba(43,34,75,.05);padding:18px;}
.monthly-downsell-page .monthly-downsell-mini__title{font-weight:950;color:#2a2446;margin-bottom:6px;}
.monthly-downsell-page .monthly-downsell-mini__text{color:#6d6686;line-height:1.45;font-size:.95rem;margin:0;}
.monthly-downsell-page .monthly-downsell-secondary{margin-top:20px;text-align:center;color:#6d6686;}
.monthly-downsell-page .monthly-downsell-secondary a{font-weight:850;}

.bp-profile-incomplete-card{
  position:relative;
  overflow:hidden;
  margin:0 auto;
  border-radius:28px;
  padding:34px 28px;
  text-align:center;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,209,102,.34), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(217,27,140,.18), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,248,252,.94));
  border:1px solid rgba(217,27,140,.15);
  box-shadow:0 24px 70px rgba(42,33,64,.12);
}

.bp-profile-incomplete-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.30;
  background-image:
    radial-gradient(circle, rgba(217,27,140,.16) 0 2px, transparent 2px),
    radial-gradient(circle, rgba(255,209,102,.24) 0 2px, transparent 2px);
  background-size:86px 86px, 128px 128px;
  background-position:16px 24px, 42px 54px;
}

.bp-profile-incomplete-inner{
  position:relative;
  z-index:1;
}

.bp-profile-incomplete-icon{
  width:70px;
  height:70px;
  margin:0 auto 14px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #D91B8C, #BF2295);
  color:#fff;
  font-size:1.95rem;
  box-shadow:0 18px 34px rgba(217,27,140,.24);
  transform:rotate(-4deg);
}

.bp-profile-incomplete-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:12px;
  padding:.4rem .82rem;
  border-radius:999px;
  background:rgba(217,27,140,.10);
  color:#a2166f;
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.bp-profile-incomplete-title{
  margin:0;
  color:#2A2140;
  font-weight:950;
  letter-spacing:-.04em;
  line-height:1.08;
  font-size:clamp(1.95rem, 3.6vw, 2.85rem);
}

.bp-profile-incomplete-text{
  margin:13px auto 0;
  color:#5f5573;
  font-size:1.04rem;
  line-height:1.5;
}

.bp-profile-incomplete-benefits{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin:22px auto 0;
}

.bp-profile-incomplete-benefit{
  padding:15px 13px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(42,33,64,.08);
  box-shadow:0 10px 24px rgba(42,33,64,.045);
}

.bp-profile-incomplete-benefit i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  margin-bottom:9px;
  border-radius:14px;
  background:rgba(217,27,140,.10);
  color:#D91B8C;
}

.bp-profile-incomplete-benefit-title{
  color:#2A2140;
  font-weight:950;
  line-height:1.2;
  margin-bottom:4px;
}

.bp-profile-incomplete-benefit-text{
  color:#6b617b;
  font-size:.88rem;
  line-height:1.35;
}

.bp-profile-incomplete-actions{
  margin-top:22px;
}

.bp-profile-incomplete-btn{
  border-radius:999px;
  padding:.88rem 1.45rem;
  font-weight:950;
  box-shadow:0 16px 30px rgba(217,27,140,.16);
}

.bp-profile-incomplete-note{
  margin:13px 0 0;
  color:#8a8198;
  font-size:.86rem;
}

@media (max-width:767.98px){
  .bp-profile-incomplete-card{
    padding:28px 18px;
    border-radius:24px;
  }

  .bp-profile-incomplete-benefits{
    grid-template-columns:1fr;
  }
}

.regx-shell{
  padding-top:1.15rem;
  padding-bottom:3rem;
}
.regx-row{
  align-items:flex-start;
  justify-content:center;
}
.regx-form-card,
.regx-proof-card{
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(43,34,75,.08);
  box-shadow:0 14px 36px rgba(43,34,75,.06);
}
.regx-form-card{
  padding:24px 22px 20px;
}
.regx-proof-card{
  padding:24px 22px;
  background:linear-gradient(135deg,#fff7fc 0%,#ffffff 56%,#fff9ef 100%);
  position:relative;
  overflow:hidden;
}
.regx-proof-card::after{
  content:"";
  position:absolute;
  right:-46px;
  top:-46px;
  width:170px;
  height:170px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(217,27,140,.11) 0%, rgba(217,27,140,0) 70%);
  pointer-events:none;
}
.regx-kicker{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
  color:#8a6f86;
  margin-bottom:8px;
  position:relative;
  z-index:1;
}
.regx-form-title{
  margin:0;
  font-size:2rem;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.02em;
  color:#2A2140;
}
.regx-form-sub{
  margin-top:8px;
  color:#6c757d;
  line-height:1.5;
  font-size:1rem;
}
.regx-quick-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.regx-quick-point{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(43,34,75,.04);
  border:1px solid rgba(43,34,75,.06);
  color:#2A2140;
  font-weight:800;
  font-size:.88rem;
}
.regx-quick-point i{
  color:#d91b8c;
}
.regx-form-head{
  text-align:center;
  margin-bottom:18px;
}
.regx-form-head .regx-form-title{
  font-size:clamp(1.85rem,2.4vw,2.45rem);
}
.regx-form-head .regx-form-sub{
  max-width:440px;
  margin-left:auto;
  margin-right:auto;
}
.regx-ref-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(217,27,140,.08);
  color:#2A2140;
  font-weight:800;
  font-size:.9rem;
}
.regx-ref-pill i{
  color:#d91b8c;
}
.regx-alert{
  border-radius:18px;
  padding:14px 16px;
  background:#fff5f5;
  border:1px solid rgba(220,53,69,.16);
  color:#7e2430;
  margin-bottom:18px;
}
.regx-alert__title{
  font-weight:900;
  margin-bottom:8px;
  color:#641b25;
}
.regx-alert ul{
  margin:0;
  padding-left:18px;
}
.regx-alert li + li{
  margin-top:6px;
}
.regx-alert a{
  color:#c2187a;
  font-weight:700;
}
.regx-field{
  margin-bottom:14px;
}
.regx-label{
  display:block;
  margin-bottom:7px;
  font-weight:800;
  color:#2A2140;
}
.regx-input{
  height:56px !important;
  border-radius:16px !important;
  border:1px solid rgba(43,34,75,.11) !important;
  background:#fff !important;
  text-align:left !important;
  padding:0 16px !important;
  font-size:1rem !important;
  color:#2A2140 !important;
  box-shadow:none !important;
}
.regx-input:focus{
  border-color:#d91b8c !important;
  box-shadow:0 0 0 0.2rem rgba(217,27,140,.10) !important;
}
.regx-help{
  margin-top:6px;
  font-size:.84rem;
  line-height:1.4;
  color:#7a8391;
}
.regx-terms{
  margin:8px 0 0;
  font-size:.93rem;
  line-height:1.55;
  color:#6c757d;
}
.regx-terms a{
  color:#d91b8c;
  font-weight:700;
}
.regx-captcha-wrap{
  border-radius:18px;
  border:1px solid rgba(43,34,75,.08);
  background:rgba(43,34,75,.02);
  padding:14px;
  text-align:center;
  margin-bottom:14px;
}
.regx-captcha-wrap a{
  color:#d91b8c;
  font-weight:700;
}
.regx-submit{
  margin-top:16px;
}
.regx-submit .btn{
  width:100%;
  min-height:58px;
  border-radius:18px;
  font-size:1.14rem;
  font-weight:800;
  box-shadow:0 12px 28px rgba(217,27,140,.18);
}
.regx-reassurance{
  margin-top:10px;
  text-align:center;
  color:#7a8391;
  font-size:.9rem;
  line-height:1.45;
}
.regx-login{
  margin-top:16px;
  text-align:center;
  color:#6c757d;
  font-size:1rem;
}
.regx-login a{
  color:#d91b8c;
  font-weight:800;
}
.regx-mini-note{
  margin-top:16px;
  text-align:center;
  padding-top:15px;
  border-top:1px solid rgba(43,34,75,.08);
  font-size:.92rem;
  color:#6c757d;
}
.regx-proof-title{
  margin:0;
  font-size:clamp(1.55rem,2vw,2rem);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
  color:#2A2140;
  position:relative;
  z-index:1;
}
.regx-proof-sub{
  margin-top:10px;
  color:#5f6674;
  line-height:1.58;
  font-size:1rem;
  position:relative;
  z-index:1;
}
.regx-benefits{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:18px;
  position:relative;
  z-index:1;
}
.regx-benefit{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(43,34,75,.07);
}
.regx-benefit__icon{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(217,27,140,.10);
  color:#b01874;
}
.regx-benefit__title{
  font-weight:900;
  color:#2A2140;
  line-height:1.15;
  margin-bottom:3px;
}
.regx-benefit__text{
  font-size:.94rem;
  line-height:1.45;
  color:#6c757d;
}
.regx-proof-foot{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(43,34,75,.07);
  color:#6c757d;
  font-size:.92rem;
  line-height:1.5;
  position:relative;
  z-index:1;
}
@media (max-width: 991.98px){
  .regx-shell{
    padding-top:1rem;
  }
  .regx-form-col{
    order:1;
    margin-bottom:16px;
  }
  .regx-proof-col{
    order:2;
  }
}
@media (min-width: 992px){
  .regx-form-col{
    order:1;
  }
  .regx-proof-col{
    order:2;
  }
}
@media (max-width: 575.98px){
  .regx-form-card,
  .regx-proof-card{
    padding:20px 18px;
    border-radius:24px;
  }
  .regx-form-head{
    margin-bottom:16px;
  }
  .regx-form-head .regx-form-title{
    font-size:1.75rem;
  }
  .regx-proof-title{
    font-size:1.5rem;
  }
  .regx-submit .btn{
    min-height:56px;
    font-size:1.08rem;
  }
}

.sponsorship-settings-summary{
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,245,251,.96));
  border:1px solid rgba(217,27,140,.14);
  border-radius:22px;
  box-shadow:0 12px 34px rgba(42,33,64,.075);
  padding:14px 16px;
}
.sponsorship-settings-summary-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.sponsorship-settings-summary-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.sponsorship-settings-summary-icon{
  width:44px;
  height:44px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--bp-magenta, #d91b8c);
  background:rgba(217,27,140,.10);
  flex:0 0 auto;
}
.sponsorship-settings-summary-title{
  font-weight:900;
  color:var(--bp-ink, #2a2140);
  line-height:1.2;
  margin:0;
}
.sponsorship-settings-summary-sub{
  color:#665879;
  font-size:.9rem;
  line-height:1.3;
  margin:.15rem 0 0;
}
.sponsorship-settings-pills{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}
.sponsorship-summary-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:6px 10px;
  font-size:.76rem;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  border:1px solid rgba(42,33,64,.10);
  background:#fff;
  color:#3b3150;
}
.sponsorship-summary-pill--on{
  background:#e9f8ee;
  color:#0b7d32;
  border-color:rgba(40,167,69,.22);
}
.sponsorship-summary-pill--off{
  background:#fff1f1;
  color:#a32020;
  border-color:rgba(220,53,69,.18);
}
.sponsorship-summary-pill--auto{
  background:rgba(217,27,140,.10);
  color:var(--bp-magenta, #d91b8c);
  border-color:rgba(217,27,140,.20);
}
.sponsorship-settings-edit-btn{
  flex:0 0 auto;
  border-radius:999px;
  font-weight:900;
  padding:.55rem .95rem;
}
.sponsorship-auto-strip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:12px;
  border-radius:16px;
  border:1px dashed rgba(217,27,140,.34);
  background:rgba(217,27,140,.075);
  color:#5b1741;
  padding:10px 12px;
  font-size:.9rem;
  line-height:1.35;
}
.sponsorship-auto-strip--muted{
  border-color:rgba(108,117,125,.24);
  background:#f8f7fb;
  color:#665879;
}
.sponsorship-settings-collapse{
  margin-top:12px;
}
.sponsorship-settings-editor{
  background:#fff;
  border:1px solid rgba(42,33,64,.09);
  border-radius:20px;
  padding:16px;
}
.sponsorship-settings-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.sponsorship-settings-editor-title{
  font-weight:900;
  color:var(--bp-ink, #2a2140);
  margin:0;
}
.sponsorship-help-link{
  color:var(--bp-magenta, #d91b8c);
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.sponsorship-help-link:hover{
  text-decoration:underline;
}
.sponsorship-settings-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.sponsorship-control-card{
  background:#fff;
  border:1px solid rgba(42,33,64,.09);
  border-radius:18px;
  box-shadow:0 8px 20px rgba(42,33,64,.045);
  padding:14px;
  min-height:100%;
}
.sponsorship-control-card--enabled{
  border-color:rgba(40,167,69,.23);
  background:linear-gradient(135deg, #fff, #f6fff8);
}
.sponsorship-control-card--auto-on{
  border-color:rgba(217,27,140,.28);
  background:
    radial-gradient(circle at top right, rgba(217,27,140,.11), transparent 36%),
    linear-gradient(135deg, #fff, #fff5fb);
}
.sponsorship-control-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.sponsorship-control-title-wrap{
  display:flex;
  align-items:center;
  gap:9px;
}
.sponsorship-control-icon{
  width:36px;
  height:36px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--bp-magenta, #d91b8c);
  background:rgba(217,27,140,.09);
  flex:0 0 auto;
}
.sponsorship-control-card--enabled .sponsorship-control-icon{
  color:#168a3a;
  background:rgba(40,167,69,.11);
}
.sponsorship-control-label{
  font-weight:900;
  color:var(--bp-ink, #2a2140);
  line-height:1.15;
}
.sponsorship-control-copy{
  color:#665879;
  font-size:.88rem;
  margin:0;
  line-height:1.35;
}
.sponsorship-status-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:5px 9px;
  font-size:.72rem;
  font-weight:900;
  white-space:nowrap;
}
.sponsorship-status-pill--on{
  background:#e9f8ee;
  color:#0b7d32;
  border:1px solid rgba(40,167,69,.2);
}
.sponsorship-status-pill--off{
  background:#fff1f1;
  color:#a32020;
  border:1px solid rgba(220,53,69,.18);
}
.sponsorship-auto-note{
  margin-top:10px;
  border-radius:13px;
  padding:9px 10px;
  font-size:.84rem;
  line-height:1.35;
}
.sponsorship-auto-note--on{
  border:1px dashed rgba(217,27,140,.32);
  background:rgba(217,27,140,.075);
  color:#5b1741;
}
.sponsorship-auto-note--off{
  background:#f8f7fb;
  color:#665879;
}
.sponsorship-min-price-wrap .input-group{
  max-width:100%;
}
.sponsorship-min-price-wrap input{
  font-weight:900;
}
.sponsorship-settings-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(42,33,64,.08);
}
@media (max-width:991.98px){
  .sponsorship-settings-summary-row,
  .sponsorship-settings-editor-head,
  .sponsorship-settings-footer{
    flex-direction:column;
    align-items:stretch;
  }
  .sponsorship-settings-edit-btn,
  .sponsorship-settings-footer .btn{
    width:100%;
  }
  .sponsorship-settings-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   Compact Featured Discovery controls
   Keep discovery usable without competing with creator content.
   ========================================================= */
.bp-profile-shell .swipe-btn {
  padding: 3px;
  opacity: .82;
  transition: opacity .16s ease, transform .16s ease;
}

.bp-profile-shell .swipe-chip {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(42,33,64,.13) !important;
  box-shadow: 0 6px 16px rgba(42,33,64,.09) !important;
}

.bp-profile-shell .swipe-chip i {
  font-size: 15px !important;
}

.bp-profile-shell .swipe-btn:hover,
.bp-profile-shell .swipe-btn:focus,
.bp-profile-shell .swipe-btn:focus-visible {
  opacity: 1;
  transform: translateY(-1px);
  text-decoration: none;
}

.bp-profile-shell .swipe-btn:hover .swipe-chip,
.bp-profile-shell .swipe-btn:focus .swipe-chip {
  border-color: rgba(217,27,140,.28) !important;
  box-shadow: 0 8px 18px rgba(42,33,64,.12) !important;
}

@media (max-width: 575.98px) {
  .bp-profile-shell .swipe-btn {
    padding: 2px;
    opacity: .9;
  }

  .bp-profile-shell .swipe-chip {
    width: 36px !important;
    height: 36px !important;
  }
}


/* =========================================================
   Featured Discovery viewport-edge navigation
   Keeps platform discovery clear without occupying creator content.
   ========================================================= */
.bp-featured-edge-nav{
  position:static;
}

.bp-profile-shell .bp-featured-edge-control{
  position:fixed;
  top:48%;
  z-index:10010;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  padding:0 !important;
  opacity:.52;
  transform:translateY(-50%);
  transition:opacity .18s ease, transform .18s ease;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent;
}

.bp-profile-shell .bp-featured-edge-control--prev{
  left:max(12px, calc(50vw - 620px));
}

.bp-profile-shell .bp-featured-edge-control--next{
  right:max(12px, calc(50vw - 620px));
}

.bp-profile-shell .bp-featured-edge-control .swipe-chip{
  width:40px !important;
  height:54px !important;
  border-radius:15px !important;
  background:var(--profile-swipe-bg, rgba(255,255,255,.84)) !important;
  color:var(--profile-swipe-text, #2A2140) !important;
  border:1px solid var(--profile-swipe-border, rgba(42,33,64,.15)) !important;
  box-shadow:0 8px 22px rgba(42,33,64,.10), 0 0 0 1px rgba(255,255,255,.18) inset !important;
  backdrop-filter:saturate(135%) blur(10px);
  -webkit-backdrop-filter:saturate(135%) blur(10px);
  transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.bp-profile-shell .bp-featured-edge-control .swipe-chip i{
  font-size:15px !important;
}

.bp-profile-shell .bp-featured-edge-control:hover,
.bp-profile-shell .bp-featured-edge-control:focus,
.bp-profile-shell .bp-featured-edge-control:focus-visible{
  opacity:1;
  transform:translateY(-50%) scale(1.025);
  outline:none;
}

.bp-profile-shell .bp-featured-edge-control:hover .swipe-chip,
.bp-profile-shell .bp-featured-edge-control:focus .swipe-chip,
.bp-profile-shell .bp-featured-edge-control:focus-visible .swipe-chip{
  background:var(--profile-swipe-hover-bg, rgba(255,255,255,.98)) !important;
  border-color:var(--profile-swipe-hover-border, rgba(217,27,140,.34)) !important;
  box-shadow:0 12px 28px rgba(42,33,64,.16), 0 0 0 1px rgba(255,255,255,.22) inset !important;
}

.bp-profile-shell .bp-featured-edge-control:focus-visible .swipe-chip{
  outline:3px solid var(--profile-accent, #D91B8C) !important;
  outline-offset:3px;
}

.profile-has-cover .bp-featured-edge-control .swipe-chip,
body[class*="profile-theme-"] .profile-has-cover .bp-featured-edge-control .swipe-chip{
  background:rgba(20,15,34,.76) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.58) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.10) inset !important;
}

.profile-has-cover .bp-featured-edge-control:hover .swipe-chip,
.profile-has-cover .bp-featured-edge-control:focus .swipe-chip{
  background:rgba(20,15,34,.92) !important;
  border-color:#fff !important;
}

.bp-featured-discovery-hint{
  position:fixed;
  left:50%;
  bottom:calc(20px + env(safe-area-inset-bottom));
  z-index:10015;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:max-content;
  max-width:calc(100vw - 28px);
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(42,33,64,.92);
  color:#fff;
  box-shadow:0 14px 34px rgba(42,33,64,.24);
  font-size:.82rem;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%, 8px);
  transition:opacity .2s ease, transform .2s ease;
  backdrop-filter:blur(10px) saturate(130%);
  -webkit-backdrop-filter:blur(10px) saturate(130%);
}

.bp-featured-discovery-hint[hidden]{
  display:none !important;
}

.bp-featured-discovery-hint.is-visible{
  opacity:1;
  transform:translate(-50%, 0);
}

.bp-featured-discovery-hint__icon{
  color:#FFD166;
  flex:0 0 auto;
}

.bp-featured-discovery-hint__mobile{
  display:none;
}

body.modal-open .bp-featured-edge-control,
body.modal-open .bp-featured-discovery-hint{
  opacity:0 !important;
  pointer-events:none !important;
}

@media (max-width:767.98px){
  .bp-profile-shell .bp-featured-edge-control{
    top:46%;
    opacity:.72;
  }

  .bp-profile-shell .bp-featured-edge-control--prev{
    left:-8px;
  }

  .bp-profile-shell .bp-featured-edge-control--next{
    right:-8px;
  }

  .bp-profile-shell .bp-featured-edge-control .swipe-chip{
    width:39px !important;
    height:52px !important;
    box-shadow:0 7px 20px rgba(42,33,64,.12) !important;
  }

  .bp-profile-shell .bp-featured-edge-control--prev .swipe-chip{
    padding-left:6px;
    border-radius:0 16px 16px 0 !important;
  }

  .bp-profile-shell .bp-featured-edge-control--next .swipe-chip{
    padding-right:6px;
    border-radius:16px 0 0 16px !important;
  }

  .bp-featured-discovery-hint{
    bottom:calc(16px + env(safe-area-inset-bottom));
    padding:9px 13px;
    font-size:.78rem;
  }

  .bp-featured-discovery-hint__desktop{
    display:none;
  }

  .bp-featured-discovery-hint__mobile{
    display:inline;
  }
}

@media (max-width:380px){
  .bp-featured-discovery-hint{
    width:calc(100vw - 24px);
    border-radius:16px;
  }
}

@media (prefers-reduced-motion:reduce){
  .bp-profile-shell .bp-featured-edge-control,
  .bp-profile-shell .bp-featured-edge-control .swipe-chip,
  .bp-featured-discovery-hint{
    transition:none !important;
  }
}

/* Preserve the existing guest delay/reveal behaviour with fixed edge controls. */
.bp-profile-shell .bp-featured-edge-control.swipe-delayed{
  opacity:0;
  pointer-events:none;
}

.bp-profile-shell .bp-featured-edge-control.swipe-delayed.swipe-visible{
  opacity:.52;
  pointer-events:auto;
}

@media (max-width:767.98px){
  .bp-profile-shell .bp-featured-edge-control.swipe-delayed.swipe-visible{
    opacity:.72;
  }
}

/* =========================================================
   Featured Discovery edge-control correction
   Controls live outside .bp-profile-shell so position:fixed is
   relative to the viewport rather than the filtered profile card.
   ========================================================= */
.bp-featured-edge-nav .bp-featured-edge-control{
  position:fixed !important;
  top:50% !important;
  z-index:10010 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  padding:0 !important;
  opacity:.34;
  transform:translateY(-50%) !important;
  transition:opacity .18s ease, transform .18s ease !important;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

.bp-featured-edge-nav .bp-featured-edge-control .swipe-chip{
  width:40px !important;
  height:52px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.40) !important;
  border-radius:15px !important;
  background:rgba(42,33,64,.58) !important;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(42,33,64,.10), 0 0 0 1px rgba(255,255,255,.08) inset !important;
  backdrop-filter:blur(10px) saturate(125%);
  -webkit-backdrop-filter:blur(10px) saturate(125%);
  transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.bp-featured-edge-nav .bp-featured-edge-control .swipe-chip i{
  font-size:15px !important;
  line-height:1;
}

.bp-featured-edge-nav .bp-featured-edge-control:hover,
.bp-featured-edge-nav .bp-featured-edge-control:focus,
.bp-featured-edge-nav .bp-featured-edge-control:focus-visible,
.bp-featured-edge-nav .bp-featured-edge-control:active,
.bp-featured-edge-nav .bp-featured-edge-control.bp-swipe-pressed{
  opacity:.96;
  transform:translateY(-50%) scale(1.025) !important;
  outline:none;
}

.bp-featured-edge-nav .bp-featured-edge-control:hover .swipe-chip,
.bp-featured-edge-nav .bp-featured-edge-control:focus .swipe-chip,
.bp-featured-edge-nav .bp-featured-edge-control:focus-visible .swipe-chip,
.bp-featured-edge-nav .bp-featured-edge-control:active .swipe-chip,
.bp-featured-edge-nav .bp-featured-edge-control.bp-swipe-pressed .swipe-chip{
  background:rgba(42,33,64,.90) !important;
  border-color:rgba(255,255,255,.76) !important;
  box-shadow:0 11px 26px rgba(42,33,64,.18), 0 0 0 1px rgba(255,255,255,.12) inset !important;
}

.bp-featured-edge-nav .bp-featured-edge-control:focus-visible .swipe-chip{
  outline:3px solid #D91B8C !important;
  outline-offset:3px;
}

/* At full desktop widths, sit just outside the 800px profile card. */
@media (min-width:900px){
  .bp-featured-edge-nav .bp-featured-edge-control--prev{
    left:max(8px, calc(50vw - 450px)) !important;
    right:auto !important;
  }

  .bp-featured-edge-nav .bp-featured-edge-control--next{
    right:max(8px, calc(50vw - 450px)) !important;
    left:auto !important;
  }
}

/* On narrower screens, become fixed half-tabs at the viewport edges. */
@media (max-width:899.98px){
  .bp-featured-edge-nav .bp-featured-edge-control{
    opacity:.38;
  }

  .bp-featured-edge-nav .bp-featured-edge-control--prev{
    left:-11px !important;
    right:auto !important;
  }

  .bp-featured-edge-nav .bp-featured-edge-control--next{
    right:-11px !important;
    left:auto !important;
  }

  .bp-featured-edge-nav .bp-featured-edge-control--prev .swipe-chip{
    padding-left:7px;
    border-radius:0 16px 16px 0 !important;
  }

  .bp-featured-edge-nav .bp-featured-edge-control--next .swipe-chip{
    padding-right:7px;
    border-radius:16px 0 0 16px !important;
  }
}

@media (max-width:575.98px){
  .bp-featured-edge-nav .bp-featured-edge-control .swipe-chip{
    width:38px !important;
    height:50px !important;
  }
}

body.modal-open .bp-featured-edge-nav .bp-featured-edge-control{
  opacity:0 !important;
  pointer-events:none !important;
}

.bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed{
  opacity:0 !important;
  pointer-events:none !important;
}

.bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed.swipe-visible{
  opacity:.34 !important;
  pointer-events:auto !important;
}

@media (max-width:899.98px){
  .bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed.swipe-visible{
    opacity:.38 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .bp-featured-edge-nav .bp-featured-edge-control,
  .bp-featured-edge-nav .bp-featured-edge-control .swipe-chip{
    transition:none !important;
  }
}

/* Dynamic card-edge positioning classes applied by profile-template.php. */
.bp-featured-edge-nav .bp-featured-edge-control:not(.bp-featured-edge-control--screen-edge) .swipe-chip{
  padding-left:0 !important;
  padding-right:0 !important;
  border-radius:15px !important;
}

.bp-featured-edge-nav .bp-featured-edge-control--screen-edge.bp-featured-edge-control--prev .swipe-chip{
  padding-left:7px !important;
  padding-right:0 !important;
  border-radius:0 16px 16px 0 !important;
}

.bp-featured-edge-nav .bp-featured-edge-control--screen-edge.bp-featured-edge-control--next .swipe-chip{
  padding-left:0 !important;
  padding-right:7px !important;
  border-radius:16px 0 0 16px !important;
}

/* =========================================================
   Featured Discovery scroll range
   Keep controls out of the creator's opening identity area and
   fade them away before the profile card ends.
   ========================================================= */
.bp-featured-edge-nav .bp-featured-edge-control,
.bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed,
.bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed.swipe-visible{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:
    opacity .24s ease,
    transform .20s ease,
    visibility 0s linear .24s !important;
}

.bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:not(.swipe-delayed),
.bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control.swipe-delayed.swipe-visible{
  opacity:.27 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition-delay:0s !important;
}

.bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:hover,
.bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:focus,
.bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:focus-visible,
.bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:active,
.bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control.bp-swipe-pressed{
  opacity:.96 !important;
}

@media (max-width:899.98px){
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:not(.swipe-delayed),
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control.swipe-delayed.swipe-visible{
    opacity:.30 !important;
  }

  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:hover,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:focus,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:focus-visible,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:active,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control.bp-swipe-pressed{
    opacity:.96 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .bp-featured-edge-nav .bp-featured-edge-control,
  .bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed,
  .bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed.swipe-visible{
    transition:none !important;
  }
}

/* =========================================================
   Featured Discovery mobile refinement
   Keep edge controls discoverable without taking visual focus
   from the creator's links. Desktop styling remains unchanged.
   ========================================================= */
@media (max-width:767.98px){
  .bp-featured-edge-nav .bp-featured-edge-control .swipe-chip{
    width:36px !important;
    height:46px !important;
    border-color:rgba(255,255,255,.44) !important;
    background:rgba(42,33,64,.52) !important;
    box-shadow:0 5px 14px rgba(42,33,64,.10), 0 0 0 1px rgba(255,255,255,.12) inset !important;
  }

  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:not(.swipe-delayed),
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control.swipe-delayed.swipe-visible{
    opacity:.34 !important;
  }

  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:hover,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:focus,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:focus-visible,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control:active,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control.bp-swipe-pressed{
    opacity:.88 !important;
  }

  .bp-featured-edge-nav .bp-featured-edge-control:active .swipe-chip,
  .bp-featured-edge-nav .bp-featured-edge-control.bp-swipe-pressed .swipe-chip{
    background:rgba(42,33,64,.84) !important;
    border-color:rgba(255,255,255,.66) !important;
  }

  .bp-featured-discovery-hint{
    bottom:calc(76px + env(safe-area-inset-bottom));
    max-width:calc(100vw - 34px);
    padding:9px 13px;
    font-size:.76rem;
    background:rgba(42,33,64,.94);
  }
}

/* Mobile clarity refinement v93: expose approximately 25px of each
   viewport-edge control, with a clearer resting state and soft outline. */

/* =========================================================
   Featured Discovery interaction corrections v92
   - Hide fixed controls while profile cards animate
   - Prevent sideways page drag after the guest swipe limit
   - Match controls and the one-time hint to the active page theme
   ========================================================= */

/* Fixed controls live outside the animated profile shell, so hide them for
   both the outgoing and incoming card transition. */
.bp-featured-edge-nav.bp-featured-edge-nav--transitioning .bp-featured-edge-control,
.bp-featured-edge-nav.bp-featured-edge-nav--transitioning.bp-featured-edge-nav--in-range .bp-featured-edge-control,
.bp-featured-edge-nav.bp-featured-edge-nav--transitioning .bp-featured-edge-control.swipe-delayed,
.bp-featured-edge-nav.bp-featured-edge-nav--transitioning .bp-featured-edge-control.swipe-delayed.swipe-visible{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-50%) scale(.94) !important;
  transition:
    opacity .12s ease,
    transform .12s ease,
    visibility 0s linear .12s !important;
}

/* Once a guest has exhausted their swipes, the page should remain strictly
   vertical while the native touch guard opens the registration modal. */
html.bp-guest-swipe-limit-reached,
body.bp-guest-swipe-limit-reached{
  overflow-x:hidden !important;
  overscroll-behavior-x:none;
}

body.bp-guest-swipe-limit-reached .bp-profile-shell{
  touch-action:pan-y pinch-zoom;
}

/* Theme-aware controls. The existing low control opacity still keeps them
   understated, while hover/press reveals the page theme more clearly. */
body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control .swipe-chip{
  background:var(--profile-surface) !important;
  color:var(--profile-accent) !important;
  border-color:var(--profile-link-border) !important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.12),
    0 0 0 1px var(--profile-divider) inset !important;
}

body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control:hover .swipe-chip,
body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control:focus .swipe-chip,
body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control:focus-visible .swipe-chip,
body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control:active .swipe-chip,
body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control.bp-swipe-pressed .swipe-chip{
  background:var(--profile-surface-2) !important;
  color:var(--profile-accent) !important;
  border-color:var(--profile-accent) !important;
  box-shadow:
    0 11px 26px rgba(0,0,0,.18),
    0 0 0 1px var(--profile-divider) inset !important;
}

body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control:focus-visible .swipe-chip{
  outline-color:var(--profile-accent) !important;
}

/* Ensure the mobile pressed state does not fall back to the default purple
   treatment when a custom page theme is active. */
@media (max-width:767.98px){
  body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control .swipe-chip,
  body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control:active .swipe-chip,
  body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control.bp-swipe-pressed .swipe-chip{
    background:var(--profile-surface) !important;
    color:var(--profile-accent) !important;
    border-color:var(--profile-link-border) !important;
  }

  body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control:active .swipe-chip,
  body[class*="profile-theme-"] .bp-featured-edge-nav .bp-featured-edge-control.bp-swipe-pressed .swipe-chip{
    background:var(--profile-surface-2) !important;
    border-color:var(--profile-accent) !important;
  }
}

/* Keep the one-time education hint visually consistent with custom themes. */
body[class*="profile-theme-"] .bp-featured-discovery-hint{
  background:var(--profile-surface) !important;
  color:var(--profile-text) !important;
  border-color:var(--profile-link-border) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}

body[class*="profile-theme-"] .bp-featured-discovery-hint__icon{
  color:var(--profile-accent) !important;
}

@media (prefers-reduced-motion:reduce){
  .bp-featured-edge-nav.bp-featured-edge-nav--transitioning .bp-featured-edge-control{
    transition:none !important;
  }
}


/* =========================================================
   Featured Discovery mobile coachmark v94
   Desktop keeps its fixed card-edge arrows. Mobile removes the
   permanent edge controls and teaches the swipe gesture once.
   ========================================================= */
.bp-featured-discovery-hint__mobile-gesture,
.bp-featured-discovery-hint__button{
  display:none;
}

.bp-featured-discovery-hint__copy{
  min-width:0;
}

@media (max-width:767.98px){
  /* Swiping remains active, but permanent arrows no longer overlap mobile
     page content after the one-time gesture has been explained. */
  .bp-featured-edge-nav .bp-featured-edge-control,
  .bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed,
  .bp-featured-edge-nav .bp-featured-edge-control.swipe-delayed.swipe-visible,
  .bp-featured-edge-nav.bp-featured-edge-nav--in-range .bp-featured-edge-control,
  .bp-featured-edge-nav.bp-featured-edge-nav--transitioning .bp-featured-edge-control{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .bp-featured-discovery-hint{
    /* Logged-out visitors do not have the Daily Credits pill, so keep the
       coachmark close to the bottom unless JavaScript confirms the pill is
       actually visible. */
    bottom:calc(16px + env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    width:calc(100vw - 28px);
    max-width:370px;
    padding:12px;
    border-radius:19px;
    text-align:left;
    pointer-events:auto;
    background:rgba(42,33,64,.96);
    box-shadow:0 16px 38px rgba(42,33,64,.25);
  }


  .bp-featured-discovery-hint.bp-featured-discovery-hint--above-daily-pill{
    bottom:calc(78px + env(safe-area-inset-bottom));
  }

  .bp-featured-discovery-hint__desktop{
    display:none !important;
  }

  .bp-featured-discovery-hint__mobile-gesture{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:68px;
    height:42px;
    padding:0 8px;
    border-radius:13px;
    background:rgba(255,255,255,.12);
    color:#FFD166;
    font-size:.68rem;
    font-weight:950;
    letter-spacing:.06em;
    text-transform:uppercase;
    animation:bpFeaturedCoachmarkSwipe 1.7s ease-in-out infinite;
  }

  .bp-featured-discovery-hint__mobile-gesture i{
    font-size:.7rem;
  }

  .bp-featured-discovery-hint__mobile{
    display:flex !important;
    flex-direction:column;
    gap:2px;
    min-width:0;
  }

  .bp-featured-discovery-hint__mobile strong{
    display:block;
    color:inherit;
    font-size:.84rem;
    font-weight:950;
    line-height:1.2;
  }

  .bp-featured-discovery-hint__mobile span{
    display:block;
    color:rgba(255,255,255,.74);
    font-size:.72rem;
    font-weight:700;
    line-height:1.28;
  }

  .bp-featured-discovery-hint__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 12px;
    border:0;
    border-radius:999px;
    background:#D91B8C;
    color:#fff;
    font-size:.76rem;
    font-weight:950;
    white-space:nowrap;
    box-shadow:none;
  }

  .bp-featured-discovery-hint__button:hover,
  .bp-featured-discovery-hint__button:focus,
  .bp-featured-discovery-hint__button:focus-visible,
  .bp-featured-discovery-hint__button:active{
    background:#BF2295;
    color:#fff;
    outline:none;
  }

  .bp-featured-discovery-hint__button:focus-visible{
    outline:3px solid #FFD166;
    outline-offset:2px;
  }

  body[class*="profile-theme-"] .bp-featured-discovery-hint__mobile-gesture{
    background:var(--profile-surface-2) !important;
    color:var(--profile-accent) !important;
    border:1px solid var(--profile-divider);
  }

  body[class*="profile-theme-"] .bp-featured-discovery-hint__mobile span{
    color:var(--profile-muted) !important;
  }

  body[class*="profile-theme-"] .bp-featured-discovery-hint__button{
    background:var(--profile-accent) !important;
    color:var(--profile-surface) !important;
  }

  body[class*="profile-theme-"] .bp-featured-discovery-hint__button:focus-visible{
    outline-color:var(--profile-accent) !important;
  }
}

@media (max-width:390px){
  .bp-featured-discovery-hint{
    grid-template-columns:auto minmax(0,1fr);
  }

  .bp-featured-discovery-hint__button{
    grid-column:1 / -1;
    width:100%;
    min-height:36px;
  }
}

@keyframes bpFeaturedCoachmarkSwipe{
  0%,100%{ transform:translateX(0); }
  35%{ transform:translateX(-3px); }
  70%{ transform:translateX(3px); }
}

@media (prefers-reduced-motion:reduce){
  .bp-featured-discovery-hint__mobile-gesture{
    animation:none !important;
  }
}


/* =========================================================
   Featured Discovery coachmark footer clearance v98
   While the persistent mobile coachmark is awaiting acknowledgement,
   reserve real document space beneath the footer so no links are covered.
   ========================================================= */
@media (max-width:767.98px){
  body.bp-featured-coachmark-reserve::after{
    content:"";
    display:block;
    width:100%;
    height:var(--bp-featured-coachmark-reserve, 90px);
    min-height:var(--bp-featured-coachmark-reserve, 90px);
    flex:0 0 var(--bp-featured-coachmark-reserve, 90px);
    pointer-events:none;
  }
}