@charset "UTF-8";
/*

Core ScrollStack Modules

Design Owner: Pushkraj Dole, Mayank Pamecha, Gajendra Saroya, Shivesh Mishra, Archit Jain

Code Owner: Pushkraj Dole, Shivesh Mishra, Gajendra Saroya

ScrollStack Design Team. Not Open Source.

*/
.icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("../img/stackSprite.png");
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon {
    background-image: url("../img/stackSprite_3x.png");
    background-size: 1200px 1200px;
    -webkit-background-size: 1200px 1200px;
    -moz-background-size: 1200px 1200px;
  }
}

.facebook-small-icon {
  width: 8px;
  height: 16px;
  background-position: -579px -275px;
}

.twitter-small-icon {
  width: 16px;
  height: 13px;
  background-position: -538px -277px;
}

.mail-small-icon {
  width: 16px;
  height: 11px;
  background-position: -497px -278px;
}

.whatsapp-small-icon {
  width: 16px;
  height: 16px;
  background-position: -657px -276px;
  margin-right: 5px;
}

.wave-small-icon {
  width: 17px;
  height: 15px;
  background-position: -612px -277px;
  margin-right: 5px;
}

.whatsapp-medium-icon {
  width: 22px;
  height: 22px;
  background-position: -713px -439px;
  margin-right: 8px;
}

.support-medium-icon {
  width: 20px;
  min-width: 20px;
  height: 15px;
  background-position: -656px -539px;
  margin-right: 8px;
}

.support-small-icon {
  width: 18px;
  min-width: 18px;
  height: 14px;
  background-position: -613px -540px;
  margin-right: 5px;
}

.responding-icon {
  width: 14px;
  height: 10px;
  background-position: -476px -777px;
}

.white-tick-icon {
  width: 17px;
  height: 17px;
  background-position: -442px -40px;
  margin-right: 5px;
}

.back-icon {
  width: 11px;
  height: 11px;
  background-position: -601px -683px;
  margin-right: 3px;
}

.icon.whatsapp-icon {
  background-position: -692px -482px;
  width: 20px;
  height: 20px;
}
.icon.facebook-icon {
  background-position: -745px -483px;
  width: 9px;
  height: 17px;
}
.icon.twitter-icon {
  background-position: -784px -484px;
  width: 19px;
  height: 15px;
}
.icon.mail-icon {
  background-position: -833px -485px;
  width: 18px;
  height: 13px;
}
.icon.share-forward-icon {
  background-position: -881px -485px;
  width: 18px;
  height: 12px;
}
.icon.info-icon {
  background-position: -380px -290px;
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.icon.right-arrow-icon {
  width: 13px;
  height: 10px;
  background-position: -691px -650px;
}
.icon.gradient-right-arrow-icon {
  width: 13px;
  height: 13px;
  background-position: -724px -626px;
}
.icon.crypto-currency-symbol {
  width: 20px;
  height: 20px;
}
.icon.ethereum-symbol {
  background-position: -310px -40px;
}
.icon.btc-symbol {
  background-position: -345px -40px;
}
.icon.crypto-currency-dropdown {
  width: 10px;
  height: 20px;
  background-position: -380px -40px;
}
.icon.selected-list-item {
  width: 17px;
  height: 17px;
  background-position: -405px -40px;
}
.icon.white-check {
  width: 15px;
  height: 15px;
  background-position: -205px -228px;
}
.icon.nft-diamond-gradient-icon {
  width: 13px;
  height: 13px;
  background-position: -153px -1012px;
  margin-right: 5px;
}
.icon.nft-diamond-icon {
  width: 13px;
  height: 13px;
  background-position: -110px -1012px;
}
.icon.nft-normal-post-icon {
  width: 28px;
  height: 28px;
  background-position: -196px -1012px;
  margin-right: 5px;
}
.icon.nft-normal-post-small-icon {
  width: 24px;
  height: 24px;
  background-position: -196px -1062px;
  margin-right: 5px;
}
.icon.arrow-icon {
  width: 13px;
  height: 10px;
  background-position: -691px -626px;
}
.icon.arrow-icon.left-arrow-icon {
  transform: rotate(180deg);
}
.icon.white-arrow-icon {
  width: 13px;
  height: 10px;
  margin-left: 10px;
  background-position: -691px -650px;
}
.icon.blue-arrow-icon {
  width: 14px;
  height: 11px;
  background-position: -691px -699px;
}
.icon.blue-arrow-icon.disable-arrow-icon {
  background-position: -662px -699px;
}
.icon.blue-arrow-icon.left-arrow-icon {
  transform: rotate(180deg);
}
.icon.upload-signature-icon {
  width: 24px;
  height: 20px;
  background-position: -208px -640px;
}
.icon.picto-header-logo {
  width: 50px;
  height: 50px;
  background-position: -500px -69px;
}
.icon.back-arrow-icon {
  width: 18px;
  height: 14px;
  background-position: -692px -736px;
}
.icon.shuffle-icon {
  width: 22px;
  height: 22px;
  background-position: -386px -1022px;
}
.icon.locked-icon {
  width: 18px;
  height: 18px;
  background-position: -310px -228px;
}
.icon.blue-right-arrow-icon {
  width: 9px;
  height: 8px;
  background-position: -750px -629px;
}
.icon.green-right-arrow-icon {
  width: 9px;
  height: 8px;
  background-position: -774px -629px;
}
.icon.ai-bot-icon {
  width: 23px;
  height: 22px;
  background-position: -1px -336px;
}
.icon.purple-down-caret-icon {
  width: 15px;
  height: 15px;
  background-position: -39px -339px;
}
.icon.negative-prompt-icon {
  width: 22px;
  height: 22px;
  background-position: -97px -369px;
}
.icon.paint-board-icon {
  width: 22px;
  height: 22px;
  background-position: -106px -339px;
}
.icon.dropdown-caret-icon {
  width: 15px;
  height: 15px;
  background-position: -697px -1125px;
}
.icon.insert-tick-icon {
  width: 29px;
  height: 29px;
  background-position: -1px -784px;
}
.icon.more-options-menu-icon {
  width: 25px;
  height: 25px;
  background-position: -143px -339px;
}
.icon.generate-variations-icon {
  width: 18px;
  height: 18px;
  background-position: -3px -373px;
}
.icon.outpaint-icon {
  width: 18px;
  height: 18px;
  background-position: -36px -373px;
}
.icon.download-picto-image-icon {
  width: 18px;
  height: 18px;
  background-position: -69px -373px;
}
.icon.white-more-menu-small-icon {
  width: 20px;
  height: 20px;
  background-position: -198px -369px;
}
.icon.black-plus-icon {
  width: 20px;
  height: 20px;
  background-position: -838px -1123px;
}
.icon.green-plus-icon {
  width: 18px;
  height: 18px;
  background-position: -602px -1138px;
}
.icon.orange-plus-icon {
  width: 16px;
  height: 16px;
  background-position: -603px -1166px;
}
.icon.white-plus-icon {
  width: 18px;
  height: 18px;
  background-position: -602px -1082px;
}
.icon.pen-icon {
  width: 24px;
  height: 24px;
  background-position: -1px -507px;
}
.icon.email-link-icon {
  width: 15px;
  height: 15px;
  background-position: -449px -339px;
}
.icon.redirect-icon {
  width: 22px;
  height: 22px;
  background-position: -876px -1082px;
}

.nu-like-icon,
.nu-like-inverse-icon,
.nu-liked-icon,
.nu-share-icon,
.nu-share-inverse-icon,
.nu-support-icon,
.nu-comment-icon,
.nu-comment-inverse-icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.nu-like-icon {
  background-position: -673px -439px;
}

.nu-like-inverse-icon {
  background-position: -623px -479px;
}

.nu-liked-icon {
  background-position: -633px -439px;
}

.nu-share-icon {
  background-position: -593px -439px;
}

.nu-share-inverse-icon {
  background-position: -658px -479px;
}

.nu-support-icon {
  background-position: -553px -439px;
}

.nu-comment-icon {
  background-position: -553px -479px;
}

.nu-comment-inverse-icon {
  background-position: -588px -479px;
}

.dg-icon,
.dg-inverse-icon {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.dg-photo {
  background-position: -355px -681px;
}

.dg-inverse-photo {
  background-position: -355px -681px;
}

.dg-audio {
  background-position: -395px -681px;
}

.dg-inverse-audio {
  background-position: -395px -681px;
}

.dg-video {
  background-position: -435px -681px;
}

.dg-inverse-video {
  background-position: -515px -681px;
}

.dg-book {
  background-position: -475px -681px;
}

.dg-inverse-book {
  background-position: -475px -681px;
}

.dg-other {
  background-position: -147px -335px;
}

.dg-inverse-other {
  background-position: -141px -369px;
}

.dg-download-icon {
  background-position: -219px -441px;
  margin: 0;
}

.dg-video-play-icon {
  width: 75px;
  height: 32px;
  background-position: -119px -435px;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
}

.fb-blog-icon,
.fb-guide-icon,
.fb-contact-icon {
  width: 26px;
  height: 26px;
}

.fb-blog-icon {
  background-position: -10px -1112px;
}

.fb-guide-icon {
  background-position: -56px -1112px;
}

.fb-contact-icon {
  background-position: -102px -1112px;
}

.nsfw-icon {
  width: 55px;
  height: 45px;
  background-position: -414px -1082px;
}

.nsfw-icon-small {
  width: 25px;
  height: 25px;
  background-position: -489px -1082px;
}

.support-heart-icon {
  width: 18px;
  height: 18px;
  background-position: -696px -538px;
}

.following-tick-icon {
  width: 18px;
  height: 18px;
  background-position: -602px -1110px;
}

.purple-add-icon {
  width: 20px;
  height: 20px;
  background-position: -540px -40px;
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 15px;
    opacity: 1;
  }
  40% {
    height: 30px;
    width: 15px;
    opacity: 1;
  }
  100% {
    height: 30px;
    width: 15px;
    opacity: 1;
  }
}
@-webkit-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-moz-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-ms-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-o-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes zebra-stripe-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 0;
  }
}
@-webkit-keyframes zebra-stripe-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 0;
  }
}
@keyframes ripple-effect {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
.ripple-effect {
  position: relative;
}
.ripple-effect::before {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -8px;
  left: -8px;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgba(161, 143, 122, 0.15);
  border-radius: 100%;
  animation-name: ripple-effect;
  animation-duration: 3s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.ripple-effect::after {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -8px;
  left: -8px;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgba(161, 143, 122, 0.15);
  border-radius: 100%;
  animation-name: ripple-effect;
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}

@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wave-hand-animation {
  animation: wave-hand-animation 3.75s infinite;
  animation-delay: 2s;
  transform-origin: 65% 80%;
  display: inline-block;
  will-change: transform;
}

@keyframes wave-hand-animation {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  30% {
    transform: rotate(14deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-moz-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-ms-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-o-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-webkit-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@-moz-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@-ms-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@-o-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
.animated-wave {
  position: absolute;
  width: 100%;
  height: 150px;
  left: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}
.animated-wave .wave {
  width: 5000px;
  height: 125px;
  position: absolute;
  bottom: 0;
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-moz-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-ms-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-o-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-webkit-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@-ms-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
.animated-dots {
  display: flex;
}
.animated-dots .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  transform: scale(0.5);
  -webkit-animation: fade-dot 1.2s ease-out infinite;
  -moz-animation: fade-dot 1.2s ease-out infinite;
  -ms-animation: fade-dot 1.2s ease-out infinite;
  -o-animation: fade-dot 1.2s ease-out infinite;
  animation: fade-dot 1.2s ease-out infinite;
  margin-top: 10px;
  margin-left: 2px;
}
.animated-dots .dot:nth-of-type(2) {
  animation-delay: 0.2s;
  margin-left: 0px;
}
.animated-dots .dot:nth-of-type(3) {
  animation-delay: 0.4s;
  margin-left: 0px;
}

.float-animation {
  animation: float-animation 3s ease-in-out infinite;
}

@keyframes float-animation {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 3px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
@keyframes background-gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-gleam-effect {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100%;
  }
}
@-webkit-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@-moz-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@-ms-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@-o-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoom-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2) translateY(-50%);
    transform: scale(1.2) translateY(-50%);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes expand-block {
  0% {
    opacity: 0;
    filter: blur(12px);
    max-height: 55px;
    overflow: hidden;
    @media screen and (max-width: 767px) {
      max-height: 85px;
    }
  }
  100% {
    opacity: 1;
    max-height: 1000px;
    overflow: hidden;
    filter: blur(0);
  }
}
.blinking-star {
  -webkit-animation: blink-animation 2.35s infinite, scale-animation 2.35s infinite;
  animation: blink-animation 2.35s infinite, scale-animation 2.35s infinite;
}

.star-2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.star-3 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

@-webkit-keyframes blink-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scale-animation {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes scale-animation {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes tilt {
  0%, 100% {
    transform: translate3d(0, 0, 0.01px) rotateY(-10deg) rotateX(5deg);
  }
  50% {
    transform: translate3d(0, 0, 0.01px) rotateY(10deg) rotateX(5deg);
  }
}
@keyframes infiniteScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slideUpAndOut {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0);
  }
  71%, 100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.fade-enter-active {
  transition: all 0.5s ease-in;
}

.fade-leave-active {
  transition: all 0.24s ease-out;
}

.slide-enter-from,
.slide-leave-to {
  transform: translateY(-10px);
  opacity: 0;
}

.slide-enter-active,
.slide-leave-active {
  transition: all 0.3s ease-in;
}

.slide-from-bottom-enter-from,
.slide-from-bottom-leave-to {
  transform: translateY(62px);
}

.slide-from-bottom-enter-active,
.slide-from-bottom-leave-active {
  transition: all 0.3s ease-in;
}

@keyframes god-ray-button-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: "IBM Plex Serif", serif;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
}

*:focus {
  outline: none;
}

h1 {
  font-family: "IBM Plex Serif", serif;
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  margin: 65px 0 42px;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 28px;
    line-height: 37px;
    margin-top: 45px;
    margin-bottom: 35px;
  }
}

p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin: 25px 0;
}
@media screen and (max-width: 767px) {
  p {
    margin: 25px 0;
    line-height: 28px;
  }
}

h1.is-empty,
p.is-empty {
  color: rgba(0, 0, 0, 0.3);
}

ul,
ol {
  margin: 0;
  padding-left: 20px;
}
ul li,
ul li > p,
ol li,
ol li > p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  ul li,
ul li > p,
ol li,
ol li > p {
    line-height: 32px;
  }
}
ul li p,
ul li > p p,
ol li p,
ol li > p p {
  margin: 0;
}

ul li {
  list-style: circle;
}

ol li {
  list-style: decimal;
}

figure {
  margin: 30px 0;
}
figure img {
  width: 100%;
  height: auto;
}

hr {
  color: #acacac;
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  height: auto;
  border: none;
  margin: 30px 0;
}
hr:before {
  content: "·····";
  letter-spacing: 25px;
}
hr.seperator-line {
  display: block;
  background: #ececec;
  width: 100%;
  height: 1px;
}
hr.seperator-line:before {
  content: none;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

code {
  font-family: "IBM Plex Mono", monospace;
  background-color: rgba(161, 143, 122, 0.25);
  font-size: 18px;
  padding: 2px 5px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  code {
    font-size: 16px;
  }
}

a {
  color: #4d6eff;
  text-decoration: underline;
  cursor: pointer;
}

h3 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: -0.15px;
  margin: 30px 0 20px;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.25px;
  }
}

h5 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.83px;
  color: rgba(0, 0, 0, 0.5);
  margin: 20px 0 30px;
}
@media screen and (max-width: 767px) {
  h5 {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 1.44px;
  }
}

.has-placeholder {
  opacity: 0.3;
  letter-spacing: 0.45px;
}

.bold-text {
  font-weight: 500;
}

.italic-text {
  font-style: italic;
}

.underline-text {
  text-decoration: underline;
}

.text-underline-arc {
  position: relative;
  display: inline-block;
}
.text-underline-arc::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  border: 2px solid #4d6eff;
  border-color: #4d6eff transparent transparent transparent;
  border-radius: 100%;
  display: inline-block;
  left: 0;
  bottom: -18px;
}
.text-underline-arc.purple-arc {
  color: #463392;
}
.text-underline-arc.purple-arc::after {
  border: 2px solid #463392;
  border-color: #463392 transparent transparent transparent;
}
.text-underline-arc.green-arc {
  color: #9dd236;
}
.text-underline-arc.green-arc::after {
  border: 2px solid #9dd236;
  border-color: #9dd236 transparent transparent transparent;
}
.text-underline-arc.brown-arc {
  color: #6a5737;
}
.text-underline-arc.brown-arc::after {
  border: 2px solid #6a5737;
  border-color: #6a5737 transparent transparent transparent;
}
.text-underline-arc.ocean-arc {
  color: #81a1b3;
}
.text-underline-arc.ocean-arc::after {
  border: 2px solid #81a1b3;
  border-color: #81a1b3 transparent transparent transparent;
}
.text-underline-arc.blue-arc {
  color: #4d6eff;
}
.text-underline-arc.blue-arc::after {
  border: 2px solid #4d6eff;
  border-color: #4d6eff transparent transparent transparent;
}

nav {
  position: sticky;
  position: -webkit-sticky;
  background-color: #ffffff;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid #ececec;
}
nav.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-bottom: 45px;
  z-index: 9;
}

.header {
  display: flex;
  align-items: center;
  padding: 0 60px;
  list-style: none;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1280px;
  justify-content: space-between;
  min-height: 57px;
  max-height: 58px;
}
.header li {
  display: flex;
  justify-content: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
}
.header li a {
  line-height: 0;
}
.header li:first-of-type {
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.header li:last-of-type {
  justify-content: flex-end;
}
.header li button {
  font-weight: 600;
  border: none;
  box-shadow: none;
}
.header li.scrollstack-branding figure {
  margin: 0;
  line-height: 0;
}
.header li.scrollstack-branding img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 6px;
  margin-right: 5px;
}
.header a {
  color: #000000;
  text-decoration: none;
}
.header .saving-post {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 13px;
  opacity: 0.5;
}
.header .back,
.header .post {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 15px;
  width: fit-content;
  padding: 10px 20px;
  max-height: 58px;
  cursor: pointer;
}
.header .post {
  width: inherit;
  justify-content: flex-end;
  background-color: #000000;
  color: #ffffff;
}
.header .post span {
  color: #ffffff;
}
.header .post .post-arrow-icon {
  background-position: -296px -568px;
  width: 22px;
  height: 22px;
  margin-left: 8px;
}
.header .post:disabled {
  background: rgba(155, 155, 155, 0.3);
}
.header .post:disabled span {
  color: #9b9b9b;
}
.header .back {
  margin-left: -22px;
  padding-right: 10px;
  gap: 10px;
  color: #000000;
}
.header .publication-name {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .header {
    padding: 0 30px;
  }
}
.non-list-items {
  padding: 0;
}
.non-list-items li {
  list-style: none;
  margin: 0;
}

.hide-on-mobile {
  display: block !important;
}

.hide-on-desktop {
  display: none !important;
}

.hide-on-mobile-flex {
  display: flex !important;
}

.hide-on-desktop-flex {
  display: none !important;
}

.render-on-pdf-only {
  display: none;
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }

  .hide-on-desktop {
    display: block !important;
  }

  .hide-on-mobile-flex {
    display: none !important;
  }

  .hide-on-desktop-flex {
    display: flex !important;
  }
}
.author-block,
.author-meta-block {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.author-block > a,
.author-meta-block > a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.author-block figure,
.author-meta-block figure {
  display: inline-flex;
  margin: 0;
  margin-right: 10px;
}
.author-block figure:empty,
.author-meta-block figure:empty {
  display: none;
}
.author-block figure picture,
.author-meta-block figure picture {
  display: inline-flex;
}
.author-block figure img,
.author-meta-block figure img {
  width: 42px;
  min-width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 999px;
}

article .author-block,
article .author-meta-block {
  margin-top: 20px;
  justify-content: space-between;
}
article .author-block button,
article .author-meta-block button {
  box-shadow: none;
}
article .author-block .more-menu-button-container button,
article .author-meta-block .more-menu-button-container button {
  padding: 19px 0;
}
@media screen and (min-width: 768px) {
  article .author-block .more-menu-button-container .menu-popover,
article .author-meta-block .more-menu-button-container .menu-popover {
    top: 40px;
  }
}

.post-details {
  line-height: 0;
}
.post-details h5,
.post-details .post-meta-container,
.post-details time {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #5b5b5b;
  margin: 0;
  opacity: 1;
}
.post-details time {
  font-size: 13px;
  color: #424242;
}
.post-details h5 {
  font-weight: 700;
  text-transform: initial;
  color: #000000;
  letter-spacing: initial;
}
.post-details .post-meta-container {
  display: flex;
  align-items: center;
}
.post-details .post-meta-container .word-count,
.post-details .post-meta-container .audio-duration {
  display: flex;
  align-items: baseline;
  font-size: 13px;
  line-height: 20px;
}
.post-details .post-meta-container .icon {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.post-details .post-meta-container .word-meta-icon {
  background-position: -723px -777px;
}
.post-details .post-meta-container .audio-meta-icon {
  background-position: -752px -777px;
}
.post-details .post-meta-container .middot-seperator {
  font-size: 14px;
  padding: 0 5px;
}
.post-details .post-meta-container .middot-seperator::after {
  content: "·";
}

@media (max-width: 767px) {
  .author-block figure img,
.author-meta-block figure img {
    width: 35px;
    min-width: 35px;
    height: 35px;
  }

  article .author-block h5,
article .author-meta-block h5 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 4px;
    opacity: 1;
  }
  article .author-block time,
article .author-meta-block time {
    font-size: 13px;
    line-height: 13px;
  }
  article .post-details .post-meta-container .word-count,
article .post-details .post-meta-container .audio-duration {
    font-size: 13px;
    line-height: 13px;
  }

  .post-details h1 {
    font-size: 13px;
    line-height: 15px;
  }
  .post-details h5 {
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.25px;
    margin-bottom: 5px;
    opacity: 0.7;
  }
  .post-details .post-meta-container,
.post-details time {
    font-size: 11px;
    line-height: 13px;
  }
  .post-details .post-meta-container .word-count,
.post-details .post-meta-container .audio-duration {
    font-size: 11px;
    line-height: 13px;
  }

  .homepage .row-stories-container .row-story:first-of-type .post-details h5 {
    font-size: 14px;
    line-height: 17px;
    opacity: 1;
  }
  .homepage .row-stories-container .row-story:first-of-type .post-details .post-meta-container {
    font-size: 13px;
    line-height: 13px;
  }
  .homepage .row-stories-container .row-story:first-of-type .post-details .post-meta-container time {
    font-size: 13px;
    line-height: 13px;
    opacity: 1;
  }
  .homepage .row-stories-container .row-story:first-of-type .post-details .post-meta-container .word-count,
.homepage .row-stories-container .row-story:first-of-type .post-details .post-meta-container .audio-duration {
    font-size: 13px;
    line-height: 13px;
  }
}
.blank-state {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 85px 0;
}
@media screen and (max-width: 767px) {
  .blank-state {
    padding: 55px 0;
  }
}
.blank-state figure {
  line-height: 0;
  margin: 0;
  margin-bottom: 25px;
}
.blank-state figure img {
  width: 158px;
  height: auto;
}
.blank-state > span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .blank-state > span {
    font-size: 16px;
    line-height: 24px;
  }
}
.blank-state a {
  text-decoration: none;
}
.blank-state button {
  width: max-content;
  margin: 40px auto 0;
  max-height: 52px;
}

.spotlight-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 680px;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  .spotlight-container {
    padding: 30px 30px 0;
  }
}

.spotlight-image figure {
  margin: 0;
  line-height: 0;
}
.spotlight-image figure img {
  width: 150px;
  height: auto;
}

.spotlight-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.spotlight-content h3 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 23px;
  font-weight: 700;
  margin: 0;
}
.spotlight-content p {
  font-family: "Poppins", sans-serif;
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 23px;
  max-width: 455px;
  margin: 0;
}
.spotlight-content .spotlight-cta-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 315px;
  margin: 0 auto;
}
.spotlight-content .spotlight-cta-container a {
  width: 100%;
}
.spotlight-content .spotlight-cta-container button {
  box-sizing: border-box;
  padding: 15px 0;
  width: 100%;
}

.button.spotlight-button {
  box-shadow: 0px 10px 20px 5px rgba(155, 155, 155, 0.1);
  border: 1px solid #f5f5f7;
  margin: 0 auto;
  border-radius: 17px;
  padding: 15px 45px;
  display: inline-block;
}
.button.spotlight-button span {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}
.button.spotlight-button span.gradient-text {
  background-image: linear-gradient(90deg, #32c5ff 0%, #b620e0 51%, #f7b500 100%);
}

.spotlight-group-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1023px) {
  .spotlight-group-container {
    padding: 0 30px;
  }
}
.spotlight-group-container li {
  list-style: none;
}
.spotlight-group-container .spotlight-container {
  flex-direction: row;
  padding: 0;
  margin: 0 auto;
  gap: 20px;
}
.spotlight-group-container .spotlight-container.fan-support-spotlight-container .gradient-text {
  background-image: linear-gradient(90deg, #ff5f2c 0%, #ff2d4e 50%, #ea009e 100%);
}
.spotlight-group-container .spotlight-container.showcase-work-spotlight-container .gradient-text {
  background-image: linear-gradient(135deg, #faa661 0%, #ff5722 100%);
}
.spotlight-group-container .spotlight-container.add-socials-spotlight-container .gradient-text {
  background-image: linear-gradient(90deg, #3023ae 0%, #3366cc 100%);
}
.spotlight-group-container .spotlight-image figure:empty {
  background-color: #fafaf9;
  width: 92px;
  height: 92px;
  border-radius: 16px;
}
.spotlight-group-container .spotlight-image img {
  width: 92px;
  height: 92px;
  border-radius: 16px;
}
.spotlight-group-container .spotlight-content {
  text-align: left;
  gap: 5px;
}
.spotlight-group-container .spotlight-content h3 {
  font-size: 15px;
  line-height: 23px;
  font-weight: 600;
}
.spotlight-group-container .spotlight-content p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  line-height: 20px;
  max-width: 350px;
}
.spotlight-group-container .button.spotlight-button {
  border-radius: 8px;
  padding: 10px 0;
  min-width: 195px;
  margin-top: 10px;
}
.spotlight-group-container .button.spotlight-button span {
  display: block;
  font-size: 13px;
  line-height: 15px;
}

.modal-container .modal-content .modal-body .spotlight-group-container {
  gap: 30px;
}
.modal-container .modal-content .modal-body .spotlight-group-container li {
  margin: 0;
}

.menu-popover {
  position: absolute;
  display: inline-block;
  background-color: #ffffff;
  width: max-content;
  min-width: 190px;
  top: 25px;
  right: -81px;
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  border: 1px solid #ececec;
  border-radius: 8px;
  -webkit-box-shadow: 5px 0 10px 2px rgba(155, 155, 155, 0.1), 0 5px 10px 2px rgba(155, 155, 155, 0.1);
  box-shadow: 5px 0 10px 2px rgba(155, 155, 155, 0.1), 0 5px 10px 2px rgba(155, 155, 155, 0.1);
  z-index: 2;
}
.menu-popover:before, .menu-popover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
}
.menu-popover:before {
  right: 79px;
  border: 10px solid transparent;
  border-bottom-color: #ececec;
}
.menu-popover:after {
  right: 80px;
  border: 9px solid transparent;
  border-bottom-color: #ffffff;
}
.menu-popover.photo-menu-popover {
  top: 125px;
  left: -35px;
  right: 0px;
}
@media screen and (min-width: 768px) {
  .menu-popover.photo-menu-popover {
    padding: 25px;
    background: #fafafa;
  }
}
.menu-popover.photo-menu-popover:before {
  right: 285px;
}
.menu-popover.photo-menu-popover:after {
  right: 286px;
}
@media screen and (max-width: 767px) {
  .menu-popover.photo-menu-popover .menu-popover-items-container {
    background: transparent;
  }
}
.menu-popover.photo-menu-popover .menu-popover-item {
  margin-top: 15px !important;
}
.menu-popover.photo-menu-popover .menu-popover-item a {
  background: #ffffff;
  border: 1px solid #fcfcfc;
  border-radius: 12px;
  justify-content: center;
}
.menu-popover.feature-image-menu-popover {
  top: 40px;
  left: 0;
}
@media screen and (min-width: 768px) {
  .menu-popover.feature-image-menu-popover {
    padding: 25px;
    background: #fafafa;
  }
}
.menu-popover.feature-image-menu-popover:before {
  left: 70px;
}
.menu-popover.feature-image-menu-popover:after {
  left: 71px;
}
@media screen and (max-width: 767px) {
  .menu-popover.feature-image-menu-popover .menu-popover-items-container {
    background: transparent;
  }
}
.menu-popover.feature-image-menu-popover .menu-popover-item {
  margin-top: 15px !important;
}
.menu-popover.feature-image-menu-popover .menu-popover-item a {
  background: #ffffff;
  border: 1px solid #fcfcfc;
  border-radius: 12px;
}
.menu-popover.kitchensink-menu-popover, .menu-popover.digital-goods-menu-popover {
  left: -90px;
  top: 54px;
}
.menu-popover.kitchensink-menu-popover::before, .menu-popover.digital-goods-menu-popover::before {
  right: 150px;
}
.menu-popover.kitchensink-menu-popover::after, .menu-popover.digital-goods-menu-popover::after {
  right: 151px;
}
.menu-popover.kitchensink-menu-popover .icon, .menu-popover.digital-goods-menu-popover .icon {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  width: 22px;
  min-width: 22px;
  height: 22px;
}
.menu-popover.kitchensink-menu-popover .icon.ebook-attachment-icon, .menu-popover.digital-goods-menu-popover .icon.ebook-attachment-icon {
  background-position: -424px -719px;
}
.menu-popover.kitchensink-menu-popover .icon.video-attachment-icon, .menu-popover.digital-goods-menu-popover .icon.video-attachment-icon {
  background-position: -456px -719px;
}
.menu-popover.kitchensink-menu-popover .icon.software-attachment-icon, .menu-popover.digital-goods-menu-popover .icon.software-attachment-icon {
  background-position: -488px -720px;
}
.menu-popover.kitchensink-menu-popover .icon.other-files-attachment-icon, .menu-popover.digital-goods-menu-popover .icon.other-files-attachment-icon {
  background-position: -521px -719px;
}
.menu-popover.kitchensink-menu-popover .menu-popover-items-container .menu-popover-item a .menu-label-container,
.menu-popover.kitchensink-menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .menu-label-container, .menu-popover.digital-goods-menu-popover .menu-popover-items-container .menu-popover-item a .menu-label-container,
.menu-popover.digital-goods-menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .menu-label-container {
  line-height: 1;
}
.menu-popover.kitchensink-menu-popover .menu-popover-items-container .menu-popover-item a .menu-label-container span,
.menu-popover.kitchensink-menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .menu-label-container span, .menu-popover.digital-goods-menu-popover .menu-popover-items-container .menu-popover-item a .menu-label-container span,
.menu-popover.digital-goods-menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .menu-label-container span {
  display: block;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
.menu-popover.kitchensink-menu-popover .menu-popover-items-container .menu-popover-item a .menu-label-container small,
.menu-popover.kitchensink-menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .menu-label-container small, .menu-popover.digital-goods-menu-popover .menu-popover-items-container .menu-popover-item a .menu-label-container small,
.menu-popover.digital-goods-menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .menu-label-container small {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 12px;
  line-height: 12px;
  opacity: 0.3;
}
.menu-popover .menu-popover-items-container {
  padding: 0;
  margin: 0;
}
.menu-popover .menu-popover-items-container .menu-popover-item {
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #ececec;
}
.menu-popover .menu-popover-items-container .menu-popover-item:last-of-type {
  border: none;
}
.menu-popover .menu-popover-items-container .menu-popover-item a,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item {
  display: flex;
  color: #000000;
  text-decoration: none;
  align-items: center;
  padding: 25px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a:hover,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item:hover {
  background-color: rgba(155, 155, 155, 0.12);
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon {
  margin-right: 20px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon.pin-post-icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon.pin-post-icon {
  background-position: -69px -292px;
  width: 17px;
  height: 17px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon.unpin-post-icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon.unpin-post-icon {
  background-position: -247px -293px;
  width: 15px;
  height: 16px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon.edit-post-icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon.edit-post-icon {
  background-position: -106px -290px;
  width: 17px;
  height: 18px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon.share-post-icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon.share-post-icon {
  background-position: -142px -287px;
  width: 17px;
  height: 22px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon.delete-post-icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon.delete-post-icon {
  background-position: -211px -288px;
  width: 17px;
  height: 20px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon.unpublish-post-icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon.unpublish-post-icon {
  background-position: -73px -290px;
  width: 17px;
  height: 17px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a .icon.report-post-icon,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item .icon.report-post-icon {
  background-position: -178px -288px;
  width: 14px;
  height: 20px;
}
.menu-popover .menu-popover-items-container .menu-popover-item a span,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  opacity: 0.7;
}
.menu-popover .menu-popover-items-container .menu-popover-item a span.error,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item span.error {
  opacity: 1;
  color: #ff5051;
  font-weight: 500;
}
.menu-popover button {
  display: none;
  padding: 23px 30px;
}
.menu-popover button span {
  font-family: "IBM Plex Sans", sans-serif;
}
.menu-popover .menu-popover-tile-items {
  display: flex;
  gap: 15px;
  margin: 0;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile {
  flex: 1;
  text-align: center;
  position: relative;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile a {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  background: #ffffff;
  border: #fcfcfc;
  padding: 10px;
  color: #000000;
  line-height: 1;
  text-decoration: none;
  aspect-ratio: 1/1;
  border-radius: 12px;
  box-sizing: border-box;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile a:hover {
  background-color: #e3e3e3;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile img {
  max-width: 90px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile span {
  font-family: "IBM Plex Sans", sans-serif;
  color: #000000;
  display: inline-block;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile.highlight-menu-popover-tile a {
  color: #000000;
  font-weight: 700;
  background: #4d6eff;
  border-color: #4d6eff;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile.highlight-menu-popover-tile a:hover {
  background-color: #8098ff;
}
.menu-popover .menu-popover-tile-items .menu-popover-tile.highlight-menu-popover-tile span {
  color: #000000;
  font-weight: 700;
}

@media (max-width: 767px) {
  .menu-popover {
    position: fixed;
    left: 0;
    bottom: 10px;
    top: initial;
    background: none;
    border: none;
    height: auto;
    border-radius: 0;
    margin: 0 30px;
    width: calc(100% - 60px);
    z-index: 1000;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .menu-popover .menu-popover-items-container {
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .menu-popover .menu-popover-items-container .menu-popover-item a:hover,
.menu-popover .menu-popover-items-container .menu-popover-item .menu-popover-span-item:hover {
    background-color: transparent;
  }
  .menu-popover:before, .menu-popover:after {
    display: none;
  }
  .menu-popover.kitchensink-menu-popover, .menu-popover.digital-goods-menu-popover {
    left: 0;
    bottom: 10px;
    top: initial;
    animation: slide-up 0.35s ease-out;
  }
  .menu-popover.kitchensink-menu-popover button, .menu-popover.digital-goods-menu-popover button {
    width: 100%;
  }
  .menu-popover.photo-menu-popover {
    top: initial;
    left: initial;
    right: 0px;
  }
  .menu-popover.photo-menu-popover button {
    margin: 0;
  }
  .menu-popover.feature-image-menu-popover {
    top: initial;
    left: initial;
    right: 0px;
  }
  .menu-popover.feature-image-menu-popover button {
    margin: 0;
  }
  .menu-popover button {
    display: block;
    margin: 10px 0 0;
    border-radius: 12px;
    text-align: center;
    justify-content: center;
    max-width: -webkit-fill-available;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .main-container.profile .menu-popover:before {
    right: 86px;
  }
  .main-container.profile .menu-popover:after {
    right: 87px;
  }
}
.message-bar {
  position: fixed;
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  left: 0;
  right: 0;
  bottom: 35px;
  margin: 0 auto;
  padding: 15px 30px;
  box-sizing: border-box;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  z-index: 1002;
}
.message-bar.with-message-bar-content {
  padding: 15px 30px 15px 18px;
}
.message-bar .message-bar-content-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.message-bar .message-bar-content-container .message-bar-content-icon {
  line-height: 0;
  margin-top: 1px;
}
.message-bar .message-bar-content-container .message-bar-content-icon svg {
  min-width: 20px;
}
.message-bar .message-bar-content-container .message-bar-content-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.message-bar .message-bar-content-container .message-bar-content-copy h3,
.message-bar .message-bar-content-container .message-bar-content-copy p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}
.message-bar .message-bar-content-container .message-bar-content-copy p a {
  text-decoration: underline;
  color: #000000;
}
.message-bar.with-icon {
  flex-direction: row;
}
.message-bar.with-icon-and-button {
  flex-direction: column;
  align-items: flex-start;
}
.message-bar.with-icon-and-button p {
  padding-right: 45px;
}
.message-bar.with-icon-and-button .close-message-bar {
  position: absolute;
  top: 15px;
  right: 15px;
}
.message-bar.with-icon-and-button button {
  margin-left: initial;
  margin-top: 20px;
}
.message-bar.primary {
  background-color: #dbe7ff;
  border-left: 8px solid #4d6eff;
}
.message-bar.alert {
  background-color: #ffe5c5;
  border-left: 8px solid #ffa20d;
}
.message-bar.error {
  background-color: #ffe3df;
  border-left: 8px solid #ff3334;
}
.message-bar.success {
  background-color: #e8f8d5;
  border-left: 8px solid #6bb614;
}
.message-bar p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  padding-right: 15px;
}
.message-bar a {
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}
.message-bar .close-message-bar {
  height: 32px;
  width: 32px;
  min-width: 32px;
  background: #ffffff;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: auto;
}
.message-bar .close-message-bar .close-icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("../img/stackSprite.png");
  background-position: -673px -888px;
  width: 12px;
  height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .message-bar .close-message-bar .close-icon {
    background-image: url("../img/stackSprite_3x.png");
    background-size: 1200px 1200px;
    -webkit-background-size: 1200px 1200px;
    -moz-background-size: 1200px 1200px;
  }
}
.message-bar button {
  padding: 12px 25px;
  margin-left: auto;
}
.message-bar button span {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  width: max-content;
}

.message-bar-group-container {
  position: fixed;
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  left: 0;
  right: 0;
  bottom: 35px;
  margin: 0 auto;
  z-index: 1002;
}
@media screen and (max-width: 767px) {
  .message-bar-group-container {
    top: 0;
    bottom: inherit;
  }
}
.message-bar-group-container .message-bar {
  position: relative;
}

@media (max-width: 767px) {
  .message-bar {
    flex-direction: column;
    align-items: flex-start;
    max-width: initial;
    padding: 15px 22px 20px;
    bottom: 0;
  }
  .message-bar button {
    margin: 0;
    margin-top: 20px;
    width: auto;
  }
  .message-bar.error, .message-bar.alert, .message-bar.success {
    top: 0;
    bottom: inherit;
  }
}
input.error,
textarea.error {
  border-color: #ff5051;
  color: #ff5051;
}

.error-message,
.success-message {
  font-family: "IBM Plex Sans", sans-serif;
  display: block;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.25px;
  margin-top: 8px;
}
.error-message.is-centered,
.success-message.is-centered {
  justify-content: center;
  align-items: center;
  display: flex;
}
.error-message.error-message-below-button,
.success-message.error-message-below-button {
  margin-top: 25px;
}
.error-message.danger,
.success-message.danger {
  color: #ff5051;
}
.error-message.valid,
.success-message.valid {
  color: #7ed321;
}
.error-message .error-icon,
.success-message .error-icon {
  position: relative;
  display: inline-flex;
  height: 18px;
  width: 18px;
  min-width: 18px;
  margin-right: 5px;
}
.error-message .error-icon.cross-icon,
.success-message .error-icon.cross-icon {
  background-position: -144px -572px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .error-message .error-icon,
.success-message .error-icon {
    background-image: url("../img/stackSprite_3x.png");
    background-size: 1200px 1200px;
    -webkit-background-size: 1200px 1200px;
    -moz-background-size: 1200px 1200px;
  }
}
.scrollstack-navigation {
  z-index: 10;
}
.scrollstack-navigation .navigation-elements-container {
  display: flex;
  padding: 0 60px;
  max-width: 1280px;
  min-height: 57px;
  max-height: 58px;
  box-sizing: border-box;
  margin: 0 auto;
  gap: 5px;
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation .navigation-elements-container {
    padding: 0 30px;
  }
}
.scrollstack-navigation .navigation-elements-container li {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
}
.scrollstack-navigation .navigation-elements-container li.hide-when-signed-in {
  display: flex;
}
.scrollstack-navigation .navigation-elements-container li.show-when-signed-in {
  display: none;
}
.scrollstack-navigation .navigation-elements-container a {
  color: #000000;
  text-decoration: none;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button {
  padding: 9px 15px;
  display: flex;
  width: auto;
  background-color: #f5f5f7;
  border-radius: 99px;
  white-space: nowrap;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button:hover {
  background-color: #fafafa;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button span {
  font-size: 13px;
  line-height: 14px;
  white-space: nowrap;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch {
  margin: 0;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: rgba(255, 162, 13, 0.1);
  border: 1px solid rgba(255, 162, 13, 0.4);
  border-radius: 99px;
  padding: 6px 10px;
  box-sizing: border-box;
  height: 32px;
  max-height: 32px;
  cursor: pointer;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch .notification-toggle-icon {
  display: flex;
  align-items: center;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch .notification-toggle-icon .notification-enabled-svg {
  display: none;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch label {
  width: 34px;
  height: 20px;
  background-color: #f8ead4;
  border: 1px solid #ffda9e;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch label::after {
  width: 12px;
  height: 12px;
  top: 4px;
  left: 4px;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch input[type=checkbox]:checked + label {
  background: #4d6eff;
  border: 1px solid #a6efbf;
  border-radius: 11px;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch input[type=checkbox]:checked + label::after {
  left: calc(100% - 4px);
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch:has(input[type=checkbox]:checked) {
  background: rgba(77, 110, 255, 0.1);
  border: 1px solid rgba(32, 216, 96, 0.4);
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch:has(input[type=checkbox]:checked) .notification-toggle-icon .notification-disabled-svg {
  display: none;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .toggle-switch.notification-toggle-switch:has(input[type=checkbox]:checked) .notification-toggle-icon .notification-enabled-svg {
  display: flex;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .search-button-wrapper .search-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border: 1px solid #ececec;
  border-radius: 999px;
  margin-left: 10px;
}
.scrollstack-navigation .navigation-elements-container .upgrade-button,
.scrollstack-navigation .navigation-elements-container .profile-edit-button {
  padding: 9px 15px;
}
.scrollstack-navigation .navigation-elements-container .upgrade-button span,
.scrollstack-navigation .navigation-elements-container .profile-edit-button span {
  font-size: 13px;
  line-height: 14px;
  white-space: nowrap;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .upgrade-button {
  background-color: #000000;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .upgrade-button:hover {
  background-color: #1a1a1a;
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .upgrade-button {
    padding: 9px 10px;
  }
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .upgrade-button span {
    font-size: 12px;
  }
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .profile-edit-button {
  display: flex;
  width: auto;
  background-color: #f5f5f7;
  border-radius: 99px;
  white-space: nowrap;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .profile-edit-button:hover {
  background-color: #fafafa;
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .profile-edit-button {
    display: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button {
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px 7px rgba(155, 155, 155, 0.1);
  }
  .scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button:active {
    transform: translateY(2px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding {
  margin-right: auto;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding a {
  display: flex;
  align-items: center;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding figure {
  margin: 0;
  line-height: 0;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding picture {
  position: relative;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 6px;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding .logo-placeholder {
  position: relative;
  background-color: #ffffff;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  border-radius: 6px;
  margin-right: 10px;
  padding: 0;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding .logo-placeholder .logo-placeholder-icon {
  background-position: -739px -206px;
  width: 27px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding .pro-tick-badge-container img {
  width: 18px;
  height: 18px;
  margin-right: 0;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding.picto-website-branding {
  align-items: center;
  gap: 0;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding.picto-website-branding img {
  height: 28px;
  width: 28px;
  margin-right: 5px;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding.picto-website-branding span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  letter-spacing: 0.13px;
  font-weight: 600;
  line-height: 16px;
}
.scrollstack-navigation .navigation-elements-container .creator-website-branding.picto-website-branding span.gradient-text {
  background-image: linear-gradient(180deg, #6746eb 0%, #a084f3 100%);
  margin-left: 2px;
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation.signedin-scrollstack-navigation .navigation-elements-container .creator-website-branding span {
    max-width: initial;
    white-space: pre-line;
  }
}

.scrollstack-navigation .navigation-elements-container .navigation-cta {
  position: relative;
}
.scrollstack-navigation .navigation-elements-container .navigation-cta > a,
.scrollstack-navigation .navigation-elements-container .navigation-cta > span {
  display: flex;
  background-image: linear-gradient(225deg, #32c5ff 0%, #b620e0 51%, #f7b500 100%);
  min-height: 28px;
  box-sizing: border-box;
  font-family: "IBM Plex Sans", sans-serif;
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.scrollstack-navigation .navigation-elements-container .navigation-cta > a span,
.scrollstack-navigation .navigation-elements-container .navigation-cta > span span {
  display: inline-block;
  padding: 0;
}
.scrollstack-navigation .navigation-elements-container .navigation-cta.navigation-cta-with-icon > a {
  display: flex;
  align-items: center;
}
.scrollstack-navigation .navigation-elements-container .navigation-cta.navigation-cta-with-icon > a > .icon {
  width: 28px;
  height: 28px;
}
.scrollstack-navigation .navigation-elements-container .navigation-cta.navigation-cta-with-icon .new-post-icon {
  background-position: 0px -427px;
}
.scrollstack-navigation .navigation-elements-container .navigation-cta.navigation-cta-with-icon.creator-cta > a {
  padding: 0;
  margin: 0 10px;
}
.scrollstack-navigation .navigation-elements-container .navigation-cta.navigation-cta-with-icon.creator-cta > a > span {
  display: none;
}
.scrollstack-navigation .navigation-elements-container .navigation-sign-in a {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  padding: 8px 12px;
  margin-right: 5px;
}
.scrollstack-navigation .navigation-elements-container .signup-button {
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation .navigation-elements-container .signup-button {
    margin-left: 15px;
  }
}

.scrollstack-navigation .navigation-elements-container .hamburger-menu {
  position: relative;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items {
  display: none;
  position: absolute;
  right: 0;
  background: #ffffff;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  top: 57px;
  padding: 30px 0;
  min-width: 375px;
  border-radius: 12px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items {
    position: fixed;
    right: 0;
    left: 0;
  }
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .menu-seperator-line {
  background: #ececec;
  width: 100%;
  height: 1px;
  margin: 0;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .menu-seperator-line:before {
  content: none;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .special-menu-seperator-container {
  text-align: center;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .menu-new-tag {
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 99px;
  background: #4d6eff;
  margin-left: auto;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .menu-new-tag.gradient-tag {
  background-image: linear-gradient(155deg, #9117e3 0%, #da0f5f 94%);
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items a,
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .menu-item-span {
  font-family: "IBM Plex Sans", sans-serif;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 15px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.7);
  list-style: 18px;
  padding: 15px 30px;
  box-sizing: border-box;
  cursor: pointer;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items a:hover, .scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items a:active,
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .menu-item-span:hover,
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .menu-item-span:active {
  background: rgba(155, 155, 155, 0.12);
}
.scrollstack-navigation.navigation-hamburger-open .hamburger-menu .menu-items {
  display: block;
  overflow-y: auto;
  max-height: calc(100dvh - 100px);
}
@media screen and (max-width: 767px) {
  .scrollstack-navigation.navigation-hamburger-open .hamburger-menu .menu-items {
    max-height: calc(100dvh - 58px);
    border-radius: 0;
  }
}
.scrollstack-navigation.creator-scrollstack-navigation .hamburger-menu .menu-items {
  padding: 0;
}

.scrollstack-navigation .navigation-elements-container .hamburger-menu {
  margin-left: 10px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .hamburger-menu-icon-container {
  display: flex;
  cursor: pointer;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .icon.hamburger-menu-icon {
  background-position: -1px -460px;
  width: 32px;
  height: 32px;
}
.scrollstack-navigation.navigation-hamburger-open {
  z-index: 1000;
}
.scrollstack-navigation.navigation-hamburger-open .hamburger-menu .icon.hamburger-menu-icon {
  background-position: -48px -460px;
}

.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .hamburger-menu-header-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #ececec;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 0;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding:hover {
  background: none;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container figure {
  margin: 0;
  line-height: 0;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container figure img {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 999px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container .creator-website-menu-branding-meta-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container .creator-website-menu-branding-text {
  display: flex;
  gap: 5px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container .creator-website-menu-branding-text h2 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container .creator-website-menu-domain-text {
  line-height: 1;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding .creator-website-menu-branding-container .creator-website-menu-domain-text small {
  font-family: "IBM Plex Sans", sans-serif;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding.creator-onboarding-menu-branding {
  padding: 21px 30px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding-cta {
  width: 100%;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding-cta .button {
  justify-content: center;
  padding: 10px 35px;
  border-radius: 8px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .creator-website-menu-branding-cta .button span {
  font-family: "IBM Plex Sans", sans-serif;
  color: #bd10e0;
  font-size: 12px;
  line-height: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .hamburger-menu-body-wrapper {
  display: flex;
  flex-direction: column;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .hamburger-menu-item-products {
  padding: 30px 0 0 0;
  box-sizing: border-box;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .item-product-header {
  padding: 0 30px;
  margin-bottom: 15px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .item-product-header h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .item-product-list {
  padding: 0;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .item-product-list .item-product-list-upsell a:hover {
  background-color: transparent;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .payout-edu-walkthrough-cta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 20px 0;
  box-sizing: border-box;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .payout-edu-walkthrough-cta svg {
  min-width: 18px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .payout-edu-walkthrough-cta .payout-edu-content {
  display: flex;
  gap: 10px;
  align-items: center;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .payout-edu-walkthrough-cta .payout-edu-content svg {
  min-width: 35px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .payout-edu-walkthrough-cta .payout-edu-content p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .payout-edu-walkthrough-cta .payout-edu-content p span {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-weight: 400;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .hamburger-menu-footer-wrapper {
  margin-top: 30px;
  padding: 10px 0;
  border-top: 1px solid #ececec;
  box-sizing: border-box;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .hamburger-menu-footer-wrapper ul {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 0 30px;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .hamburger-menu-footer-wrapper a {
  font-size: 13px;
  line-height: 14px;
  padding: 15px 0;
}
.scrollstack-navigation .navigation-elements-container .hamburger-menu .menu-items .hamburger-menu-footer-wrapper a:hover {
  background: none;
}

.flipbook-menu-items-container .flipbook-menu-header {
  flex-direction: column;
  border-bottom: 1px solid #ececec;
  padding: 15px 30px;
}
.flipbook-menu-items-container .flipbook-menu-header h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flipbook-menu-items-container .flipbook-menu-header .close-button {
    display: none;
  }
}
.flipbook-menu-items-container .flipbook-menu-buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.flipbook-menu-items-container .flipbook-menu-buttons li {
  flex: 1;
}
.flipbook-menu-items-container .flipbook-menu-buttons a {
  font-family: "IBM Plex Sans", sans-serif;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  line-height: initial !important;
}
@media screen and (max-width: 767px) {
  .flipbook-menu-items-container .flipbook-menu-buttons a {
    gap: 5px;
  }
}
.flipbook-menu-items-container .flipbook-menu-buttons a span {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}
.flipbook-menu-items-container .flipbook-menu-buttons button {
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  border-radius: 8px;
}

.static-content-container.flipbook-guides-container .static-content-header .header-content {
  max-width: 980px;
  padding: 0 30px;
}
.static-content-container.flipbook-guides-container .main-content {
  max-width: initial;
  padding: 0 0 55px 0;
}
.static-content-container.flipbook-guides-container .flipbook-menu-header {
  display: none;
}
.static-content-container.flipbook-guides-container .flipbook-menu-buttons {
  max-width: 680px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .static-content-container.flipbook-guides-container .flipbook-menu-buttons {
    padding: 0 30px;
  }
}
.static-content-container.flipbook-guides-container .flipbook-menu-buttons li {
  margin: 0;
  list-style: none;
}

.golden-header {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ececec;
}
.golden-header .golden-header-title {
  padding: 35px 0;
  margin-bottom: 25px;
  max-width: 680px;
  margin: 0 auto;
}
.golden-header .golden-header-title h3,
.golden-header .golden-header-title h1 {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
}
.golden-header .golden-header-title h3 {
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.35px;
  margin-bottom: 5px;
}
.golden-header .golden-header-title h1 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .golden-header {
    background-image: url("../img/onboarding/header-banner-mobile.png");
  }
  .golden-header .golden-header-title {
    margin-bottom: 0;
    padding: 30px 30px 25px 30px;
  }
  .golden-header .golden-header-title h1 {
    font-size: 26px;
  }
}
.page-header {
  padding-bottom: 55px;
  border-bottom: 1px solid #ececec;
}
.page-header .page-header-content {
  max-width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 55px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .page-header .page-header-content {
    max-width: 680px;
  }
}
.page-header .page-header-content h1,
.page-header .page-header-content p {
  font-family: "IBM Plex Sans", sans-serif;
}
.page-header .page-header-content h5 {
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.65px;
}
.page-header .page-header-content h1 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0;
}
.page-header .page-header-content p {
  font-size: 18px;
  line-height: 28px;
  opacity: 0.7;
  margin: 10px 0 0 0;
}
.page-header .page-header-content button {
  margin-top: 25px;
  padding: 12px 20px;
  width: auto;
}
.page-header .page-header-content button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 15px;
  margin: 0;
}
.page-header .page-header-content .golden-text {
  background: linear-gradient(144.42deg, #ff5f2c 0%, #ff2d4e 21.89%, #ea009e 44.07%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

@media (max-width: 767px) {
  .page-header {
    margin-bottom: 0;
    padding-bottom: 35px;
  }
  .page-header .page-header-content {
    padding: 35px 30px 0;
  }
  .page-header .page-header-content h5 {
    font-size: 13px;
    line-height: 21px;
  }
  .page-header .page-header-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .page-header .page-header-content p {
    font-size: 15px;
    line-height: 23px;
    margin-top: 15px;
  }
  .page-header .page-header-content button {
    margin-top: 20px;
  }
}
.input-form-body {
  max-width: 680px;
  margin: 0 auto;
  box-sizing: border-box;
}
.input-form-body .input-form {
  padding: 35px 0;
}
.input-form-body .input-form ul {
  padding: 0;
  margin: 0;
}
.input-form-body .input-form ul li {
  position: relative;
  list-style: none;
  margin-bottom: 35px;
}
.input-form-body .input-form ul li.is-available input {
  border-color: #a79580;
}
.input-form-body .input-form ul li input {
  width: 100%;
}
.input-form-body .input-form ul li label,
.input-form-body .input-form ul li input {
  margin-bottom: 0;
}
.input-form-body .input-form ul li em {
  font-size: 13px;
}
.input-form-body .input-form ul li .icon:not(.edit-icon-small):not(.profile-avatar) {
  position: absolute;
  bottom: 15px;
  width: 20px;
  height: 20px;
  right: 0;
}
.input-form-body .input-form ul li .icon.rounded-tick-icon {
  background-position: -702px -1px;
  height: 18px;
  bottom: 16px;
  right: 0;
}
.input-form-body .input-form ul li .icon.eye-open-icon {
  background-position: -604px -31px;
}
.input-form-body .input-form ul li .icon.eye-closed-icon {
  background-position: -604px -1px;
}
.input-form-body .input-form ul li .icon.eye-closed-icon.disabled {
  opacity: 0.3;
}
.input-form-body .input-form .website-avatar-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 60px;
  justify-content: space-between;
}
.input-form-body .input-form .website-avatar-block .content h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 11px;
}
.input-form-body .input-form .website-avatar-block .content span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  opacity: 0.5;
}
.input-form-body .input-form .menu-popover.photo-menu-popover {
  top: 110px;
  left: 0;
  right: 0;
  margin-left: -50px;
}
.input-form-body .input-form .checkbox {
  margin: 20px 0 35px;
}
.input-form-body .input-form .terms-agreement-message {
  padding-bottom: 35px;
  border-bottom: 1px solid #ececec;
}
.input-form-body .input-form button {
  justify-content: center;
  border-radius: 8px;
}
.input-form-body .input-form button span {
  font-family: "IBM Plex Sans", sans-serif;
}
.input-form-body .segmented-control {
  max-width: 440px;
  margin: 10px auto 45px;
}
.input-form-body .onboarding-footer-text {
  font-family: "IBM Plex Sans", sans-serif;
  display: block;
  font-size: 14px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  margin-top: 25px;
}
.input-form-body .onboarding-footer-text a {
  color: #4d6eff;
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 767px) {
  .input-form-body {
    margin: 0 auto;
    border-radius: 0;
  }
  .input-form-body .input-form {
    padding: 30px;
  }
  .input-form-body .input-form .website-avatar-block {
    margin-bottom: 45px;
  }
  .input-form-body .input-form .website-avatar-block .content {
    padding: 0;
    min-width: initial;
  }
  .input-form-body .input-form .website-avatar-block .content h4 {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 12px;
  }
  .input-form-body .input-form .website-avatar-block .content span {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    opacity: 0.5;
  }
  .input-form-body .input-form .menu-popover.photo-menu-popover {
    top: initial;
    left: initial;
    right: 0px;
    margin-left: initial;
  }
  .input-form-body .input-form .terms-agreement-message {
    margin: 25px 0;
    padding-bottom: 25px;
  }
  .input-form-body .segmented-control {
    max-width: 310px;
  }
}
.pro-membership-widget {
  font-family: "IBM Plex Sans", sans-serif;
  max-width: 680px;
  margin: 35px auto;
}
@media screen and (max-width: 767px) {
  .pro-membership-widget {
    padding: 0 30px;
  }
}
.pro-membership-widget .pro-membership-widget-container {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 20px 0;
}
.pro-membership-widget .membership-widget-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-bottom: 1px solid #ececec;
  margin: 0 0 15px 0;
  padding: 0 20px 15px;
}
.pro-membership-widget .membership-widget-header strong {
  font-size: 18px;
  line-height: 23px;
}
.pro-membership-widget .membership-widget-description {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ececec;
}
.pro-membership-widget .membership-widget-description p {
  font-size: 15px;
  line-height: 21px;
  font-style: italic;
  font-weight: 600;
  margin: 0;
  padding: 0 20px;
}
.pro-membership-widget .membership-widget-description p.warning-text {
  color: #ffa20d;
}
.pro-membership-widget .membership-widget-description p.error-text {
  color: #f05959;
}
.pro-membership-widget .membership-widget-cta-container {
  display: flex;
  align-items: center;
  padding: 20px 20px 0;
  border-top: 1px solid #ececec;
}
.pro-membership-widget .membership-widget-cta-container .cancel-subscription-button {
  padding: 10px 0;
}
.pro-membership-widget .membership-widget-cta-container .cancel-subscription-button span {
  color: #f05959;
}

.membership-widget-benefits-container {
  padding: 0 20px;
}
.membership-widget-benefits-container h3 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0;
  opacity: 0.7;
  margin: 0 0 15px 0;
}
.membership-widget-benefits-container .pricing-tier-benefits-container {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .membership-widget-benefits-container .pricing-tier-benefits-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .membership-widget-benefits-container .pricing-tier-benefits-container {
    padding: 0;
    gap: 10px;
  }
}
.membership-widget-benefits-container .pricing-tier-benefits-container .pricing-tier-benefit p {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}

.renew-subscription-button,
.subscription-button {
  gap: 8px;
  padding: 15px 20px;
}

.pricing-tier-benefits-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
.pricing-tier-benefits-container .pricing-tier-benefit {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
}
.pricing-tier-benefits-container .pricing-tier-benefit img {
  margin-top: 3px;
}
.pricing-tier-benefits-container .pricing-tier-benefit p {
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .pricing-tier-benefits-container .pricing-tier-benefit p {
    font-size: 13px;
    line-height: 19px;
  }
}
.pricing-tier-benefits-container .pricing-tier-benefit p.highlight-benefit {
  position: relative;
}
.pricing-tier-benefits-container .pricing-tier-benefit p.highlight-benefit::after {
  content: " ";
  width: 100%;
  height: 3px;
  background-color: red;
  position: absolute;
  bottom: -4px;
  left: 0;
  border-radius: 999px;
}

.pro-tick-badge-container {
  display: inline-block;
  line-height: 0;
}
.pro-tick-badge-container img {
  width: 18px;
  height: 18px;
}
.pro-tick-badge-container.pro-tick-badge-container-small img {
  width: 15px;
  height: 15px;
}

.busy-state-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.busy-state-container .overlay {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.busy-state-container .loader {
  background: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 100px;
  height: 100px;
  border-radius: 16px;
  z-index: 1000;
}
.busy-state-container .loader span {
  color: #000000;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.busy-state-container .circular {
  animation: rotate 2s linear infinite;
  width: 40px;
}
.busy-state-container .path {
  animation: dash 1.2s ease-in-out infinite, color 6s ease-in-out infinite;
}
@keyframes color {
  100%, 0% {
    stroke: #000000;
  }
}
@keyframes color-inverted {
  100%, 0% {
    stroke: #ffffff;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

.forgot-password-link {
  font-family: "IBM Plex Sans", sans-serif;
  display: block;
  color: #4d6eff;
  text-decoration: none;
  font-size: 15px;
  line-height: 25px;
  text-align: right;
  margin-top: 10px;
}

.error-4xx-5xx {
  margin-top: 95px;
}

.error-4xx-5xx-content {
  max-width: 680px;
  margin: 0 auto;
  box-sizing: border-box;
}
.error-4xx-5xx-content h4,
.error-4xx-5xx-content h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 53px;
  line-height: 53px;
}
.error-4xx-5xx-content h4 {
  font-weight: 300;
  margin-bottom: 7px;
}
.error-4xx-5xx-content h1 {
  font-weight: 700;
  margin: 0;
  margin-bottom: 45px;
}
.error-4xx-5xx-content p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 21px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 55px;
}
.error-4xx-5xx-content p a {
  text-decoration: none;
}
.error-4xx-5xx-content button {
  padding: 20px 50px;
  border-radius: 8px;
}
.error-4xx-5xx-content button a {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.13px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .error-4xx-5xx-content {
    padding: 0 30px;
  }
  .error-4xx-5xx-content h4 {
    margin-bottom: 9px;
  }
  .error-4xx-5xx-content h1 {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 35px;
  }
  .error-4xx-5xx-content p {
    font-size: 18px;
    line-height: 27px;
  }
  .error-4xx-5xx-content button {
    display: flex;
    justify-content: center;
  }
}
.otp-content p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
  margin-bottom: 25px;
  max-width: 230px;
}
.otp-content form {
  display: flex;
  justify-content: center;
}
.otp-content form input {
  width: 100%;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0;
  padding: 12px;
  border: 1px solid #ececec;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.otp-content form input::placeholder {
  font-weight: normal;
  letter-spacing: normal;
}
.otp-content form input.filled {
  border-color: #4d6eff;
}
.otp-content form input.has-error {
  border-color: #ff5051;
}
.otp-content form input:focus {
  border-color: #4d6eff;
}
.otp-content form input:last-of-type {
  margin-right: 0;
}
.otp-content form div:last-of-type input {
  margin-right: 0;
}
.otp-content h5 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 13px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
  color: #979797;
  opacity: 1;
}
.otp-content h5 span {
  display: inline;
  font-weight: 500;
  color: #000000;
  opacity: 1;
}
.otp-content h5 span.is-expiring {
  color: #ff5051;
}
.otp-content h5 a {
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 767px) {
  .otp-modal-content h4 {
    font-size: 15px;
  }
}
.icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("../img/stackSprite.png");
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon {
    background-image: url("../img/stackSprite_3x.png");
    background-size: 1200px 1200px;
    -webkit-background-size: 1200px 1200px;
    -moz-background-size: 1200px 1200px;
  }
}

.facebook-small-icon {
  width: 8px;
  height: 16px;
  background-position: -579px -275px;
}

.twitter-small-icon {
  width: 16px;
  height: 13px;
  background-position: -538px -277px;
}

.mail-small-icon {
  width: 16px;
  height: 11px;
  background-position: -497px -278px;
}

.whatsapp-small-icon {
  width: 16px;
  height: 16px;
  background-position: -657px -276px;
  margin-right: 5px;
}

.wave-small-icon {
  width: 17px;
  height: 15px;
  background-position: -612px -277px;
  margin-right: 5px;
}

.whatsapp-medium-icon {
  width: 22px;
  height: 22px;
  background-position: -713px -439px;
  margin-right: 8px;
}

.support-medium-icon {
  width: 20px;
  min-width: 20px;
  height: 15px;
  background-position: -656px -539px;
  margin-right: 8px;
}

.support-small-icon {
  width: 18px;
  min-width: 18px;
  height: 14px;
  background-position: -613px -540px;
  margin-right: 5px;
}

.responding-icon {
  width: 14px;
  height: 10px;
  background-position: -476px -777px;
}

.white-tick-icon {
  width: 17px;
  height: 17px;
  background-position: -442px -40px;
  margin-right: 5px;
}

.back-icon {
  width: 11px;
  height: 11px;
  background-position: -601px -683px;
  margin-right: 3px;
}

.icon.whatsapp-icon {
  background-position: -692px -482px;
  width: 20px;
  height: 20px;
}
.icon.facebook-icon {
  background-position: -745px -483px;
  width: 9px;
  height: 17px;
}
.icon.twitter-icon {
  background-position: -784px -484px;
  width: 19px;
  height: 15px;
}
.icon.mail-icon {
  background-position: -833px -485px;
  width: 18px;
  height: 13px;
}
.icon.share-forward-icon {
  background-position: -881px -485px;
  width: 18px;
  height: 12px;
}
.icon.info-icon {
  background-position: -380px -290px;
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.icon.right-arrow-icon {
  width: 13px;
  height: 10px;
  background-position: -691px -650px;
}
.icon.gradient-right-arrow-icon {
  width: 13px;
  height: 13px;
  background-position: -724px -626px;
}
.icon.crypto-currency-symbol {
  width: 20px;
  height: 20px;
}
.icon.ethereum-symbol {
  background-position: -310px -40px;
}
.icon.btc-symbol {
  background-position: -345px -40px;
}
.icon.crypto-currency-dropdown {
  width: 10px;
  height: 20px;
  background-position: -380px -40px;
}
.icon.selected-list-item {
  width: 17px;
  height: 17px;
  background-position: -405px -40px;
}
.icon.white-check {
  width: 15px;
  height: 15px;
  background-position: -205px -228px;
}
.icon.nft-diamond-gradient-icon {
  width: 13px;
  height: 13px;
  background-position: -153px -1012px;
  margin-right: 5px;
}
.icon.nft-diamond-icon {
  width: 13px;
  height: 13px;
  background-position: -110px -1012px;
}
.icon.nft-normal-post-icon {
  width: 28px;
  height: 28px;
  background-position: -196px -1012px;
  margin-right: 5px;
}
.icon.nft-normal-post-small-icon {
  width: 24px;
  height: 24px;
  background-position: -196px -1062px;
  margin-right: 5px;
}
.icon.arrow-icon {
  width: 13px;
  height: 10px;
  background-position: -691px -626px;
}
.icon.arrow-icon.left-arrow-icon {
  transform: rotate(180deg);
}
.icon.white-arrow-icon {
  width: 13px;
  height: 10px;
  margin-left: 10px;
  background-position: -691px -650px;
}
.icon.blue-arrow-icon {
  width: 14px;
  height: 11px;
  background-position: -691px -699px;
}
.icon.blue-arrow-icon.disable-arrow-icon {
  background-position: -662px -699px;
}
.icon.blue-arrow-icon.left-arrow-icon {
  transform: rotate(180deg);
}
.icon.upload-signature-icon {
  width: 24px;
  height: 20px;
  background-position: -208px -640px;
}
.icon.picto-header-logo {
  width: 50px;
  height: 50px;
  background-position: -500px -69px;
}
.icon.back-arrow-icon {
  width: 18px;
  height: 14px;
  background-position: -692px -736px;
}
.icon.shuffle-icon {
  width: 22px;
  height: 22px;
  background-position: -386px -1022px;
}
.icon.locked-icon {
  width: 18px;
  height: 18px;
  background-position: -310px -228px;
}
.icon.blue-right-arrow-icon {
  width: 9px;
  height: 8px;
  background-position: -750px -629px;
}
.icon.green-right-arrow-icon {
  width: 9px;
  height: 8px;
  background-position: -774px -629px;
}
.icon.ai-bot-icon {
  width: 23px;
  height: 22px;
  background-position: -1px -336px;
}
.icon.purple-down-caret-icon {
  width: 15px;
  height: 15px;
  background-position: -39px -339px;
}
.icon.negative-prompt-icon {
  width: 22px;
  height: 22px;
  background-position: -97px -369px;
}
.icon.paint-board-icon {
  width: 22px;
  height: 22px;
  background-position: -106px -339px;
}
.icon.dropdown-caret-icon {
  width: 15px;
  height: 15px;
  background-position: -697px -1125px;
}
.icon.insert-tick-icon {
  width: 29px;
  height: 29px;
  background-position: -1px -784px;
}
.icon.more-options-menu-icon {
  width: 25px;
  height: 25px;
  background-position: -143px -339px;
}
.icon.generate-variations-icon {
  width: 18px;
  height: 18px;
  background-position: -3px -373px;
}
.icon.outpaint-icon {
  width: 18px;
  height: 18px;
  background-position: -36px -373px;
}
.icon.download-picto-image-icon {
  width: 18px;
  height: 18px;
  background-position: -69px -373px;
}
.icon.white-more-menu-small-icon {
  width: 20px;
  height: 20px;
  background-position: -198px -369px;
}
.icon.black-plus-icon {
  width: 20px;
  height: 20px;
  background-position: -838px -1123px;
}
.icon.green-plus-icon {
  width: 18px;
  height: 18px;
  background-position: -602px -1138px;
}
.icon.orange-plus-icon {
  width: 16px;
  height: 16px;
  background-position: -603px -1166px;
}
.icon.white-plus-icon {
  width: 18px;
  height: 18px;
  background-position: -602px -1082px;
}
.icon.pen-icon {
  width: 24px;
  height: 24px;
  background-position: -1px -507px;
}
.icon.email-link-icon {
  width: 15px;
  height: 15px;
  background-position: -449px -339px;
}
.icon.redirect-icon {
  width: 22px;
  height: 22px;
  background-position: -876px -1082px;
}

.nu-like-icon,
.nu-like-inverse-icon,
.nu-liked-icon,
.nu-share-icon,
.nu-share-inverse-icon,
.nu-support-icon,
.nu-comment-icon,
.nu-comment-inverse-icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.nu-like-icon {
  background-position: -673px -439px;
}

.nu-like-inverse-icon {
  background-position: -623px -479px;
}

.nu-liked-icon {
  background-position: -633px -439px;
}

.nu-share-icon {
  background-position: -593px -439px;
}

.nu-share-inverse-icon {
  background-position: -658px -479px;
}

.nu-support-icon {
  background-position: -553px -439px;
}

.nu-comment-icon {
  background-position: -553px -479px;
}

.nu-comment-inverse-icon {
  background-position: -588px -479px;
}

.dg-icon,
.dg-inverse-icon {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.dg-photo {
  background-position: -355px -681px;
}

.dg-inverse-photo {
  background-position: -355px -681px;
}

.dg-audio {
  background-position: -395px -681px;
}

.dg-inverse-audio {
  background-position: -395px -681px;
}

.dg-video {
  background-position: -435px -681px;
}

.dg-inverse-video {
  background-position: -515px -681px;
}

.dg-book {
  background-position: -475px -681px;
}

.dg-inverse-book {
  background-position: -475px -681px;
}

.dg-other {
  background-position: -147px -335px;
}

.dg-inverse-other {
  background-position: -141px -369px;
}

.dg-download-icon {
  background-position: -219px -441px;
  margin: 0;
}

.dg-video-play-icon {
  width: 75px;
  height: 32px;
  background-position: -119px -435px;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
}

.fb-blog-icon,
.fb-guide-icon,
.fb-contact-icon {
  width: 26px;
  height: 26px;
}

.fb-blog-icon {
  background-position: -10px -1112px;
}

.fb-guide-icon {
  background-position: -56px -1112px;
}

.fb-contact-icon {
  background-position: -102px -1112px;
}

.nsfw-icon {
  width: 55px;
  height: 45px;
  background-position: -414px -1082px;
}

.nsfw-icon-small {
  width: 25px;
  height: 25px;
  background-position: -489px -1082px;
}

.support-heart-icon {
  width: 18px;
  height: 18px;
  background-position: -696px -538px;
}

.following-tick-icon {
  width: 18px;
  height: 18px;
  background-position: -602px -1110px;
}

.purple-add-icon {
  width: 20px;
  height: 20px;
  background-position: -540px -40px;
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 15px;
    opacity: 1;
  }
  40% {
    height: 30px;
    width: 15px;
    opacity: 1;
  }
  100% {
    height: 30px;
    width: 15px;
    opacity: 1;
  }
}
@-webkit-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-moz-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-ms-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-o-keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes indeterminate {
  0% {
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    transform: scaleX(0);
  }
  56% {
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    transform: scaleX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes zebra-stripe-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 0;
  }
}
@-webkit-keyframes zebra-stripe-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 0;
  }
}
@keyframes ripple-effect {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}
.ripple-effect {
  position: relative;
}
.ripple-effect::before {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -8px;
  left: -8px;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgba(161, 143, 122, 0.15);
  border-radius: 100%;
  animation-name: ripple-effect;
  animation-duration: 3s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.ripple-effect::after {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -8px;
  left: -8px;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgba(161, 143, 122, 0.15);
  border-radius: 100%;
  animation-name: ripple-effect;
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}

@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wave-hand-animation {
  animation: wave-hand-animation 3.75s infinite;
  animation-delay: 2s;
  transform-origin: 65% 80%;
  display: inline-block;
  will-change: transform;
}

@keyframes wave-hand-animation {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  30% {
    transform: rotate(14deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-moz-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-ms-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-o-keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@keyframes wave-animation {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@-webkit-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@-moz-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@-ms-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@-o-keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
@keyframes wave-rise {
  0%, 100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
.animated-wave {
  position: absolute;
  width: 100%;
  height: 150px;
  left: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}
.animated-wave .wave {
  width: 5000px;
  height: 125px;
  position: absolute;
  bottom: 0;
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-moz-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-ms-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-o-keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@keyframes skeleton-effect {
  from {
    background: #f5f5f5;
  }
  to {
    background: #ececec;
  }
}
@-webkit-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@-ms-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fade-dot {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.2;
  }
}
.animated-dots {
  display: flex;
}
.animated-dots .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  transform: scale(0.5);
  -webkit-animation: fade-dot 1.2s ease-out infinite;
  -moz-animation: fade-dot 1.2s ease-out infinite;
  -ms-animation: fade-dot 1.2s ease-out infinite;
  -o-animation: fade-dot 1.2s ease-out infinite;
  animation: fade-dot 1.2s ease-out infinite;
  margin-top: 10px;
  margin-left: 2px;
}
.animated-dots .dot:nth-of-type(2) {
  animation-delay: 0.2s;
  margin-left: 0px;
}
.animated-dots .dot:nth-of-type(3) {
  animation-delay: 0.4s;
  margin-left: 0px;
}

.float-animation {
  animation: float-animation 3s ease-in-out infinite;
}

@keyframes float-animation {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 3px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
@keyframes background-gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-gleam-effect {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100%;
  }
}
@-webkit-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@-moz-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@-ms-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@-o-keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble {
  0%, 100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoom-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2) translateY(-50%);
    transform: scale(1.2) translateY(-50%);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes expand-block {
  0% {
    opacity: 0;
    filter: blur(12px);
    max-height: 55px;
    overflow: hidden;
    @media screen and (max-width: 767px) {
      max-height: 85px;
    }
  }
  100% {
    opacity: 1;
    max-height: 1000px;
    overflow: hidden;
    filter: blur(0);
  }
}
.blinking-star {
  -webkit-animation: blink-animation 2.35s infinite, scale-animation 2.35s infinite;
  animation: blink-animation 2.35s infinite, scale-animation 2.35s infinite;
}

.star-2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.star-3 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

@-webkit-keyframes blink-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scale-animation {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes scale-animation {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes tilt {
  0%, 100% {
    transform: translate3d(0, 0, 0.01px) rotateY(-10deg) rotateX(5deg);
  }
  50% {
    transform: translate3d(0, 0, 0.01px) rotateY(10deg) rotateX(5deg);
  }
}
@keyframes infiniteScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slideUpAndOut {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0);
  }
  71%, 100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.fade-enter-active {
  transition: all 0.5s ease-in;
}

.fade-leave-active {
  transition: all 0.24s ease-out;
}

.slide-enter-from,
.slide-leave-to {
  transform: translateY(-10px);
  opacity: 0;
}

.slide-enter-active,
.slide-leave-active {
  transition: all 0.3s ease-in;
}

.slide-from-bottom-enter-from,
.slide-from-bottom-leave-to {
  transform: translateY(62px);
}

.slide-from-bottom-enter-active,
.slide-from-bottom-leave-active {
  transition: all 0.3s ease-in;
}

@keyframes god-ray-button-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.modal-container.ready-to-post-modal-container .modal-content .modal-header h1 {
  font-size: 21px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  margin: 30px 30px 5px 30px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .button {
  margin-top: 25px;
  gap: 5px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta {
  background-color: #ffffff;
  border: 1px solid #f5f5f7;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1);
  border-radius: 18px;
  display: flex;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  gap: 10px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta figure {
  margin: 0;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta picture {
  line-height: 0;
  display: inline-block;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta img {
  aspect-ratio: 1/1;
  max-width: 74px;
  min-width: 74px;
  border-radius: 12px;
  object-fit: cover;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta {
  display: flex;
  flex: 1;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta .book-description-meta-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta .book-description-meta-content p,
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta .book-description-meta-content small,
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta .book-description-meta-content .book-price-tag-label {
  font-family: "IBM Plex Sans", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta .book-description-meta-content p {
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  margin: 0;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta .book-description-meta-content small {
  font-size: 13px;
  line-height: 14px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .book-indicator-meta .book-description-meta .book-description-meta-content .book-price-tag-label {
  background-color: #4d6eff;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: -0.25px;
  line-height: 11px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 3px;
  padding: 6px 10px;
  border-radius: 999px;
  width: max-content;
  min-width: 50px;
  box-sizing: border-box;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group {
  margin: 25px 0;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container {
  border: none;
  padding: 0;
  border-radius: 0;
  justify-content: space-between;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container:nth-child(2) {
  padding-top: 25px;
  border-top: 1px solid #ececec;
  margin-top: 25px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container:only-child {
  padding: 0;
  border: 0;
  margin: 0;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container .toggle-switch input[type=checkbox]:checked + label {
  background: #4d6eff;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group .generic-message-wrapper {
  margin: 8px auto 25px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group .generic-message-wrapper .generic-message {
  padding: 10px 15px;
  border-radius: 12px;
}
.modal-container.ready-to-post-modal-container .modal-content .modal-body .toggle-block-group .generic-message-wrapper .generic-message p {
  font-size: 13px;
  line-height: 18px;
}

.follow-list-page .tab-bar-container {
  position: sticky;
  top: 58px;
  background: #ffffff;
  z-index: 1;
  padding-top: 15px;
}
.follow-list-page .tab a {
  font-size: 15px;
  line-height: 19px;
  letter-spacing: 0.15px;
}

/*

Upsell Panel Module

Design Owner: Mayank Pamecha, Pushkraj Dole, Gajendra Saroya

Code Owner: Pushkraj Dole, Shivesh Mishra

ScrollStack Design Team. Not Open Source.

*/
.upsell-panel {
  width: 100%;
  background: #f5f5f5;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 30px;
  margin: 50px auto;
  max-width: 980px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .upsell-panel {
    max-width: 680px;
  }
}
@media screen and (max-width: 767px) {
  .upsell-panel {
    padding: 20px;
    margin: 35px auto;
  }
}
.upsell-panel .upsell-panel-content h1,
.upsell-panel .upsell-panel-content p {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .upsell-panel .upsell-panel-content h1,
.upsell-panel .upsell-panel-content p {
    text-align: left;
  }
}
.upsell-panel .upsell-panel-content a {
  text-decoration: none;
}
.upsell-panel .upsell-panel-content h1 {
  font-size: 21px;
  line-height: 21px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .upsell-panel .upsell-panel-content h1 {
    font-size: 16px;
    line-height: 21px;
  }
}
.upsell-panel .upsell-panel-content p {
  font-size: 16px;
  line-height: 24px;
  font-style: oblique;
  opacity: 0.7;
  max-width: 440px;
  margin: 0 auto;
}
.upsell-panel .upsell-panel-content p br {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .upsell-panel .upsell-panel-content p {
    font-size: 13px;
    line-height: 21px;
  }
}
.upsell-panel.make-money-upsell {
  position: relative;
  background: #ffffff;
  border-radius: 0;
  width: 100%;
  max-width: initial;
  padding: 30px 0;
  margin: 0 auto;
}
.upsell-panel.make-money-upsell::after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  bottom: 0;
  height: 1px;
  border-bottom: 1px solid #ececec;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .upsell-panel.make-money-upsell {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .upsell-panel.make-money-upsell {
    padding: 25px 30px;
  }
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-close {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-close .close-panel-icon {
  width: 20px;
  height: 20px;
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-content {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-content {
    padding-right: 30px;
  }
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-content h1,
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-content p {
  text-align: left;
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-content h1 {
  font-size: 20px;
  line-height: 25px;
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-content p {
  opacity: 0.8;
  font-style: normal;
  max-width: initial;
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-content .pro-branding {
  margin-bottom: 15px;
}
.upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-cta-container {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media screen and (max-width: 767px) {
  .upsell-panel.make-money-upsell .upsell-panel-wrapper .upsell-panel-cta-container {
    justify-content: flex-start;
  }
}
.upsell-panel.pro-expiring-soon-upsell {
  background: #fffaf3;
}
.upsell-panel.pro-expired-upsell {
  background: rgba(77, 110, 255, 0.05);
}
.upsell-panel.pro-introduction-upsell {
  overflow: hidden;
}
.upsell-panel.pro-introduction-upsell .background-svg-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100%;
  filter: blur(30px) saturate(150%) opacity(0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100dvw;
  overflow: hidden;
}
.upsell-panel.pro-introduction-upsell .background-svg-animation svg {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .create-post-widget-container + .upsell-panel.make-money-upsell {
    margin-top: 25px;
  }
}

.book-cover figure {
  margin: 0;
  line-height: 0;
}
.book-cover picture {
  position: relative;
  display: inline-block;
  height: 100%;
  border-radius: 12px 8px 8px 12px;
  overflow: hidden;
  box-shadow: -22px 20px 35px 3px #ececec, -10px 20px 35px 0px #ececec;
}
.book-cover picture::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 100%;
  background-image: linear-gradient(90deg, #000c, #0000 10%, #0000, #0003 80%, #0000, #000c);
  opacity: 0.25;
  border-right: 1px solid #717c8f;
}
.book-cover img {
  aspect-ratio: 2/3;
  object-fit: cover;
  border-radius: 12px 8px 8px 12px;
}

.post-features-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 16px 0 0;
}
.post-features-list .post-feature {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 13px;
  border-bottom: 1px solid #ececec;
}
.post-features-list .post-feature:last-of-type {
  border: none;
  padding: 0;
}
.post-features-list .post-feature-label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.post-features-list .post-feature-label .post-feature-label-copy {
  font-family: "IBM Plex Sans", sans-serif;
  color: #554a40;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}
.post-features-list .post-feature-value {
  font-family: "IBM Plex Sans", sans-serif;
  color: rgba(85, 74, 64, 0.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  text-align: right;
}

.goods-purchase-block {
  border-radius: 18px;
  background-color: #fffcfa;
  border: 1px solid rgba(85, 74, 64, 0.1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 25px 0;
  padding: 20px;
}
.goods-purchase-block .goods-purchase-block-meta {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}
.goods-purchase-block .goods-preview .book-cover figure {
  margin: 0;
}
.goods-purchase-block .goods-preview .book-cover picture {
  box-shadow: -5px 5px 15px 0px #c8c5bc;
}
.goods-purchase-block .goods-preview .book-cover img {
  max-width: 85px;
}
.goods-purchase-block .goods-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.goods-purchase-block .goods-details h3 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #554a40;
  line-height: 28px;
  margin: 0;
}
.goods-purchase-block .goods-details p {
  font-family: "Poppins", sans-serif;
  color: rgba(85, 74, 64, 0.7);
  font-size: 13px;
  line-height: 21px;
  margin: 0;
}
.goods-purchase-block .goods-details .goods-details-table .post-features-list {
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .goods-purchase-block .goods-details-table .post-features-list {
    flex-direction: row;
    gap: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .goods-purchase-block .goods-details-table .post-features-list .post-feature {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    border: 0;
  }
}
@media screen and (min-width: 1024px) {
  .goods-purchase-block .goods-details-table .post-features-list .post-feature-label svg {
    display: none;
  }
}
.goods-purchase-block .goods-details-table .post-features-list .post-feature-label .post-feature-label-copy {
  font-family: "Poppins", sans-serif;
}
.goods-purchase-block .goods-purchase-block-cta {
  display: flex;
  align-items: center;
  justify-content: center;
}
.goods-purchase-block .goods-purchase-block-cta .button-group {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .goods-purchase-block .goods-purchase-block-cta .button-group {
    flex-direction: column-reverse;
  }
}
.goods-purchase-block .goods-purchase-block-cta .button-group button span {
  font-family: "Poppins", sans-serif;
  color: #554a40;
}
.goods-purchase-block .goods-purchase-block-cta .details-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background-color: #fff3eb;
  border-radius: 12px;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button {
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 20px;
  height: 100%;
  border-radius: 0;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button:hover {
  background-color: #fff0e6;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button:first-of-type {
  border-radius: 12px 0 0 12px;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button:last-of-type {
  border-radius: 0 12px 12px 0;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button:only-child {
  border-radius: 12px;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button.flat-button {
  flex: 3;
}
@media screen and (max-width: 767px) {
  .goods-purchase-block .goods-purchase-block-cta .details-button button.flat-button {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .goods-purchase-block .goods-purchase-block-cta .details-button button.flat-button:only-child {
    justify-content: center;
  }
}
.goods-purchase-block .goods-purchase-block-cta .details-button button.more-button {
  flex: 1;
  border-left: 1px solid rgba(85, 74, 64, 0.05);
  justify-content: center;
  position: relative;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button.more-button .more-menu-button-container::marker {
  font-size: 0;
}
.goods-purchase-block .goods-purchase-block-cta .details-button button.more-button .more-menu-button-container .menu-popover {
  top: 55px;
  right: -60px;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .goods-purchase-block .goods-purchase-block-cta .details-button button.more-button .more-menu-button-container .menu-popover {
    top: 50px;
    right: 0px;
    top: 50px;
    right: 0px;
    position: absolute;
    left: initial;
    bottom: initial;
    background: inherit;
    border: inherit;
    margin: initial;
    min-width: 220px;
    -webkit-box-shadow: 5px 0 10px 2px rgba(155, 155, 155, 0.1), 0 5px 10px 2px rgba(155, 155, 155, 0.1);
    box-shadow: 5px 0 10px 2px rgba(155, 155, 155, 0.1), 0 5px 10px 2px rgba(155, 155, 155, 0.1);
  }
}
.goods-purchase-block .goods-purchase-block-cta .order-button {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.goods-purchase-block .goods-purchase-block-cta .order-button button {
  background: transparent;
  box-shadow: none;
  border: 1px solid #554a40;
  border-radius: 12px;
}
.goods-purchase-block .goods-purchase-block-footer {
  background-color: #fef7f3;
  border-top: 1px solid rgba(85, 74, 64, 0.1);
  border-radius: 0 0 18px 18px;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: -20px;
}
.goods-purchase-block .goods-purchase-block-footer span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #554a40;
  line-height: 21px;
}
.goods-purchase-block .goods-purchase-block-creator-price-promo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.goods-purchase-block .goods-purchase-block-creator-price-promo .goods-creator-price-copy {
  display: flex;
  align-items: center;
  gap: 10px;
}
.goods-purchase-block .goods-purchase-block-creator-price-promo .goods-creator-price-copy svg {
  min-width: 15px;
}

@media screen and (max-width: 767px) {
  .chapter-post-page .goods-purchase-block .goods-purchase-block-meta {
    gap: 15px;
  }
}
.chapter-post-page .goods-purchase-block .goods-preview .book-cover img {
  max-width: 100px;
}

.book-post-page .goods-purchase-block {
  background-color: #ffffff;
  border-color: #ececec;
  border-radius: 16px;
  margin-top: 0;
}
.book-post-page .goods-purchase-block .goods-preview .book-cover img {
  max-width: 100px;
}
.book-post-page .goods-purchase-block .goods-purchase-block-meta {
  gap: 15px;
}
.book-post-page .goods-purchase-block .goods-purchase-block-cta .button-group button span {
  font-family: "Poppins", sans-serif;
  color: #000000;
}
.book-post-page .goods-purchase-block .goods-purchase-block-cta .details-button {
  background-color: #f1f1f1;
}
.book-post-page .goods-purchase-block .goods-purchase-block-cta .details-button button:hover {
  background-color: #eeeeee;
}
.book-post-page .goods-purchase-block .goods-purchase-block-cta .order-button button {
  background: #4d6eff;
  border: none;
  color: #ffffff;
}
.book-post-page .goods-purchase-block .goods-purchase-block-cta .order-button button span {
  color: #ffffff;
}

.goods-purchase-block-flex-container {
  display: flex;
  align-items: center;
  gap: 35px;
}
@media screen and (max-width: 767px) {
  .goods-purchase-block-flex-container {
    flex-direction: column;
  }
}
.goods-purchase-block-flex-container .goods-purchase-block {
  flex: 1;
  margin: 0;
}
.goods-purchase-block-flex-container .goods-purchase-block .goods-purchase-block-meta {
  gap: 20px;
}
.goods-purchase-block-flex-container .goods-purchase-block .goods-preview .book-shelf-container .book img {
  max-height: 130px;
}

.signup-flow header h1,
.signup-flow header p {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
}
.signup-flow header figure {
  display: inline-flex;
  border-width: 2px;
  margin-bottom: 15px;
}
.signup-flow header figure picture {
  display: block;
  line-height: 0;
}
.signup-flow header figure img {
  width: 50px;
  height: 50px;
  border-radius: 999px;
}
.signup-flow header .no-avatar-image {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
}
.signup-flow header .no-avatar-image .profile-avatar {
  background-position: -716px -699px;
  width: 9px;
  height: 12px;
}
.signup-flow header h1 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.signup-flow header p {
  font-size: 16px;
  line-height: 26px;
  opacity: 0.7;
}

.signup-flow.pick-username-step header .user-photo-container {
  margin: 0;
}
.signup-flow.pick-username-step header h1 {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .signup-flow header h1 {
    margin: 0 0 15px 0;
  }
}
.signup-flow .signup-social-buttons {
  margin: 45px 0;
}
.signup-flow .signup-social-buttons a {
  color: #000000;
  text-decoration: none;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button button {
  box-shadow: none;
  background-color: #f1f1f1;
  border-radius: 28px 28px 0 0;
  position: relative;
  filter: grayscale(1);
}
.signup-flow .signup-social-buttons a.unsupported-signup-button button .icon,
.signup-flow .signup-social-buttons a.unsupported-signup-button button span {
  opacity: 0.5;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button button:hover, .signup-flow .signup-social-buttons a.unsupported-signup-button button:active {
  transform: none;
  box-shadow: none;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button button::after {
  content: "";
  width: 14px;
  height: 17px;
  display: inline-block;
  position: absolute;
  bottom: -5px;
  left: 20px;
  background: #f1f1f1;
  transform: rotate(45deg);
  border-radius: 3px;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button .unsupported-signup-button-reason {
  background-color: #fafafa;
  border-radius: 0 0 22px 22px;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button .unsupported-signup-button-reason p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #5b5b5b;
  padding: 14px 20px;
  box-sizing: border-box;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button .unsupported-signup-button-reason .unsupported-signup-button-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  box-sizing: border-box;
  border-top: 1px solid #ececec;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button .unsupported-signup-button-reason .unsupported-signup-button-cta:hover span {
  text-decoration: underline;
  color: #4d6eff;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button .unsupported-signup-button-reason .unsupported-signup-button-cta:hover .unsupported-cta-arrow-icon path {
  fill: #4d6eff;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button .unsupported-signup-button-reason .unsupported-signup-button-cta-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.signup-flow .signup-social-buttons a.unsupported-signup-button .unsupported-signup-button-reason .unsupported-signup-button-cta-copy span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 12px;
  line-height: 13px;
  font-weight: 600;
  color: #000000;
}
.signup-flow .signup-social-buttons li {
  margin-bottom: 25px;
}
.signup-flow .signup-social-buttons li:last-of-type {
  margin: 0;
}
.signup-flow .signup-social-buttons button {
  border-radius: 999px;
  width: 100%;
  margin: 0 auto;
  padding: 17px 30px 17px 145px;
}
.signup-flow .signup-social-buttons button .icon {
  width: 21px;
  min-width: 21px;
  height: 21px;
  margin-right: 13px;
}
.signup-flow .signup-social-buttons button .icon.facebook-icon {
  background-position: -828px -271px;
}
.signup-flow .signup-social-buttons button .icon.google-icon {
  background-position: -783px -272px;
}
.signup-flow .signup-social-buttons button .icon.apple-icon {
  background-position: -741px -271px;
}
.signup-flow .signup-social-buttons button .icon.envelope-icon {
  background-position: -697px -273px;
}
.signup-flow .signup-social-buttons button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  margin: 0;
}

@media (max-width: 767px) {
  .signup-flow .signup-social-buttons {
    margin: 35px 0;
  }
  .signup-flow .signup-social-buttons button {
    padding: 16px 10px 16px 45px;
  }
}
@media only screen and (max-width: 320px) {
  .signup-flow .signup-social-buttons button {
    padding: 16px 10px 16px 25px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .signup-flow .signup-social-buttons button {
    transition: transform 0.2s, box-shadow 0.2s;
    transition: transform 0.2s;
  }
  .signup-flow .signup-social-buttons button:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .signup-flow .signup-social-buttons button:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .signup-flow .signup-social-buttons button {
    transition: transform 0.2s;
    transition: transform 0.2s;
  }
  .signup-flow .signup-social-buttons button:active, .signup-flow .signup-social-buttons button:focus {
    transform: translateY(2px);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
  }
}
.signup-flow .input-form-body {
  padding: 0;
}
.signup-flow .input-form-body .input-form {
  margin: 35px 0;
  padding: 0;
}
.signup-flow .input-form-body .input-form ul li {
  margin-bottom: 20px;
}
.signup-flow .input-form-body .input-form ul li input {
  margin: 0;
  padding: 13px 45px 13px 20px;
  border: 1px solid #ececec;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.signup-flow .input-form-body .input-form ul li h5 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 0;
  color: #b2b2b2;
  text-transform: initial;
  margin: 0;
  margin-top: 15px;
  opacity: 1;
}
.signup-flow .input-form-body .input-form ul li h5 span {
  font-weight: 600;
  color: #000000;
}
.signup-flow .input-form-body .input-form ul li .icon:not(.edit-icon-small):not(.profile-avatar) {
  bottom: 9px;
  right: 20px;
}
.signup-flow .input-form-body .input-form ul li.username-input-container .icon {
  bottom: initial;
  top: 15px;
}
.signup-flow .input-form-body .input-form ul li.username-input-container .icon.available-tick-icon {
  background-position: -369px -639px;
}
.signup-flow .input-form-body .input-form ul li.username-input-container .icon.unavailable-cross-icon {
  background-position: -406px -640px;
}
.signup-flow .input-form-body .input-form ul li.username-input-container .icon.loading-icon {
  background-position: -397px -722.5px;
  height: 15px;
  width: 15px;
  top: 51px;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  box-shadow: none;
}
.signup-flow .input-form-body .input-form button {
  margin-top: 35px;
}

.signup-flow .signup-content-footer .terms-agreement-message {
  margin: 35px 0 25px;
}
.signup-flow .signup-content-footer .signup-flow-form-switch {
  font-family: "IBM Plex Sans", sans-serif;
  display: block;
  font-size: 13px;
  line-height: 14px;
  color: #000000;
  text-align: center;
  margin-top: 25px;
}
.signup-flow .signup-content-footer .signup-flow-form-switch a {
  color: #4d6eff;
  font-weight: 500;
  text-decoration: none;
}

.modal-container .modal-content .verification-modal-content {
  text-align: center;
}
.modal-container .modal-content .verification-modal-content p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}
.modal-container .modal-content .verification-modal-content p a {
  text-decoration: none;
}
.modal-container .modal-content .verification-modal-content input[type=number] {
  text-align: center;
}
small.modal-small-copy {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 14px;
}
small.modal-small-copy a {
  text-decoration: none;
}

.modal-body .signup-flow {
  padding: 10px 0;
}
.modal-body .signup-flow .input-form-body .input-form {
  margin-bottom: 0;
}
.modal-body .signup-flow .input-form-body .input-form ul li.username-input-container .icon {
  top: 17px;
}
.modal-body .signup-flow .input-form-body .input-form ul li.username-input-container .icon.unavailable-cross-icon, .modal-body .signup-flow .input-form-body .input-form ul li.username-input-container .icon.available-tick-icon {
  top: 15px;
}
.modal-body .signup-flow header {
  text-align: center;
}
.modal-body .signup-flow header h1 {
  font-size: 19px;
  line-height: 29px;
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0;
}
.modal-body .signup-flow .signup-social-buttons button {
  padding: 17px 10px 17px 80px;
  justify-content: initial;
  border-radius: 999px;
}
.modal-body .signup-flow.pick-username-step header figure {
  margin-bottom: 10px;
}
.modal-body .signup-flow.pick-username-step header h1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin: 0;
}
.modal-body .signup-flow.pick-username-step header .section-separator-with-label {
  margin: 15px 0;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase {
  background-image: linear-gradient(135deg, #bdccff 0%, #dccbfe 100%);
  border-radius: 8px;
  min-height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container .list-content,
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container .list-content a {
  width: 100%;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container .list-item {
  width: 100%;
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #ececec;
  box-shadow: 0 10px 20px 5px rgba(91, 91, 91, 0.1);
  margin: 0;
  padding: 10px 15px;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container .list-data {
  flex: 1;
  margin: 0;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container .list-data h1 {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: initial;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container .list-data h5 {
  font-weight: 600;
  font-style: italic;
}
.modal-body .signup-flow.pick-username-step .username-reason-showcase .list-items-container .list-data p {
  background-color: #f5f5f5;
  border-radius: 22px;
  height: 8px;
  width: 100%;
  margin: 10px 0 0;
}
.modal-body .signup-flow.pick-username-step .input-form {
  margin: 10px 0 0;
}
.modal-body .signup-flow.pick-username-step .input-form button {
  margin-top: 15px;
}
.modal-body .signup-flow.pick-username-step .username-input-container input {
  border-color: #4d6eff;
}

@media (max-width: 767px) {
  .modal-body .signup-flow .signup-social-buttons button {
    padding: 17px 10px 17px 45px;
  }
}
.signup-flow {
  max-width: 550px;
  margin: 0 auto;
  box-sizing: border-box;
}
.signup-flow .three-dot-loader {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skeleton td p,
.skeleton td a, .skeletontd p,
.skeletontd a {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  display: block;
  height: 28px;
  border-radius: 6px;
}
.skeleton td a, .skeletontd a {
  display: inline-block;
  width: 75px;
  height: 15px;
}

.skeleton.expand-bar hr,
.skeleton .expand-bar hr {
  background: rgba(155, 155, 155, 0.1);
}
.skeleton.expand-bar span,
.skeleton .expand-bar span {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 124px;
  height: 43px;
  border-radius: 12px;
  box-sizing: border-box;
  border: 5px solid #ffffff;
}

.skeleton .data-widget-info-block .content, .skeleton.data-widget-info-block .content {
  min-height: 95px;
  box-sizing: border-box;
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}

.data-widgets .skeleton.data-widget-info-block .content {
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}

.skeleton h1:empty::before {
  content: "– –";
  display: block;
  color: rgba(155, 155, 155, 0.45);
}

.skeleton .circle-ui-list-item .circle-ui-image,
.skeleton .circle-ui-list-item .circle-ui-label {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  background-color: rgba(236, 236, 236, 0.5);
  width: 70px;
}
.skeleton .circle-ui-list-item .circle-ui-image {
  height: 70px;
  border-radius: 999px;
}
.skeleton .circle-ui-list-item .circle-ui-label {
  height: 15px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .skeleton .circle-ui-list-item .circle-ui-image,
.skeleton .circle-ui-list-item .circle-ui-label {
    width: 60px;
  }
  .skeleton .circle-ui-list-item .circle-ui-image {
    height: 60px;
  }
}
.skeleton .recent-supporters-list-container li {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  height: 102px;
  padding: 0;
}

@media (max-width: 767px) {
  .skeleton .recent-supporters-list-container li {
    height: 145px;
  }
}
button.skeleton {
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  font-size: 0;
}
button.skeleton span,
button.skeleton .icon {
  visibility: hidden;
}

.comment-block.skeleton .comment-author-data .user-photo-container {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 30px;
  height: 30px;
  border-radius: 15px 15px 4px 15px;
}
.comment-block.skeleton .comment-author-data .comment-author-name {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 80px;
  height: 16px;
  border-radius: 6px;
}
.comment-block.skeleton .comment-timestamp time {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 45px;
  height: 13px;
  border-radius: 6px;
  display: inline-block;
}
.comment-block.skeleton .comment-content {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: calc(100% - 38px);
  height: 18px;
  border-radius: 6px;
}
.comment-block.skeleton .comment-content:last-of-type {
  width: calc(65% - 38px);
  margin-top: 5px;
}

.list-item.skeleton .list-image {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 55px;
  height: 55px;
  border-radius: 999px;
}
.list-item.skeleton .list-data h1,
.list-item.skeleton .list-data h5 {
  border-radius: 999px;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}
.list-item.skeleton .list-data h1 {
  width: 92px;
  height: 15px;
  margin-bottom: 10px;
}
.list-item.skeleton .list-data h1:empty::before {
  content: none;
}
.list-item.skeleton .list-data h5 {
  width: 50px;
  height: 9px;
}
.list-item.skeleton .list-cta svg circle {
  fill: #f5f5f5;
  stroke: none;
  fill-opacity: 1;
}
.list-item.skeleton .list-cta svg path {
  display: none;
}

.post-meta-action-group-skeleton.skeleton .skeleton-height-injector {
  min-height: 100dvh;
  position: relative;
}
.post-meta-action-group-skeleton.skeleton p {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  height: 102px;
  padding: 0;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container {
  width: 100%;
  align-items: flex-start;
  top: 35px;
  animation: fade 0.85s ease-in;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container .loader {
  width: 30px;
  height: 30px;
  border-radius: 99px;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container .loader .circular {
  width: 15px;
}

span.skeleton,
p.skeleton {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  display: block;
  border-radius: 8px;
}

span.skeleton,
p.skeleton {
  width: 25px;
  height: 20px;
}
span.skeleton strong,
p.skeleton strong {
  display: none;
}

.import-emails-container .quick-action-toast-bar {
  margin: 35px auto;
}
@media screen and (max-width: 767px) {
  .import-emails-container .quick-action-toast-bar {
    margin: 35px 0;
  }
}
.import-emails-container .quick-action-toast-bar .quick-action-toast-cta-group button {
  margin: 0;
}

.import-emails-flow {
  max-width: 680px;
  margin: 65px auto 0;
}
@media screen and (max-width: 767px) {
  .import-emails-flow {
    padding: 0 30px;
    margin: 45px auto 0;
  }
}
.import-emails-flow .section-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.import-emails-flow .section-title.gray-section-title {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.import-emails-flow .highlight-text {
  font-size: 21px;
  line-height: 32px;
  margin: 0 0 10px 0;
}
.import-emails-flow .section-text {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .import-emails-flow .generic-message-wrapper {
    margin: 35px 0;
  }
}
.import-emails-flow .yellow-info-message .checkbox {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.import-emails-flow .yellow-info-message .checkbox label {
  color: #000000;
}
.import-emails-flow .button {
  padding: 15px 40px;
  margin-top: 35px;
}

.unsubscribe-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 680px;
  margin: 65px auto 0;
  gap: 15px;
}
.unsubscribe-flow .indicator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background-color: #4d6eff;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .unsubscribe-flow {
    padding: 0 30px;
    margin: 45px auto 0;
  }
}
.unsubscribe-flow .section-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 10px;
}
.unsubscribe-flow .section-title.gray-section-title {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.unsubscribe-flow .input-with-icons input {
  padding: 13px 45px 13px 20px;
  border: 1px solid #ececec;
  border-radius: 8px;
}
.unsubscribe-flow .emoji-icon-holder p {
  font-size: 38px;
  line-height: 38px;
  margin: 0;
}
.unsubscribe-flow .highlight-text {
  color: #4d6eff;
}
.unsubscribe-flow .button {
  padding: 15px 40px;
  width: fit-content;
}
.unsubscribe-flow.skeleton .emoji-icon-holder p {
  width: 38px;
  height: 38px;
  display: inline-block;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  border-radius: 12px;
}
.unsubscribe-flow.skeleton h6 {
  width: 100%;
  height: 25px;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  border-radius: 6px;
}

.skeleton td p,
.skeleton td a, .skeletontd p,
.skeletontd a {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  display: block;
  height: 28px;
  border-radius: 6px;
}
.skeleton td a, .skeletontd a {
  display: inline-block;
  width: 75px;
  height: 15px;
}

.skeleton.expand-bar hr,
.skeleton .expand-bar hr {
  background: rgba(155, 155, 155, 0.1);
}
.skeleton.expand-bar span,
.skeleton .expand-bar span {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 124px;
  height: 43px;
  border-radius: 12px;
  box-sizing: border-box;
  border: 5px solid #ffffff;
}

.skeleton .data-widget-info-block .content, .skeleton.data-widget-info-block .content {
  min-height: 95px;
  box-sizing: border-box;
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}

.data-widgets .skeleton.data-widget-info-block .content {
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}

.skeleton h1:empty::before {
  content: "– –";
  display: block;
  color: rgba(155, 155, 155, 0.45);
}

.skeleton .circle-ui-list-item .circle-ui-image,
.skeleton .circle-ui-list-item .circle-ui-label {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  background-color: rgba(236, 236, 236, 0.5);
  width: 70px;
}
.skeleton .circle-ui-list-item .circle-ui-image {
  height: 70px;
  border-radius: 999px;
}
.skeleton .circle-ui-list-item .circle-ui-label {
  height: 15px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .skeleton .circle-ui-list-item .circle-ui-image,
.skeleton .circle-ui-list-item .circle-ui-label {
    width: 60px;
  }
  .skeleton .circle-ui-list-item .circle-ui-image {
    height: 60px;
  }
}
.skeleton .recent-supporters-list-container li {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  height: 102px;
  padding: 0;
}

@media (max-width: 767px) {
  .skeleton .recent-supporters-list-container li {
    height: 145px;
  }
}
button.skeleton {
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  font-size: 0;
}
button.skeleton span,
button.skeleton .icon {
  visibility: hidden;
}

.comment-block.skeleton .comment-author-data .user-photo-container {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 30px;
  height: 30px;
  border-radius: 15px 15px 4px 15px;
}
.comment-block.skeleton .comment-author-data .comment-author-name {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 80px;
  height: 16px;
  border-radius: 6px;
}
.comment-block.skeleton .comment-timestamp time {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 45px;
  height: 13px;
  border-radius: 6px;
  display: inline-block;
}
.comment-block.skeleton .comment-content {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: calc(100% - 38px);
  height: 18px;
  border-radius: 6px;
}
.comment-block.skeleton .comment-content:last-of-type {
  width: calc(65% - 38px);
  margin-top: 5px;
}

.list-item.skeleton .list-image {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 55px;
  height: 55px;
  border-radius: 999px;
}
.list-item.skeleton .list-data h1,
.list-item.skeleton .list-data h5 {
  border-radius: 999px;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}
.list-item.skeleton .list-data h1 {
  width: 92px;
  height: 15px;
  margin-bottom: 10px;
}
.list-item.skeleton .list-data h1:empty::before {
  content: none;
}
.list-item.skeleton .list-data h5 {
  width: 50px;
  height: 9px;
}
.list-item.skeleton .list-cta svg circle {
  fill: #f5f5f5;
  stroke: none;
  fill-opacity: 1;
}
.list-item.skeleton .list-cta svg path {
  display: none;
}

.post-meta-action-group-skeleton.skeleton .skeleton-height-injector {
  min-height: 100dvh;
  position: relative;
}
.post-meta-action-group-skeleton.skeleton p {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  height: 102px;
  padding: 0;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container {
  width: 100%;
  align-items: flex-start;
  top: 35px;
  animation: fade 0.85s ease-in;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container .loader {
  width: 30px;
  height: 30px;
  border-radius: 99px;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container .loader .circular {
  width: 15px;
}

span.skeleton,
p.skeleton {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  display: block;
  border-radius: 8px;
}

span.skeleton,
p.skeleton {
  width: 25px;
  height: 20px;
}
span.skeleton strong,
p.skeleton strong {
  display: none;
}

.single-page-container .section-wrapper {
  max-width: 680px;
  margin: 35px auto;
}
@media screen and (max-width: 767px) {
  .single-page-container .section-wrapper {
    padding: 0 30px;
  }
}
.single-page-container .section-wrapper + .section-wrapper {
  margin-top: 0;
}
.single-page-container .section-wrapper.flex-centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.single-page-container .section-icon {
  margin-bottom: 15px;
}
.single-page-container .section-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}
.single-page-container .section-title.gray-section-title {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.single-page-container .highlight-text {
  font-size: 21px;
  line-height: 32px;
  margin: 0 0 10px 0;
}
.single-page-container .section-text {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}
.single-page-container .button {
  padding: 18px 40px;
  margin-top: 35px;
  min-width: 315px;
  justify-content: center;
}
.single-page-container .button-group {
  margin-top: 35px;
}
.single-page-container .button-group .button {
  margin: 0;
}

.invitation-dropdown-button {
  position: relative;
}

.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button-wrapper {
  width: 100%;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button.invitation-nav-button {
  background: #4d6eff;
  border-color: #4d6eff;
  padding: 8px;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button.invitation-nav-button .badge-dot {
  background-color: #4d6eff;
  height: 8px;
  width: 8px;
  border-radius: 999px;
  border: 2px solid #ffffff;
  position: absolute;
  right: 0;
  top: 0;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button.invitation-dropdown-cta-button {
  width: 100%;
  padding: 18px 0;
  justify-content: center;
  background-color: #4d6eff;
  color: #ffffff;
}
.scrollstack-navigation .navigation-elements-container .navigation-bar-button-wrapper .button.invitation-dropdown-cta-button span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .post-header .navigation-bar-button-wrapper {
    margin-left: auto;
    margin-right: 15px;
  }
}
.post-header .invitation-dropdown-button {
  display: flex;
  gap: 5px;
}
.post-header .invitation-dropdown-button .invitation-box.dropdown-invitation-box {
  right: -100px;
}
@media screen and (max-width: 767px) {
  .post-header .invitation-dropdown-button .invitation-box.dropdown-invitation-box {
    right: 0;
  }
}
.post-header .invitation-dropdown-button .invitation-box.dropdown-invitation-box .invitation-dropdown-cta-button {
  width: 100%;
  justify-content: center;
  background-color: #4d6eff;
  color: #ffffff;
}
.post-header .invitation-dropdown-button .invitation-box.dropdown-invitation-box .invitation-dropdown-cta-button span {
  color: #ffffff;
}
.post-header .invitation-dropdown-button .invitation-nav-button {
  padding: 0;
  background: #f1f1f1;
  min-width: 35px;
  min-height: 35px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .post-header .invitation-dropdown-button .invitation-nav-button {
    border-radius: 999px;
  }
}
.post-header .invitation-dropdown-button .invitation-nav-button .badge-dot {
  background-color: #4d6eff;
  height: 8px;
  width: 8px;
  border-radius: 999px;
  border: 2px solid #ffffff;
  position: absolute;
  right: 0;
  top: 0;
}
.post-header .invitation-dropdown-button .editor-invitation-nav-button {
  padding: 0;
  gap: 5px;
}
@media screen and (max-width: 767px) {
  .post-header .invitation-dropdown-button .editor-invitation-nav-button {
    display: none;
  }
}
.post-header .invitation-dropdown-button .editor-invitation-nav-button span {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.15px;
  min-width: 58px;
  text-align: left;
}
.post-header .invitation-dropdown-button .editor-invitation-nav-button span .highlighted-text {
  color: #4d6eff;
}

.invitation-box .invitation-header .invitation-header-title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}
.invitation-box .invitation-header .invitation-header-title h1 {
  font-family: "Poppins", sans-serif;
  font-size: 72px;
  font-weight: 900;
  letter-spacing: -1.5px;
  line-height: 65px;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .invitation-box .invitation-header .invitation-header-title h1 {
    font-size: 45px;
    letter-spacing: -0.96px;
    line-height: 42px;
  }
}
.invitation-box .invitation-header .invitation-header-title h1 .highlighted-text {
  color: #4d6eff;
}
.invitation-box .invitation-header .invitation-header-title .invitation-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 116px;
  width: 116px;
  min-width: 116px;
  background-color: #000000;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  .invitation-box .invitation-header .invitation-header-title .invitation-badge {
    height: 92px;
    width: 92px;
    min-width: 92px;
  }
}
.invitation-box .invitation-header .invitation-header-title .invitation-badge span {
  font-family: "Poppins", sans-serif;
  font-size: 65px;
  font-weight: 700;
  color: #ffffff;
  line-height: 48px;
}
@media screen and (max-width: 767px) {
  .invitation-box .invitation-header .invitation-header-title .invitation-badge span {
    font-size: 55px;
    line-height: 40px;
  }
}
.invitation-box .invitation-header .invitation-description {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  line-height: 28px;
  margin: 0;
}
.invitation-box .invitation-header .invitation-description .bold-text {
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .invitation-box .invitation-header .invitation-description {
    font-size: 18px;
  }
}

.invitation-box .invitation-benefits {
  display: flex;
  gap: 20px;
  margin: 25px 0;
}
@media screen and (max-width: 767px) {
  .invitation-box .invitation-benefits {
    gap: 10px;
  }
}
.invitation-box .invitation-benefits .invitation-benefit-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #ffffff;
  padding: 20px;
  border-radius: 17px;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .invitation-box .invitation-benefits .invitation-benefit-box {
    padding: 20px 15px;
    gap: 13px;
  }
}
.invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.65px;
  line-height: 13px;
  text-transform: uppercase;
}
.invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-list li {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media screen and (max-width: 767px) {
  .invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-list li {
    align-items: flex-start;
  }
}
.invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-list li:first-of-type svg path:first-of-type {
  fill: #4d6eff;
}
.invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-list li svg {
  min-width: 17px;
}
.invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-list li span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
}

.invitation-box.dropdown-invitation-box {
  display: none;
  position: absolute;
  right: -120px;
  background: #f1f1f1;
  border: 1px solid #ececec;
  top: 47px;
  padding: 15px 20px;
  margin: 0;
  box-sizing: border-box;
  width: 315px;
  border-radius: 12px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.invitation-box.dropdown-invitation-box.dropdown-invitation-box-open {
  display: block;
}
@media screen and (max-width: 767px) {
  .invitation-box.dropdown-invitation-box {
    position: fixed;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 57px;
  }
}
.invitation-box.dropdown-invitation-box .invitation-header .invitation-header-title {
  margin-bottom: 10px;
  align-items: flex-start;
}
.invitation-box.dropdown-invitation-box .invitation-header .invitation-header-title h1 {
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -0.64px;
  color: #000000;
  max-width: 150px;
}
.invitation-box.dropdown-invitation-box .invitation-header .invitation-header-title .close-button {
  display: flex;
  position: relative;
  margin-left: auto;
  top: initial;
  right: initial;
  background-color: #b1b1b1;
}
.invitation-box.dropdown-invitation-box .invitation-header .invitation-header-title .close-button .close-icon {
  background-position: -514px -776px;
}
.invitation-box.dropdown-invitation-box .invitation-header .invitation-description {
  font-size: 13px;
  line-height: 19px;
  color: #9b9b9b;
}
.invitation-box.dropdown-invitation-box .invitation-benefits {
  margin: 10px 0;
  gap: 10px;
}
.invitation-box.dropdown-invitation-box .invitation-benefits .invitation-benefit-box {
  background-color: #e4e4e4;
  padding: 10px;
  border-radius: 8px;
}
.invitation-box.dropdown-invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-title {
  color: #000000;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 0.55px;
}
.invitation-box.dropdown-invitation-box .invitation-benefits .invitation-benefit-box .invitation-benefit-list li span {
  font-size: 12px;
  line-height: 16px;
  color: #757575;
}

.banner-ad {
  background-color: #ffffff;
  padding: 20px 20px 0;
  background: #ffffff;
  border: 1px solid #f5f5f7;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1);
  border-radius: 25px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.banner-ad .banner-ad-preview {
  flex: 1;
}
.banner-ad .banner-ad-content {
  flex: 2;
}
.banner-ad .banner-ad-content h4 {
  font-family: "DM Serif Display", serif;
  font-size: 18px;
  font-weight: 700;
  color: #1e2021;
  letter-spacing: -0.48px;
  line-height: 24px;
}
.banner-ad .banner-ad-content p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #1e2021;
  line-height: 20px;
  margin: 5px 0 10px;
}
.banner-ad .banner-ad-content button {
  padding: 10px 20px;
  gap: 5px;
}
.banner-ad .banner-ad-content button.border-button {
  border: 1px solid #f5f5f7;
  box-shadow: none;
  box-sizing: border-box;
}
.banner-ad .banner-ad-content button span {
  font-size: 12px;
  line-height: 13px;
}

.modal-container.payment-modal-container .modal-content .banner-ad.read-on-app-banner {
  margin: 0 30px;
  gap: 15px;
}

.book {
  background-color: #abbfb8;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  height: 100dvh;
  width: 100dvw;
  justify-content: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.book.index-book .book-page .page-number {
  display: none;
}
.book.index-book .book-page:first-of-type p {
  text-align: left;
  text-indent: 0;
  margin-bottom: 35px;
}
.book.index-book .book-page:first-of-type p:last-of-type {
  margin: 0;
}
.book.index-book .page-index-list {
  display: flex;
  flex-direction: column;
  gap: 3vmin;
  margin-top: 3vmin;
}
.book.index-book .page-index-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5vmin;
}
.book.index-book .page-index-list li p {
  display: flex;
  gap: 2vmin;
  font-weight: 700;
}
.book.index-book .page-index-list li p span {
  font-weight: 400;
  display: inline-block;
  min-width: 3vmin;
  text-align: right;
}
.book.index-book .page-index-list li p:last-of-type {
  font-weight: 400;
  text-align: right;
  text-indent: 0;
}
.book .book-page {
  background: #f1f1f1;
  border-radius: 2px 0 0 1.67px;
  width: calc(50% - 2%);
  flex: 1;
  position: relative;
}
.book .book-page .page-number {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.5vmin;
  line-height: 1.5vmin;
  position: absolute;
  top: 4%;
}
.book .book-page:first-of-type {
  border-radius: 2px 0 0 2px;
  box-shadow: -3px 0 17px 3px rgba(0, 0, 0, 0.2);
}
.book .book-page:first-of-type::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0.2;
  width: 1.5%;
  box-shadow: inset -3px 0 17px 3px rgba(0, 0, 0, 0.2);
}
.book .book-page:first-of-type .page-number {
  left: 10%;
}
.book .book-page:first-of-type::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 32%;
  background-image: linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, #cccccc 100%);
  position: absolute;
  right: 0;
  top: 0;
}
.book .book-page:last-of-type {
  border-radius: 0 2px 2px 0;
  box-shadow: 3px 0 17px 3px rgba(0, 0, 0, 0.2);
}
.book .book-page:last-of-type .page-number {
  right: 10%;
}
.book .book-page:last-of-type::before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 32%;
  opacity: 0.41;
  background-image: linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, #b9b9b9 100%);
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleX(-1);
}
.book .book-page:last-of-type::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1.5%;
  opacity: 0.3;
  box-shadow: inset 3px -2px 3px 0px rgba(0, 0, 0, 0.2);
}
.book .book-page .book-page-content {
  padding: 12%;
  box-sizing: border-box;
  height: 92.5%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.book .book-page h6,
.book .book-page h1,
.book .book-page h2 {
  font-family: "DM Serif Display", serif;
  text-align: center;
}
.book .book-page h2 {
  font-size: 3vmin;
  letter-spacing: 0vmin;
  line-height: 3.2vmin;
  text-align: left;
}
.book .book-page h6 {
  font-size: 1.55vmin;
  letter-spacing: -0.05vmin;
  line-height: 1.55vmin;
}
.book .book-page h1 {
  font-size: 4.45vmin;
  letter-spacing: -0.18vmin;
  line-height: 4.45vmin;
  margin: 3.78vmin 0 3.25vmin;
}
.book .book-page p {
  font-family: "IBM Plex Serif", serif;
  text-indent: 35px;
  margin: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.53vmin;
  line-height: 2.42vmin;
}
.book .book-page p:first-of-type {
  text-indent: 0;
}
.book .book-page p .dropcap {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 64px;
  font-size: 103px;
  line-height: 160px;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  margin: 0 23px 0 20px;
}

.pricing-section-main-container {
  margin: 50px 0 10px;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container {
    margin: 30px 0 10px;
  }
}
.pricing-section-main-container .pricing-section-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1170px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pricing-section-main-container .pricing-section-content-wrapper {
    margin: 0 60px;
  }
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-wrapper {
    margin: 0 30px;
    gap: 30px;
  }
}
.pricing-section-main-container .pricing-section-content-header .section-title {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  line-height: 42px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-header .section-title {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
  }
}
.pricing-section-main-container .pricing-section-content-body {
  width: 100%;
}
.pricing-section-main-container .pricing-section-content-body .pricing-section-toggle-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px;
  box-sizing: border-box;
  border: 2px solid #000000;
  border-radius: 999px;
  background-color: rgba(250, 250, 249, 0.5);
  margin: 0 auto;
  max-width: 415px;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-section-toggle-wrapper {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-section-toggle-wrapper .toggle-switch-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.pricing-section-main-container .pricing-section-content-body .pricing-section-toggle-wrapper svg {
  min-width: 24px;
}
.pricing-section-main-container .pricing-section-content-body .pricing-section-toggle-wrapper span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 18px;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards {
    flex-direction: column-reverse;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards {
    flex-direction: column-reverse;
    margin-top: 50px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards.has-recommended-card {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards.has-recommended-card {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards.has-recommended-card {
    margin-top: 50px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .pricing-card {
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #ececec;
  box-shadow: 0 2px 4px rgba(155, 155, 155, 0.1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  flex: 1;
  transition: transform 0.3s;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .pricing-card.recommended {
  border: 4px solid #4d6eff;
}
@media screen and (max-width: 1023px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .pricing-card.recommended {
    margin-top: 50px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-badge {
  position: absolute;
  top: -50px;
  left: -4px;
  background-color: #4d6eff;
  border: 4px solid #4d6eff;
  padding: 15px 12px 22px;
  box-sizing: border-box;
  border-radius: 22px 22px 0 0;
  width: calc(100% + 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-badge span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper {
  padding: 25px 25px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper {
    padding: 15px 15px 0;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header {
  margin: 0 0 25px;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .icon-container {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .plan-name {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 23px;
  font-weight: 600;
  margin: 20px 0 25px;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .plan-name {
    font-size: 18px;
    line-height: 19px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .plan-price {
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  line-height: 28px;
  font-weight: 700;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .plan-price {
    font-size: 20px;
    line-height: 21px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .billing-info {
  font-family: "Poppins", sans-serif;
  display: block;
  font-size: 15px;
  line-height: 19px;
  opacity: 0.7;
  margin: 4px 0 0;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .billing-info {
    font-size: 13px;
    line-height: 14px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-for {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-for {
    font-size: 15px;
    line-height: 19px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .features-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 25px 0 0;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .features-list li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .features-list li svg {
  min-width: 16px;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .features-list li p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .features-list li p {
    font-size: 13px;
    line-height: 19px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .features-list li p.blue-highlighted-text {
  color: #4d6eff;
  font-weight: 500;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer {
  width: 100%;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer:has(button) {
  padding: 0 25px 25px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer:has(button) {
    padding: 0 15px 15px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer button.plan-button {
  padding: 20px 0;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer button.plan-button {
    border-radius: 12px;
  }
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer button.plan-button span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer .generic-message {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 25px;
  border-radius: 0 0 20px 20px;
  background-color: #f9f9f9;
  border: none;
  border-top: 1px solid #ececec;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer .generic-message svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer .generic-message p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.8);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer .generic-message p {
    font-size: 13px;
    line-height: 19px;
  }
}
.pricing-section-main-container .pricing-section-content-body .skip-pro-plans {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-section-main-container .pricing-section-content-body .skip-pro-plans button {
  padding: 15px 0 5px;
}
.pricing-section-main-container .pricing-section-content-body .skip-pro-plans button span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #9b9b9b;
  font-weight: 500;
  text-decoration: underline;
}
.pricing-section-main-container .pricing-section-content-body .skip-pro-plans button:hover span {
  color: #000000;
}

.story-list-container .story-index-list .story-list-item {
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 0;
}
.story-list-container .story-index-list .story-list-item input + label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 35px;
  gap: 15px;
}
.story-list-container .story-index-list .story-list-item input + label::before {
  min-width: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  margin-right: 0;
}
.story-list-container .story-index-list .story-list-item .story-content-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.story-list-container .story-index-list .story-list-item .story-content-block .story-image {
  margin: 0;
  line-height: 0;
}
.story-list-container .story-index-list .story-list-item .story-content-block .story-image img {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
}
.story-list-container .story-index-list .story-list-item .story-content-block .story-info p {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.story-list-container .story-index-list .story-list-item .story-status-or-action-block {
  margin-left: auto;
}
.story-list-container .story-index-list .story-list-item .story-status-or-action-block svg {
  -webkit-animation: loader-spin 1.2s infinite linear;
  -moz-animation: loader-spin 1.2s infinite linear;
  -ms-animation: loader-spin 1.2s infinite linear;
  -o-animation: loader-spin 1.2s infinite linear;
  animation: loader-spin 1.2s infinite linear;
}

.skeleton td p,
.skeleton td a, .skeletontd p,
.skeletontd a {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  display: block;
  height: 28px;
  border-radius: 6px;
}
.skeleton td a, .skeletontd a {
  display: inline-block;
  width: 75px;
  height: 15px;
}

.skeleton.expand-bar hr,
.skeleton .expand-bar hr {
  background: rgba(155, 155, 155, 0.1);
}
.skeleton.expand-bar span,
.skeleton .expand-bar span {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 124px;
  height: 43px;
  border-radius: 12px;
  box-sizing: border-box;
  border: 5px solid #ffffff;
}

.skeleton .data-widget-info-block .content, .skeleton.data-widget-info-block .content {
  min-height: 95px;
  box-sizing: border-box;
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}

.data-widgets .skeleton.data-widget-info-block .content {
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}

.skeleton h1:empty::before {
  content: "– –";
  display: block;
  color: rgba(155, 155, 155, 0.45);
}

.skeleton .circle-ui-list-item .circle-ui-image,
.skeleton .circle-ui-list-item .circle-ui-label {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  background-color: rgba(236, 236, 236, 0.5);
  width: 70px;
}
.skeleton .circle-ui-list-item .circle-ui-image {
  height: 70px;
  border-radius: 999px;
}
.skeleton .circle-ui-list-item .circle-ui-label {
  height: 15px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .skeleton .circle-ui-list-item .circle-ui-image,
.skeleton .circle-ui-list-item .circle-ui-label {
    width: 60px;
  }
  .skeleton .circle-ui-list-item .circle-ui-image {
    height: 60px;
  }
}
.skeleton .recent-supporters-list-container li {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  height: 102px;
  padding: 0;
}

@media (max-width: 767px) {
  .skeleton .recent-supporters-list-container li {
    height: 145px;
  }
}
button.skeleton {
  background: initial;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  font-size: 0;
}
button.skeleton span,
button.skeleton .icon {
  visibility: hidden;
}

.comment-block.skeleton .comment-author-data .user-photo-container {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 30px;
  height: 30px;
  border-radius: 15px 15px 4px 15px;
}
.comment-block.skeleton .comment-author-data .comment-author-name {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 80px;
  height: 16px;
  border-radius: 6px;
}
.comment-block.skeleton .comment-timestamp time {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 45px;
  height: 13px;
  border-radius: 6px;
  display: inline-block;
}
.comment-block.skeleton .comment-content {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: calc(100% - 38px);
  height: 18px;
  border-radius: 6px;
}
.comment-block.skeleton .comment-content:last-of-type {
  width: calc(65% - 38px);
  margin-top: 5px;
}

.list-item.skeleton .list-image {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  width: 55px;
  height: 55px;
  border-radius: 999px;
}
.list-item.skeleton .list-data h1,
.list-item.skeleton .list-data h5 {
  border-radius: 999px;
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
}
.list-item.skeleton .list-data h1 {
  width: 92px;
  height: 15px;
  margin-bottom: 10px;
}
.list-item.skeleton .list-data h1:empty::before {
  content: none;
}
.list-item.skeleton .list-data h5 {
  width: 50px;
  height: 9px;
}
.list-item.skeleton .list-cta svg circle {
  fill: #f5f5f5;
  stroke: none;
  fill-opacity: 1;
}
.list-item.skeleton .list-cta svg path {
  display: none;
}

.post-meta-action-group-skeleton.skeleton .skeleton-height-injector {
  min-height: 100dvh;
  position: relative;
}
.post-meta-action-group-skeleton.skeleton p {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  height: 102px;
  padding: 0;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container {
  width: 100%;
  align-items: flex-start;
  top: 35px;
  animation: fade 0.85s ease-in;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container .loader {
  width: 30px;
  height: 30px;
  border-radius: 99px;
}
.post-meta-action-group-skeleton.skeleton .busy-state-container .loader .circular {
  width: 15px;
}

span.skeleton,
p.skeleton {
  -webkit-animation: skeleton-effect 0.7s alternate infinite;
  -moz-animation: skeleton-effect 0.7s alternate infinite;
  -ms-animation: skeleton-effect 0.7s alternate infinite;
  -o-animation: skeleton-effect 0.7s alternate infinite;
  animation: skeleton-effect 0.7s alternate infinite;
  display: block;
  border-radius: 8px;
}

span.skeleton,
p.skeleton {
  width: 25px;
  height: 20px;
}
span.skeleton strong,
p.skeleton strong {
  display: none;
}

.no-avatar-image {
  flex-grow: 1;
  position: relative;
  height: 100px;
  width: 1%;
  max-height: 100px;
  max-width: 100px;
  min-width: 100px;
  min-height: 100px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  border: 3px solid #ffffff;
  border-radius: 999px;
  background-color: #f5f7fc;
  box-sizing: border-box;
  cursor: pointer;
}
.no-avatar-image .profile-avatar {
  background-position: -881px -877px;
  width: 19px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.no-avatar-image figure {
  margin: 0;
}
.no-avatar-image figure img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 99px;
}

.user-photo-container {
  position: relative;
  line-height: 0;
}
.user-photo-container figure {
  margin: 0;
  border-radius: 999px;
}
.user-photo-container figure picture {
  display: inline-block;
  line-height: 0;
}
.user-photo-container figure img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 999px;
  box-sizing: border-box;
}
.user-photo-container .edit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 35px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  .user-photo-container .edit-button {
    right: 5px;
    width: 30px;
    height: 30px;
  }
}
.user-photo-container .edit-button .edit-picture-icon {
  width: 35px;
  height: 35px;
  background-position: -722px -866px;
}
@media screen and (max-width: 767px) {
  .user-photo-container .edit-button .edit-picture-icon {
    background-position: -724px -867px;
  }
}
.user-photo-container.pro-user-image-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-photo-container.pro-user-image-wrapper figure {
  box-shadow: 0 0 0 3px #4d6eff;
}
.user-photo-container.pro-user-image-wrapper figure img {
  position: relative;
  border: 3px solid #ffffff;
}
.user-photo-container.pro-user-image-wrapper .stars-wrapper {
  position: absolute;
  height: 40px;
  width: 40px;
}
.user-photo-container.pro-user-image-wrapper .stars-wrapper .blinking-star {
  position: absolute;
}
.user-photo-container.pro-user-image-wrapper .stars-wrapper .blinking-star.star-1 {
  top: 60px;
  left: -50px;
}
.user-photo-container.pro-user-image-wrapper .stars-wrapper .blinking-star.star-2 {
  top: 20px;
  left: -45px;
}
.user-photo-container.pro-user-image-wrapper .stars-wrapper .blinking-star.star-3 {
  top: -10px;
  left: -15px;
}
.user-photo-container.pro-user-image-wrapper .stck-pro-badge {
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: -15px;
}
@media screen and (max-width: 767px) {
  .user-photo-container.pro-user-image-wrapper .stck-pro-badge {
    padding: 5px 8px;
  }
}
.user-photo-container.pro-user-image-wrapper .stck-pro-badge span {
  font-size: 15px;
  line-height: 15px;
}
@media screen and (max-width: 767px) {
  .user-photo-container.pro-user-image-wrapper .stck-pro-badge span {
    font-size: 12px;
    line-height: 12px;
  }
}
.user-photo-container.pro-user-image-wrapper .no-avatar-image {
  box-shadow: 0 0 0 3px #4d6eff;
}

::placeholder {
  color: #000000;
  opacity: 0.3;
}

:-ms-input-placeholder {
  color: #000000;
  opacity: 0.3;
}

::-ms-input-placeholder {
  color: #000000;
  opacity: 0.3;
}

.password-input::placeholder {
  letter-spacing: 0;
}

.password-input:-ms-input-placeholder {
  letter-spacing: 0;
}

.password-input::-ms-input-placeholder {
  letter-spacing: 0;
}

.password-input {
  letter-spacing: 7px;
}

label,
input,
textarea,
em {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
}

label {
  display: block;
  font-weight: 700;
  margin-bottom: 3px;
}

input,
textarea {
  padding: 0;
  margin: 0;
  margin-top: 12px;
  padding-bottom: 14px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  -webkit-tap-highlight-color: transparent;
}
input:focus,
textarea:focus {
  border-color: #4d6eff;
  outline: none;
  border-radius: none;
}
input.otp-number-input,
textarea.otp-number-input {
  font-weight: 500;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
input :-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea :-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

textarea {
  width: 100%;
  resize: none;
  box-sizing: border-box;
}
textarea.bordered-textarea {
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 15px 20px;
}
textarea.bordered-textarea:hover, textarea.bordered-textarea:active, textarea.bordered-textarea:focus {
  border-color: #ececec;
}

.textarea-with-highlight-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #ececec;
  border-radius: 8px;
}
.textarea-with-highlight-menu textarea {
  padding: 15px 20px;
  box-sizing: border-box;
  margin: 0;
  border-radius: 8px 8px 0 0;
  border: none;
}
.textarea-with-highlight-menu textarea:hover, .textarea-with-highlight-menu textarea:active, .textarea-with-highlight-menu textarea:focus {
  border: none;
}
.textarea-with-highlight-menu ul.highlight-menu {
  position: relative;
  opacity: 1;
  visibility: visible;
  width: 100%;
  flex-direction: row;
  background-color: #f9f9f9;
  box-shadow: none;
  gap: 30px;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0 0 8px 8px;
  padding: 5px 10px;
  box-sizing: border-box;
}
.textarea-with-highlight-menu ul.highlight-menu li {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.textarea-with-highlight-menu ul.highlight-menu li button {
  position: relative;
}

em {
  font-style: normal;
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  margin-top: 5px;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.checkbox {
  margin: 20px 0 35px;
}

.terms-agreement-message {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.5);
  margin: 35px 0;
  text-align: center;
}
.terms-agreement-message a {
  color: rgba(0, 0, 0, 0.75);
  display: inline-block;
}

.input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.input-container i {
  display: block;
  vertical-align: middle;
  background-image: url("../img/stackSprite.png");
}
.input-container .social-icons {
  position: absolute;
  left: 1px;
  top: 23px;
  height: 21px;
  width: 21px;
}
.input-container .input-close-icon {
  background-position: -635px -777px;
  height: 11px;
  width: 11px;
  position: absolute;
  right: 0;
  top: 23px;
}
.input-container .facebook-icon {
  background-position: 4px -220px;
}
.input-container .twitter-icon {
  background-position: -57px -221px;
}
.input-container .linkedin-icon {
  background-position: -126px -219px;
  margin-top: -5px;
}
.input-container .instagram-icon {
  background-position: -196px -219px;
  margin-top: -3px;
}
.input-container .link-icon {
  background-position: -255px -219px;
}
.input-container input {
  width: 100%;
  padding: 0 27px 15px;
  margin: 17px 0;
}
.input-container input.otp-number-input {
  padding-left: 0;
  margin: 0;
}
.input-container .input-with-border {
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 0;
}
.input-container button {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #4d6eff;
  width: auto;
  background-color: transparent;
  box-shadow: none;
  padding: 0 0 16px 0;
  position: absolute;
  top: 0;
  right: 0;
}
.input-container.has-error span,
.input-container.has-error input {
  border-color: #ff5051 !important;
  color: #ff5051 !important;
}

.input-with-icons {
  position: relative;
  margin-bottom: 20px;
}
.input-with-icons input {
  padding-right: 35px;
  box-sizing: border-box;
  width: 100%;
}
.input-with-icons .input-close-icon {
  background-position: -635px -777px;
  height: 11px;
  width: 11px;
  position: absolute;
  right: 0;
  top: 8px;
}
.input-with-icons:last-of-type {
  margin: 0;
}

.price-block-container {
  margin: 20px 0;
}
.price-block-container .price-block-title h5 {
  text-transform: none;
  letter-spacing: initial;
  margin: 0 0 10px 0;
}
.price-block-container .input-container input {
  margin: 0;
}

.search-input-container {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 999px;
  padding: 10px;
}
.search-input-container input {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.search-input-container input:disabled {
  background: transparent;
}
.search-input-container #closeSearch {
  display: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=checkbox] + label {
  color: #9b9b9b;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input[type=checkbox] + label:before {
  content: "";
  background-image: url("../img/stackSprite.png");
  background-position: -552px 1px;
  display: inline-block;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  margin: 0;
  margin-right: 5px;
  margin-top: -4px;
}
input[type=checkbox] + label a {
  color: #a18f7a;
  font-weight: 600;
  text-decoration: none;
}
input[type=checkbox]:checked + label:before {
  background-position: -502px 1px;
}
input[type=checkbox]:disabled + label:before {
  background-position: -502px 1px;
  opacity: 0.25;
  filter: grayscale(1);
}

input[type=radio] + label {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/stackSprite.png");
  margin: 0;
  background-position: -608px -867px;
  height: 33px;
  width: 33px;
}
input[type=radio]:checked + label {
  background-position: -551px -867px;
}

fieldset:has(.form-input-group-container) {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-input-group-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.form-input-group-container .form-input-parent {
  position: relative;
  flex: 1;
}
.form-input-group-container .form-input-parent:not(:has(.price-input-container)) input,
.form-input-group-container .form-input-parent:not(:has(.price-input-container)) textarea {
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 8px;
  margin: 0;
  padding: 20px 15px 10px;
  width: 100%;
  box-sizing: border-box;
}
.form-input-group-container .form-input-parent:not(:has(.price-input-container)) input:focus ~ label, .form-input-group-container .form-input-parent:not(:has(.price-input-container)) input:not(:placeholder-shown) ~ label,
.form-input-group-container .form-input-parent:not(:has(.price-input-container)) textarea:focus ~ label,
.form-input-group-container .form-input-parent:not(:has(.price-input-container)) textarea:not(:placeholder-shown) ~ label {
  font-size: 11px;
  line-height: 12px;
  background-color: #ffffff;
  top: 1px;
  padding: 8px 0 0 15px;
  width: calc(100% - 2px);
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
  left: 1px;
}
.form-input-group-container .form-input-parent label {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #9b9b9b;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  top: 15px;
  left: 15px;
  width: auto;
  transition: 0.2s all;
  cursor: text;
  margin: 0;
  pointer-events: none;
  /* Allows input interaction */
}
.form-input-group-container .form-input-parent .price-input-container {
  display: flex;
  align-self: center;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 8px;
  margin: 0;
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
}
.form-input-group-container .form-input-parent .price-input-container input {
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  padding: 25px 0 10px;
  font-weight: 600;
}
.form-input-group-container .form-input-parent .price-input-container + label {
  font-size: 11px;
  line-height: 12px;
  top: 12px;
  background-color: #ffffff;
  padding: 0;
}
.form-input-group-container .form-input-parent .price-input-container .amount-input-prefix {
  font-family: "IBM Plex Sans", sans-serif;
  padding: 25px 5px 10px 0;
  font-size: 15px;
  text-align: center;
  line-height: 23px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .input-container i,
input[type=checkbox] + label:before,
input[type=radio] + label {
    background-image: url("../img/stackSprite_3x.png");
    background-size: 1200px 1200px;
    -webkit-background-size: 1200px 1200px;
    -moz-background-size: 1200px 1200px;
  }
}
.form-dropdown-container {
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 10px 15px;
  position: relative;
  overflow: hidden;
  min-height: 66px;
  box-sizing: border-box;
}
.form-dropdown-container label {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: #9b9b9b;
  line-height: 12px;
  font-weight: 400;
}
.form-dropdown-container .form-dropdown-select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 18px;
  padding-left: 15px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 18px;
  appearance: none;
  outline: none;
  margin-left: auto;
  border: none;
  background: transparent;
  width: 100%;
  color: #000000;
}
.form-dropdown-container .form-dropdown-icon {
  position: absolute;
  line-height: 0;
  top: 0;
  right: 0;
  background-color: #ffffff;
  height: 100%;
  padding-right: 15px;
  padding-top: 25px;
  padding-left: 10px;
  pointer-events: none;
}

.form-datepicker-container {
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 10px 15px;
  position: relative;
  overflow: hidden;
  min-height: 66px;
  box-sizing: border-box;
}
.form-datepicker-container label {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: #9b9b9b;
  line-height: 12px;
  font-weight: 400;
}
.form-datepicker-container input[type=date],
.form-datepicker-container input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 18px;
  padding-left: 15px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 18px;
  appearance: none;
  outline: none;
  margin-left: auto;
  border: none;
  background: transparent;
  width: 100%;
  color: #000000;
}
.form-datepicker-container input[type=date]::-webkit-datetime-edit-year-field,
.form-datepicker-container input[type=date]::-webkit-calendar-picker-indicator::-webkit-datetime-edit-year-field {
  color: #000000;
}
.form-datepicker-container .form-dropdown-icon {
  position: absolute;
  line-height: 0;
  top: 0;
  right: 0;
  background-color: #ffffff;
  height: 100%;
  padding-right: 15px;
  padding-top: 25px;
  padding-left: 10px;
  pointer-events: none;
}

.pseudo-textbox {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 11px 15px;
  border: 1px solid rgba(205, 232, 255, 0.7);
  border-radius: 8px;
  box-shadow: 0 12px 20px 0 rgba(45, 135, 188, 0.1);
  min-height: 53px;
  box-sizing: border-box;
}
.pseudo-textbox.pseudo-textbox-link-copied {
  border-color: rgba(102, 182, 89, 0.2);
  box-shadow: 0 12px 20px 0 rgba(102, 182, 89, 0.1);
  justify-content: center;
}
.pseudo-textbox .icon {
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
}
.pseudo-textbox .icon.mail-icon {
  background-position: -509px -438px;
}
.pseudo-textbox .icon.button-arrow-icon {
  background-position: -421px -438px;
}
.pseudo-textbox .icon.share-stack-icon {
  background-position: -465px -438px;
}
.pseudo-textbox .pseudo-textbox-copy {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: #000000;
  -webkit-line-clamp: 1;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: left;
}
.pseudo-textbox .button {
  margin-left: auto;
  padding: 8px 15px;
  border-radius: 999px;
  box-sizing: border-box;
}
.pseudo-textbox .button span {
  font-size: 13px;
  line-height: 13px;
}

.pseudo-textbox-container a {
  text-decoration: none;
}
.pseudo-textbox-container.send-message-pseudo-textbox-container .button {
  padding: 0;
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pseudo-textbox-container .link-copied-confirmation {
  font-family: "IBM Plex Sans", sans-serif;
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  color: #66b659;
  margin-top: 10px;
}

.amount-input-container {
  display: flex;
  max-width: 315px;
}
.amount-input-container label {
  display: block;
  min-width: 52px;
  width: 52px;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
  text-align: center;
  padding: 13px 0;
  margin: 0;
  border-radius: 8px 0 0 8px;
  border: 1px solid #ececec;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.amount-input-container input {
  width: 100%;
  padding: 13px 20px;
  margin: 0;
  border-radius: 0 8px 8px 0;
  border: 1px solid #ececec;
  border-left: 0;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  font-weight: 700;
}
.amount-input-container input::placeholder {
  font-weight: normal;
}

button.fixed-button {
  position: fixed;
  background-color: #000000;
  left: 50%;
  bottom: 45px;
  width: max-content;
  color: #ffffff;
  transform: translateX(-50%);
  padding: 16px 20px;
  border-radius: 999px;
}

@media (max-width: 767px) {
  button.fixed-button {
    padding: 18px 20px;
  }
}
button.danger-button span {
  color: #ff5051;
}
button.danger-red-button {
  background-color: #ff5051;
}
button.danger-red-button span {
  color: #ffffff;
}

button.dark-button {
  background-color: #000000;
  color: #ffffff;
}

button.blue-button {
  background-color: #4d6eff;
  color: #ffffff;
  transition: background 0.5s ease;
}
button.blue-button:not([disabled]) {
  box-shadow: none;
}
button.blue-button span {
  color: #ffffff;
}
button.blue-button:hover {
  background-color: #1a44ff;
}
button.blue-button:disabled:not(.button-loading) {
  background-color: rgba(155, 155, 155, 0.1);
  color: #9b9b9b;
}
button.blue-button:disabled:not(.button-loading) span {
  color: #9b9b9b;
}

button.whatsapp-button {
  background-image: linear-gradient(225deg, #128c7e, #25d366, #128c7e);
  background-size: 200% 200%;
  animation: wa-gradient 25s infinite alternate;
  box-shadow: 0 8px 25px 0 rgba(20, 148, 123, 0.45);
}
@keyframes wa-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
button.whatsapp-button span {
  color: #ffffff;
}
button.whatsapp-button .white-tick-icon {
  margin-right: 5px;
}
button.whatsapp-button.button-loading {
  position: relative;
  background-image: transparent;
  z-index: 1;
  overflow: hidden;
}
button.whatsapp-button.button-loading::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 53px;
  background-image: linear-gradient(225deg, #128c7e, #25d366, #128c7e);
  background-size: 200% 200%;
  border-radius: 99px;
  animation: wa-gradient 25s infinite alternate;
  z-index: -1;
}
button.whatsapp-button.button-loading::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 53px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  animation: zebra-stripe-animation 3s infinite linear;
  z-index: 2;
}

button.invite-friends-button {
  transition: box-shadow 0.25s ease;
  box-shadow: 5px 0px 10px 2px rgba(240, 164, 33, 0.1), 0px 5px 10px 2px rgba(240, 164, 33, 0.05);
}
@media screen and (min-width: 1024px) {
  button.invite-friends-button:hover {
    box-shadow: 5px 0px 10px 2px rgba(240, 164, 33, 0.15), 0px 5px 10px 2px rgba(240, 164, 33, 0.1);
  }
}

button.light-button {
  background-color: #ffffff;
  color: #000000;
}
button.light-button span {
  color: #000000;
}

button.gold-button {
  background: #ffffff;
  background-clip: padding-box;
  position: relative;
}
button.gold-button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background: linear-gradient(to right, #a2742a, #d5c05b);
}
button.gold-button span {
  background: linear-gradient(to right, #a2742a, #d5c05b);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: inherit;
}

button.golden-background-button {
  background: linear-gradient(116.36deg, #a2742a -0.48%, #d5c05b 103.89%, #826126 166.58%);
  position: relative;
  border-radius: 6px;
  padding: 8px 10px;
}
button.golden-background-button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
  margin: 0;
}

button.transparent-button {
  background-color: transparent;
  color: #ffffff;
  box-shadow: none;
}

button.button-loading {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  transition: width 0.5s ease-in-out;
  background-size: 50px 50px;
  animation: zebra-stripe-animation 3s infinite linear;
  cursor: default;
}
button.button-loading:hover {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  transition: width 0.5s ease-in-out;
  background-size: 50px 50px;
  animation: zebra-stripe-animation 3s infinite linear;
}
button.button-loading.light-button {
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.035) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.035) 50%, rgba(0, 0, 0, 0.035) 75%, transparent 75%, transparent);
  transition: width 0.5s ease-in-out;
  background-size: 50px 50px;
  animation: zebra-stripe-animation 3s infinite linear;
}
button.button-loading.light-button:hover {
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.035) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.035) 50%, rgba(0, 0, 0, 0.035) 75%, transparent 75%, transparent);
  transition: width 0.5s ease-in-out;
  background-size: 50px 50px;
  animation: zebra-stripe-animation 3s infinite linear;
}
button.button-loading.colourful-god-ray-button:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.085) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.085) 50%, rgba(0, 0, 0, 0.085) 75%, transparent 75%, transparent);
  transition: width 0.5s ease-in-out;
  background-size: 50px 50px;
  animation: zebra-stripe-animation 3s infinite linear;
  border-radius: 999px;
}

button.info-button {
  display: flex;
  flex-direction: row;
  background-color: #000000;
  border-radius: 8px;
  margin: 30px 0 0;
  padding: 13px 30px;
  min-height: 58px;
}
button.info-button .info span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 11px;
  font-weight: 500;
  letter-spacing: 0.11px;
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
}
button.info-button .info.amount {
  display: flex;
  flex-direction: column;
  text-align: left;
}
button.info-button .info.amount h3,
button.info-button .info.amount small {
  font-family: "IBM Plex Sans", sans-serif;
  color: #ffffff;
}
button.info-button .info.amount h3 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin: 0;
  letter-spacing: 0.11px;
}
button.info-button .info.amount small {
  color: #9b9b9b;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.08px;
  opacity: 1;
}
button.info-button .info span {
  opacity: 1;
}
button.info-button h4,
button.info-button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.13px;
  margin: 0;
  margin-left: auto;
  color: white;
}
button.info-button span {
  margin: 0;
}
button.info-button.disabled, button.info-button:disabled {
  background-color: #ffffff;
}
button.info-button.disabled *, button.info-button:disabled * {
  color: rgba(0, 0, 0, 0.2);
}
button.info-button.disabled .info span, button.info-button:disabled .info span {
  color: rgba(0, 0, 0, 0.2);
}
button.info-button.disabled .info.amount h3,
button.info-button.disabled .info.amount small, button.info-button:disabled .info.amount h3,
button.info-button:disabled .info.amount small {
  color: rgba(0, 0, 0, 0.2);
}

button.button-saved-card {
  background: rgba(51, 102, 204, 0.1);
  box-shadow: none;
  min-height: 58px;
}
button.button-saved-card span {
  font-weight: 500;
}

button.button-edge-to-edge {
  width: 100%;
}

button.tiny-button {
  width: max-content;
  padding: 8px 3px;
  border-radius: 8px;
}
button.tiny-button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.5);
}

.show-more-button {
  border-radius: 999px;
  padding: 10px 20px;
  margin: 35px auto 0;
}
.show-more-button.tiny-button {
  border-radius: 999px;
  padding: 10px 20px;
}
.show-more-button span {
  line-height: 13px;
}
.show-more-button .down-arrow-icon {
  width: 6px;
  height: 11px;
  background-position: -550px -588px;
  margin-left: 5px;
}
.show-more-button.show-replies-button {
  background: transparent;
  box-shadow: none;
  margin: 15px 0 15px 40px;
}
@media screen and (max-width: 767px) {
  .show-more-button.show-replies-button {
    margin-left: 20px;
  }
}
.show-more-button.show-replies-button span {
  color: #4d6eff;
}
.show-more-button.show-replies-button .down-arrow-icon {
  background-position: -350px -339px;
}
.show-more-button.show-replies-button .more-replies-dash-icon {
  width: 20px;
  height: 2px;
  background-position: -369px -344px;
  margin-right: 5px;
}

@media (hover: hover) and (pointer: fine) {
  .show-more-button:not(.show-replies-button) {
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .show-more-button:not(.show-replies-button):hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px 3px rgba(155, 155, 155, 0.2);
  }
  .show-more-button:not(.show-replies-button):active {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px 2px rgba(155, 155, 155, 0.1);
  }
}
@media (hover: none) and (pointer: coarse) {
  .show-more-button:not(.show-replies-button):active {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px 2px rgba(155, 155, 155, 0.1);
  }
}
button.button-with-icon-only {
  box-shadow: none;
  background-color: transparent;
}
button.button-with-icon-only:not(.menu-button) {
  padding: 0;
}

button i {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-image: url("../img/stackSprite.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  button i {
    background-image: url("../img/stackSprite_3x.png");
    background-size: 1200px 1200px;
    -webkit-background-size: 1200px 1200px;
    -moz-background-size: 1200px 1200px;
  }
}
button .arrow-icon {
  background-position: -892px -775px;
  width: 8px;
  height: 13px;
  margin-left: auto;
}
button .arrow-icon-white {
  background-position: -863px -735px;
  width: 8px;
  height: 13px;
  margin-left: auto;
}
button .right-icon {
  background-position: -892px -736px;
  width: 8px;
  height: 13px;
  margin-left: auto;
}
button .edit-icon {
  background-position: -855px -776px;
  width: 13px;
  height: 12px;
}
button .danger-arrow-icon {
  background-position: -831px -737px;
  width: 8px;
  height: 12px;
  margin-left: auto;
}
button .add-new-post-icon {
  background-position: -182px -567px;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  border-radius: 999px;
}
button .edit-pen-icon {
  background-position: -750px -33px;
  width: 15px;
  height: 14px;
  margin-right: 7px;
}
button .dot-menu-icon {
  background-position: -182px -345px;
  width: 18px;
  height: 4px;
}
button .blob-notification-icon {
  background-position: -750px -61px;
  width: 35px;
  height: 31px;
  margin-right: 6px;
}
button .download-icon {
  background-position: -632px -825px;
  width: 17px;
  height: 15px;
  margin-right: 10px;
}
button .download-white-icon {
  background-position: -601px -825px;
  width: 17px;
  height: 15px;
  margin-right: 10px;
}

button.text-button {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
button.text-button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: #000000;
  margin: 0;
}

button.flat-button {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 8px;
  color: #000000;
  box-shadow: none;
  box-sizing: border-box;
  padding: 17px 0;
  width: 100%;
  justify-content: center;
}
button.flat-button span {
  font-family: "IBM Plex Sans", sans-serif;
  color: #000000;
  margin: 0;
  line-height: 18px;
}
button.thick-flat-button {
  border: 2px solid #000000;
}
button.thin-flat-button {
  border: 1px solid #000000;
}

@media (max-width: 767px) {
  button.flat-button {
    justify-content: center;
    padding: 17px 0;
  }
}
button.gray-button {
  background: #fafafa;
  border: 1px solid #f1f1f1;
  box-shadow: none;
  color: #000000;
}
button.gray-button span {
  color: #000000;
}

button.rounded-button {
  border-radius: 999px !important;
}

button.follow-button {
  background-color: #000000;
  position: relative;
  transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
  button.follow-button {
    transition: transform 0.2s, box-shadow 0.2s;
  }
  button.follow-button:hover {
    background-color: #333333;
    transform: translateY(-3px);
  }
  button.follow-button:active {
    transform: translateY(-1px);
  }
}
@media (hover: none) and (pointer: coarse) {
  button.follow-button:active {
    transform: translateY(2px);
  }
}
button.follow-button span {
  color: #ffffff;
}
button.follow-button.following-button {
  background-color: #fafaf9;
}
button.follow-button.following-button span {
  color: #000000;
}

button.gradient-button:not([disabled]) {
  background: linear-gradient(134.72deg, #ff5f2c 0%, #ff2d4e 50.24%, #ea009e 101.15%);
}
button.gradient-button:not([disabled]):not(.border-gradient-button):hover {
  background: linear-gradient(115.89deg, #ff3e00 0%, #ff922d 50%, #ff007a 100%);
  background-size: 500%;
  animation-name: gradient-gleam-effect;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
button.gradient-button span {
  color: #ffffff;
}
button.gradient-button.border-gradient-button {
  background: linear-gradient(#fff, #fff) content-box, linear-gradient(115.89deg, #ff5f2c 0%, #ff2d4e 50%, #ea009e 100%) border-box;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: none;
}
button.gradient-button.border-gradient-button span {
  background: linear-gradient(115.89deg, #ff2cce 0%, #ff2d4e 50%, #ea009e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 8px 15px;
}
button.blue-gradient-button {
  border: 1px solid transparent;
  background: linear-gradient(96.28deg, #3023ae 4.41%, #3366cc 97.09%) content-box, linear-gradient(96.28deg, #3023ae 4.41%, #3366cc 97.09%) border-box;
  position: relative;
  padding: 0;
}
button.blue-gradient-button span {
  width: inherit;
  color: #ffffff;
  padding: 17px 0;
}
button.orange-gradient-button:not([disabled]) {
  background-image: linear-gradient(135deg, #faa661 0%, #ff5722 100%);
}
button.bright-orange-gradient-button:not([disabled]) {
  background-image: linear-gradient(-45deg, #ffa303 0%, #ff5909 53%, #fb0210 100%);
}
button.bright-orange-gradient-button:not([disabled]) span {
  color: #ffffff;
}
button.bright-orange-gradient-button:not([disabled]):hover {
  background-image: linear-gradient(-45deg, #ffa303 0%, #ff5909 53%, #fb0210 100%);
  background-size: 200%;
  animation-name: gradient-gleam-effect;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.liked-state {
  color: #f05959;
}

.showcase-button {
  padding: 0;
  justify-content: flex-start !important;
  border-radius: 16px !important;
  box-shadow: 0px 10px 20px 5px rgba(155, 155, 155, 0.1);
  border: 1px solid #f5f5f7;
}
.showcase-button .showcase-button-icon {
  width: 62px;
  height: 62px;
  background-color: #f9f9f9;
  border-radius: 16px 0 0 16px;
  margin-right: 20px;
}
.showcase-button span {
  font-size: 14px;
  line-height: 15px;
}
.showcase-button .cta-arrow-icon {
  width: 13px;
  height: 10px;
  background-position: -691px -626px;
  margin-left: auto;
  right: 20px;
}

.close-button {
  height: 32px;
  width: 32px;
  background: #ececec;
  position: absolute;
  top: -16px;
  right: 30px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.close-button .close-icon {
  background-position: -673px -888px;
  width: 12px;
  height: 12px;
}

button.primary-button {
  background-color: #4d6eff;
  color: #ffffff;
}
button.primary-button:not([disabled]) {
  box-shadow: none;
}
button.primary-button span {
  color: #ffffff;
}
button.primary-button:hover {
  background-color: #718bff;
}
button.primary-button:hover.button-loading {
  background-color: #4d6eff;
}

button.pro-secondary-button {
  background-color: #4d6eff;
  color: #ffffff;
  transition: background 0.5s ease;
}
button.pro-secondary-button:not([disabled]) {
  box-shadow: none;
}
button.pro-secondary-button span {
  color: #ffffff;
}
button.pro-secondary-button:hover {
  background-color: #1a44ff;
}
button.pro-secondary-button:disabled:not(.button-loading) {
  background-color: rgba(155, 155, 155, 0.1);
  color: #9b9b9b;
}
button.pro-secondary-button:disabled:not(.button-loading) span {
  color: #9b9b9b;
}

.button-group {
  display: inline-flex;
  gap: 15px;
}
.button-group button {
  width: 100%;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .button-group {
    display: flex;
    flex-direction: column;
  }
}

.button.border-button {
  border: 2px solid #000000;
  padding: 12px 0;
  gap: 5px;
}
.button.border-button span {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.button.border-button .icon {
  margin: 0;
}

.modal-container .modal-content .modal-body .button.border-button span {
  font-family: "Poppins", sans-serif;
}

.create-post-cta-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.create-post-cta-container a {
  width: 100%;
  display: flex;
  color: #000000;
  text-decoration: none;
}
.create-post-cta-container ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
.create-post-cta-container ul li {
  flex: 1;
  flex-basis: calc(50% - 10px);
  margin: 0;
}
.create-post-cta-container ul li .button {
  border: 1px solid #ececec;
  padding: 8px 0;
  width: 100%;
  box-shadow: none;
  color: #000000;
}
.create-post-cta-container ul li .button span {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 14px;
}
.create-post-cta-container.animated-create-post-cta-container {
  min-height: calc(52px + 25px);
}
.create-post-cta-container.animated-create-post-cta-container a {
  justify-content: center;
}
.create-post-cta-container.animated-create-post-cta-container .create-button {
  flex: initial;
  opacity: 0;
  width: 1px;
  height: 1px;
  animation: animated-create-post-button 1.45s forwards, god-ray-button-animation 16s linear infinite;
  padding: 0;
}
.create-post-cta-container.animated-create-post-cta-container .create-button > span,
.create-post-cta-container.animated-create-post-cta-container .create-button .icon,
.create-post-cta-container.animated-create-post-cta-container .create-button ul {
  opacity: 0;
  animation: fade 1.45s forwards;
  animation-delay: 1.45s;
  z-index: 1;
}

.create-button {
  color: #ffffff;
  justify-content: center;
  flex: 1;
  gap: 5px;
  padding: 15px 0;
  box-sizing: border-box;
  background-color: #4d6eff;
  border-radius: 12px;
  transition: 0.35s ease-in-out background-color;
}
.create-button span {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
}
.create-button:hover {
  background-color: #3459ff;
}
.create-button .placeholder-texts-container {
  display: none;
  position: relative;
  padding: 0;
  margin: 0;
  min-width: 56px;
}
.create-button .placeholder-texts-container .placeholder-text {
  display: none;
  transform: translateY(10px);
  transition: opacity 0.5s;
}
.create-button .placeholder-texts-container .placeholder-text.active {
  display: flex;
  transform: translateY(0);
  animation: slideUpAndOut 4s ease forwards;
}
.create-button.animated-text .placeholder-texts-container {
  display: flex;
}

.user-mini-profile-content .create-button {
  color: #ffffff;
  margin: 25px auto 0;
}
.user-mini-profile-content .create-button span {
  color: #ffffff;
  font-size: 15px;
  line-height: 16px;
}
@media screen and (min-width: 768px) {
  .user-mini-profile-content .create-button {
    max-width: 300px;
  }
}

@keyframes animated-create-post-button {
  0% {
    flex: initial;
    opacity: 0;
    transform: scale(0.1);
    width: 0px;
    height: 0px;
  }
  25% {
    opacity: 0.35;
    flex: initial;
  }
  50% {
    flex: initial;
    opacity: 0.65;
    width: 52px;
    height: 52px;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    flex: 1;
    height: 52px;
  }
}
button.god-ray-button {
  background-color: #000000;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 6px 6px 0 rgba(0, 0, 0, 0.08), 0 11px 11px 0 rgba(0, 0, 0, 0.12), 0 20px 20px 0 rgba(0, 0, 0, 0.15), 0 40px 40px 0 rgba(0, 0, 0, 0.2);
  padding: 22px 0;
  border: none;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  text-align: center;
  user-select: none;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  button.god-ray-button {
    width: 100%;
  }
}
button.god-ray-button span {
  color: #ffffff;
}
button.god-ray-button.colourful-god-ray-button {
  background: linear-gradient(-45deg, #4d6eff, #7f67db, #ff5722, #ffa20d);
  background-size: 600%;
  animation: god-ray-button-animation 16s linear infinite;
  box-shadow: none;
  position: relative;
  padding: 17px 0;
  border-radius: 999px;
}
button.god-ray-button.colourful-god-ray-button span {
  z-index: 1;
}
button.god-ray-button.colourful-god-ray-button::after {
  content: "";
  height: 80%;
  width: 100%;
  position: absolute;
  top: 17px;
  filter: blur(20px);
  -webkit-filter: blur(20px);
  opacity: 0.75;
  background: linear-gradient(-45deg, #4d6eff, #7f67db, #ff5722, #ffa20d);
  background-size: 600%;
  animation: god-ray-button-animation 16s linear infinite;
  border-radius: 999px;
}

.button.back-button {
  background-color: #f1f1f1;
  width: 42px;
  height: 42px;
  min-width: 42px;
  box-shadow: none;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.button.back-button:hover {
  background-color: #e4e4e4;
}

button {
  background-color: #ffffff;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  padding: 19px 24px;
  border-radius: 99px;
}
button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
}
button.disabled-button, button.disabled, button:disabled:not(.button-loading) {
  background-color: #ffffff;
  box-shadow: none;
}
button.disabled-button span, button.disabled span, button:disabled:not(.button-loading) span {
  color: rgba(0, 0, 0, 0.2);
}
button .right-arrow-icon {
  margin-left: 15px;
}

.button-wrapper {
  color: #000000;
  text-decoration: none;
}

.flex-buttons-container {
  display: flex;
  padding: 0;
}
.flex-buttons-container.no-padding {
  align-items: flex-start;
  padding: 0;
  max-width: 348px;
  margin: 35px auto;
}
.flex-buttons-container.no-padding > li {
  border: none;
  margin-right: 25px;
}
.flex-buttons-container.no-padding > li:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .flex-buttons-container.no-padding > li {
    border-right: 1px solid #f5f5f7;
  }
  .flex-buttons-container.no-padding > li:last-of-type {
    border: none;
  }
}
.flex-buttons-container.no-padding > li button {
  border-radius: 12px;
  padding: 20px 0;
  box-shadow: 0px 10px 20px 5px rgba(155, 155, 155, 0.1);
  border: 1px solid #f5f5f7;
}
@media screen and (max-width: 767px) {
  .flex-buttons-container.no-padding > li button {
    box-shadow: none;
    border: none;
    padding: 14px 0;
  }
}
@media screen and (max-width: 767px) {
  .flex-buttons-container {
    align-items: center;
  }
}
.flex-buttons-container > li {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .flex-buttons-container > li {
    border-right: 1px solid #f5f5f7;
  }
  .flex-buttons-container > li:last-of-type {
    border: none;
  }
}
.flex-buttons-container > li > button {
  width: 100%;
  justify-content: center;
  padding: 15px 0;
}
@media screen and (max-width: 767px) {
  .flex-buttons-container > li > button {
    padding: 10px 0;
    border-radius: 0;
  }
}
.flex-buttons-container > li > button > span {
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  margin-left: 5px;
  color: #000000;
}
.flex-buttons-container > li > button > span.liked-state {
  color: #f05959;
}
.flex-buttons-container > li .social-share-buttons {
  margin: 0;
}
.flex-buttons-container > li .social-share-buttons li {
  margin-right: 12px;
}
.flex-buttons-container > li .social-share-buttons li:last-of-type {
  margin: 0;
}

article .flex-buttons-container.share-sheet {
  max-width: initial;
  margin: 25px 0;
}
article .flex-buttons-container.share-sheet li {
  flex: none;
  margin-right: 15px;
  border: none;
}
@media screen and (max-width: 767px) {
  article .flex-buttons-container.share-sheet li {
    margin-right: 10px;
  }
}
article .flex-buttons-container.share-sheet li > button {
  min-width: 100px;
  max-width: 100px;
  border: 1px solid #f5f5f7;
  border-radius: 999px;
  padding: 12px 19px;
  box-shadow: none;
  box-sizing: border-box;
}
@media (hover: hover) and (pointer: fine) {
  article .flex-buttons-container.share-sheet li > button {
    transition: transform 0.2s, box-shadow 0.2s;
  }
  article .flex-buttons-container.share-sheet li > button:hover {
    background-color: #f5f5f7;
    transform: translateY(-3px);
    border-color: #ececec;
  }
  article .flex-buttons-container.share-sheet li > button:active {
    transform: translateY(-1px);
  }
}
@media (hover: none) and (pointer: coarse) {
  article .flex-buttons-container.share-sheet li > button:active {
    transform: translateY(2px);
  }
}
@media screen and (max-width: 767px) {
  article .flex-buttons-container.share-sheet li > button {
    min-width: initial;
  }
}
article .flex-buttons-container.share-sheet li:nth-child(3) {
  margin: 0;
  margin-left: auto;
}
article .flex-buttons-container.share-sheet .more-menu-button-container {
  position: relative;
  margin: 0 0 0 15px;
}
@media screen and (max-width: 767px) {
  article .flex-buttons-container.share-sheet .more-menu-button-container {
    margin: 0 0 0 10px;
  }
}
article .flex-buttons-container.share-sheet .more-menu-button-container > button {
  max-width: 46px;
  min-width: 46px;
  max-height: 46px;
  min-height: 46px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  article .flex-buttons-container.share-sheet .more-menu-button-container .menu-popover {
    top: 55px;
    right: -67px;
  }
}
article header .flex-buttons-container.share-sheet {
  width: 100%;
  margin: 0;
  border-top: 1px solid #ececec;
  padding: 25px 0 0 0;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  article header .flex-buttons-container.share-sheet li:nth-child(3) > button {
    min-width: 46px;
    width: 46px;
  }
}
@media screen and (max-width: 767px) {
  article header .flex-buttons-container.share-sheet li:nth-child(3) span {
    display: none;
  }
}

.section-separator-with-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 25px 0 20px;
  width: 100%;
  z-index: 1;
}
.section-separator-with-label::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #ececec;
  z-index: -1;
}
.section-separator-with-label span {
  font-family: "IBM Plex Sans", sans-serif;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: 3.45px;
  text-transform: uppercase;
  padding: 0 8px;
}
.section-separator-with-label.transparent-label::before, .section-separator-with-label.transparent-label::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #ececec;
}
.section-separator-with-label.transparent-label span {
  background-color: transparent;
}

.modal-container .modal-content .modal-header {
  width: 100%;
}
.modal-container .modal-content .modal-header.modal-header-with-image .modal-info-block .content {
  margin-top: 20px;
}
.modal-container .modal-content .modal-header .modal-header-subhead {
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  margin: 5px 30px;
}
.modal-container .modal-content .modal-header:has(.modal-info-block) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px 30px 25px 30px;
  box-sizing: border-box;
  gap: 15px;
}
.modal-container .modal-content .modal-header:has(.modal-info-block) + .modal-body {
  padding-top: 0;
}
.modal-container .modal-content .modal-header:has(.modal-info-block) .modal-info-block {
  padding: 0;
}
.modal-container .modal-content .modal-header:has(.modal-info-block) .modal-info-block + .close-modal {
  position: relative;
  top: initial;
  right: initial;
  min-width: 32px;
}
.modal-container .modal-content .modal-header:has(.modal-info-block) .modal-info-block .content small {
  display: block;
  margin-top: 15px;
}
.modal-container .modal-content .modal-header:has(.modal-info-block) .modal-info-block .content .modal-info-block-content-icon-container {
  margin-bottom: 15px;
}
.modal-container .modal-content .modal-info-block {
  background: #ffffff;
  display: flex;
  padding: 30px;
  border-radius: 12px 12px 0 0;
}
.modal-container .modal-content .modal-info-block h1 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
}
.modal-container .modal-content .modal-info-block small {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
}
.modal-container .modal-content .story-info-block {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
  padding: 25px 30px 10px;
  list-style: none;
  box-sizing: border-box;
}
.modal-container .modal-content .story-info-block figure {
  margin: 0 !important;
  line-height: 0;
  padding-right: 10px;
}
.modal-container .modal-content .story-info-block figure img {
  min-width: 63px !important;
  max-width: 63px !important;
  min-height: 55px !important;
  max-height: 55px !important;
  height: 100% !important;
  object-fit: cover !important;
  border: none;
  border-radius: 8px !important;
  box-sizing: border-box;
}
.modal-container .modal-content .story-info-block .content {
  display: flex;
  flex: initial;
  flex-direction: column;
  justify-content: center;
  margin: 0 !important;
}
.modal-container .modal-content .story-info-block .content span,
.modal-container .modal-content .story-info-block .content h1,
.modal-container .modal-content .story-info-block .content small,
.modal-container .modal-content .story-info-block .content h4 {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container .modal-content .story-info-block .content span {
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  margin-bottom: 5px;
  opacity: 0.5;
}
.modal-container .modal-content .story-info-block .content h1 {
  font-size: 15px !important;
  line-height: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 5px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 230px;
}
.modal-container .modal-content .story-info-block .content small {
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  color: #9b9b9b;
}
.modal-container .modal-content .story-info-block .content small.price-tag {
  color: #7ed321;
  text-transform: uppercase;
  font-weight: 600;
}
.modal-container .modal-content .story-info-block .content h4 {
  position: absolute;
  top: 46px;
  right: 30px;
  font-size: 19px;
  line-height: 13px;
  font-weight: 700;
}
.modal-container .modal-content .close-modal {
  height: 32px;
  width: 32px;
  background: #ececec;
  position: absolute;
  top: -16px;
  right: 30px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}
.modal-container .modal-content .close-modal .close-icon {
  background-position: -673px -888px;
  width: 12px;
  height: 12px;
}

@media (max-width: 767px) {
  .modal-container .modal-content .story-info-block figure img {
    min-width: 53px !important;
    max-width: 53px !important;
    min-height: 43px !important;
    max-height: 43px !important;
  }
  .modal-container .modal-content .story-info-block .content h1 {
    width: 170px;
  }
  .modal-container .modal-content .story-info-block .content h4 {
    top: 38px;
  }
}
@media screen and (min-width: 1024px) {
  .modal-container .modal-content.column-layout {
    max-width: 735px;
  }
  .modal-container .modal-content.column-layout .modal-body {
    display: flex;
    padding: 0;
  }
  .modal-container .modal-content.column-layout .col {
    padding: 25px 20px;
    flex: 1;
    box-sizing: border-box;
  }
  .modal-container .modal-content.column-layout .col.col-has-gray-bg {
    background-color: #f5f5f5;
  }
}

.modal-container .modal-content .modal-body .modal-list-items {
  display: flex;
  flex-direction: column;
  margin: 0;
  margin-bottom: 30px;
}
.modal-container .modal-content .modal-body .modal-list-items li {
  margin: 0;
  border-bottom: 1px solid #ececec;
}
.modal-container .modal-content .modal-body .modal-list-items li:first-of-type {
  padding-top: 0;
}
.modal-container .modal-content .modal-body .modal-list-items li:first-of-type a {
  padding-top: 0;
}
.modal-container .modal-content .modal-body .modal-list-items li:last-of-type {
  border: none;
}
.modal-container .modal-content .modal-body .modal-list-items li:last-of-type a {
  padding-bottom: 0;
}
.modal-container .modal-content .modal-body .modal-list-items li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000000;
  margin: 0;
  padding: 20px 0;
}
.modal-container .modal-content .modal-body .modal-list-items li p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}
.modal-container .modal-content .modal-body .modal-list-items li .selected-tick-icon {
  background-position: -407px -1px;
  width: 20px;
  height: 20px;
  margin-left: auto;
}

@media (max-width: 767px) {
  .modal-container .modal-content .modal-body .modal-list-items li p {
    display: block;
  }
}
.processing-icon {
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-left-color: #000000;
  -webkit-animation: loader-spin 1.2s infinite linear;
  -moz-animation: loader-spin 1.2s infinite linear;
  -ms-animation: loader-spin 1.2s infinite linear;
  -o-animation: loader-spin 1.2s infinite linear;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.processing-icon.is-completed {
  -webkit-animation: none;
  animation: none;
  border-color: #000000;
  background: #000000;
  transition: border-color 500ms ease-out;
}
.processing-icon.is-completed .checkmark {
  display: block;
}
.processing-icon .checkmark {
  display: none;
}
.processing-icon .checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.processing-icon .checkmark:after {
  opacity: 1;
  height: 30px;
  width: 15px;
  transform-origin: left top;
  border-right: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  content: "";
  left: 13px;
  top: 30px;
  position: absolute;
}

.modal-container .modal-content .payment-processing-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px;
}
.modal-container .modal-content .payment-processing-block h3,
.modal-container .modal-content .payment-processing-block p,
.modal-container .modal-content .payment-processing-block small.modal-section-subheading,
.modal-container .modal-content .payment-processing-block h6 {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
}
.modal-container .modal-content .payment-processing-block p,
.modal-container .modal-content .payment-processing-block small.modal-section-subheading,
.modal-container .modal-content .payment-processing-block h6 {
  font-size: 15px;
  line-height: 23px;
}
.modal-container .modal-content .payment-processing-block h3 {
  font-size: 21px;
  line-height: 32px;
  margin-bottom: 5px;
  margin-top: 20px;
}
.modal-container .modal-content .payment-processing-block p {
  font-weight: 400;
  opacity: 0.7;
  margin: 0;
}
.modal-container .modal-content .payment-processing-block small.modal-section-subheading {
  margin: 25px 0 5px;
}
.modal-container .modal-content .payment-processing-block h6 {
  margin-top: 45px;
}
.modal-container .modal-content .payment-processing-block figure {
  margin: 0;
}
.modal-container .modal-content .payment-processing-block figure picture {
  display: block;
  line-height: 0;
}
.modal-container .modal-content .payment-processing-block figure img {
  width: 50px;
  height: 50px;
}
.modal-container .modal-content .payment-processing-block .purchase-completed-cta-container {
  width: 100%;
  margin-top: 35px;
}
.modal-container .modal-content .payment-processing-block .purchase-completed-cta-container li:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .modal-container .modal-content .payment-processing-block .purchase-completed-cta-container li {
    margin-bottom: 15px;
  }
  .modal-container .modal-content .payment-processing-block .purchase-completed-cta-container li:last-of-type {
    margin-bottom: 0;
  }
}

.modal-container.fluid-modal-container .modal-content {
  width: 100dvw;
  max-width: initial;
  height: 92dvh;
  bottom: 0;
  top: initial;
  transform: none;
  animation: slide-up 0.65s ease-out;
}
@media screen and (max-width: 767px) {
  .modal-container.fluid-modal-container .modal-content {
    height: 100dvh;
    border-radius: 0;
  }
}
.modal-container.fluid-modal-container .modal-content .modal-body {
  max-height: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .modal-container.fluid-modal-container .modal-content .modal-body {
    max-height: calc(100dvh - 83px);
  }
}
.modal-container.fluid-modal-container .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #ececec;
}
.modal-container.fluid-modal-container .modal-content .modal-header .modal-intent p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
  margin: 0;
}
.modal-container.fluid-modal-container .modal-content .modal-header .close-modal {
  position: initial;
}
.modal-container.fluid-modal-container.ai-picto-modal .modal-content .modal-header .modal-intent p {
  font-family: "Poppins", sans-serif;
}
.modal-container.fluid-modal-container.ai-picto-modal .modal-content .modal-header .modal-intent .back {
  box-shadow: none;
  gap: 15px;
  padding: 0;
  color: #000000;
}
.modal-container.fluid-modal-container.ai-picto-modal .modal-content button {
  border-radius: 999px;
}
.modal-container.fluid-modal-container.ai-picto-modal .modal-content .modal-body ul {
  border: none;
  box-shadow: none;
}
.modal-container.fluid-modal-container.ai-picto-modal .modal-content .modal-body ul li {
  margin: 0;
}
.modal-container.fluid-modal-container.ai-picto-modal .modal-content .modal-body .ai-picto-customise-container .ai-picto-customise-layout .ai-picto-sticky-preview {
  top: 0;
}

.modal-container.onboarding-modal-container {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.onboarding-modal-container .modal-content,
.modal-container.onboarding-modal-container .overlay {
  animation: none;
}
.modal-container.onboarding-modal-container > .modal-content {
  max-width: 470px;
  border-radius: 25px;
  max-height: 87vh;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .modal-container.onboarding-modal-container > .modal-content {
    border-radius: 25px 25px 0 0;
    max-height: 80vh;
  }
}
.modal-container.onboarding-modal-container > .modal-content .close-modal {
  display: none;
}
.modal-container.onboarding-modal-container > .modal-content .modal-body {
  background: #ffffff;
  padding: 20px 30px;
  border-radius: 25px;
  max-height: initial;
}
@media screen and (max-width: 767px) {
  .modal-container.onboarding-modal-container > .modal-content .modal-body {
    border-radius: 25px 25px 0 0;
  }
}
.modal-container.onboarding-modal-container > .modal-content .modal-body .modal-body-content-container {
  display: flex;
  flex-direction: column;
}
.modal-container.onboarding-modal-container > .modal-content .modal-body ul.menu-popover-items-container li {
  margin: 0;
}
.modal-container.onboarding-modal-container > .modal-content .modal-body .scrollstack-icon {
  background-position: -855px -819px;
  width: 45px;
  height: 40px;
  margin-bottom: 5px;
}
.modal-container.onboarding-modal-container > .modal-content .modal-body p {
  font-size: 15px;
  line-height: 23px;
}
.modal-container.onboarding-modal-container > .modal-content .modal-body button {
  border-radius: 99px;
}
.modal-container.onboarding-modal-container > .modal-content .modal-body button.skip-button span {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #4d6eff;
}
.modal-container.onboarding-modal-container .input-form {
  width: 100%;
}
.modal-container.onboarding-modal-container .input-form input,
.modal-container.onboarding-modal-container .input-form textarea {
  line-height: 18px;
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
.modal-container.onboarding-modal-container .input-form label {
  margin: 0;
}
.modal-container.onboarding-modal-container .input-form input[type=text],
.modal-container.onboarding-modal-container .input-form textarea {
  margin: 15px 0 0;
}
.modal-container.onboarding-modal-container .user-photo-container {
  margin-bottom: 25px;
  height: 100px;
  width: 100px;
}
.modal-container.onboarding-modal-container .user-photo-container img,
.modal-container.onboarding-modal-container .user-photo-container .no-avatar-image {
  height: 100px;
  width: 100px;
  min-width: 100px;
  min-height: 100px;
}
.modal-container.onboarding-modal-container .user-photo-container .edit-button {
  right: 10px;
  border-radius: 999px;
}
.modal-container.onboarding-modal-container .menu-popover.photo-menu-popover {
  top: 120px;
  left: -20px;
}
.modal-container.onboarding-modal-container .menu-popover.photo-menu-popover:before {
  right: 110px;
}
.modal-container.onboarding-modal-container .menu-popover.photo-menu-popover:after {
  right: 111px;
}
@media screen and (max-width: 767px) {
  .modal-container.onboarding-modal-container .menu-popover.photo-menu-popover {
    top: initial;
    left: initial;
    right: 0;
    transform: none;
  }
  .modal-container.onboarding-modal-container .menu-popover.photo-menu-popover .menu-popover-items-container {
    margin-bottom: 10px;
  }
  .modal-container.onboarding-modal-container .menu-popover.photo-menu-popover button {
    border-radius: 8px;
  }
}
.modal-container.onboarding-modal-container .modal-intent-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: initial;
  margin: 0 0 25px 0;
}
.modal-container.onboarding-modal-container .modal-intent-description {
  margin-bottom: 25px;
}
.modal-container.onboarding-modal-container .modal-intent-description p {
  margin: 0;
}
.modal-container.onboarding-modal-container .onboarding-cta-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.modal-container.onboarding-modal-container .onboarding-cta-container .text-button {
  padding: 20px 0 5px;
}

.modal-container.onboarding-modal-container.add-socials-step input {
  text-indent: 50px;
  max-height: 50px;
}
.modal-container.onboarding-modal-container.add-socials-step .input-form li {
  margin: 0;
}
.modal-container.onboarding-modal-container.add-socials-step .input-form li.socials-separator {
  line-height: 1;
  margin-bottom: 15px;
}
.modal-container.onboarding-modal-container.add-socials-step .input-form li.socials-separator small {
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.3);
}
.modal-container.onboarding-modal-container.add-socials-step .input-form li input {
  margin: 0 0 17px 0;
}
.modal-container.onboarding-modal-container.add-socials-step .input-form .input-validation-message {
  margin: -5px 0 20px 0;
}
.modal-container.onboarding-modal-container .social-icons-container {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-right: 1px solid #ececec;
  box-sizing: border-box;
  border-radius: 8px 0 0 8px;
}
.modal-container.onboarding-modal-container .social-icons-container .icon {
  position: relative;
  top: initial;
  left: initial;
  width: 20px;
  height: 20px;
}
.modal-container.onboarding-modal-container .social-icons.twitter-icon {
  background-position: -806px -395px;
}
.modal-container.onboarding-modal-container .social-icons.facebook-icon {
  background-position: -730px -395px;
}
.modal-container.onboarding-modal-container .social-icons.instagram-icon {
  background-position: -770px -395px;
  margin-top: 0;
}
.modal-container.onboarding-modal-container .social-icons.link-icon {
  background-position: -882px -395px;
}
.modal-container.onboarding-modal-container .social-icons.linkedin-icon {
  background-position: -844px -395px;
  margin-top: 0;
}
.modal-container.onboarding-modal-container .social-icons.wattpad-icon {
  background-position: -690px -395px;
}
.modal-container.onboarding-modal-container .social-icons.tiktok-icon {
  background-position: -650px -395px;
}
.modal-container.onboarding-modal-container .twitter-social-input .social-icons-container {
  background: rgba(29, 161, 242, 0.05);
}
.modal-container.onboarding-modal-container .facebook-social-input .social-icons-container {
  background: rgba(24, 119, 242, 0.05);
}
.modal-container.onboarding-modal-container .instagram-social-input .social-icons-container {
  background: rgba(193, 53, 132, 0.05);
}
.modal-container.onboarding-modal-container .website-social-input .social-icons-container {
  background: rgba(0, 169, 143, 0.05);
}
.modal-container.onboarding-modal-container .linkedin-social-input .social-icons-container {
  background: rgba(0, 119, 181, 0.05);
}
.modal-container.onboarding-modal-container .wattpad-social-input .social-icons-container {
  background: rgba(255, 80, 10, 0.05);
}
.modal-container.onboarding-modal-container .tiktok-social-input .social-icons-container {
  background: rgba(255, 0, 80, 0.05);
}

.modal-container.onboarding-modal-container.make-money-step .list-item {
  margin-bottom: 35px;
  padding: 0;
  border: none;
}
.modal-container.onboarding-modal-container.make-money-step .list-item:last-of-type {
  margin-bottom: 25px;
}
.modal-container.onboarding-modal-container.make-money-step .list-image {
  border: none;
  box-shadow: none;
}
.modal-container.onboarding-modal-container.make-money-step .list-data {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.modal-container.onboarding-modal-container.make-money-step .list-data .list-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}
.modal-container.onboarding-modal-container.make-money-step .list-data p {
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
  -webkit-line-clamp: initial;
}

.modal-container.onboarding-modal-container.enable-support-step .modal-intent-title {
  margin-bottom: 10px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-personalised-creator-message {
  position: relative;
  box-sizing: border-box;
  padding: 15px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-personalised-creator-message textarea {
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  margin: 0;
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .modal-container.onboarding-modal-container.enable-support-step .support-personalised-creator-message textarea {
    font-size: 13px;
    line-height: 19px;
  }
}
.modal-container.onboarding-modal-container.enable-support-step .support-personalised-creator-message textarea.error {
  border-color: #ff5051;
}
.modal-container.onboarding-modal-container.enable-support-step .support-personalised-creator-message .character-counter {
  font-family: "IBM Plex Sans", sans-serif;
  color: #b2b2b2;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-personalised-creator-message .character-counter.max-character-counter {
  color: #ff5051;
}
.modal-container.onboarding-modal-container.enable-support-step .list-item {
  margin-bottom: 35px;
  padding: 0;
  border: none;
}
.modal-container.onboarding-modal-container.enable-support-step .list-item:last-of-type {
  margin-bottom: 25px;
}
.modal-container.onboarding-modal-container.enable-support-step .list-image {
  border: none;
  box-shadow: none;
}
.modal-container.onboarding-modal-container.enable-support-step .list-data {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.modal-container.onboarding-modal-container.enable-support-step .list-data .list-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}
.modal-container.onboarding-modal-container.enable-support-step .list-data p {
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
  -webkit-line-clamp: initial;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget {
  margin-bottom: 25px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 10px 20px 5px rgba(155, 155, 155, 0.1);
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget .support-icon {
  width: 18px;
  height: 14px;
  background-position: -613px -540px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget .drop-down-icon {
  width: 7px;
  height: 13px;
  background-position: -863px -736px;
  transform: rotate(90deg);
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget .support-widget-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget .support-widget-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget .support-widget-label span {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  margin-left: 10px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget .support-widget-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(134deg, #3023ae 0%, #4d6eff 100%);
  padding: 20px 18px;
  border-radius: 0 8px 8px 0;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget .support-widget-toggle span {
  color: #ffffff;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 8px;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget.support-widget-enabled .support-widget-bar {
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1), 0 -5px 10px 1px rgba(155, 155, 155, 0.05);
  border-radius: 8px 8px 0 0;
}
.modal-container.onboarding-modal-container.enable-support-step .support-widget.support-widget-enabled .support-widget-toggle {
  background-image: linear-gradient(134deg, #66b659 0%, #6ad359 100%);
  border-radius: 0 8px 0 0;
}
.modal-container.onboarding-modal-container.enable-support-step .onboarding-cta-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

@media (hover: hover) and (pointer: fine) {
  .modal-container.onboarding-modal-container.enable-support-step .support-widget {
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
  }
  .modal-container.onboarding-modal-container.enable-support-step .support-widget:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px 7px rgba(155, 155, 155, 0.1);
  }
  .modal-container.onboarding-modal-container.enable-support-step .support-widget:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .modal-container.onboarding-modal-container.enable-support-step .support-widget:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .modal-container.onboarding-modal-container .list-cta input[type=checkbox] + label:before {
    background-image: url("../img/stackSprite_3x.png");
    background-size: 1200px 1200px;
    -webkit-background-size: 1200px 1200px;
    -moz-background-size: 1200px 1200px;
  }
}
.modal-container.support-modal-container .support-modal-icon {
  width: 46px;
  height: 46px;
  background-position: -481px -571px;
  margin-right: 10px;
}
.modal-container.support-modal-container .story-info-block .content h4 {
  top: 36px;
  line-height: 20px;
}

.modal-container.product-prompt-modal-container .modal-content .user-photo-container {
  text-align: center;
  margin: 0 auto;
}
.modal-container.product-prompt-modal-container .modal-content .user-photo-container .icon-container {
  position: absolute;
  background: #ffffff;
  width: 35px;
  height: 35px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  z-index: 1;
}
.modal-container.product-prompt-modal-container .modal-content .user-photo-container .icon-container .wave-small-icon {
  margin: 0;
}

.modal-container.product-prompt-modal-container .product-prompt-feature-imag img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}
@media screen and (min-width: 768px) {
  .modal-container.product-prompt-modal-container .modal-content {
    animation: zoom-out 0.45s ease-out;
  }
}
.modal-container.product-prompt-modal-container .modal-content .user-photo-container {
  width: 75px;
  height: 75px;
}
.modal-container.product-prompt-modal-container .modal-content .user-photo-container figure img {
  width: 75px;
  height: 75px;
  border: none;
  box-shadow: none;
}
.modal-container.product-prompt-modal-container .modal-content .user-photo-container .no-avatar-image {
  width: 75px;
  height: 75px;
  min-width: 75px;
  min-height: 75px;
}
.modal-container.product-prompt-modal-container .modal-content .user-photo-container .icon-container {
  right: 0;
  bottom: -10px;
}
.modal-container.product-prompt-modal-container .modal-content h3 {
  font-size: 18px;
  line-height: 26px;
  margin: 20px 0 10px;
  text-align: center;
}
.modal-container.product-prompt-modal-container .modal-content p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  margin: 10px 0 25px;
  text-align: center;
}
.modal-container.product-prompt-modal-container .modal-content .button-wrapper {
  display: flex;
  justify-content: center;
}
.modal-container.product-prompt-modal-container .modal-content button {
  border-radius: 999px;
  padding: 14px 30px;
}
.modal-container.share-profile-modal-container .modal-logo-container,
.modal-container.share-profile-modal-container .share-profile-platforms-list {
  display: none;
}

.modal-container.feature-prompt-modal {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.feature-prompt-modal .modal-content {
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .modal-container.feature-prompt-modal .modal-content {
    border-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.modal-container.feature-prompt-modal .modal-content > .modal-feature-image img {
  border-radius: 20px 20px 0 0;
}
.modal-container.feature-prompt-modal.ct-modal {
  text-align: center;
}
.modal-container.feature-prompt-modal.ct-modal .modal-intent-title,
.modal-container.feature-prompt-modal.ct-modal .modal-intent-subtitle,
.modal-container.feature-prompt-modal.ct-modal .modal-intent-description p {
  text-align: center;
}
.modal-container.feature-prompt-modal .modal-intent-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: initial;
  margin: 0 0 25px 0;
}
.modal-container.feature-prompt-modal .modal-intent-subtitle {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.13px;
  opacity: 0.4;
}
.modal-container.feature-prompt-modal .write-message-container {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  padding: 15px;
  margin-bottom: 25px;
  border: 1px solid #ececec;
  border-radius: 8px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-input textarea {
  border: none;
  box-sizing: border-box;
  min-height: 80px;
  margin: 0;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar img {
  max-height: 35px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar button {
  background-image: linear-gradient(135deg, #9117e3 0%, #da0f5f 100%);
  gap: 0 5px;
  padding: 10px 15px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar button .add-signature-icon {
  width: 15px;
  height: 15px;
  background-position: -846px -1012px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar button span {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
.modal-container.feature-prompt-modal .meetup-link-cta {
  margin-top: 25px;
}
.modal-container.feature-prompt-modal .modal-body .modal-feature-image img {
  border-radius: 16px;
}
.modal-container.feature-prompt-modal .modal-body .onboarding-cta-container.nft-wallet-flow button {
  margin-bottom: 15px;
}
.modal-container.feature-prompt-modal .modal-intent-description p {
  font-size: 15px;
  line-height: 22px;
  margin: 25px 0;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  margin-bottom: 25px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer button {
  display: flex;
  justify-content: space-between;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .metamask-button {
  background-image: linear-gradient(90deg, #ff5c00 0%, #ffdc24 100%);
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .wallet-connect-button {
  background-image: linear-gradient(90deg, #8f00ff 0%, #0500ff 100%);
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .coinbase-button {
  background-image: linear-gradient(90deg, #3773f5 0%, #1860fb 55%, #0052ff 100%);
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon {
  width: 24px;
  height: 24px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon.metamask-icon {
  background-position: -250px -1062px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon.wallet-connect-icon {
  background-position: -304px -1062px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon.coinbase-icon {
  background-position: -358px -1062px;
}
.modal-container.feature-prompt-modal .nft-ownership-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  border-radius: 16px;
  margin: 25px auto;
  background-image: linear-gradient(135deg, #d7e3f8 0%, #eaedfa 50%, #eae5fd 100%);
}
.modal-container.feature-prompt-modal .nft-ownership-number span {
  font-family: "IBM Plex Mono", monospace;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  background: linear-gradient(90deg, #32c5ff 0%, #b620e0 51%, #f7b500 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container {
  margin: 25px 0 0 0;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container button:disabled {
  box-shadow: none;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container button:disabled span {
  color: rgba(0, 0, 0, 0.4);
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container .transparent-button span {
  color: #000000;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container .transparent-button:last-of-type {
  padding-bottom: 0;
}
.modal-container.feature-prompt-modal.purchase-success-prompt-modal .modal-intent-subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66b659;
  opacity: 1;
  margin: 0 0 10px 0;
}
.modal-container.feature-prompt-modal.purchase-success-prompt-modal .modal-intent-subtitle img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.modal-container.feature-prompt-modal.purchase-success-prompt-modal .feature-prompt-modal-cta-container .gradient-button {
  background: linear-gradient(135deg, #9117e3 0%, #da0f5f 100%);
}
.modal-container.feature-prompt-modal .features-highlight-list .list-item {
  margin-bottom: 35px;
  padding: 0;
  border: none;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-item:last-of-type {
  margin-bottom: 25px;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-image {
  border: none;
  box-shadow: none;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-data {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-data .list-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-data p {
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
  -webkit-line-clamp: initial;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 236px;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .processing-icon {
  display: flex;
  margin: 30px auto 0;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-intent-title {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  text-align: center;
  margin: 0;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-body-content-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-intent-description {
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin: 10px 0;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-body {
  width: 100%;
  box-sizing: border-box;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container {
  width: 104px;
  height: 104px;
  padding: 30px 0 0 0;
  margin: 0 auto;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container figure {
  width: 104px;
  height: 104px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container figure picture {
  width: 98px;
  height: 98px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container figure img {
  width: 90px;
  height: 90px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container .nft-badge-button {
  display: none;
  border-radius: 999px;
  right: 15px;
  bottom: 5px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container .no-avatar-image {
  width: 104px;
  height: 104px;
  min-width: 104px;
  min-height: 104px;
  clip-path: polygon(47% 0.2380000055%, 49.956111908% 0.7368742228%, 52.6359672546% 2.0988845825%, 55.2443618774% 3.6049137115%, 57.8527603149% 5.1109447479%, 60.4611549377% 6.6169757843%, 63.0695495605% 8.123005867%, 65.677947998% 9.6290378571%, 68.2863388062% 11.1350679398%, 70.8947372437% 12.6410989761%, 73.5031356812% 14.1471300125%, 76.1115264893% 15.6531600952%, 78.7199249268% 17.1591911316%, 81.3283233643% 18.665222168%, 83.9367141724% 20.1712532043%, 86.3084487915% 22.0061321259%, 87.9497375488% 24.5148410797%, 88.6761169434% 27.4233779907%, 88.7030029297% 30.4346351624%, 88.7030029297% 33.4465866089%, 88.7030029297% 36.4585418701%, 88.7030029297% 39.4704933167%, 88.7030029297% 42.4824447632%, 88.7030029297% 45.4944000244%, 88.7030029297% 48.5063476563%, 88.7030029297% 51.5183029175%, 88.7030029297% 54.5302581787%, 88.7030029297% 57.5422058105%, 88.7030029297% 60.5541610718%, 88.7030029297% 63.566116333%, 88.6761856079% 66.5773696899%, 87.9499435425% 69.4859085083%, 86.3081665039% 71.9942779541%, 83.9357757568% 73.8283081055%, 81.3274078369% 75.3343963623%, 78.7190551758% 76.8404846191%, 76.1106872559% 78.346572876%, 73.5023269653% 79.8526687622%, 70.8939666748% 81.358757019%, 68.2856063843% 82.8648452759%, 65.6772384644% 84.3709411621%, 63.0688819885% 85.8770294189%, 60.4605178833% 87.3831176758%, 57.8521537781% 88.889213562%, 55.2437973022% 90.3953018188%, 52.6354408264% 91.9013824463%, 49.9557495117% 93.2637481689%, 46.999671936% 93.7627716064%, 44.0436401367% 93.2635345459%, 41.3639831543% 91.9010848999%, 38.7555923462% 90.3950576782%, 36.1472015381% 88.8890304565%, 33.5387954712% 87.3829956055%, 30.9304046631% 85.8769683838%, 28.322013855% 84.3709411621%, 25.7136077881% 82.8648986816%, 23.1052150726% 81.35887146%, 20.4968223572% 79.8528442383%, 17.8884181976% 78.3468093872%, 15.2800264359% 76.8407821655%, 12.6716346741% 75.3347549438%, 10.0632429123% 73.8287277222%, 7.6909890175% 71.9944763184%, 6.049571991% 69.4858551025%, 5.3236746788% 66.5772094727%, 5.2969970703% 63.5659255981%, 5.2969975471% 60.5539779663%, 5.2969975471% 57.5420303345%, 5.296998024% 54.5300674438%, 5.296998024% 51.518119812%, 5.2969985008% 48.5061721802%, 5.2969985008% 45.4942092896%, 5.2969989777% 42.4822616577%, 5.2969989777% 39.4703140259%, 5.2969994545% 36.4583511353%, 5.2969994545% 33.4464035034%, 5.2969999313% 30.4344539642%, 5.323723793% 27.4231739044%, 6.0498170853% 24.5145835876%, 7.6914124489% 22.0060653687%, 10.0637702942% 20.171962738%, 12.6721286774% 18.6658744812%, 15.2804851532% 17.159784317%, 17.888841629% 15.6536960602%, 20.4972133636% 14.1476011276%, 23.1055698395% 12.6415128708%, 25.7139396667% 11.1354169846%, 28.3222846985% 9.6293363571%, 30.9306564331% 8.1232404709%, 33.539024353% 6.6171445847%, 36.1473693848% 5.1110639572%, 38.7557411194% 3.6049685478%, 41.3641090393% 2.0988726616%, 44.0438461304% 0.7366813421%, 47% 0.2380004823%);
  border-radius: initial;
  border: none;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .processing-icon {
  display: flex;
  margin: 30px auto 0;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .modal-intent-title {
  text-align: center;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .modal-intent-description {
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin: 10px 0;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal input[type=email] {
  margin: 0;
  padding: 13px 20px 13px 20px;
  border: 1px solid #ececec;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

.modal-container.follow-success-modal-container .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-container.follow-success-modal-container .modal-content small {
  font-size: 15px;
  line-height: 26px;
  display: block;
  margin-top: 15px;
}
.modal-container.follow-success-modal-container .modal-content h1 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  margin: 5px 0 0 0;
  letter-spacing: initial;
}
.modal-container.follow-success-modal-container .modal-content p {
  font-size: 15px;
  line-height: 20px;
  margin: 25px 0;
}
.modal-container.follow-success-modal-container .modal-content button {
  border-radius: 999px;
}

.modal-container.feature-prompt-modal {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.feature-prompt-modal .modal-content {
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .modal-container.feature-prompt-modal .modal-content {
    border-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.modal-container.feature-prompt-modal .modal-content > .modal-feature-image img {
  border-radius: 20px 20px 0 0;
}
.modal-container.feature-prompt-modal.ct-modal {
  text-align: center;
}
.modal-container.feature-prompt-modal.ct-modal .modal-intent-title,
.modal-container.feature-prompt-modal.ct-modal .modal-intent-subtitle,
.modal-container.feature-prompt-modal.ct-modal .modal-intent-description p {
  text-align: center;
}
.modal-container.feature-prompt-modal .modal-intent-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: initial;
  margin: 0 0 25px 0;
}
.modal-container.feature-prompt-modal .modal-intent-subtitle {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.13px;
  opacity: 0.4;
}
.modal-container.feature-prompt-modal .write-message-container {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  padding: 15px;
  margin-bottom: 25px;
  border: 1px solid #ececec;
  border-radius: 8px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-input textarea {
  border: none;
  box-sizing: border-box;
  min-height: 80px;
  margin: 0;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar img {
  max-height: 35px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar button {
  background-image: linear-gradient(135deg, #9117e3 0%, #da0f5f 100%);
  gap: 0 5px;
  padding: 10px 15px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar button .add-signature-icon {
  width: 15px;
  height: 15px;
  background-position: -846px -1012px;
}
.modal-container.feature-prompt-modal .write-message-container .write-message-cta-bar button span {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
.modal-container.feature-prompt-modal .meetup-link-cta {
  margin-top: 25px;
}
.modal-container.feature-prompt-modal .modal-body .modal-feature-image img {
  border-radius: 16px;
}
.modal-container.feature-prompt-modal .modal-body .onboarding-cta-container.nft-wallet-flow button {
  margin-bottom: 15px;
}
.modal-container.feature-prompt-modal .modal-intent-description p {
  font-size: 15px;
  line-height: 22px;
  margin: 25px 0;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  margin-bottom: 25px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer button {
  display: flex;
  justify-content: space-between;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .metamask-button {
  background-image: linear-gradient(90deg, #ff5c00 0%, #ffdc24 100%);
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .wallet-connect-button {
  background-image: linear-gradient(90deg, #8f00ff 0%, #0500ff 100%);
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .coinbase-button {
  background-image: linear-gradient(90deg, #3773f5 0%, #1860fb 55%, #0052ff 100%);
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon {
  width: 24px;
  height: 24px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon.metamask-icon {
  background-position: -250px -1062px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon.wallet-connect-icon {
  background-position: -304px -1062px;
}
.modal-container.feature-prompt-modal .nft-wallet-cta-conatainer .icon.coinbase-icon {
  background-position: -358px -1062px;
}
.modal-container.feature-prompt-modal .nft-ownership-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  border-radius: 16px;
  margin: 25px auto;
  background-image: linear-gradient(135deg, #d7e3f8 0%, #eaedfa 50%, #eae5fd 100%);
}
.modal-container.feature-prompt-modal .nft-ownership-number span {
  font-family: "IBM Plex Mono", monospace;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  background: linear-gradient(90deg, #32c5ff 0%, #b620e0 51%, #f7b500 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container {
  margin: 25px 0 0 0;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container button:disabled {
  box-shadow: none;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container button:disabled span {
  color: rgba(0, 0, 0, 0.4);
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container .transparent-button span {
  color: #000000;
}
.modal-container.feature-prompt-modal .feature-prompt-modal-cta-container .transparent-button:last-of-type {
  padding-bottom: 0;
}
.modal-container.feature-prompt-modal.purchase-success-prompt-modal .modal-intent-subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66b659;
  opacity: 1;
  margin: 0 0 10px 0;
}
.modal-container.feature-prompt-modal.purchase-success-prompt-modal .modal-intent-subtitle img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.modal-container.feature-prompt-modal.purchase-success-prompt-modal .feature-prompt-modal-cta-container .gradient-button {
  background: linear-gradient(135deg, #9117e3 0%, #da0f5f 100%);
}
.modal-container.feature-prompt-modal .features-highlight-list .list-item {
  margin-bottom: 35px;
  padding: 0;
  border: none;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-item:last-of-type {
  margin-bottom: 25px;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-image {
  border: none;
  box-shadow: none;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-data {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-data .list-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}
.modal-container.feature-prompt-modal .features-highlight-list .list-data p {
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
  -webkit-line-clamp: initial;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 236px;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .processing-icon {
  display: flex;
  margin: 30px auto 0;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-intent-title {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  text-align: center;
  margin: 0;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-body-content-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-intent-description {
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin: 10px 0;
}
.modal-container.feature-prompt-modal.custom-domain-validation-modal .modal-body {
  width: 100%;
  box-sizing: border-box;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container {
  width: 104px;
  height: 104px;
  padding: 30px 0 0 0;
  margin: 0 auto;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container figure {
  width: 104px;
  height: 104px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container figure picture {
  width: 98px;
  height: 98px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container figure img {
  width: 90px;
  height: 90px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container .nft-badge-button {
  display: none;
  border-radius: 999px;
  right: 15px;
  bottom: 5px;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .nft-user-photo-container .no-avatar-image {
  width: 104px;
  height: 104px;
  min-width: 104px;
  min-height: 104px;
  clip-path: polygon(47% 0.2380000055%, 49.956111908% 0.7368742228%, 52.6359672546% 2.0988845825%, 55.2443618774% 3.6049137115%, 57.8527603149% 5.1109447479%, 60.4611549377% 6.6169757843%, 63.0695495605% 8.123005867%, 65.677947998% 9.6290378571%, 68.2863388062% 11.1350679398%, 70.8947372437% 12.6410989761%, 73.5031356812% 14.1471300125%, 76.1115264893% 15.6531600952%, 78.7199249268% 17.1591911316%, 81.3283233643% 18.665222168%, 83.9367141724% 20.1712532043%, 86.3084487915% 22.0061321259%, 87.9497375488% 24.5148410797%, 88.6761169434% 27.4233779907%, 88.7030029297% 30.4346351624%, 88.7030029297% 33.4465866089%, 88.7030029297% 36.4585418701%, 88.7030029297% 39.4704933167%, 88.7030029297% 42.4824447632%, 88.7030029297% 45.4944000244%, 88.7030029297% 48.5063476563%, 88.7030029297% 51.5183029175%, 88.7030029297% 54.5302581787%, 88.7030029297% 57.5422058105%, 88.7030029297% 60.5541610718%, 88.7030029297% 63.566116333%, 88.6761856079% 66.5773696899%, 87.9499435425% 69.4859085083%, 86.3081665039% 71.9942779541%, 83.9357757568% 73.8283081055%, 81.3274078369% 75.3343963623%, 78.7190551758% 76.8404846191%, 76.1106872559% 78.346572876%, 73.5023269653% 79.8526687622%, 70.8939666748% 81.358757019%, 68.2856063843% 82.8648452759%, 65.6772384644% 84.3709411621%, 63.0688819885% 85.8770294189%, 60.4605178833% 87.3831176758%, 57.8521537781% 88.889213562%, 55.2437973022% 90.3953018188%, 52.6354408264% 91.9013824463%, 49.9557495117% 93.2637481689%, 46.999671936% 93.7627716064%, 44.0436401367% 93.2635345459%, 41.3639831543% 91.9010848999%, 38.7555923462% 90.3950576782%, 36.1472015381% 88.8890304565%, 33.5387954712% 87.3829956055%, 30.9304046631% 85.8769683838%, 28.322013855% 84.3709411621%, 25.7136077881% 82.8648986816%, 23.1052150726% 81.35887146%, 20.4968223572% 79.8528442383%, 17.8884181976% 78.3468093872%, 15.2800264359% 76.8407821655%, 12.6716346741% 75.3347549438%, 10.0632429123% 73.8287277222%, 7.6909890175% 71.9944763184%, 6.049571991% 69.4858551025%, 5.3236746788% 66.5772094727%, 5.2969970703% 63.5659255981%, 5.2969975471% 60.5539779663%, 5.2969975471% 57.5420303345%, 5.296998024% 54.5300674438%, 5.296998024% 51.518119812%, 5.2969985008% 48.5061721802%, 5.2969985008% 45.4942092896%, 5.2969989777% 42.4822616577%, 5.2969989777% 39.4703140259%, 5.2969994545% 36.4583511353%, 5.2969994545% 33.4464035034%, 5.2969999313% 30.4344539642%, 5.323723793% 27.4231739044%, 6.0498170853% 24.5145835876%, 7.6914124489% 22.0060653687%, 10.0637702942% 20.171962738%, 12.6721286774% 18.6658744812%, 15.2804851532% 17.159784317%, 17.888841629% 15.6536960602%, 20.4972133636% 14.1476011276%, 23.1055698395% 12.6415128708%, 25.7139396667% 11.1354169846%, 28.3222846985% 9.6293363571%, 30.9306564331% 8.1232404709%, 33.539024353% 6.6171445847%, 36.1473693848% 5.1110639572%, 38.7557411194% 3.6049685478%, 41.3641090393% 2.0988726616%, 44.0438461304% 0.7366813421%, 47% 0.2380004823%);
  border-radius: initial;
  border: none;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .processing-icon {
  display: flex;
  margin: 30px auto 0;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .modal-intent-title {
  text-align: center;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal .modal-intent-description {
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin: 10px 0;
}
.modal-container.feature-prompt-modal.nft-introduction-reader-modal input[type=email] {
  margin: 0;
  padding: 13px 20px 13px 20px;
  border: 1px solid #ececec;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

.modal-container.tutorial-flipbook-modal {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.tutorial-flipbook-modal .modal-content,
.modal-container.tutorial-flipbook-modal .overlay {
  animation: none;
}
.modal-container.tutorial-flipbook-modal > .modal-content {
  max-width: 470px;
  border-radius: 25px;
  max-height: initial;
  overflow: initial;
}
@media screen and (max-width: 767px) {
  .modal-container.tutorial-flipbook-modal > .modal-content {
    border-radius: 25px 25px 0 0;
    max-height: 80vh;
  }
}
.modal-container.tutorial-flipbook-modal > .modal-content .modal-body {
  padding: 20px 30px;
  border-radius: 25px;
}
@media screen and (min-width: 768px) {
  .modal-container.tutorial-flipbook-modal > .modal-content .modal-body {
    max-height: initial;
  }
}
@media screen and (max-width: 767px) {
  .modal-container.tutorial-flipbook-modal > .modal-content .modal-body {
    border-radius: 25px 25px 0 0;
  }
}
.modal-container.tutorial-flipbook-modal > .modal-content .modal-body .modal-body-content-container {
  display: flex;
  flex-direction: column;
}
.modal-container.tutorial-flipbook-modal .step-counter hr.step-separator {
  display: inline-block;
  border-top: 1px solid #ececec;
  height: 1px;
  width: 90px;
  margin: 0;
}
.modal-container.tutorial-flipbook-modal .step-counter hr.step-separator::before {
  content: initial;
}
.modal-container.tutorial-flipbook-modal .step-counter .step-counting-text {
  display: block;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.75px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
  margin: 20px 0 10px;
}
.modal-container.tutorial-flipbook-modal .tutorial-flipbook-image-container {
  margin-bottom: 20px;
}
.modal-container.tutorial-flipbook-modal .tutorial-flipbook-image-container img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.modal-container.tutorial-flipbook-modal .modal-intent-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: initial;
  margin: 0 0 15px 0;
}
.modal-container.tutorial-flipbook-modal .modal-intent-description {
  margin-bottom: 25px;
}
.modal-container.tutorial-flipbook-modal .modal-intent-description p {
  font-size: 15px;
  line-height: 23px;
  margin: 0;
}
.modal-container.tutorial-flipbook-modal .modal-intent-description p + p {
  margin-top: 15px;
}
.modal-container.tutorial-flipbook-modal .warning-text {
  color: #ffa20d;
}
.modal-container.tutorial-flipbook-modal .bold-text {
  font-weight: 600;
}
.modal-container.tutorial-flipbook-modal .modal-cta-container {
  width: 100%;
}
.modal-container.tutorial-flipbook-modal .modal-cta-container .text-button {
  padding: 20px 0 5px;
}
.modal-container.tutorial-flipbook-modal .modal-cta-container button {
  border-radius: 99px;
}
.modal-container.tutorial-flipbook-modal .modal-cta-container button.skip-button span {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #4d6eff;
}
.modal-container.first-story-walkthrough-flipbook .modal-body-content-container .modal-intent-title {
  text-align: center;
  margin: 0 0 15px 0;
}
.modal-container.first-story-walkthrough-flipbook .modal-body-content-container .modal-intent-description {
  text-align: center;
}

.modal-container.book-chapter-modal .modal-content .modal-body {
  max-height: 75dvh;
  min-height: 503px;
}
@media screen and (max-width: 767px) {
  .modal-container.book-chapter-modal .modal-content .modal-body {
    max-height: 85dvh;
    min-height: initial;
  }
}
.modal-container.book-chapter-modal .modal-content.column-layout .col-has-gray-bg {
  background: #f9f9fa;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .modal-container.book-chapter-modal .modal-content.column-layout .col-has-gray-bg {
    border-radius: 18px;
  }
}
.modal-container.book-chapter-modal .modal-content.column-layout .modal-content-wrapper {
  padding: 35px;
}
@media screen and (max-width: 1023px) {
  .modal-container.book-chapter-modal .modal-content.column-layout .modal-content-wrapper {
    padding: 15px 0 0;
  }
}
.modal-container.book-chapter-modal .modal-intent-title {
  line-height: 22px;
  letter-spacing: -0.35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.modal-container.book-chapter-modal .modal-intent-title.hide-on-desktop {
  text-align: center;
  margin: 0 0 15px 0;
}
.modal-container.book-chapter-modal .upload-cover-container {
  height: 100%;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container {
  display: flex;
  align-items: center;
  aspect-ratio: 1/1;
  flex: 1;
  padding: 35px;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container.blank-book-cover .foreground-image img {
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1), 0 -5px 10px 1px rgba(155, 155, 155, 0.05);
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container .image-with-glow {
  display: inline-block;
  line-height: 0;
  margin: 0;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container .foreground-image {
  display: inline-block;
  position: relative;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container .foreground-image img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container .background-image {
  z-index: 0;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container.cover-image-uploading {
  position: relative;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container.cover-image-uploading .light-overlay {
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 8px;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-container.cover-image-uploading .progress.media-progress {
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f6;
  padding: 20px 35px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container {
    padding: 20px 25px;
    border-radius: 0 0 18px 18px;
  }
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container h3 {
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  margin: 0;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container p {
  font-size: 12px;
  line-height: 15px;
  opacity: 0.7;
  margin: 5px 0 10px;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container .book-cta-container {
  justify-content: center;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container .book-cta-container li {
  margin: 0;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container .book-cta-container li button {
  padding: 10px 12px;
  width: initial;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container .book-cta-container li button span {
  font-size: 13px;
  line-height: 14px;
  white-space: nowrap;
}
.modal-container.book-chapter-modal .upload-cover-container .upload-cover-image-content .cover-image-button-container .book-cta-container li button.plotter-ai-button {
  background-color: #7151eb;
  color: #ffffff;
}
.modal-container.book-chapter-modal .modal-body-content-container {
  margin: 0 auto;
}
.modal-container.book-chapter-modal .modal-body-content-container .input-container {
  display: initial;
}
.modal-container.book-chapter-modal .modal-body-content-container .input-container ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.modal-container.book-chapter-modal .modal-body-content-container .input-container ul li {
  margin: 0;
}
.modal-container.book-chapter-modal .modal-body-content-container .input-container .section-title {
  margin-bottom: 10px;
}
.modal-container.book-chapter-modal .modal-body-content-container .input-container .input-with-border {
  box-sizing: border-box;
}
.modal-container.book-chapter-modal .modal-body-content-container .generic-message-wrapper {
  margin: 5px 0 25px 0;
}
.modal-container.book-chapter-modal .modal-body-content-container .generic-message-wrapper .generic-message {
  background: rgba(203, 156, 0, 0.1);
}
.modal-container.book-chapter-modal .modal-body-content-container .generic-message-wrapper .generic-message p {
  font-size: 13px;
  line-height: 18px;
  color: #796c37;
  text-align: start;
  margin: 0;
}
.modal-container.book-chapter-modal .modal-body-content-container .books-modal-cta-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  margin-top: 25px;
}
.modal-container.book-chapter-modal .modal-body-content-container .books-modal-cta-container .text-button span {
  color: #ff5051;
}

.icon.upload-icon {
  width: 22px;
  height: 22px;
  background-position: -678px -1082px;
}
.icon.picto-icon-small {
  width: 22px;
  height: 22px;
  background-position: -720px -1082px;
}

@media (hover: hover) and (pointer: fine) {
  .book-cta-container button {
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .book-cta-container button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px 7px rgba(155, 155, 155, 0.1);
  }
  .book-cta-container button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .book-cta-container button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
.modal-container.book-publish-modal-container .book-indicator-meta {
  display: flex;
  align-items: center;
  gap: 20px;
}
.modal-container.book-publish-modal-container .book-indicator-meta figure {
  margin: 0;
  line-height: 0;
  display: block;
}
.modal-container.book-publish-modal-container .book-indicator-meta picture {
  display: block;
}
.modal-container.book-publish-modal-container .book-indicator-meta img {
  aspect-ratio: 2/3;
  max-width: 60px;
  object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  line-height: 1;
  box-sizing: border-box;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta .book-description-meta-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta .book-description-meta-content h5 {
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.75px;
  color: #4d6eff;
  opacity: initial;
  margin: 0;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta .book-description-meta-content p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  margin: 0;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta .chapter-descirption-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta .chapter-descirption-meta p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  flex: 1;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta .chapter-descirption-meta .chapter-count {
  font-family: "IBM Plex Mono", monospace;
  color: #979797;
}
.modal-container.book-publish-modal-container .book-indicator-meta .book-description-meta .chapter-descirption-meta .price-indicator {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-style: italic;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
}

.modal-container.create-modal .modal-content {
  border-radius: 30px;
  max-width: 518px;
}
@media screen and (max-width: 767px) {
  .modal-container.create-modal .modal-content {
    border-radius: 30px 30px 0 0;
  }
}
.modal-container.create-modal .modal-content .modal-header {
  background: #f5f5f5;
  box-sizing: border-box;
  border-radius: 30px 30px 0 0;
}
.modal-container.create-modal .modal-content .modal-header .create-modal-title {
  font-family: "Poppins", sans-serif;
  font-size: 21px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
  padding: 30px 30px 25px 30px;
}
@media screen and (max-width: 767px) {
  .modal-container.create-modal .modal-content .modal-header .create-modal-title {
    font-size: 18px;
    line-height: 19px;
    padding: 25px 30px 0;
  }
}
.modal-container.create-modal .modal-content .modal-header .close-modal {
  top: 22px;
}
.modal-container.create-modal .modal-content .modal-body {
  border-radius: 0 0 30px 30px;
  height: calc(90dvh - 200px);
  max-height: calc(680px - 200px);
}
@media screen and (max-width: 767px) {
  .modal-container.create-modal .modal-content .modal-body {
    border-radius: 0;
    height: calc(90dvh - 160px);
    max-height: none;
  }
}
.modal-container.create-modal .modal-content .modal-body .create-post-cta-container ul li {
  margin: 0;
}
.modal-container.create-modal .modal-content .modal-body ul li h3 {
  font-family: "Poppins", sans-serif;
  margin: 0;
}
.modal-container.create-modal .modal-content .modal-body-content-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.modal-container.create-modal .modal-content .modal-body-content-container .modal-body-intent-title {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 25px;
  font-weight: 600;
  margin: 0;
}
.modal-container.create-modal .modal-content .modal-body-content-container .modal-body-intent-title .text-underline-arc {
  font-size: 25px;
  font-weight: 700;
}
.modal-container.create-modal .modal-content .modal-body-content-container .modal-body-intent-title .text-underline-arc::after {
  display: none;
}
.modal-container.create-modal .modal-content .modal-body-content-container.is-empty {
  position: relative;
}
.modal-container.create-modal .modal-content .modal-body-content-container.is-empty .create-post-cta-container {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: white;
  box-sizing: border-box;
  border-radius: 0 0 30px 30px;
}
.modal-container.create-modal .modal-content .modal-body-content-container.is-empty .spotlight-group-container {
  padding-bottom: 92px;
}
.modal-container.create-modal .modal-content .modal-body-content-container.is-empty .spotlight-group-container .spotlight-image figure {
  background: #fafaf9;
  border-radius: 16px;
  border: 1px solid #ececec;
}
.modal-container.create-modal .modal-content .modal-body-content-container.is-empty:has(.dg-cta-container) .spotlight-group-container {
  padding-bottom: 134px;
}
.modal-container.create-modal .modal-content .modal-body-content-container.no-stories-to-print {
  flex-direction: column-reverse;
  height: 100%;
  justify-content: center;
}
.modal-container.create-modal .modal-content .modal-body-content-container.no-stories-to-print .spotlight-container {
  flex-direction: column;
}
.modal-container.create-modal .modal-content .modal-body-content-container.no-stories-to-print .spotlight-container .spotlight-image img {
  width: auto;
  height: 100px;
}
.modal-container.create-modal .modal-content .modal-body-content-container.no-stories-to-print .spotlight-container .spotlight-content {
  text-align: center;
}
.modal-container.create-modal .modal-content .create-modal-list-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.modal-container.create-modal .modal-content .create-modal-list-header h3 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 600;
  margin: 0;
}
.modal-container.create-modal .modal-content .create-options-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .modal-container.create-modal .modal-content .create-options-container {
    margin-top: 20px;
  }
}
.modal-container.create-modal .modal-content .create-options-container li {
  flex: 1;
}
.modal-container.create-modal .modal-content .create-options-container li:last-of-type {
  border: 0;
}
.modal-container.create-modal .modal-content .create-options-container label {
  margin: 0;
  cursor: pointer;
}
.modal-container.create-modal .modal-content .create-options-container label input[type=radio]:checked + .create-content-type {
  border-color: #4d6eff;
}
.modal-container.create-modal .modal-content .create-options-container .create-content-type {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  border-bottom: 2px solid transparent;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .modal-container.create-modal .modal-content .create-options-container .create-content-type img {
    width: 32px;
    height: auto;
  }
}
.modal-container.create-modal .modal-content .create-options-container .create-content-type img.content-icon-default {
  display: inline-block;
}
.modal-container.create-modal .modal-content .create-options-container .create-content-type img.content-icon-active {
  display: none;
}
.modal-container.create-modal .modal-content .create-options-container .create-content-type span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .modal-container.create-modal .modal-content .create-options-container .create-content-type span {
    font-size: 11px;
    line-height: 12px;
  }
}
.modal-container.create-modal .modal-content .create-options-container .create-content-type small.tag.new-tag {
  position: absolute;
  display: inline-flex;
  padding: 4px 8px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background-color: #4d6eff;
  color: #ffffff;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  text-transform: uppercase;
  bottom: 38px;
  right: 10px;
}
@media screen and (max-width: 767px) {
  .modal-container.create-modal .modal-content .create-options-container .create-content-type small.tag.new-tag {
    padding: 2px 6px;
    font-size: 8px;
    line-height: 10px;
    bottom: 28px;
    right: 5px;
  }
}

.modal-container.import-pdf-modal-container .modal-body .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background-color: #4d6eff;
  margin: 0 auto;
}
.modal-container.import-pdf-modal-container .modal-intent-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: initial;
  text-align: center;
  margin: 10px 0 5px 0;
}
.modal-container.import-pdf-modal-container .modal-intent-description {
  text-align: center;
}
.modal-container.import-pdf-modal-container .modal-intent-description p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 23px;
  opacity: 0.5;
  margin: 0;
}
.modal-container.import-pdf-modal-container figure {
  margin: 30px 0 0 0;
}
.modal-container.import-pdf-modal-container figure .file-attachment-panel {
  margin: 0;
}
.modal-container.import-pdf-modal-container figure .file-attachment-container {
  padding: 15px;
}
.modal-container.import-pdf-modal-container .modal-cta-container {
  margin-top: 30px;
}

.icon.upload-logo-icon {
  width: 25px;
  height: 25px;
  background-position: -433px -1022px;
}
.icon.tick-logo-icon {
  width: 25px;
  height: 25px;
  background-position: -483px -1022px;
}

.modal-container.success-modal {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.success-modal .modal-content .modal-body {
  padding: 25px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-container.success-modal .modal-content .user-photo-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.modal-container.success-modal .modal-content .user-photo-container::before {
  content: "";
  display: block;
  position: absolute;
  max-width: 302px;
  height: 130px;
  top: 0;
  left: 32px;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("../img/stck-pro/success-modal/success-modal-header.svg");
}
@media screen and (max-width: 767px) {
  .modal-container.success-modal .modal-content .user-photo-container::before {
    left: 5px;
  }
}
.modal-container.success-modal .modal-content .user-photo-container figure img {
  width: 90px;
  height: 90px;
}
.modal-container.success-modal .modal-content .user-photo-container .no-avatar-image {
  width: 90px;
  height: 90px;
  min-width: 90px;
  min-height: 90px;
  max-width: 90px;
  max-height: 90px;
  background-color: #f5f5f7;
}
.modal-container.success-modal .modal-content .user-photo-container .no-avatar-image .pro-blank-avatar {
  width: 35px;
  height: 35px;
  background-position: -695px -930px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-container.success-modal .modal-content h3,
.modal-container.success-modal .modal-content p {
  margin: 0;
}
.modal-container.success-modal .modal-content h3 {
  font-size: 20px;
  letter-spacing: -0.3px;
  line-height: 23px;
}
.modal-container.success-modal .modal-content p {
  font-size: 15px;
  text-align: center;
  line-height: 22px;
  margin: 15px 0;
}
.modal-container.success-modal .modal-content .pro-username-container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.modal-container.stck-pro-benefits-modal {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body {
  padding: 0;
  max-height: 75dvh;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .modal-body-content-container {
  text-align: center;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .membership-widget-benefits-container {
  padding: 0;
  margin-bottom: 20px;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .membership-widget-benefits-container .pricing-tier-benefits-container {
  padding: 0 30px;
}
@media screen and (min-width: 768px) {
  .modal-container.stck-pro-benefits-modal .modal-content .modal-body .membership-widget-benefits-container .pricing-tier-benefits-container {
    display: flex;
    flex-direction: column;
  }
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .membership-widget-benefits-container .pricing-tier-benefits-container .pricing-tier-benefit {
  margin: 0;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist-container {
  margin: 0 0 30px;
  padding: 0 30px;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist-container h3 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 20px 0;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist {
  display: flex;
  gap: 10px;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist li {
  flex: 1;
  margin: 0;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist .radio-container {
  display: flex;
  align-items: center;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist .radio-container .radio {
  flex: 1;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  width: initial;
  height: initial;
  padding: 15px;
  border: 1px solid #ececec;
  border-radius: 12px;
  text-indent: 25px;
  cursor: pointer;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label .checklist-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label .checklist-content span {
  font-weight: 500;
  opacity: 1;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label .checklist-content small {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  opacity: 0.7;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label .discount-tag {
  background: #000000;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 15px;
  border-radius: 999px;
  box-sizing: border-box;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label .discount-tag span {
  display: block;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
  color: #ffffff;
  opacity: 1;
  white-space: nowrap;
  text-indent: initial;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label::before, .modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label::after {
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #000000;
  border-radius: 999px;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio] + label::after {
  border: none;
  height: 10px;
  width: 10px;
  left: 20px;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio]:checked + label {
  background-color: rgba(77, 110, 255, 0.05);
  border: 1px solid #4d6eff;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .price-selection-checklist input[type=radio]:checked + label::after {
  background-color: #4d6eff;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .pro-benefits-modal-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-top: 1px solid #ececec;
  padding: 15px 30px 0;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .pro-benefits-modal-footer .pro-subscription-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .pro-benefits-modal-footer .pro-subscription-price p {
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  margin: 0;
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .pro-benefits-modal-footer .pro-subscription-price p sub {
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .pro-benefits-modal-footer .pro-subscription-price .strikeout-price {
  font-size: 13px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.modal-container.stck-pro-benefits-modal .modal-content .modal-body .pro-benefits-modal-footer .pay-button {
  gap: 5px;
  padding: 15px 25px;
}
.modal-container.payment-modal-container .modal-header .pro-payment-modal-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 15px;
}
.modal-container.payment-modal-container .modal-header .pro-subscription-price {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.payment-modal-container .modal-header .pro-subscription-price p {
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  margin: 0;
  letter-spacing: 0.45px;
}
.modal-container.payment-modal-container .modal-header .pro-subscription-price sub {
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
}

.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content {
  background-color: #e9e9e9;
  font-family: "IBM Plex Sans", sans-serif;
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content {
    border-radius: 25px 25px 0 0;
  }
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-header .pro-branding {
  margin-top: 25px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-header .close-modal {
  background-color: gainsboro;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body {
  max-height: calc(95dvh - 55px);
  padding: 0;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container {
  text-align: left;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .modal-intent-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container {
  padding: 0;
  max-width: 200px;
  margin: 20px auto;
}
@media screen and (max-width: 767px) {
  .modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container {
    margin: 10px auto;
  }
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container .price-selection-checklist {
  background-color: #000000;
  border-radius: 999px;
  padding: 3px;
  box-sizing: border-box;
  gap: 0;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container .price-selection-checklist input[type=radio] + label {
  font-family: "IBM Plex Sans", sans-serif;
  color: #ffffff;
  padding: 12px 0;
  border-radius: 999px;
  border: 0;
  text-indent: initial;
  justify-content: center;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container .price-selection-checklist input[type=radio] + label::before, .modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container .price-selection-checklist input[type=radio] + label::after {
  content: none;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container .price-selection-checklist input[type=radio] + label .checklist-content span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 14px;
  font-weight: 500;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .price-selection-checklist-container .price-selection-checklist input[type=radio]:checked + label {
  background-color: #ffffff;
  color: #000000;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container {
  margin: 0;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .pricing-tier-benefits-container {
  padding: 25px 20px 20px;
  background-color: #ffffff;
  border-radius: 12px 12px 22px 22px;
  gap: 18px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .pricing-tier-benefits-container .pricing-tier-benefit svg {
  min-width: 17px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .benefit-plus-btn {
  display: block;
  margin-top: -19px;
  margin-bottom: -19px;
  text-align: center;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .benefit-plus-btn svg {
  border-radius: 999px;
  border: 5px solid #e9e9e9;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .extra-pro-benefit-container {
  background-color: #000000;
  border-radius: 22px 22px 12px 12px;
  padding: 20px 20px 25px;
  text-align: center;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .extra-pro-benefit-container p {
  font-family: "IBM Plex Sans", sans-serif;
  color: #ffffff;
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 18px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .pro-benefits-modal-footer {
  background: #e9e9e9;
  padding: 15px 0 25px;
  flex-direction: column;
  gap: 10px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container .pro-benefits-modal-footer small {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 13px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button {
  background-color: #ffc900;
  padding: 15px 0;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  color: #000000;
  border-radius: 12px;
}
@media (hover: hover) and (pointer: fine) {
  .modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button {
    background-color: #ffce1a;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px 7px rgba(155, 155, 155, 0.1);
  }
  .modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button .button-cta-text {
  display: flex;
  align-items: center;
  gap: 3px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell .modal-content .modal-body .modal-body-content-container button small {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 12px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content {
  background-color: #ffffff;
  padding: 30px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content h3,
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content p {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content .modal-body .modal-body-content-container {
  padding: 0;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container {
  margin-bottom: 30px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .pricing-tier-benefits-container {
  background-color: #e9e9e9;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content .modal-body .modal-body-content-container .membership-widget-benefits-container .pricing-tier-benefits-container p {
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.success-modal .modal-content button span {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 22px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-meta {
  display: flex;
  gap: 15px;
  align-items: center;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-meta .mandate-meta-logo {
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 8px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-meta .mandate-meta-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-meta .mandate-meta-info span {
  display: block;
  font-size: 18px;
  line-height: 19px;
  font-weight: 600;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-meta .mandate-meta-info small {
  color: #9b9b9b;
  font-size: 13px;
  line-height: 17px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-plan-details {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-plan-details .mandate-plan {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-plan-details .mandate-plan span {
  display: block;
  font-size: 18px;
  line-height: 19px;
  font-weight: 600;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-plan-details .mandate-plan small {
  color: #9b9b9b;
  font-size: 13px;
  line-height: 17px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-footer {
  text-align: center;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-footer small {
  display: block;
  text-align: center;
  color: #000000;
  font-size: 13px;
  line-height: 17px;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .membership-mandate-info-container .membership-mandate-footer small .highlight-text {
  display: inline;
  font-weight: 500;
}
.modal-container.stck-pro-benefits-modal.stck-pro-trial-upsell.stck-pro-trial-pre-mandate .pro-subscription-price {
  display: none;
}

.modal-container.custom-domain-prompt-modal .modal-content .modal-title-desc-block .modal-title,
.modal-container.custom-domain-prompt-modal .modal-content .modal-title-desc-block .modal-description {
  color: #541d9b;
}
.modal-container.custom-domain-prompt-modal .modal-content .modal-action-block .button {
  background-color: #541d9b;
}

.modal-container.stck-pro-mutli-step-prompt-modal.plotter-ai-prompt-modal .modal-content .modal-title-desc-block .modal-title,
.modal-container.stck-pro-mutli-step-prompt-modal.plotter-ai-prompt-modal .modal-content .modal-title-desc-block .modal-description {
  color: #7d298d;
}
.modal-container.stck-pro-mutli-step-prompt-modal.plotter-ai-prompt-modal .modal-content .modal-action-block .button {
  background-color: #7d298d;
  justify-content: center;
}
.modal-container.stck-pro-mutli-step-prompt-modal.plotter-ai-prompt-modal .modal-content .modal-action-block .flat-button {
  background-color: initial;
}

.modal-container.verified-tick-prompt-modal .modal-content .modal-title-desc-block .modal-title,
.modal-container.verified-tick-prompt-modal .modal-content .modal-title-desc-block .modal-description {
  color: #25814e;
}
.modal-container.verified-tick-prompt-modal .modal-content .modal-action-block .button {
  background-color: #25814e;
}

.modal-container.maximise-revenue-prompt-modal .modal-content .modal-title-desc-block .modal-title,
.modal-container.maximise-revenue-prompt-modal .modal-content .modal-title-desc-block .modal-description {
  color: #a46223;
}
.modal-container.maximise-revenue-prompt-modal .modal-content .modal-action-block .button {
  background-color: #a46223;
}

.modal-container.picto-ai-prompt-modal .modal-content .modal-title-desc-block .modal-title,
.modal-container.picto-ai-prompt-modal .modal-content .modal-title-desc-block .modal-description {
  color: #7539bf;
}
.modal-container.picto-ai-prompt-modal .modal-content .modal-action-block .button {
  background-color: #7539bf;
}

.modal-container.import-email-prompt-modal .modal-content .modal-action-block .button {
  background-color: #000000;
}

@media screen and (max-width: 1023px) {
  .modal-container.stck-pro-mutli-step-prompt-modal .modal-content {
    background-color: #fafaff;
  }
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-header .stck-pro-logo {
  display: none;
}
@media screen and (max-width: 1023px) {
  .modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-header .stck-pro-logo {
    display: block;
    margin: 20px auto 0;
  }
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body {
  max-height: 80dvh;
  min-height: 480px;
}
@media screen and (max-width: 767px) {
  .modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body {
    min-height: initial;
  }
}
@media screen and (min-width: 1024px) {
  .modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body .col {
    padding: 50px 30px;
  }
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body .col-has-gray-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fafaff;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content figure {
  margin: 0;
  line-height: 0;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body-figure-container figure,
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body-figure-container picture {
  display: inline-block;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body-figure-container img {
  border: 1px solid #ececec;
  border-radius: 12px;
  box-sizing: border-box;
  height: 315px;
  width: 315px;
}
@media screen and (max-width: 1023px) {
  .modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-body-figure-container img {
    width: 100%;
    height: auto;
  }
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .stck-pro-logo {
  height: 25px;
  width: auto;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-title-desc-block {
  font-family: "Poppins", sans-serif;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-title-desc-block .stck-pro-logo {
  display: block;
}
@media screen and (max-width: 1023px) {
  .modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-title-desc-block .stck-pro-logo {
    display: none;
  }
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-title-desc-block .modal-title {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  letter-spacing: initial;
  margin: 20px 0 15px;
}
@media screen and (max-width: 767px) {
  .modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-title-desc-block .modal-title {
    font-size: 26px;
    line-height: 32px;
    margin: 20px 0 10px;
  }
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-title-desc-block .modal-description {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 20px;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-action-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-action-block .button {
  border-radius: 12px;
  justify-content: space-between;
}
.modal-container.stck-pro-mutli-step-prompt-modal .modal-content .modal-action-block .button span {
  font-family: "Poppins", sans-serif;
}

.modal-container.feature-showcase-modal-container .modal-content {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.feature-showcase-modal-container .modal-content .pro-branding {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}
.modal-container.feature-showcase-modal-container .modal-content .modal-body {
  padding: 0 0 25px;
}
.modal-container.feature-showcase-modal-container .modal-content .modal-body .modal-body-image-container {
  margin: 0 0 20px;
  padding: 0 30px;
}
.modal-container.feature-showcase-modal-container .modal-content .modal-body .modal-body-image-container img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
}
.modal-container.feature-showcase-modal-container .modal-content .modal-body .modal-body-content-container {
  padding: 0 30px;
}
.modal-container.feature-showcase-modal-container .modal-content .modal-body .modal-body-content-container .modal-intent-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}
.modal-container.feature-showcase-modal-container .modal-content .modal-body .modal-body-content-container .modal-intent-description p {
  font-size: 15px;
  line-height: 23px;
  color: rgba(0, 0, 0, 0.7);
  margin: 10px 0 20px 0;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-body {
  max-height: 650px;
  padding: 20px 0 30px;
  display: flex;
  flex-direction: column;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-body-figure-container figure {
  margin: 0;
  margin-bottom: 30px;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-body-figure-container img {
  display: block;
  margin: 0 auto;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block {
  padding: 0 30px;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-title {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: normal;
  margin: 0;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-title span {
  display: block;
  font-weight: 400;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-description {
  margin: 15px 0;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-description ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-description li {
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-description li p {
  margin-top: -2px;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-description svg {
  min-width: 20px;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-description p {
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-title-desc-block .modal-description p span {
  font-weight: 500;
  text-decoration: underline wavy #4d6eff;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-action-block button {
  padding: 15px 0;
  border-radius: 12px;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-content:not(.feature-education-cover-modal-content) .modal-body {
  gap: 20px;
  padding-bottom: 0;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-content:not(.feature-education-cover-modal-content) .modal-body-figure-container figure {
  margin: 0;
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-content:not(.feature-education-cover-modal-content) .modal-title-desc-block .modal-title {
  font-size: 25px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.5);
}
.modal-container.feature-showcase-modal-container.feature-education-modal .modal-content:not(.feature-education-cover-modal-content) .modal-title-desc-block .modal-description p:not(:last-of-type) {
  margin-bottom: 25px;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body {
  padding: 30px;
  gap: 15px;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body .modal-title-desc-block {
  padding: 0;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body .modal-title-desc-block .modal-title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: 32px;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body-figure-container {
  position: relative;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body-figure-container .stck-books-prompt-image-base {
  width: 100%;
  border-radius: 16px;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body-figure-container .book-cover {
  position: absolute;
  bottom: 15%;
  right: 14.5%;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body-figure-container .book-cover figure {
  margin: 0;
  line-height: 0;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body-figure-container .book-cover picture {
  box-shadow: none;
  border-radius: 8px 6px 6px 8px;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-body-figure-container .book-cover img {
  max-width: 100px;
  border-radius: 8px 6px 6px 8px;
}
.modal-container.feature-showcase-modal-container.stck-books-prompt .modal-action-block {
  margin-top: 15px;
}

.modal-container.comic-modal .modal-content.column-layout {
  max-width: 700px;
}
.modal-container.comic-modal .textarea-with-highlight-menu {
  margin-bottom: 15px;
}
.modal-container.comic-modal .textarea-with-highlight-menu ul.highlight-menu {
  gap: 30px;
  flex-direction: row;
  padding: 5px 10px;
}
.modal-container.comic-modal button:disabled:not(.button-loading) {
  cursor: not-allowed;
}

.modal-container.notification-prompt-modal-container .modal-content .modal-body {
  padding: 30px;
  min-height: 270px;
  box-sizing: border-box;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body h3 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 10px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .button span,
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-on-button span {
  font-family: "Poppins", sans-serif;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-permission-icon-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-permission-icon-holder .notification-icon-wrapper {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background-color: #000000;
  min-width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-permission-icon-holder .notification-icon-wrapper .busy-state-container {
  position: relative;
  width: auto;
  height: auto;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-permission-icon-holder .notification-icon-wrapper .busy-state-container .loader {
  background: transparent;
  width: 42px;
  height: 42px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-permission-icon-holder .notification-icon-wrapper .busy-state-container .loader .circular {
  width: 24px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-permission-icon-holder .notification-icon-wrapper .busy-state-container .loader .path {
  animation: dash 1.2s ease-in-out infinite, color-inverted 6s ease-in-out infinite;
}
@media screen and (min-width: 1024px) {
  .modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-permission-icon-holder .notification-icon-wrapper .allow-notification-arrow-icon {
    transform: rotate(-45deg);
  }
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  border: 1px solid #ececec;
  padding: 15px;
  margin: 20px 0 25px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .notification-content-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .notification-content-container .notification-creator-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .notification-content-container .notification-creator-meta span {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  line-height: 14px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .notification-content-container .notification-content-title p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
  margin: 0 0 10px 0;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .notification-content-container .notification-content-title .notification-content-skeleton {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .notification-content-container .notification-content-title .notification-content-skeleton p {
  background-color: #f5f5f7;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  margin: 0;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .notification-content-container .notification-content-title .notification-content-skeleton p:first-of-type {
  width: 50%;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .creator-image-container .user-photo-container {
  width: 36px;
  height: 36px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .creator-image-container .user-photo-container figure {
  display: inline-block;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .creator-image-container .user-photo-container figure picture img {
  width: 36px;
  height: 36px;
  border-radius: 8px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .creator-image-container .user-photo-container .no-avatar-image {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  box-shadow: none;
  border: 0;
  border-radius: 8px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .notification-skeleton-pill-container .creator-image-container .user-photo-container .no-avatar-image .profile-avatar {
  background-position: -880px -912px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .toggle-block-group {
  margin: 25px 0;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container {
  border: none;
  padding: 0;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container:nth-child(2) {
  padding-top: 15px;
  border-top: 1px solid #ececec;
  margin-top: 15px;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container:only-child {
  padding: 0;
  border: 0;
  margin: 0;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container .toggle-block-content h1 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
}
.modal-container.notification-prompt-modal-container .modal-content .modal-body .toggle-block-group .toggle-block-container .toggle-switch input[type=checkbox]:checked + label {
  background: #4d6eff;
}

.modal-container.bottom-strap-modal .overlay {
  display: none;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content {
  bottom: 0;
  top: initial;
  left: 0;
  margin: 0;
  transform: initial;
  max-width: initial;
  border-radius: 25px 25px 0 0;
  animation: slide-up 0.25s ease-out;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container {
  background-color: #ebe7dc;
  padding: 20px 0;
  border-radius: 25px 25px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container {
    padding: 20px 30px;
  }
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 60px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper {
    flex-direction: column;
    text-align: center;
    gap: 15px;
    padding: 0;
  }
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-copy h3 {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: #776f58;
  margin: 0;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-copy p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  margin: 0;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 315px;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta .bottom-strap-button {
  gap: 5px;
  padding: 10px 0;
  background-color: #29271f;
  box-shadow: none;
  flex: 1;
  width: 100%;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta .bottom-strap-button span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  color: #ffffff;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-yes-selected .bottom-strap-button {
  background-color: #cbc4b3;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-yes-selected .bottom-strap-button svg,
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-yes-selected .bottom-strap-button span {
  opacity: 0.5;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-yes-selected .bottom-strap-button.bottom-strap-button-yes {
  background-color: #ffa20d;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-yes-selected .bottom-strap-button.bottom-strap-button-yes svg,
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-yes-selected .bottom-strap-button.bottom-strap-button-yes span {
  opacity: 1;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-no-selected .bottom-strap-button {
  background-color: #cbc4b3;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-no-selected .bottom-strap-button svg,
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-no-selected .bottom-strap-button span {
  opacity: 0.5;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-no-selected .bottom-strap-button.bottom-strap-button-no {
  background-color: #ffa20d;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-no-selected .bottom-strap-button.bottom-strap-button-no svg,
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-header .bottom-strap-copy-container .bottom-strap-copy-wrapper .bottom-strap-cta.bottom-strap-cta-no-selected .bottom-strap-button.bottom-strap-button-no span {
  opacity: 1;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body {
  border-radius: initial;
  max-height: initial;
  box-sizing: border-box;
  padding: 0;
  height: 0;
  visibility: hidden;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container {
  max-width: 450px;
  margin: 0 auto;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-form-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-form-group label p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 19px;
  margin: 0;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-form-group textarea {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 19px;
  background: none;
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 15px;
  margin: 0;
  box-sizing: border-box;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-form-group .submit-button {
  padding: 15px 0;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-form-group .submit-button span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-section-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-section-wrapper h6 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.25px;
  text-align: center;
  margin: 0;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-section-wrapper p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #687081;
  text-align: center;
  margin: 0;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-section-wrapper .button {
  margin-top: 15px;
  padding: 15px 0;
}
.modal-container.bottom-strap-modal .bottom-strap-modal-content .modal-body .bottom-strap-expanded-container .bottom-strap-section-wrapper .button span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
}
.modal-container.bottom-strap-modal.bottom-strap-expanded .overlay {
  display: block;
}
.modal-container.bottom-strap-modal.bottom-strap-expanded .close-modal {
  display: none;
}
.modal-container.bottom-strap-modal.bottom-strap-expanded .modal-body {
  height: initial;
  visibility: visible;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  .modal-container.bottom-strap-modal.bottom-strap-expanded .modal-body {
    padding: 20px 30px 30px;
  }
}

.modal-container.change-email-flow-modal-container .modal-content button {
  margin-top: 35px;
}
.modal-container.change-email-flow-modal-container .modal-content small {
  font-family: "IBM Plex Sans", sans-serif;
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-size: 15px;
  line-height: 21px;
  margin-top: 25px;
  text-align: center;
}
.modal-container.change-email-flow-modal-container .modal-content .icon.eye-open-icon, .modal-container.change-email-flow-modal-container .modal-content .icon.eye-closed-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 20px;
  height: 13px;
  cursor: pointer;
}
.modal-container.change-email-flow-modal-container .modal-content .icon.eye-open-icon {
  background-position: -604px -31px;
}
.modal-container.change-email-flow-modal-container .modal-content .icon.eye-closed-icon {
  background-position: -604px -1px;
}

.modal-container.change-username-modal-container .username-input-container input {
  padding: 13px 45px 13px 20px;
  border: 1px solid #ececec;
  border-radius: 8px;
}
.modal-container.change-username-modal-container .username-input-container input[type=email]:disabled {
  background: none;
  opacity: 0.5;
}
.modal-container.change-username-modal-container .username-input-container .input-with-icons input {
  padding: 17px 50px 17px 20px;
  margin: 0;
}
.modal-container.change-username-modal-container .username-input-container .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: initial;
  top: 20px;
  right: 20px;
}
.modal-container.change-username-modal-container .username-input-container .icon.available-tick-icon {
  background-position: -369px -639px;
}
.modal-container.change-username-modal-container .username-input-container .icon.unavailable-cross-icon {
  background-position: -406px -640px;
}
.modal-container.change-username-modal-container .username-input-container .icon.loading-icon {
  top: 22px;
  width: 15px;
  height: 15px;
  background-position: -397px -722.5px;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  box-shadow: none;
}
.modal-container.change-username-modal-container button {
  margin-top: 25px;
  border-radius: 12px;
}
.modal-container.change-username-modal-container button:disabled {
  box-shadow: none;
}
.modal-container.change-username-modal-container .modal-info-block a {
  text-decoration: none;
  font-weight: 700;
}
.modal-container.change-username-modal-container .account-details-metadata .button {
  width: auto;
  margin: 0;
}
.modal-container.change-username-modal-container .modal-content .modal-body ul li {
  margin: 0;
}

.modal-container.view-book-modal .modal-body .modal-body-content-container {
  text-align: center;
}
.modal-container.view-book-modal .modal-body .modal-body-content-container h5 {
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 1.32px;
  color: #4d6eff;
  opacity: initial;
  margin: 0;
}
.modal-container.view-book-modal .modal-body .modal-body-content-container h1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: initial;
  margin: 5px 0 0 0;
}
.modal-container.view-book-modal .modal-body .chapter-list-container {
  margin-bottom: 0;
}
.modal-container.view-book-modal .modal-body .chapter-list-container .section-separator-with-label {
  margin: 25px 0;
}
.modal-container.view-book-modal .modal-body .chapter-list-container li {
  margin-bottom: 0;
}
.modal-container.view-book-modal .modal-body .chapter-list-container .book-cta-container {
  margin: 25px 0 25px 0;
}

.book-preview-content .menu-dropdown-items-container {
  font-family: "IBM Plex Sans", sans-serif;
  position: absolute;
  width: 375px;
  max-height: 65vh;
  margin-top: 15px;
  box-shadow: 5px 0 10px 2px #9b9b9b1a, 0 5px 10px 2px #9b9b9b1a;
  border-radius: 12px;
  z-index: 3;
  animation: slide-down 0.35s ease-out;
  left: -20px;
  top: 45px;
  padding: 25px 30px;
  box-sizing: border-box;
  background: #ffffff;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .book-preview-content .menu-dropdown-items-container {
    position: fixed;
    width: 100vw;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 1001;
    border-radius: 0 0 20px 20px;
    border: 1px solid #ececec;
    box-shadow: none;
  }
}
.book-preview-content .menu-dropdown-items-container .book-cta-container {
  margin: 25px auto;
}
.book-preview-content .menu-dropdown-items-container .section-separator-with-label {
  margin: 25px 0;
}
@media screen and (max-width: 767px) {
  .book-preview-content .menu-dropdown-items-container.editor-dropdown {
    bottom: 0;
    left: 0;
  }
}
.book-preview-content .menu-dropdown-items-container .dropdown-title-container {
  text-align: center;
}
.book-preview-content .menu-dropdown-items-container .dropdown-title-container h5 {
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 1.32px;
  color: #4d6eff;
  opacity: initial;
  margin: 0;
}
.book-preview-content .menu-dropdown-items-container .dropdown-title-container h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: initial;
  margin: 5px 0 0 0;
}
.book-preview-content .menu-dropdown-items-container .chapter-list-container {
  margin: 0;
}
.book-preview-content .menu-dropdown-items-container .chapter-list-container .chapter-list-new-chapter-row button {
  align-items: center;
  background-color: #4d6eff;
  box-shadow: none;
  border-radius: 99px;
  padding: 8px;
}

.modal-container.share-posting-modal-container .modal-content {
  max-height: initial;
}
.modal-container.share-posting-modal-container .modal-content .modal-body {
  padding: 20px 30px;
  max-height: 80dvh;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .photo-container {
  margin: 15px 0;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .photo-container figure {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  margin: 0;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .photo-container figure img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 25px;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .modal-body-content .modal-intent-title {
  font-family: "Poppins", sans-serif;
  font-size: 21px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .modal-body-content .modal-intent-description {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.7);
  margin: 10px 0 0;
  text-align: center;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .pseudo-textbox {
  margin: 15px 0 25px;
  border-radius: 12px;
  border: none;
  background-color: #f5f5f7;
  box-shadow: none;
  min-height: initial;
  padding: 12px 15px;
  cursor: pointer;
  transition: background 0.25s ease;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .pseudo-textbox:hover {
  background-color: #ededf0;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .pseudo-textbox .pseudo-textbox-icon-container svg {
  margin-top: 2px;
}
.modal-container.share-posting-modal-container .modal-content .modal-body .pseudo-textbox .pseudo-textbox-copy {
  max-width: initial;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons {
  margin: 20px 0 0;
  justify-content: space-between;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li {
  margin: 0;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li:first-of-type {
  flex: initial;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a {
  flex-direction: column;
  box-shadow: none;
  justify-content: initial;
  background: transparent;
  height: initial;
  width: initial;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a .icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a .icon.copy-link-icon {
  background-position: 0px -145px;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a .icon.share-via-icon {
  background-position: -67px -145px;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a .icon.facebook-icon {
  background-position: -134px -145px;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a .icon.twitter-icon {
  background-position: -201px -145px;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a .icon.whatsapp-icon {
  background-position: -268px -145px;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a .icon.email-icon {
  background-position: -335px -145px;
}
.modal-container.share-posting-modal-container .modal-content .post-share-sheet-container .social-share-buttons li a span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 8px;
}

.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .plotter-mascot {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .hints-block-container {
    display: block;
  }
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .hints-block {
  justify-content: center;
  padding: 15px 25px;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .product-prompt-feature-image img {
  width: 100%;
  border-radius: 12px;
  margin: 20px 0;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body mark {
  background-color: rgba(77, 110, 255, 0.2);
  position: relative;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body mark img {
  position: absolute;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body mark img.start-highlight-line {
  left: -2px;
  top: -4px;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body mark img.end-highlight-line {
  right: -1px;
  top: 0;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .modal-intent-description {
  line-height: 26px;
  opacity: 1;
  color: rgba(0, 0, 0, 0.7);
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper {
  position: relative;
  display: inline-block;
  box-shadow: none;
  padding: 0;
  cursor: default;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper .illustrate-button {
  display: flex;
  align-items: center;
  gap: 3px;
  border-radius: 999px;
  padding: 0 8px;
  height: 26px;
  min-height: 26px;
  background-image: linear-gradient(180deg, #6746eb 0%, #a084f3 100%);
  box-shadow: inset 0 -1px 0.5px 0 rgba(255, 255, 255, 0.43), inset 0 1px 0.5px 0 #cec1ff, inset -1px -2px 4px 0 rgba(103, 70, 235, 0.25), inset -2px 2px 4px 0 rgba(103, 70, 235, 0.15);
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper .illustrate-button span {
  font-size: 13px;
  color: #ffffff;
  letter-spacing: -0.25px;
  line-height: 14px;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper .stars-wrapper {
  position: relative;
  height: 10px;
  width: 15px;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper .stars-wrapper .blinking-star {
  position: absolute;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper .stars-wrapper .blinking-star.star-1 {
  top: -3px;
  left: 0px;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper .stars-wrapper .blinking-star.star-2 {
  top: 1px;
  left: 7px;
}
.modal-container.chapter-ai-modal.chapter-ai-product-prompt-modal .modal-content .modal-body .illustrate-button-wrapper .stars-wrapper .blinking-star.star-3 {
  top: 6px;
  left: 2px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body {
  max-height: initial;
}
@media screen and (max-width: 767px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body {
    padding: 25px;
  }
}
.modal-container.chapter-ai-modal .modal-content .modal-body .modal-intent-title,
.modal-container.chapter-ai-modal .modal-content .modal-body h1,
.modal-container.chapter-ai-modal .modal-content .modal-body .modal-intent-description {
  font-family: "IBM Plex Sans", sans-serif;
  text-align: center;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .modal-intent-title {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 1.32px;
  color: #4d6eff;
  opacity: initial;
  margin: 0;
  font-weight: 600;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .text-underline-arc::after {
  height: 14px;
  left: -4px;
  bottom: -22px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body h1 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #000000;
  line-height: 22px;
  margin: 5px auto;
  font-weight: 700;
  letter-spacing: initial;
}
.modal-container.chapter-ai-modal .modal-content .modal-body h1.gradient-text {
  background-image: linear-gradient(90deg, #6746eb 0%, #ca5fff 34%, #ab52f2 100%);
}
.modal-container.chapter-ai-modal .modal-content .modal-body .plotter-mascot {
  height: 50px;
  width: auto;
  margin: 15px auto 5px;
  display: block;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .section-separator-with-label {
  margin: 25px 0 15px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .modal-intent-description {
  opacity: 0.7;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .model-intent-image {
  height: 66px;
  width: auto;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 1024px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .hints-block-container {
    min-width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .hints-block-container {
    display: none;
  }
}
.modal-container.chapter-ai-modal .modal-content .modal-body .hints-block {
  width: calc(100% + 50px);
  margin-left: -25px;
  padding: 15px 25px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .hints-block {
    display: flex;
    flex-wrap: wrap;
    overflow: initial;
    padding: 15px 25px 0;
  }
}
.modal-container.chapter-ai-modal .modal-content .modal-body .hints-block .hint {
  margin: 0;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #f5f5f7;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1);
  border-radius: 12px;
  box-sizing: border-box;
  min-height: 62px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta figure {
  margin: 0;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta figure img {
  aspect-ratio: 2/3;
  min-width: 25px;
  max-width: 25px;
  object-fit: cover;
  border-radius: 4px;
  line-height: 1;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-content-meta {
  display: flex;
  gap: 3px;
  flex-direction: column;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-content-meta small,
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-content-meta p {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-content-meta small {
  font-size: 11px;
  color: #4d6eff;
  line-height: 12px;
  font-weight: 600;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-content-meta p {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-right: 15px;
  overflow: hidden;
  word-break: break-word;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-indicator-cta {
  margin-left: auto;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-indicator-cta button {
  background: #ffffff;
  border: 1px solid #f5f5f7;
  border-radius: 999px;
  padding: 6px 10px;
  gap: 3px;
  box-shadow: none;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-indicator-cta button .icon.new-tab-arrow {
  background-position: -241px -1012px;
  width: 15px;
  height: 15px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .book-indicator-meta .book-indicator-cta button span {
  font-size: 12px;
  color: #4d6eff;
  font-weight: 600;
  line-height: 13px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder {
  border: 1px solid #ececec;
  border-radius: 8px;
  background: #ffffff;
}
@media screen and (min-width: 1024px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder {
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder {
    margin-top: 15px;
  }
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text {
  padding: 15px 25px 0;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text {
    padding: 25px 25px 0;
  }
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-meta-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-meta-head svg {
  zoom: 0.6;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-meta-head small {
  font-family: "IBM Plex Mono", monospace;
  opacity: 0.5;
  font-size: 10px;
  line-height: 10px;
  margin: 5px 0;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-meta-head .chapter-title {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-body {
  font-family: "IBM Plex Serif", serif;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-body.blurred-chapter-body {
  position: relative;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-body.blurred-chapter-body::before {
  content: "";
  height: calc(100% + 20px);
  width: calc(100% + 50px);
  display: block;
  position: absolute;
  top: -10px;
  left: -25px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-body .dropcap-text {
  font-size: 40px;
  line-height: 40px;
  width: 70px;
  height: 70px;
  margin: 5px 10px 0 0;
  border-radius: 0 8px 8px 8px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-body p {
  font-size: 13px;
  line-height: 20px;
  margin: 15px 0 0;
  min-height: 90px;
  max-height: 90px;
}
@media screen and (min-width: 1024px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-text .chapter-body p {
    min-height: 253px;
    max-height: 253px;
  }
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container {
  border-top: 1px solid #ececec;
  height: 55px;
  min-height: 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  gap: 10px;
  background-color: #fcfcfc;
  padding: 0 15px;
  border-radius: 0 0 8px 8px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container.has-error {
  background-color: rgba(240, 89, 89, 0.1);
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container.has-error span {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
@media screen and (min-width: 1024px) {
  .modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container {
    border-radius: 0 0 12px 12px;
  }
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container > span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 500;
  display: block;
  text-align: center;
  line-height: 13px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container button {
  padding: 12px 0;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container .progress {
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 6px;
  border-radius: 999px;
  padding: 1px;
}
.modal-container.chapter-ai-modal .modal-content .modal-body .chaper-preview-card-holder .chapter-generation-progress-container .progress .progress-bar {
  height: 100%;
  text-align: center;
  background-color: #4d6eff;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  border-radius: 999px px;
}

.order-details-specs {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}
.order-details-specs .order-details-cell-group {
  display: flex;
  gap: 10px;
}
.order-details-specs .order-details-cell {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.order-details-specs .order-details-cell h6 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
}
.order-details-specs .order-details-cell p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}

.order-quantity-selector {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .order-quantity-selector {
    gap: 30px;
  }
}
.order-quantity-selector .order-quantity-selector-header h6 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
}
.order-quantity-selector .order-quantity-selector-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  width: 100%;
}
.order-quantity-selector .order-quantity-selector-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.order-quantity-selector .order-quantity-selector-preview figure {
  margin: 0;
  line-height: 0;
}
.order-quantity-selector .order-quantity-selector-preview figure img {
  height: 106px;
  width: 70px;
  border-radius: 0;
  object-fit: cover;
}
.order-quantity-selector .order-quantity-selector-preview .book-shelf-container {
  display: block;
  min-height: auto;
}
.order-quantity-selector .order-quantity-selector-preview .book-shelf-container .book {
  max-width: max-content;
  min-width: max-content;
  max-height: initial;
  height: auto;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: transparent;
}
.order-quantity-selector .order-quantity-selector-preview .book-shelf-container .book figure img {
  object-fit: cover;
}
.order-quantity-selector .order-quantity-selector-preview .book-shelf-container .shelf {
  height: 19px;
  width: 100%;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.order-quantity-selector .order-quantity-selector-preview .book-shelf-container .shelf-top {
  height: 5px;
}
.order-quantity-selector .order-quantity-selector-preview .book-shelf-container .shelf-front,
.order-quantity-selector .order-quantity-selector-preview .book-shelf-container .shelf-bottom {
  height: 8px;
}
.order-quantity-selector .order-quantity-selector-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
  flex: 2;
}
.order-quantity-selector .order-quantity-selector-content .order-name {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  margin: 0;
}
.order-quantity-selector .order-quantity-selector-content .order-author {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: #9b9b9b;
  line-height: 13px;
}
.order-quantity-selector .order-quantity-selector-content .order-counter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.order-quantity-selector .order-quantity-selector-content .order-counter-container .counter {
  background: #f1f1f1;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  overflow: hidden;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.order-quantity-selector .order-quantity-selector-content .order-counter-container .counter .button {
  box-shadow: none;
  background: none;
  padding: 10px 15px;
  box-sizing: border-box;
  min-height: 42px;
  border-radius: 0;
}
@media screen and (min-width: 1024px) {
  .order-quantity-selector .order-quantity-selector-content .order-counter-container .counter .button:hover {
    background: #e4e4e4;
  }
}
.order-quantity-selector .order-quantity-selector-content .order-counter-container .counter .count-value {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}
.order-quantity-selector .order-quantity-selector-content .order-counter-container .counter .count-value-input {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
  padding: 0;
  margin: 0;
  width: 30px;
  background: transparent;
  border: none;
  text-align: center;
}
.order-quantity-selector .order-quantity-selector-content .order-counter-container .order-counter-value-price {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: right;
}

.order-summary-table-container table {
  font-family: "IBM Plex Sans", sans-serif;
  width: 100%;
  margin: 15px 0;
}
.order-summary-table-container tr:last-of-type td {
  padding: 0;
}
.order-summary-table-container tr:last-of-type td p {
  font-weight: 600;
}
.order-summary-table-container td {
  padding: 0px 0 15px;
}
.order-summary-table-container td:first-of-type {
  width: 70%;
}
.order-summary-table-container td p {
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}
.order-summary-table-container td:last-of-type {
  text-align: right;
  vertical-align: top;
}

.order-form-container {
  display: flex;
  gap: 15px;
  flex-direction: column;
  margin: 30px auto 0;
}
.order-form-container .form-intent-title {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
}
.order-form-container fieldset {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.order-form-container .button {
  border-radius: 12px;
}
.order-form-container .button span {
  font-family: "Poppins", sans-serif;
}

.order-progress-container {
  margin: 35px 0;
}
@media screen and (max-width: 1023px) {
  .order-progress-container {
    margin: 45px 0 35px;
  }
}

.order-progress-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-left: 13px;
}
.order-progress-wrapper .order-progress-item {
  position: relative;
  counter-increment: list;
  padding-left: 20px;
  padding-bottom: 25px;
}
.order-progress-wrapper .order-progress-item::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 17px;
  left: -7px;
  height: 100%;
  width: 1.5px;
  background-color: #ececec;
}
.order-progress-wrapper .order-progress-item::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: -13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ececec;
}
.order-progress-wrapper .order-progress-item:last-of-type {
  padding-bottom: 0;
}
.order-progress-wrapper .order-progress-item:last-of-type::before {
  content: none;
}
.order-progress-wrapper .order-progress-item.completed::before {
  background-color: #4d6eff;
}
.order-progress-wrapper .order-progress-item.completed::after {
  background-color: #4d6eff;
}
.order-progress-wrapper .order-progress-item.current::before {
  border-color: #4d6eff;
}
.order-progress-wrapper .order-progress-item.current::after {
  background-color: #4d6eff;
}
.order-progress-wrapper .order-progress-item .order-progress-item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.order-progress-wrapper .order-progress-item .order-progress-item-content span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px;
  line-height: 21px;
}
@media screen and (max-width: 1023px) {
  .order-progress-wrapper .order-progress-item .order-progress-item-content span {
    font-size: 15px;
    line-height: 16px;
  }
}
.order-progress-wrapper .order-progress-item .order-progress-item-content .order-step-track-url {
  display: inline-flex;
  background-color: #4d6eff;
  color: #ffffff;
  text-decoration: none;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
}
.order-progress-wrapper .order-progress-item .order-progress-item-content small {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 19px;
  color: #9b9b9b;
}
@media screen and (max-width: 1023px) {
  .order-progress-wrapper .order-progress-item .order-progress-item-content {
    font-size: 13px;
  }
}

.modal-container.print-edition-modal.print-edition-success-modal .modal-content .modal-header {
  padding: 0;
  border: none;
}
.modal-container.print-edition-modal.print-edition-success-modal .modal-content .modal-header .close-modal {
  position: absolute;
  top: 30px;
  right: 30px;
}
.modal-container.print-edition-modal .modal-info-block {
  gap: 10px;
}
.modal-container.print-edition-modal .button.dark-button, .modal-container.print-edition-modal .button.blue-button {
  margin-top: 30px;
}

.modal-container.edit-print-modal .modal-content .modal-body .section-wrapper {
  display: flex;
  flex-direction: column;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-header,
.modal-container.edit-print-modal .modal-content .modal-body .section-description {
  font-family: "Poppins", sans-serif;
  margin: 0;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-icon {
  max-width: 75px;
  height: auto;
  margin: 0 0 35px;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-header {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 20px;
  letter-spacing: 0;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-description {
  font-size: 15px;
  color: #9b9b9b;
  line-height: 23px;
  margin: 0 0 35px;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-description:last-of-type {
  margin: 0;
}
.modal-container.edit-print-modal .modal-content .modal-body .print-edition-progress-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 25px 0 0;
}
.modal-container.edit-print-modal .modal-content .modal-body .print-edition-progress-container .progress-message {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #9b9b9b;
  line-height: 18px;
}
.modal-container.edit-print-modal .modal-content .modal-body .print-edition-progress-container .progress {
  height: 6px;
}
.modal-container.edit-print-modal .modal-content .modal-body .print-edition-progress-container .progress-bar {
  background-color: #4d6eff;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-cell .section-cell-header h3,
.modal-container.edit-print-modal .modal-content .modal-body .section-cell .section-cell-description p {
  font-family: "Poppins", sans-serif;
  margin: 0;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-cell .section-cell-header h3 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-cell .section-cell-description p {
  font-size: 15px;
  line-height: 23px;
  color: #9b9b9b;
  margin-top: 15px;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-cell .print-edition-setup-form-container button {
  margin: 30px 0 0 0;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-sub-cells-container {
  display: flex;
  align-items: center;
  gap: 30px;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-sub-cells-container .section-sub-cell {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-right: 1px solid #ececec;
  padding-right: 60px;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-sub-cells-container .section-sub-cell:last-of-type {
  padding: 0;
  border: none;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-sub-cells-container .section-sub-cell-label,
.modal-container.edit-print-modal .modal-content .modal-body .section-sub-cells-container .section-sub-cell-value {
  font-family: "Poppins", sans-serif;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-sub-cells-container .section-sub-cell-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
}
.modal-container.edit-print-modal .modal-content .modal-body .section-sub-cells-container .section-sub-cell-value {
  font-size: 15px;
  line-height: 18px;
}
.modal-container.edit-print-modal .modal-content .modal-body .cover-image-container figure {
  margin: 0;
}
.modal-container.edit-print-modal .modal-content .modal-body .cover-image-container img {
  aspect-ratio: 1/1.414;
  width: 60px;
  height: 85px;
  border-radius: 0;
  object-fit: cover;
}
.modal-container.edit-print-modal .modal-content .modal-body button {
  border-radius: 12px;
  margin-top: 30px;
}
.modal-container.edit-print-modal .modal-content .modal-body button span {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
}

.modal-container.app-share-container .modal-content {
  max-width: 485px;
}
.modal-container.app-share-container .modal-content .modal-body {
  padding: 0;
  max-height: initial;
}
.modal-container.app-share-container .modal-content .share-app-link-wrapper {
  padding: 35px 30px 25px;
  box-sizing: border-box;
  border-bottom: 1px solid #ececec;
}
@media screen and (max-width: 767px) {
  .modal-container.app-share-container .modal-content .modal-body-content {
    text-align: center;
  }
}
.modal-container.app-share-container .modal-content .modal-intent-title,
.modal-container.app-share-container .modal-content .modal-intent-description {
  font-family: "IBM Plex Sans", sans-serif;
}
.modal-container.app-share-container .modal-content .modal-intent-title {
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  letter-spacing: initial;
}
.modal-container.app-share-container .modal-content .modal-intent-description {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 22px;
  margin: 15px 0 0;
}
.modal-container.app-share-container .modal-content .pseudo-textbox {
  box-shadow: none;
  border-color: #ececec;
  border-radius: 999px;
  padding: 20px 25px;
  justify-content: space-between;
  margin: 15px 0 0;
  border-radius: 12px;
}
.modal-container.app-share-container .modal-content .pseudo-textbox .pseudo-textbox-copy {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 19px;
  margin: 0;
  max-width: initial;
  -webkit-line-clamp: 3;
}
.modal-container.app-share-container .modal-content .pseudo-textbox .pseudo-textbox-icon-container {
  line-height: 0;
}
.modal-container.app-share-container .modal-content .share-app-qr-code-wrapper {
  padding: 25px 30px 35px;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .modal-container.app-share-container .modal-content .share-app-qr-code-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.modal-container.app-share-container .modal-content .share-app-qr-code-wrapper .share-app-qr-code-content {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .modal-container.app-share-container .modal-content .share-app-qr-code-wrapper .share-app-qr-code-content {
    justify-content: center;
  }
}
.modal-container.app-share-container .modal-content .share-app-qr-code-wrapper .share-app-qr-code-content button {
  gap: 10px;
  padding: 15px 30px;
  margin-top: 20px;
}
.modal-container.app-share-container .modal-content .share-app-qr-code-wrapper .share-app-qr-code-content button span {
  font-size: 13px;
  line-height: 14px;
}
.modal-container.app-share-container .modal-content .share-app-qr-code-wrapper .share-app-qr-code-image {
  line-height: 0;
}
.modal-container.app-share-container .modal-content .share-app-qr-code-wrapper .share-app-qr-code-image figure {
  padding: 8px;
  border-radius: 8px;
  background-color: #f8f7f4;
  margin: 0;
}
.modal-container.app-share-container .modal-content .share-app-qr-code-wrapper .share-app-qr-code-image figure img {
  height: 138px;
  width: 138px;
  min-width: 138px;
}

.modal-container.render-pdf-modal .modal-content .modal-intent .modal-intent-title {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
}
.modal-container.render-pdf-modal .modal-content .modal-body {
  max-width: 680px;
  margin: 35px auto;
  padding-bottom: 35px;
}
.modal-container.render-pdf-modal .modal-content .modal-body .render-pdf-container {
  padding: 40px;
  box-sizing: border-box;
  background: #fafaf9;
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .modal-container.render-pdf-modal .modal-content .modal-body .render-pdf-container {
    margin: 35px 30px;
    padding: 20px;
  }
}

.modal-container.new-payment-success-modal .modal-content .modal-header {
  padding: 0;
  border: none;
}
.modal-container.new-payment-success-modal .modal-content .modal-header .close-modal {
  position: absolute;
  top: 30px;
  right: 30px;
}
.modal-container.print-edition-modal .modal-content .modal-body, .modal-container.new-payment-success-modal .modal-content .modal-body {
  max-height: calc(85dvh - 100px);
}
.modal-container.print-edition-modal .modal-content .order-form-container, .modal-container.new-payment-success-modal .modal-content .order-form-container {
  gap: 0;
}
.modal-container.print-edition-modal .modal-content .form-intent-title, .modal-container.new-payment-success-modal .modal-content .form-intent-title {
  margin-bottom: 15px;
}
.modal-container.print-edition-modal .modal-content .order-details-container .order-quantity-selector, .modal-container.new-payment-success-modal .modal-content .order-details-container .order-quantity-selector {
  margin: 30px 0;
}
.modal-container.print-edition-modal .modal-content .order-details-container .button-group, .modal-container.new-payment-success-modal .modal-content .order-details-container .button-group {
  display: flex;
  flex-direction: column;
  margin: 30px 0 0 0;
}
.modal-container.print-edition-modal .modal-content .order-details-container .button-group .button, .modal-container.new-payment-success-modal .modal-content .order-details-container .button-group .button {
  margin: 0;
}
.modal-container.print-edition-modal .modal-content .order-details-container .button, .modal-container.new-payment-success-modal .modal-content .order-details-container .button {
  width: 100%;
  justify-content: center;
  border-radius: 12px;
}
.modal-container.print-edition-modal .modal-content .order-details-container .button span, .modal-container.new-payment-success-modal .modal-content .order-details-container .button span {
  font-family: "Poppins", sans-serif;
}
.modal-container.print-edition-modal .modal-content .order-details-container .button.place-order-button, .modal-container.new-payment-success-modal .modal-content .order-details-container .button.place-order-button {
  justify-content: space-between;
}
.modal-container.print-edition-modal .modal-content .generic-message-wrapper, .modal-container.new-payment-success-modal .modal-content .generic-message-wrapper {
  margin: 15px 0;
}
.modal-container.print-edition-modal .modal-content .generic-message-wrapper .generic-message p, .modal-container.new-payment-success-modal .modal-content .generic-message-wrapper .generic-message p {
  color: black;
}
.modal-container.print-edition-modal .modal-content .order-confirmation-details-container-header, .modal-container.new-payment-success-modal .modal-content .order-confirmation-details-container-header {
  margin-bottom: 10px;
}
.modal-container.print-edition-modal .modal-content .order-confirmation-details-container-content, .modal-container.new-payment-success-modal .modal-content .order-confirmation-details-container-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
.modal-container.print-edition-modal .modal-content .order-confirmation-details-container-content .order-confirmation-details-container-content-title h3, .modal-container.new-payment-success-modal .modal-content .order-confirmation-details-container-content .order-confirmation-details-container-content-title h3 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin: 0;
}
.modal-container.print-edition-modal .modal-content .order-confirmation-details-container-content-wrapper, .modal-container.new-payment-success-modal .modal-content .order-confirmation-details-container-content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.modal-container.print-edition-modal .modal-content .order-confirmation-details-container-content-wrapper p, .modal-container.new-payment-success-modal .modal-content .order-confirmation-details-container-content-wrapper p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}
.modal-container.print-edition-modal .modal-content .order-confirmation-details-container-content-wrapper figure, .modal-container.new-payment-success-modal .modal-content .order-confirmation-details-container-content-wrapper figure {
  margin: 0;
  background-color: #fafaf9;
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container.print-edition-modal .modal-content .order-confirmation-details-container-content-wrapper img, .modal-container.new-payment-success-modal .modal-content .order-confirmation-details-container-content-wrapper img {
  height: 50px;
  width: auto;
}

.book-showcase-preview {
  display: flex;
  justify-content: center;
}
.book-showcase-preview .print-book-cover {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.book-showcase-preview .print-book-cover.front-cover, .book-showcase-preview .print-book-cover.back-cover {
  width: 460px;
  height: 650px;
  aspect-ratio: 1/1.414;
  background-color: #f1f1f1;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover.front-cover, .book-showcase-preview .print-book-cover.back-cover {
    width: auto;
    height: 140px;
    border-radius: 2px;
  }
}
.book-showcase-preview .print-book-cover.back-cover .publisher {
  right: initial;
  left: 0;
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-text,
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr {
  margin-left: 16%;
  max-width: 68%;
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-text {
  margin-top: 24%;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-text {
    margin-top: 18%;
  }
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  font-family: "IBM Plex Serif", serif;
  font-size: 13px;
  line-height: 19px;
  color: #000000;
  margin: 0 0 15px 0;
  white-space: pre-line;
  display: -webkit-box;
  -webkit-line-clamp: 18;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-text p:last-of-type {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-text p {
    font-size: clamp(0px, 12dvw, 4px);
    line-height: clamp(0px, 13dvw, 6px);
    margin: 0;
    -webkit-line-clamp: 12;
  }
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12%;
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container {
  width: 100px;
  height: 100px;
  min-width: 100px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container {
    min-width: 24%;
    width: 24%;
    height: auto;
  }
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container img {
  width: 88px;
  height: 88px;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container img {
    width: 90%;
    height: auto;
  }
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container {
    gap: 2px;
  }
}
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-price,
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-site {
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-price,
.book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-site {
    font-size: clamp(0px, 12dvw, 4px);
    line-height: clamp(0px, 13dvw, 5px);
  }
}
.book-showcase-preview .print-book-cover.spine-cover {
  width: var(--spine-width);
  min-width: var(--spine-width);
}
.book-showcase-preview .print-book-cover.spine-cover .publisher {
  position: relative;
  width: 100%;
  min-height: 75px;
}
.book-showcase-preview .print-book-cover.spine-cover .publisher img {
  min-width: 0;
}
.book-showcase-preview .print-book-cover.spine-cover .book-text-cover-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.book-showcase-preview .print-book-cover.spine-cover .book-text-cover-wrapper .book-text-cover-meta {
  margin: 0;
  padding: 55px 0;
  box-sizing: border-box;
  align-items: center;
  gap: 20px;
}
.book-showcase-preview .print-book-cover.spine-cover .book-text-cover-wrapper .book-text-cover-meta .title,
.book-showcase-preview .print-book-cover.spine-cover .book-text-cover-wrapper .book-text-cover-meta .author {
  display: flex;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  line-height: 17px;
  margin: 0;
}
.book-showcase-preview .print-book-cover.spine-cover .book-text-cover-wrapper .book-text-cover-meta .title {
  justify-content: flex-start;
  flex: 2;
  font-size: clamp(14px, calc(0.18 * var(--spine-width)), 16px);
  font-weight: 700;
}
.book-showcase-preview .print-book-cover.spine-cover .book-text-cover-wrapper .book-text-cover-meta .author {
  justify-content: flex-end;
  flex: 1;
  font-size: clamp(12px, calc(0.18 * var(--spine-width)), 15px);
}
.book-showcase-preview .print-book-cover.custom-image-cover .book-text-cover-wrapper,
.book-showcase-preview .print-book-cover.custom-image-cover .book-back-cover-wrapper {
  display: none;
}
.book-showcase-preview .print-book-cover.custom-image-cover .book-custom-cover-wrapper {
  display: flex;
  line-height: 0;
  overflow: hidden;
  height: 100%;
}
.book-showcase-preview .print-book-cover.custom-image-cover .book-custom-cover-wrapper img {
  width: 100%;
  height: var(--page-height);
  object-fit: fill;
}
.book-showcase-preview .print-book-cover.color-a {
  background-color: #93785f;
}
.book-showcase-preview .print-book-cover.color-a .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-a .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #ffe8d4;
}
.book-showcase-preview .print-book-cover.color-a.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #ffe8d4;
}
.book-showcase-preview .print-book-cover.color-b {
  background-color: #000000;
}
.book-showcase-preview .print-book-cover.color-b .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-b .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #cae7ca;
}
.book-showcase-preview .print-book-cover.color-b.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #cae7ca;
}
.book-showcase-preview .print-book-cover.color-c {
  background-color: #8e8a51;
}
.book-showcase-preview .print-book-cover.color-c .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-c .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #fffbc7;
}
.book-showcase-preview .print-book-cover.color-c.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #fffbc7;
}
.book-showcase-preview .print-book-cover.color-d {
  background-color: #518e57;
}
.book-showcase-preview .print-book-cover.color-d .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-d .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #cefad2;
}
.book-showcase-preview .print-book-cover.color-d.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #cefad2;
}
.book-showcase-preview .print-book-cover.color-e {
  background-color: #518e88;
}
.book-showcase-preview .print-book-cover.color-e .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-e .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #d5fdf9;
}
.book-showcase-preview .print-book-cover.color-e.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #d5fdf9;
}
.book-showcase-preview .print-book-cover.color-f {
  background-color: #51648e;
}
.book-showcase-preview .print-book-cover.color-f .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-f .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #e0eafe;
}
.book-showcase-preview .print-book-cover.color-f.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #e0eafe;
}
.book-showcase-preview .print-book-cover.color-g {
  background-color: #64518e;
}
.book-showcase-preview .print-book-cover.color-g .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-g .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #e0d1ff;
}
.book-showcase-preview .print-book-cover.color-g.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #e0d1ff;
}
.book-showcase-preview .print-book-cover.color-h {
  background-color: #8b518e;
}
.book-showcase-preview .print-book-cover.color-h .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-h .book-text-cover-wrapper .book-text-cover-meta .author {
  color: #e6b7e8;
}
.book-showcase-preview .print-book-cover.color-h.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: #e6b7e8;
}
.book-showcase-preview .print-book-cover.color-i {
  background-color: #ffffff;
}
.book-showcase-preview .print-book-cover.color-i .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #000000;
}
.book-showcase-preview .print-book-cover.color-i .book-text-cover-wrapper .book-text-cover-meta .author {
  color: rgba(0, 0, 0, 0.6);
}
.book-showcase-preview .print-book-cover.color-i.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  color: rgba(0, 0, 0, 0.6);
}
.book-showcase-preview .print-book-cover.color-i.back-cover .book-back-cover-wrapper .book-back-cover-price-container .book-price,
.book-showcase-preview .print-book-cover.color-i.back-cover .book-back-cover-wrapper .book-back-cover-price-container .book-site {
  color: #000000;
}
.book-showcase-preview .print-book-cover.font-a .book-text-cover-wrapper .book-text-cover-meta .title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.book-showcase-preview .print-book-cover.font-a.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.book-showcase-preview .print-book-cover.font-b .book-text-cover-wrapper .book-text-cover-meta .title {
  font-family: "PT Serif", serif;
  font-weight: 700;
}
.book-showcase-preview .print-book-cover.font-b.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  font-family: "PT Serif", serif;
  font-weight: 400;
}
.book-showcase-preview .print-book-cover.font-c .book-text-cover-wrapper .book-text-cover-meta .title {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
}
.book-showcase-preview .print-book-cover.font-c.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
}
.book-showcase-preview .print-book-cover.font-d .book-text-cover-wrapper .book-text-cover-meta .title {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
}
.book-showcase-preview .print-book-cover.font-d.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
}
.book-showcase-preview .print-book-cover.font-e .book-text-cover-wrapper .book-text-cover-meta .title {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 800;
}
.book-showcase-preview .print-book-cover.font-e.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
}
.book-showcase-preview .print-book-cover.align-left .book-text-cover-wrapper .book-text-cover-meta .title {
  text-align: left;
}
.book-showcase-preview .print-book-cover.align-left .book-text-cover-wrapper .book-text-cover-meta .author {
  text-align: left;
}
.book-showcase-preview .print-book-cover.align-left.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  text-align: left;
}
.book-showcase-preview .print-book-cover.align-center .book-text-cover-wrapper .book-text-cover-meta .title {
  text-align: center;
}
.book-showcase-preview .print-book-cover.align-center .book-text-cover-wrapper .book-text-cover-meta .author {
  text-align: center;
}
.book-showcase-preview .print-book-cover.align-center.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  text-align: center;
}
.book-showcase-preview .print-book-cover.align-right .book-text-cover-wrapper .book-text-cover-meta .title {
  text-align: right;
}
.book-showcase-preview .print-book-cover.align-right .book-text-cover-wrapper .book-text-cover-meta .author {
  text-align: right;
}
.book-showcase-preview .print-book-cover.align-right.back-cover .book-back-cover-wrapper .book-back-cover-text p {
  text-align: right;
}
.book-showcase-preview .print-book-cover .publisher {
  width: 75px;
  height: 75px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: none;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover .publisher {
    width: 18%;
    aspect-ratio: 1/1;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .print-book-cover .publisher img {
    width: 60%;
  }
}
.book-showcase-preview .print-book-cover .book-custom-cover-wrapper {
  display: none;
}
.book-showcase-preview .book-text-cover-wrapper {
  height: 100%;
}
.book-showcase-preview .book-text-cover-wrapper .book-text-cover-meta {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin-left: 16%;
  max-width: 70%;
}
.book-showcase-preview .book-text-cover-wrapper .book-text-cover-meta .title {
  color: #000000;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 900;
  font-size: 47px;
  line-height: 50px;
  margin-top: 24%;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .book-text-cover-wrapper .book-text-cover-meta .title {
    font-size: clamp(0px, 12dvw, 10px);
    line-height: clamp(0px, 13dvw, 12px);
  }
}
.book-showcase-preview .book-text-cover-wrapper .book-text-cover-meta .author {
  color: rgba(0, 0, 0, 0.7);
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 18%;
}
@media screen and (max-width: 767px) {
  .book-showcase-preview .book-text-cover-wrapper .book-text-cover-meta .author {
    font-size: clamp(0px, 12dvw, 5px);
    line-height: clamp(0px, 13dvw, 6px);
  }
}

.modal-container.two-column-modal.smb-stck-pro-modal .col-featured-dark {
  background-image: url("../img/stck-pro/smb-upsell-modal/smb-upsell-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.smb-stck-pro-modal .col-featured-dark {
    background-image: none;
  }
}
.modal-container.two-column-modal .modal-content .col-secondary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal-container.two-column-modal .modal-content.column-layout {
  max-width: 820px;
  border-radius: 22px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content.column-layout {
    display: flex;
    flex-direction: column;
    border-radius: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content.column-layout .modal-header {
    padding: 30px 0 0 30px;
    width: initial;
    box-sizing: border-box;
  }
  .modal-container.two-column-modal .modal-content.column-layout .modal-header .close-modal {
    position: relative;
    top: initial;
    right: initial;
  }
}
.modal-container.two-column-modal .modal-content .modal-body {
  max-height: none;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body {
    max-height: initial;
    height: 100dvh;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) {
  .modal-container.two-column-modal .modal-content .modal-body .col {
    padding: 30px;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured {
  border-radius: 22px;
}
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark {
  background-color: #000000;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark {
    background-color: transparent;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark h3,
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark p {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark h3,
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark p {
    color: #000000;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark .col-list-header p {
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark .col-list-header p {
    color: rgba(0, 0, 0, 0.8);
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark .icon-container {
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark .icon-container {
    background-color: #000000;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark .icon-container svg path {
  fill: #000000;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .col.col-featured.col-featured-dark .icon-container svg path {
    fill: #ffffff;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col-list-with-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}
@media screen and (min-width: 1024px) {
  .modal-container.two-column-modal .modal-content .modal-body .col-list-with-title {
    padding: 20px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .col-list-with-title {
    gap: 20px;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col-list-with-title .col-list-header h3 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  margin: 0 0 15px 0;
}
.modal-container.two-column-modal .modal-content .modal-body .col-list-with-title .col-list-header p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
  margin: 0;
}
.modal-container.two-column-modal .modal-content .modal-body .col-list-with-title .col-list-body ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .col-list-with-title .col-list-body ul {
    gap: 20px;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .col-list-with-title .col-list-body li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
}
.modal-container.two-column-modal .modal-content .modal-body .col-list-with-title .col-list-body .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 50%;
  background-color: #000000;
}
.modal-container.two-column-modal .modal-content .modal-body .col-list-with-title .col-list-body .list-text {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 20px;
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container small,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container small {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container small,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container small {
    text-align: center;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container .button,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container .button {
  border-radius: 12px;
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container .button span,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container .button span {
  font-family: "Poppins", sans-serif;
}
@media (hover: hover) and (pointer: fine) {
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container .button,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container .button {
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container .button:hover,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px 7px rgba(155, 155, 155, 0.1);
  }
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container .button:active,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container .button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-cta-container .button:active,
.modal-container.two-column-modal .modal-content .modal-body .col-cta-container .button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px 2px rgba(155, 155, 155, 0.05);
  }
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .section-separator-with-label {
  justify-content: flex-start;
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .section-separator-with-label span {
  font-weight: 800;
  letter-spacing: 3px;
  color: #000000;
}
@media screen and (min-width: 1024px) {
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .section-separator-with-label {
    margin: 0;
  }
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .section-separator-with-label span {
    font-family: "Poppins", sans-serif;
    text-transform: none;
    background: transparent;
    padding: 0;
    letter-spacing: normal;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
  }
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .section-separator-with-label::after {
    display: none;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .plan-list-items {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .plan-list-items {
    margin-top: 20px;
  }
}
.modal-container.two-column-modal .modal-content .modal-body .pick-a-plan-container .plan-list-items li {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .modal-body {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured {
    background-color: #f9f9f9;
  }
}
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview {
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview {
    zoom: initial;
  }
}
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .publisher {
  width: 42px;
  height: 42px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .publisher {
    width: 26px;
    height: 26px;
  }
}
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .publisher img {
  width: 21px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .publisher img {
    width: 13px;
  }
}
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .print-book-cover.front-cover,
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .print-book-cover.back-cover {
  width: 276px;
  height: 390px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .print-book-cover.front-cover,
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .print-book-cover.back-cover {
    width: 169px;
    height: 236px;
  }
}
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .book-text-cover-meta .title {
  font-size: 28px;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .book-text-cover-meta .title {
    font-size: 17px;
    line-height: 22px;
  }
}
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .book-text-cover-meta .author {
  font-size: 12px;
  line-height: 13px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-featured .book-showcase-preview .book-text-cover-meta .author {
    font-size: 8px;
    line-height: 9px;
  }
}
.modal-container.two-column-modal.pdf-to-print-prompt-modal .col-secondary .col-list-with-title {
  padding: 0;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .modal-container.two-column-modal.pdf-to-print-prompt-modal .col-secondary {
    height: 100%;
    gap: 30px;
  }
}

.modal-container.pricing-tier-modal-container .modal-content {
  max-width: 1120px;
  border-radius: 36px;
}
@media screen and (max-width: 767px) {
  .modal-container.pricing-tier-modal-container .modal-content {
    top: 0;
    border-radius: 0;
  }
}
.modal-container.pricing-tier-modal-container .modal-content .close-modal {
  top: 30px;
}
@media screen and (max-width: 767px) {
  .modal-container.pricing-tier-modal-container .modal-content .close-modal {
    position: absolute;
    right: initial;
    left: 30px;
    z-index: 1;
  }
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body {
  max-height: 90dvh;
}
@media screen and (max-width: 767px) {
  .modal-container.pricing-tier-modal-container .modal-content .modal-body {
    max-height: none;
    height: 100dvh;
    padding: 75px 30px 25px;
    box-sizing: border-box;
  }
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container {
  margin: 0;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-wrapper {
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-wrapper {
    margin: 0;
  }
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-header .section-title {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  text-align: center;
  text-transform: initial;
  color: #000000;
  opacity: 1;
  letter-spacing: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-header .section-title {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
  }
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-section-toggle-wrapper {
  padding: 10px 20px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards {
  margin-top: 20px;
  gap: 15px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .pricing-card {
  gap: 20px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-badge {
  top: -42px;
  padding: 10px 10px 20px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards.has-recommended-card {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards.has-recommended-card {
    margin-top: 30px;
  }
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper {
  padding: 25px 25px 0;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header {
  margin: 0 0 20px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .plan-name {
  font-size: 18px;
  line-height: 19px;
  margin: 20px 0 25px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .plan-price {
  font-size: 20px;
  line-height: 23px;
  text-align: left;
  text-transform: initial;
  color: #000000;
  opacity: 1;
  letter-spacing: 0;
  margin: 0;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-content-wrapper .plan-header .billing-info {
  font-size: 13px;
  line-height: 19px;
  margin: 4px 0 0;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-for {
  font-size: 15px;
  line-height: 22px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .features-list {
  margin: 15px 0 0;
  gap: 15px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .features-list li {
  margin: 0;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .features-list li p {
  font-size: 13px;
  line-height: 19px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer:has(button) {
  padding: 0 25px 25px;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer .button {
  padding: 15px 0;
}
.modal-container.pricing-tier-modal-container .modal-content .modal-body .pricing-section-main-container .pricing-section-content-body .pricing-cards .plan-card-footer .button span {
  font-size: 15px;
  line-height: 16px;
}

.modal-container.bulk-stories-modal-container .modal-content {
  max-width: 468px;
}
.modal-container.bulk-stories-modal-container button {
  border-radius: 12px;
  box-shadow: none;
}

.modal-container .modal-content {
  position: fixed;
  background-color: #ffffff;
  max-width: 430px;
  top: 50%;
  right: 0;
  left: 0;
  bottom: initial;
  transform: translateY(-50%);
  border-radius: 12px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  z-index: 1001;
  box-sizing: border-box;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.05);
  animation: zoom-out 0.25s ease-out;
}
@media screen and (max-width: 767px) {
  .modal-container .modal-content {
    max-width: 100%;
    padding: 0;
    transform: none;
    bottom: 0;
    top: initial;
    border-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    animation: slide-up 0.65s ease-out;
  }
}
.modal-container .modal-content h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1.32px;
  margin-bottom: 37px;
}
.modal-container .modal-content button {
  justify-content: center;
}
.modal-container .modal-content .terms-agreement-message {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 13px;
}
.modal-container .modal-content .modal-feature-image img {
  width: 100%;
}
.modal-container .modal-content .modal-body {
  padding: 25px 30px;
  overflow-y: auto;
  max-height: 460px;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .modal-container .modal-content .modal-body {
    border-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.modal-container .modal-content .modal-body h2 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.35px;
  opacity: 0.7;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.modal-container .modal-content .modal-body .modal-info-message {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 23px;
  margin: 0 0 30px;
}
.modal-container .modal-content .modal-body ul {
  padding: 0;
  margin: 0;
}
.modal-container .modal-content .modal-body ul h3 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  margin-bottom: 3px;
}
.modal-container .modal-content .modal-body ul li {
  list-style: none;
  margin-bottom: 20px;
  position: relative;
}
.modal-container .modal-content .modal-body ul li input {
  width: 100%;
  margin-top: 0;
  box-sizing: border-box;
}
.modal-container .modal-content .modal-body ul li .eye-open-icon,
.modal-container .modal-content .modal-body ul li .eye-closed-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 20px;
  height: 13px;
  cursor: pointer;
}
.modal-container .modal-content .modal-body ul li .eye-open-icon {
  background-position: -604px -31px;
}
.modal-container .modal-content .modal-body ul li .eye-closed-icon {
  background-position: -604px -1px;
}

.fullscreen-modal-container .modal-content {
  width: 90%;
  max-width: 680px;
  box-shadow: none;
  background: transparent;
}
.fullscreen-modal-container .modal-content h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: 1.52px !important;
  margin: 0;
  margin-bottom: 9px !important;
  text-align: center;
  text-transform: uppercase;
}
.fullscreen-modal-container .modal-content > p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  margin: 0;
  margin-bottom: 35px !important;
  opacity: 0.7 !important;
  text-align: center;
}
.fullscreen-modal-container .modal-content input {
  margin: 0;
  margin-bottom: 74px;
}
.fullscreen-modal-container .modal-content .action-buttons {
  display: flex;
  flex-direction: row;
  margin-top: 35px;
}
.fullscreen-modal-container .modal-content .action-buttons button {
  border-radius: 999px;
  margin: 0;
  justify-content: center;
  width: 100%;
}
.fullscreen-modal-container .modal-content .action-buttons button:first-of-type {
  margin-right: 25px;
}
.fullscreen-modal-container .modal-content .action-buttons button:only-child {
  width: auto;
  margin: 0 auto !important;
  padding: 18px 55px;
}
.fullscreen-modal-container .modal-content.profile-picture-modal {
  padding: 0;
  min-width: 640px;
  max-width: 640px;
}
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-header {
  padding: 0;
  margin: 0;
}
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-header .header {
  padding: 13px 30px;
}
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-header .header .back,
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-header .header .post {
  line-height: 18px;
}
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-header .header .back {
  font-weight: 400;
}
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-header .header .publication-name {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1.35px;
  font-weight: 500;
}
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-body figure {
  margin: 0;
}
.fullscreen-modal-container .modal-content.profile-picture-modal .modal-body figure img {
  max-height: 470px;
  object-fit: cover;
}
.fullscreen-modal-container.unpublish-modal-container .modal-header .unpublished-success-text {
  color: #66b659;
}
.fullscreen-modal-container.unpublish-modal-container .modal-header .unpublish-failed {
  color: #f05959;
}
.fullscreen-modal-container.unpublish-modal-container .action-buttons {
  flex-direction: column;
  gap: 20px;
}
.fullscreen-modal-container.unpublish-modal-container .action-buttons button:first-of-type {
  margin: 0;
}
.fullscreen-modal-container.cancel-subscription-fullscreen-modal .modal-header .pro-branding {
  text-align: center;
  margin: 0 0 25px 0;
}

@media screen and (max-width: 767px) {
  .fullscreen-modal-container .modal-content {
    width: 100%;
    padding: 30px;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
  }
  .fullscreen-modal-container .modal-content h1 {
    font-size: 16px !important;
    letter-spacing: 1.35px !important;
    margin-bottom: 5px !important;
  }
  .fullscreen-modal-container .modal-content > p {
    font-size: 15px !important;
    line-height: 25px !important;
    margin-bottom: 35px !important;
  }
  .fullscreen-modal-container .modal-content input {
    margin: 0;
    margin-bottom: 45px;
  }
  .fullscreen-modal-container .modal-content .action-buttons {
    margin-top: 35px;
  }
  .fullscreen-modal-container .modal-content .action-buttons button:first-of-type {
    margin-right: 15px;
  }
  .fullscreen-modal-container.cancel-subscription-fullscreen-modal .action-buttons {
    flex-direction: column;
    gap: 20px;
  }
}
.segmented-control {
  background: #ececec;
  padding: 3px;
  border: none;
  outline: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 8px;
  margin: 0 0 25px;
}
.segmented-control .option {
  position: relative;
  cursor: pointer;
}
.segmented-control .option:first-of-type {
  grid-column: 1;
  grid-row: 1;
  box-shadow: none;
}
.segmented-control .option:first-of-type label::before {
  opacity: 0;
}
.segmented-control .option input:not(:checked) + label span,
.segmented-control .option input:not(:checked) + label .icon {
  opacity: 0.4;
}
.segmented-control .option:active input:not(:checked) + label span {
  transform: scale(0.95);
}
.segmented-control .option:last-of-type label::after {
  opacity: 0;
}
.segmented-control .option label {
  position: relative;
  display: block;
  text-align: center;
  padding: 12px 0;
  background: rgba(255, 255, 255, 0);
  height: initial;
  width: initial;
  cursor: pointer;
  margin: 0 !important;
}
.segmented-control .option label::before, .segmented-control .option label::after {
  will-change: background;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.segmented-control .option label::before {
  left: 0;
  transform: translateX(-0.5px);
}
.segmented-control .option label::after {
  right: 0;
  transform: translateX(0.5px);
}
.segmented-control .option label span {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
  color: black;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  will-change: transform;
  line-height: 1;
}
.segmented-control .option input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  opacity: 0;
}
.segmented-control .option input:checked + label {
  cursor: default;
}
.segmented-control .selection {
  background: white;
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  border-radius: 7px;
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  will-change: transform;
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  border-radius: 8px;
}
.segmented-control .selection.signin-active-tab, .segmented-control .selection.move-right {
  transform: translateX(100%);
}
.segmented-control .selection.signup-active-tab, .segmented-control .selection.move-left {
  transform: translateX(0px);
}

.tab-bar-container {
  border-bottom: 1px solid #ececec;
}
.tab-bar-container .tab-bar {
  padding: 0;
  max-width: 680px;
  margin: 0 auto;
}
.tab-bar-container .tab-bar ul {
  display: flex;
  flex-direction: row;
  padding: 0;
  width: 100%;
  list-style: none;
}

.tab {
  margin: 0;
  list-style: none;
  margin-right: 55px;
}
.tab:last-of-type {
  margin: 0;
}
.tab a {
  display: inline-block;
  font-family: "IBM Plex Sans", sans-serif;
  padding: 0 0 15px;
  color: #000000;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0.18px;
  margin: 0;
  opacity: 0.5;
}
.tab a:hover {
  opacity: 1;
}
.tab.active-tab a {
  opacity: 1;
  border-bottom: 1px solid #000000;
}

@media (max-width: 767px) {
  .tab-bar-container .tab-bar {
    padding: 0 30px;
  }

  .tab {
    margin-right: 35px;
  }
  .tab a {
    font-family: "IBM Plex Sans", sans-serif;
    padding: 0 0 14px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.15px;
  }
}
.fixed-width {
  max-width: 680px;
  margin: 0 auto;
}

.follower-metadata-container {
  background: #fafafa;
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  .follower-metadata-container {
    padding: 30px;
  }
}
.follower-metadata-container .fixed-width {
  display: flex;
}
.follower-metadata-container .quick-action-toast-bar {
  padding: 20px;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 15px;
}
.follower-metadata-container .quick-action-toast-bar .quick-action-toast-body {
  padding: 0;
}

.follower-metadata {
  font-family: "IBM Plex Sans", sans-serif;
  margin-right: 150px;
}
@media screen and (max-width: 767px) {
  .follower-metadata {
    margin-right: 55px;
  }
}
.follower-metadata:last-of-type {
  margin-right: 0;
}
.follower-metadata small {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.35px;
}
.follower-metadata .follower-metadata-cta {
  margin-top: 12px;
  display: flex;
}
.follower-metadata .follower-metadata-cta h3 {
  font-size: 21px;
  line-height: 21px;
  font-weight: 600;
  margin: 0;
}
.follower-metadata .follower-metadata-cta a {
  text-decoration: none;
  margin-top: -5px;
}
.follower-metadata .follower-metadata-cta button {
  background: transparent;
  margin-left: 10px;
  padding: 7px 15px;
  border: 2px solid #000000;
  border-radius: 99px;
}
.follower-metadata .follower-metadata-cta button span {
  font-size: 12px;
  line-height: 13px;
  font-weight: 500;
  margin: 0;
}

.progress {
  height: 3px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 999px;
}
.progress .progress-bar {
  height: 100%;
  text-align: center;
  background-color: #4d6eff;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  border-radius: 999px;
}

.progress .progress-bar.processing-progress-bar {
  background-color: #7ed321;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  transition: width 0.5s ease-in-out;
  background-size: 50px 50px;
  animation: zebra-stripe-animation 3s infinite linear;
  animation-duration: 0.45s;
}

.progress.indeterminate-progress {
  overflow: hidden;
}
.progress.indeterminate-progress .progress-bar {
  -webkit-animation: indeterminate 2800ms linear infinite;
  -moz-animation: indeterminate 2800ms linear infinite;
  -ms-animation: indeterminate 2800ms linear infinite;
  -o-animation: indeterminate 2800ms linear infinite;
  animation: indeterminate 2800ms linear infinite;
}

nav .progress {
  position: absolute;
  bottom: 0;
}

.progress.media-progress {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.25);
  width: 50px;
  height: 8px;
  border-radius: 999px;
  padding: 1px;
}
.progress.media-progress .progress-bar {
  background-color: #4d6eff;
}
.progress.media-progress.media-progress-error {
  display: flex;
  align-items: center;
  background: #ffffff;
  width: auto;
  height: max-content;
  padding: 8px 8px 8px 13px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  cursor: pointer;
}
.progress.media-progress.media-progress-error .media-error-content {
  display: flex;
  align-items: center;
}
.progress.media-progress.media-progress-error .media-error-content .error-text {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  margin-right: 5px;
}
.progress.media-progress.media-progress-error .media-error-content .retry-uploading-icon {
  background-position: -879px -68px;
  width: 20px;
  height: 20px;
}

.audio-player-container .progress.media-progress {
  top: 41px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.audio-player-container .progress.media-progress.media-progress-error {
  top: 27px;
}

.light-overlay {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 999px;
  z-index: 1;
}

.user-photo-uploading picture {
  position: relative;
  display: block;
}
.user-photo-uploading .progress.media-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.user-photo-uploading .edit-button {
  visibility: hidden;
}

@media (max-width: 767px) {
  .audio-player-container .progress.media-progress {
    top: 31px;
  }
  .audio-player-container .progress.media-progress.media-progress-error {
    padding: 4px 4px 4px 13px;
    top: 21px;
  }
  .audio-player-container .progress.media-progress.media-progress-error .media-error-content .error-text {
    font-size: 10px;
  }
}
.section-seperator {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #ececec;
  margin: 55px auto;
}

@media (max-width: 767px) {
  .section-seperator {
    margin: 35px auto;
  }
}
.overlay {
  background: rgba(255, 255, 255, 0.98);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  animation: fade 0.85s ease;
}

.overlay.dark-overlay {
  background: rgba(0, 0, 0, 0.1);
}

.overlay.clear-overlay {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.overlay.clear-overlay.dark-overlay {
  background: rgba(0, 0, 0, 0.35);
}

.overlay.stacked-modal-overlay {
  z-index: 1001;
}

@media (min-width: 768px) {
  .overlay.mobile-overlay {
    display: none;
  }
}
.text-link-container li {
  margin: 0;
}
.text-link-container li:not(:last-of-type) {
  border-bottom: 1px solid #ececec;
}
.text-link-container li:only-child {
  border-top: 1px solid #ececec;
  margin-top: 10px;
}
.text-link-container li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  text-decoration: none;
  gap: 10px;
  padding: 10px 0;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 22px;
}

.table-chart-list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e9e9e9;
  margin-bottom: 10px;
  gap: 15px;
}
.table-chart-list ul li:last-of-type {
  border: 0;
  padding-bottom: 0;
  margin: 0;
}
.table-chart-list ul li p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  font-weight: 500;
  color: #000000;
}
.table-chart-list ul li p span {
  display: block;
  color: #9b9b9b;
  font-size: 11px;
}
.table-chart-list ul li small {
  font-family: "Poppins", sans-serif;
  text-align: right;
  font-size: 13px;
  font-weight: 600;
}
.table-chart-list.set-retail-price-card {
  border: 1px dashed #b2b2b2;
  border-radius: 8px;
  padding: 15px;
  background-color: #f9f9f9;
  margin-top: 15px;
}

.sticky-panel-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  padding: 30px;
  box-sizing: border-box;
  z-index: 3;
  box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
}
.sticky-panel-container.sticky-signup-upsell-container .sticky-panel-image img {
  width: 35px;
  height: auto;
}
.sticky-panel-container.sticky-signup-upsell-container .sticky-panel-content h1 {
  font-size: 21px;
  line-height: 21px;
  font-weight: 700;
}
.sticky-panel-container.sticky-signup-upsell-container .sticky-panel-content p {
  opacity: 1;
}
.sticky-panel-container.sticky-signup-upsell-container button {
  padding: 12px 20px;
}
.sticky-panel-container .sticky-panel {
  display: flex;
  max-width: 680px;
  margin: 0 auto;
}
.sticky-panel-container .close-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #ececec;
  position: absolute;
  right: 30px;
  top: 20px;
  border-radius: 999px;
  cursor: pointer;
}
.sticky-panel-container .close-panel .close-icon {
  background-position: -673px -888px;
  width: 12px;
  height: 12px;
}
.sticky-panel-container .sticky-panel-image {
  margin: 0;
  margin-right: 15px;
}
.sticky-panel-container .sticky-panel-image img {
  width: 45px;
  height: 41px;
}
.sticky-panel-container .sticky-panel-content h1,
.sticky-panel-container .sticky-panel-content p {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
}
.sticky-panel-container .sticky-panel-content h1 {
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 10px;
}
.sticky-panel-container .sticky-panel-content p {
  font-size: 16px;
  line-height: 24px;
  opacity: 0.65;
}
.sticky-panel-container .sticky-panel-content a {
  color: #a18f7a;
  font-weight: 600;
  text-decoration: none;
}
.sticky-panel-container button {
  margin-top: 15px;
  padding: 12px 40px;
  border-radius: 6px;
}
.sticky-panel-container button span {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
}

@media (max-width: 767px) {
  .sticky-panel-container .sticky-panel-image img {
    width: 38px;
    height: 33px;
  }
  .sticky-panel-container .sticky-panel-content p {
    font-size: 15px;
    line-height: 22px;
  }
  .sticky-panel-container button {
    width: auto;
  }
}
.input-validation-message {
  font-family: "IBM Plex Sans", sans-serif;
  display: block;
  font-size: 14px;
  line-height: 23px;
  background-color: rgba(178, 178, 178, 0.1);
  border-radius: 8px;
  margin-top: 10px;
  padding: 10px 20px;
}
.input-validation-message.success {
  background-color: rgba(83, 144, 19, 0.1);
}
.input-validation-message.success span {
  color: #539013;
}
.input-validation-message.error {
  background-color: rgba(255, 80, 81, 0.1);
}
.input-validation-message.error span {
  color: #ff5051;
}
.input-validation-message span {
  font-weight: 500;
}

.generic-message-wrapper {
  max-width: 680px;
  margin: 35px auto;
}

.generic-message {
  display: flex;
  align-items: center;
  background: rgba(155, 155, 155, 0.05);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 15px;
  box-sizing: border-box;
}
.generic-message:last-of-type {
  margin-bottom: 0;
}
.generic-message.yellow-info-message {
  background: rgba(255, 162, 13, 0.1);
}
.generic-message.yellow-info-message p {
  font-size: 13px;
  line-height: 18px;
  color: #796c37;
  text-align: start;
  margin: 0;
}
.generic-message.blue-info-message {
  background: rgba(77, 110, 255, 0.1);
}
.generic-message.blue-info-message p {
  font-size: 13px;
  line-height: 18px;
  color: #4d6eff;
  text-align: start;
  margin: 0;
}
.generic-message.blue-info-message p i {
  font-style: italic;
}
.generic-message p {
  font-family: "IBM Plex Sans", sans-serif;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.generic-message p a {
  color: #000000;
}
.generic-message .icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  margin-right: 10px;
}
.generic-message .icon.twenty-four-hr-icon {
  background-position: -790px -828px;
}
.generic-message .icon.bar-graph-icon {
  background-position: -758px -828px;
}

@media (max-width: 767px) {
  .generic-message-wrapper {
    margin: 35px 30px;
  }

  .generic-message {
    align-items: flex-start;
  }
  .generic-message p {
    margin-top: -5px;
  }
}
.toggle-switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.toggle-switch input[type=checkbox]:checked + label {
  background: #4d6eff;
}
.toggle-switch input[type=checkbox]:checked + label::after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.toggle-switch label {
  position: relative;
  text-indent: -9999px;
  width: 50px;
  height: 25px;
  background: #ececec;
  display: block;
  border-radius: 999px;
  cursor: pointer;
}
.toggle-switch label::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 21px;
  height: 21px;
  background: #ffffff;
  border-radius: 999px;
  transition: 0.3s;
}
.toggle-switch label:active::after {
  width: 25px;
}

.toggle-block-container {
  display: flex;
  border: 1px solid #ececec;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 15px;
}
.toggle-block-container.has-pro-upsell-block {
  flex-direction: column;
  padding: 0;
}
.toggle-block-container.has-pro-upsell-block .toggle-block-head,
.toggle-block-container.has-pro-upsell-block .toggle-block-body {
  padding: 15px;
}
.toggle-block-container .toggle-block-head {
  display: flex;
  align-items: flex-start;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #ececec;
  box-sizing: border-box;
}
.toggle-block-container .toggle-block-body .quick-action-toast-bar {
  border: none;
}
.toggle-block-container .toggle-block-body .quick-action-toast-bar .quick-action-toast-body {
  padding: 0;
}
.toggle-block-container .toggle-block-body .quick-action-toast-bar .quick-action-toast-body .quick-action-toast-cta-group button {
  margin: 0;
}
.toggle-block-container .toggle-icon-container {
  background: rgba(155, 155, 155, 0.1);
  width: 35px;
  min-width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  border-radius: 6px;
}
.toggle-block-container .toggle-icon-container .icon {
  width: 20px;
  height: 20px;
}
.toggle-block-container .toggle-icon-container .icon.notification-bell-icon {
  background-position: -713px -820px;
}
.toggle-block-container .toggle-block-content {
  margin-right: 25px;
}
.toggle-block-container .toggle-block-content h1,
.toggle-block-container .toggle-block-content p {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
}
.toggle-block-container .toggle-block-content h1 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: initial;
  margin-bottom: 2px;
}
.toggle-block-container .toggle-block-content p {
  font-size: 13px;
  line-height: 18px;
  opacity: 0.5;
}
.toggle-block-container .toggle-switch label {
  width: 45px;
}
.toggle-block-container .toggle-switch input[type=checkbox]:checked + label {
  background: linear-gradient(96.28deg, #3023ae 4.41%, #4d6eff 97.09%) content-box, linear-gradient(96.28deg, #3023ae 4.41%, #4d6eff 97.09%) border-box;
}

.social-share-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 30px 0;
}
.social-share-buttons li {
  list-style: none;
  margin: 0;
  margin-right: 20px;
  margin-bottom: 0;
}
.social-share-buttons li.text-only-button a {
  width: auto;
}
.social-share-buttons li:last-of-type {
  margin: 0;
}
.social-share-buttons li a {
  font-family: "IBM Plex Sans", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  height: 42px;
  width: 42px;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.13;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 999px;
}

.modal-container .modal-content .modal-body .social-share-buttons {
  justify-content: space-around;
  margin: 30px 0 0;
}
.modal-container .modal-content .modal-body .social-share-buttons li {
  margin-bottom: 0;
  padding-bottom: 0;
  flex: initial;
}
.modal-container .modal-content .modal-body .social-share-buttons li:first-of-type {
  flex: 2;
}
.modal-container .modal-content .modal-body .social-share-buttons li.text-only-button a {
  width: 100%;
}

.gradient-text {
  background: linear-gradient(144.42deg, #ff5f2c 0%, #ff2d4e 21.89%, #ea009e 44.07%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.checkbox-container,
.radio-container {
  display: flex;
  align-items: center;
}
.checkbox-container .checkbox,
.checkbox-container .radio,
.radio-container .checkbox,
.radio-container .radio {
  margin: 0;
  cursor: pointer;
}
.checkbox-container > span,
.radio-container > span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 19px;
  opacity: 0.7;
}

@-webkit-keyframes three-dot-loader-animation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@-moz-keyframes three-dot-loader-animation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@-ms-keyframes three-dot-loader-animation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@-o-keyframes three-dot-loader-animation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes three-dot-loader-animation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.three-dot-loader {
  text-align: center;
}
.three-dot-loader > div {
  width: 8px;
  height: 8px;
  background-color: #b2b2b2;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: three-dot-loader-animation 1.4s ease-in-out infinite;
  -moz-animation: three-dot-loader-animation 1.4s ease-in-out infinite;
  -ms-animation: three-dot-loader-animation 1.4s ease-in-out infinite;
  -o-animation: three-dot-loader-animation 1.4s ease-in-out infinite;
  animation: three-dot-loader-animation 1.4s ease-in-out infinite;
}
.three-dot-loader .dot-one {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.three-dot-loader .dot-two {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.label-with-separator {
  position: relative;
  min-height: 22px;
}
.label-with-separator hr {
  height: 1px;
  border-bottom: 1px solid #ececec;
  margin: 0;
}
.label-with-separator hr:before {
  content: initial;
}
.label-with-separator label {
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-weight: 600;
  background: #ffffff;
  width: fit-content;
  min-width: 80%;
  top: -10px;
  box-sizing: border-box;
  padding: 0 5px;
}

/*

Engagement Block Module

Design Owner: Mayank Pamecha, Gajendra Saroya, Pushkraj Dole

Code Owner: Pushkraj Dole, Mayank Pamecha, Gajendra Saroya

ScrollStack Design Team. Not Open Source.

*/
.engagement-block-container.sticky-engagement-block-container {
  position: fixed;
  background: #ffffff;
  bottom: -2px;
  width: 100%;
  padding: 0;
  z-index: 9;
  border-top: 1px solid #ececec;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
}
.engagement-block-container.sticky-engagement-block-container button {
  box-shadow: none;
}
.engagement-block-container.sticky-engagement-block-container .engagement-block {
  max-width: 980px;
}
@media screen and (max-width: 767px) {
  .engagement-block-container.sticky-engagement-block-container .engagement-block {
    flex-direction: row;
    align-items: center;
  }
}
.engagement-block-container.sticky-engagement-block-container .engagement-block h5 {
  margin: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .engagement-block-container.sticky-engagement-block-container .engagement-block h5 {
    display: block;
    font-size: 10px;
    line-height: 10px;
  }
}
@media screen and (max-width: 767px) {
  .engagement-block-container.sticky-engagement-block-container .engagement-block .engagement-block-cta-container {
    margin: 0;
  }
}

@supports (padding: max(0px)) {
  .engagement-block-container.sticky-engagement-block-container {
    padding-bottom: max(5px, env(safe-area-inset-bottom));
  }
}
.engagement-block-container.sidebar-engagement-block-container {
  background: none;
  position: fixed;
  width: 1080px;
  left: 50%;
  right: 50%;
  bottom: 0;
  pointer-events: none;
  transform: translate(-50%, -80px);
  padding: 0;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .engagement-block-container.sidebar-engagement-block-container {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1119px) {
  .engagement-block-container.sidebar-engagement-block-container {
    display: none !important;
  }
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content {
  width: 150px;
  box-sizing: border-box;
  pointer-events: auto;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .user-photo-container figure img {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
  border: none;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .user-mini-profile-content {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .user-mini-profile-content h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
  word-break: break-word;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .user-mini-profile-content h5 {
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
  margin-top: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .user-mini-profile-content .user-mini-profile-content-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .flex-buttons-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .flex-buttons-container li:nth-of-type(3) {
  grid-column: 1/-1;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .flex-buttons-container li button {
  border: 1px solid #f5f5f7;
  padding: 12px 0;
  border-radius: 999px;
  box-sizing: border-box;
  box-shadow: none;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .flex-buttons-container .social-share-buttons li {
  margin: 0;
  margin-right: 12px;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .flex-buttons-container .social-share-buttons li:last-of-type {
  margin-right: 0;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .engagement-block-cta-container {
  margin-top: 10px;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .engagement-block-cta-container button {
  padding: 8px 10px;
  width: initial;
}
.engagement-block-container.sidebar-engagement-block-container .engagement-block-content .engagement-block-cta-container button span {
  font-size: 13px;
  line-height: 13px;
}

.follow-list-page .engagement-block {
  box-shadow: none;
  max-width: 680px;
  background: rgba(206, 153, 0, 0.1);
  padding: 15px;
  margin: 30px auto;
}
@media screen and (max-width: 767px) {
  .follow-list-page .engagement-block {
    margin: 20px 30px;
  }
}
.follow-list-page .engagement-block .user-photo-container {
  margin: 0;
}
.follow-list-page .engagement-block .icon-container {
  box-shadow: none;
  background: #ffffff;
}

.engagement-block.follow-engagement-block {
  margin: 0;
  padding: 35px 0;
  box-shadow: none;
  align-items: flex-start;
}
.engagement-block.follow-engagement-block::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  margin-top: -35px;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ececec;
}
@media screen and (max-width: 767px) {
  .engagement-block.follow-engagement-block {
    padding: 25px 0;
  }
  .engagement-block.follow-engagement-block::before {
    margin-top: -25px;
  }
}
.engagement-block.follow-engagement-block .user-photo-container {
  margin-right: 8px;
}
.engagement-block.follow-engagement-block .user-photo-container .icon-container {
  margin: 0;
  margin-right: 8px;
}
.engagement-block.follow-engagement-block .engagement-block-copy {
  margin-right: 8px;
}
.engagement-block.follow-engagement-block .engagement-block-copy span {
  font-size: 13px;
  line-height: 13px;
  font-weight: 600;
  opacity: 0.7;
}
.engagement-block.follow-engagement-block .engagement-block-copy p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #000000;
}
.engagement-block.follow-engagement-block .engagement-block-copy small {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  opacity: 0.5;
}
.engagement-block.follow-engagement-block .engagement-block-cta-container button {
  padding: 8px 10px;
}

.engagement-block.import-email-engagement-block {
  margin: 25px 0 35px;
  background: #f9f9f9;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .engagement-block.import-email-engagement-block {
    flex-direction: column;
  }
}
.engagement-block.import-email-engagement-block .icon-container {
  min-width: 51px;
  width: 51px;
  height: 51px;
  box-shadow: none;
  background: #f1f1f1;
}
.engagement-block.import-email-engagement-block .icon-container .share-platform-email-import {
  width: 51px;
  height: 51px;
  background-position: -472px -937px;
}
.engagement-block.import-email-engagement-block .engagement-block-copy p {
  color: #000000;
  font-weight: 500;
}
.engagement-block.import-email-engagement-block .engagement-block-copy small {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  .engagement-block.import-email-engagement-block .engagement-block-cta-container {
    width: 100%;
    margin-top: 15px;
  }
}
.engagement-block.import-email-engagement-block .engagement-block-cta-container button {
  border-radius: 8px;
  padding: 13px 20px;
}
.engagement-block.import-email-engagement-block .engagement-block-cta-container button span {
  font-size: 13px;
  line-height: 14px;
}
@media screen and (max-width: 767px) {
  .engagement-block.import-email-engagement-block .engagement-block-cta-container button {
    width: 100%;
    justify-content: center;
    padding: 13px 0;
  }
}

@media screen and (max-width: 767px) {
  .stats-container .import-email-engagement-block {
    margin: 0 30px;
  }
}

.engagement-block.alert-engagement-block {
  margin: 0 0 20px 0;
  flex-direction: column;
  background: rgba(203, 156, 0, 0.1);
  box-shadow: none;
}
.engagement-block.alert-engagement-block .engagement-block-cta-container {
  display: flex;
  width: 100%;
}
.engagement-block.alert-engagement-block .engagement-block-cta-container a {
  text-decoration: none;
}
.engagement-block.alert-engagement-block .engagement-block-cta-container .button {
  margin-top: 10px !important;
  padding: 8px 22px;
}
.engagement-block.alert-engagement-block .engagement-block-cta-container .button span {
  color: #796c37;
  font-size: 12px;
  line-height: 12px;
}
.engagement-block.alert-engagement-block .engagement-block-cta-container .button:not(.text-button) {
  background: #e2dbc1;
  box-shadow: none;
  border-radius: 99px;
}
.engagement-block.alert-engagement-block .engagement-block-cta-container .button.text-button {
  opacity: 0.7;
}

.engagement-block-container {
  background: #f5f5f7;
  padding: 15px 0;
  box-sizing: border-box;
}

.engagement-block {
  font-family: "IBM Plex Sans", sans-serif;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
  border-radius: 12px;
  max-width: 980px;
  margin: 30px auto;
  box-sizing: border-box;
}
.engagement-block .engagement-block-copy-container {
  display: flex;
  align-items: center;
}
.engagement-block .engagement-block-copy-container.follow-engagement-block-container {
  align-items: flex-start;
}
.engagement-block .engagement-block-cta-container button span {
  font-size: 14px;
  line-height: 14px;
}
.engagement-block .hand-wave-emoji {
  font-size: 32px;
  line-height: 42px;
  margin-right: 15px;
}
.engagement-block .small-add-icon {
  background-position: -255px -573px;
  width: 17px;
  height: 17px;
  margin-top: -2px;
}
.engagement-block .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: absolute;
  top: 23px;
  right: 0px;
  background: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1);
}
.engagement-block .icon-container.circle-icon-container {
  border-radius: 999px;
}
.engagement-block .medium-notification-bell-icon {
  background-position: -810px -68px;
  width: 16px;
  height: 18px;
}
.engagement-block .close-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 35px;
  width: 35px;
  min-height: 35px;
  min-width: 35px;
  margin-left: auto;
  cursor: pointer;
}
.engagement-block .close-icon-container .close-icon {
  background-position: -561px -827px;
  width: 12px;
  height: 12px;
}
.engagement-block .icon-container {
  position: relative;
  top: initial;
  right: initial;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin-right: 15px;
}
.engagement-block .user-photo-container {
  margin-right: 15px;
}
.engagement-block .user-photo-container img,
.engagement-block .user-photo-container .no-avatar-image {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-width: 2px;
  margin-bottom: 0;
}
.engagement-block .user-photo-container img .profile-avatar,
.engagement-block .user-photo-container .no-avatar-image .profile-avatar {
  background-position: -716px -699px;
  width: 9px;
  height: 12px;
}
.engagement-block p {
  font-size: 14px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.7);
  margin: 0 !important;
}

.user-mini-profile-container .engagement-block {
  margin-top: -25px;
}

@media (max-width: 767px) {
  .engagement-block {
    padding: 15px 20px;
    border-radius: 12px;
    margin: 25px 20px 35px;
  }
  .engagement-block .close-icon-container {
    margin-top: -5px;
    margin-right: -5px;
  }

  .user-mini-profile-container .engagement-block {
    align-items: flex-start;
    margin-top: -10px;
  }
}
@media (max-width: 1023px) {
  .engagement-block {
    max-width: 680px;
  }
}
.image-with-glow {
  position: relative;
}
.image-with-glow picture {
  z-index: 2;
}
.image-with-glow picture.background-image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  opacity: 0.8;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-end;
}
.image-with-glow picture.background-image img {
  filter: blur(15px);
  width: 80%;
  height: 80%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .image-with-glow picture.background-image img {
    min-width: initial;
    min-height: initial;
  }
}
.image-with-glow picture img {
  border-radius: 12px;
}

.ui-stepper {
  display: flex;
  max-width: 680px;
  margin: 25px auto 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ui-stepper {
    padding: 0 30px;
  }
}
.ui-stepper li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
  z-index: 1;
  position: relative;
}
.ui-stepper li::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  right: 0;
  top: 35px;
  z-index: -1;
}
.ui-stepper li:last-of-type::after {
  display: none;
}
.ui-stepper li .step-label {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.5);
}
.ui-stepper li .step-indicator {
  width: 22px;
  height: 22px;
  border-radius: 99px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-stepper li .step-indicator span {
  font-size: 12px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.ui-stepper li.active-step .step-label {
  font-weight: 600;
  color: #000000;
}
.ui-stepper li.active-step .step-indicator {
  background: #000000;
  border: 1px solid #000000;
}
.ui-stepper li.active-step .step-indicator span {
  color: #ffffff;
  font-weight: 600;
}
.ui-stepper li.completed-step .step-indicator {
  background: #7f7f7f;
  border: 1px solid #7f7f7f;
}
.ui-stepper li.completed-step .step-indicator span {
  color: #ffffff;
}
.ui-stepper li.error-step .step-label {
  color: #ff5051;
}
.ui-stepper li.error-step .step-indicator {
  background: #ff5051;
  border: 1px solid #ff5051;
}
.ui-stepper li.error-step .step-indicator span {
  color: #ffffff;
}

.socials-input-form .section-title label {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 25px 0;
}
.socials-input-form li {
  margin: 0 !important;
}
.socials-input-form .input-validation-message {
  margin: -5px 0 20px 0;
}
.socials-input-form input {
  text-indent: 50px;
  max-height: 50px;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  border-radius: 8px;
}
.socials-input-form .social-icons-container {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-right: 1px solid #ececec;
  box-sizing: border-box;
  border-radius: 8px 0 0 8px;
}
.socials-input-form .social-icons-container .icon {
  position: relative;
  top: initial;
  left: initial;
  width: 20px;
  height: 20px;
}
.socials-input-form .social-icons.twitter-icon {
  background-position: -806px -395px;
}
.socials-input-form .social-icons.facebook-icon {
  background-position: -730px -395px;
}
.socials-input-form .social-icons.instagram-icon {
  background-position: -770px -395px;
  margin-top: 0;
}
.socials-input-form .social-icons.link-icon {
  background-position: -882px -395px;
}
.socials-input-form .social-icons.linkedin-icon {
  background-position: -844px -395px;
  margin-top: 0;
}
.socials-input-form .social-icons.wattpad-icon {
  background-position: -690px -395px;
}
.socials-input-form .social-icons.tiktok-icon {
  background-position: -650px -395px;
}
.socials-input-form .twitter-social-input .social-icons-container {
  background: rgba(29, 161, 242, 0.05);
}
.socials-input-form .facebook-social-input .social-icons-container {
  background: rgba(24, 119, 242, 0.05);
}
.socials-input-form .instagram-social-input .social-icons-container {
  background: rgba(193, 53, 132, 0.05);
}
.socials-input-form .website-social-input .social-icons-container {
  background: rgba(0, 169, 143, 0.05);
}
.socials-input-form .linkedin-social-input .social-icons-container {
  background: rgba(0, 119, 181, 0.05);
}
.socials-input-form .wattpad-social-input .social-icons-container {
  background: rgba(255, 80, 10, 0.05);
}
.socials-input-form .tiktok-social-input .social-icons-container {
  background: rgba(255, 0, 80, 0.05);
}

.card-container {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  padding: 15px 30px;
}
.card-container.grid-card-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 25px;
  max-width: 980px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 767px) {
  .card-container.grid-card-container {
    display: flex;
    gap: 25px 0;
  }
  .card-container.grid-card-container .card {
    margin-bottom: 0;
  }
}
.card-container .card {
  background-color: #ffffff;
}
.card-container .card figure {
  margin: 0;
  padding: 0;
}
.card-container .card figure .card-image {
  width: 100%;
  height: auto;
}
.card-container .card figure img {
  border-radius: 12px 12px 0 0;
}
.card-container .card .content {
  padding: 15px 20px;
  flex-direction: initial;
  justify-content: space-between;
  align-items: center;
}
.card-container .card .content .card-section-title {
  flex: 1;
}
.card-container .card .content .card-section-title h1 {
  font-size: 15px;
  line-height: 23px;
}

.nav-pills {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 20px;
}
.nav-pills::-webkit-scrollbar {
  display: none;
}
.nav-pills.black-theme-nav-pills .nav-pills-item input[type=radio]:checked + label {
  background: #000000;
}
.nav-pills.black-theme-nav-pills .nav-pills-item input[type=radio]:checked + label span,
.nav-pills.black-theme-nav-pills .nav-pills-item input[type=radio]:checked + label .nav-pills-item-count {
  color: #ffffff;
}
.nav-pills.green-theme-nav-pills .nav-pills-item input[type=radio]:checked + label {
  background: #4d6eff;
}
.nav-pills.green-theme-nav-pills .nav-pills-item input[type=radio]:checked + label span,
.nav-pills.green-theme-nav-pills .nav-pills-item input[type=radio]:checked + label .nav-pills-item-count {
  color: #000000;
}
.nav-pills.flat-nav-pills {
  padding: 0 0 20px;
}
.nav-pills.flat-nav-pills .nav-pills-item {
  flex: 1;
  justify-content: center;
  display: flex;
}
.nav-pills.flat-nav-pills .nav-pills-item a,
.nav-pills.flat-nav-pills .nav-pills-item .radio {
  width: 100%;
}
.nav-pills.flat-nav-pills .nav-pills-item input[type=radio]:checked + label {
  background: transparent;
  box-shadow: none;
  border-bottom: 2px solid #000000;
  border-radius: 0;
}
.nav-pills.flat-nav-pills .nav-pills-item input[type=radio]:checked + label span,
.nav-pills.flat-nav-pills .nav-pills-item input[type=radio]:checked + label .nav-pills-item-count {
  color: #000000;
}
.nav-pills.flat-nav-pills .nav-pills-item input[type=radio]:checked + label svg path {
  fill: #000000;
  stroke: #000000;
}
.nav-pills.flat-nav-pills .nav-pills-item input[type=radio]:checked + label svg path.svg-inset-icon {
  stroke: transparent;
  fill: #ffffff;
}
@media screen and (max-width: 767px) {
  .nav-pills.swipable-nav-pills .nav-pills-item input[type=radio] + label {
    padding: 14px 25px;
  }
}
.nav-pills .nav-pills-item {
  list-style: none;
  margin: 0;
  /* This targets the router link anchor tag */
}
@media screen and (max-width: 767px) {
  .nav-pills .nav-pills-item {
    flex: 1;
  }
}
@media screen and (max-width: 767px) {
  .nav-pills .nav-pills-item .radio {
    flex: 1;
  }
}
.nav-pills .nav-pills-item a {
  text-decoration: none;
}
.nav-pills .nav-pills-item input[type=radio] {
  display: none;
}
.nav-pills .nav-pills-item input[type=radio] + label {
  font-family: "IBM Plex Sans", sans-serif;
  display: flex;
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  align-items: center;
  justify-content: center;
  padding: 14px 25px;
  cursor: pointer;
  position: relative;
  width: auto;
  height: 38px;
  max-height: 38px;
  background-image: none;
  gap: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .nav-pills .nav-pills-item input[type=radio] + label {
    padding: 14px 0;
  }
}
.nav-pills .nav-pills-item input[type=radio] + label .icon.active-tick {
  display: none;
  height: 14px;
  width: 14px;
  background-position: -706px -69px;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.nav-pills .nav-pills-item input[type=radio] + label span,
.nav-pills .nav-pills-item input[type=radio] + label .nav-pills-item-count {
  font-size: 13px;
  letter-spacing: 0.75px;
  line-height: 13px;
  text-transform: uppercase;
  color: #9b9b9b;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .nav-pills .nav-pills-item input[type=radio] + label span,
.nav-pills .nav-pills-item input[type=radio] + label .nav-pills-item-count {
    font-size: 12px;
  }
}
.nav-pills .nav-pills-item input[type=radio] + label span {
  opacity: 0.75;
}
.nav-pills .nav-pills-item input[type=radio] + label .nav-pills-item-count {
  opacity: 0.4;
}
.nav-pills .nav-pills-item input[type=radio]:checked + label {
  background: #ffffff;
  box-shadow: 0 5px 15px 5px rgba(155, 155, 155, 0.1), 0 -5px 10px 1px rgba(155, 155, 155, 0.05);
  border-radius: 999px;
  color: #000000;
  font-weight: bold;
}
.nav-pills .nav-pills-item input[type=radio]:checked + label span {
  color: #000000;
  opacity: 1;
}
.nav-pills .nav-pills-item input[type=radio]:checked + label .nav-pills-item-count {
  opacity: 1;
  color: #4d6eff;
}
.nav-pills .nav-pills-item input[type=radio]:checked + label .icon.active-tick {
  display: inline-flex;
}

/* Tablet + Large Screens */
@media (min-width: 768px) {
  .nav-pills {
    justify-content: center;
  }
}
.quick-action-toast-bar {
  background-color: #f5f5f7;
  border: 1px solid #ececec;
  position: fixed;
  bottom: 0;
  z-index: 1001;
  width: 100%;
  box-sizing: border-box;
}
.quick-action-toast-bar .has-gray-background {
  background-color: #fafafa;
}
.quick-action-toast-bar.inline-toast-bar {
  position: relative;
  z-index: initial;
}
.quick-action-toast-bar.inline-toast-bar .quick-action-toast-cta-group button.text-button span {
  color: #4d6eff;
  font-weight: 400;
}
.quick-action-toast-bar.light-toast-bar {
  border-radius: 12px;
  background-color: #ffffff;
  border: 1px solid #ececec;
}
.quick-action-toast-bar.light-toast-bar .quick-action-toast-content-wrapper p {
  opacity: 1;
}
.quick-action-toast-bar.fixed-width {
  max-width: 680px;
  width: auto;
}
.quick-action-toast-bar.pro-user-toast-bar .quick-action-toast-body {
  flex-direction: row;
}
.quick-action-toast-bar .toast-bar-container {
  max-width: 680px;
  display: flex;
  align-items: flex-start;
}
.quick-action-toast-bar .toast-bar-container.has-price-header {
  flex-direction: column;
}
.quick-action-toast-bar .quick-action-toast-header {
  width: 100%;
  padding: 15px;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #ececec;
  box-sizing: border-box;
}
.quick-action-toast-bar .quick-action-toast-header .header-metadata-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}
.quick-action-toast-bar .quick-action-toast-header .header-metadata:last-of-type {
  text-align: right;
}
.quick-action-toast-bar .quick-action-toast-header .header-metadata h5 {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  opacity: 0.3;
  letter-spacing: 0;
  margin: 0;
}
.quick-action-toast-bar .quick-action-toast-header .header-metadata p {
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  margin: 0;
}
.quick-action-toast-bar .quick-action-toast-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  box-sizing: border-box;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper {
  line-height: 0;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper figure {
  margin: 0;
  line-height: 0;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper figure img {
  width: 38px;
  min-width: 38px;
  height: 38px;
  object-fit: cover;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper figure img.img-24px {
  width: 24px;
  min-width: 24px;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper figure img {
  border-radius: 999px;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .stars-wrapper {
  position: absolute;
  height: 40px;
  width: 40px;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .stars-wrapper .blinking-star {
  position: absolute;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .stars-wrapper .blinking-star.star-1 {
  top: 20px;
  left: -7px;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .stars-wrapper .blinking-star.star-2 {
  top: -1px;
  left: -4px;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .stars-wrapper .blinking-star.star-3 {
  top: -3px;
  left: 35px;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .stck-pro-badge {
  margin-top: -8px;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .no-avatar-image {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  border: 3px solid #ffffff;
  background-color: #f5f5f7;
}
.quick-action-toast-bar .quick-action-toast-image-wrapper.pro-user-image-wrapper .no-avatar-image .pro-blank-avatar {
  width: 18px;
  height: 18px;
  background-position: -880px -915px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.quick-action-toast-bar .quick-action-toast-content-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.quick-action-toast-bar .quick-action-toast-content-wrapper p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 5px;
}
@media screen and (max-width: 767px) {
  .quick-action-toast-bar .quick-action-toast-content-wrapper p {
    font-size: 13px;
    line-height: 19px;
  }
}
.quick-action-toast-bar .quick-action-toast-content-wrapper p:last-of-type {
  margin: 0;
}
.quick-action-toast-bar .quick-action-toast-cta-group {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.quick-action-toast-bar .quick-action-toast-cta-group button {
  padding: 10px 20px;
}
.quick-action-toast-bar .quick-action-toast-cta-group button span {
  font-size: 13px;
}
.quick-action-toast-bar .quick-action-toast-cta-group button.text-button span {
  color: #785ad7;
}
.quick-action-toast-bar .quick-action-toast-footer .quick-action-toast-cta {
  padding-top: 12px;
  border-top: 1px solid #ececec;
}
.quick-action-toast-bar .quick-action-toast-footer .quick-action-toast-cta a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  color: #000000;
  text-decoration: none;
}
.quick-action-toast-bar .quick-action-toast-footer .quick-action-toast-cta a span {
  font-size: 13px;
  line-height: 15px;
}

.normal-posting-ux .quick-action-toast-bar {
  padding: 35px 30px;
  animation: slide-up 1s ease;
}
@media screen and (max-width: 767px) {
  .normal-posting-ux .quick-action-toast-bar {
    padding: 30px;
  }
}
.normal-posting-ux .quick-action-toast-bar .toast-bar-container {
  margin: 0 auto;
  gap: 10px;
}
.normal-posting-ux .quick-action-toast-bar .quick-action-toast-content-wrapper p {
  font-weight: 500;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .normal-posting-ux .quick-action-toast-bar .quick-action-toast-content-wrapper p {
    margin-bottom: 10px;
  }
}

.stck-pro-badge {
  background-color: #4d6eff;
  display: block;
  width: fit-content;
  padding: 2px 6px;
  line-height: 0;
  box-sizing: border-box;
  border-radius: 2px;
  transform: skew(-10deg);
}
.stck-pro-badge span {
  font-family: "IBM Plex Sans", sans-serif;
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: -0.35px;
  line-height: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.plotter-ai-progress-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .plotter-ai-progress-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.plotter-ai-progress-container .plotter-ai-progress-message-block {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .plotter-ai-progress-container .plotter-ai-progress-message-block {
    flex: auto;
    width: 100%;
  }
}
.plotter-ai-progress-container .plotter-ai-progress-message-block .icon-container {
  background-color: rgba(127, 103, 219, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  min-width: 29px;
  height: 29px;
  border-radius: 6px;
}
.plotter-ai-progress-container .plotter-ai-progress-message-block .icon-container .icon {
  width: 29px;
  height: 29px;
}
.plotter-ai-progress-container .plotter-ai-progress-message-block .icon-container .icon.ai-bot-icon {
  background-position: -265px -828px;
}
.plotter-ai-progress-container .plotter-ai-progress-message-block .icon-container .icon.small-ai-bot-icon {
  background-position: -265px -872px;
  width: 20px;
  height: 20px;
}
.plotter-ai-progress-container .plotter-ai-progress-message-block .progress-message {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
.plotter-ai-progress-container .progress-wrapper {
  display: flex;
  flex: 1;
  max-width: 120px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .plotter-ai-progress-container .progress-wrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: initial;
    padding-top: 12px;
    margin-top: 12px;
  }
  .plotter-ai-progress-container .progress-wrapper::before {
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #ececec;
    position: absolute;
    top: 0;
    left: -12px;
  }
}
.plotter-ai-progress-container .progress {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  height: 6px;
}

.plotter-ai-generated-container .plotter-ai-generated-image-container figure {
  margin: 0;
  line-height: 0;
}
.plotter-ai-generated-container .plotter-ai-generated-image-container img {
  object-fit: cover;
  border-radius: 12px;
  min-height: 150px;
}
.plotter-ai-generated-container .plotter-ai-generated-image-container.landscape-image img {
  aspect-ratio: 2/1;
}
.plotter-ai-generated-container .plotter-ai-cta-group {
  display: flex;
  margin: 0;
  margin-top: 12px;
  padding-top: 12px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .plotter-ai-generated-container .plotter-ai-cta-group {
    flex-direction: column;
    gap: 5px;
    padding: 0;
  }
  .plotter-ai-generated-container .plotter-ai-cta-group::before {
    display: none;
  }
}
.plotter-ai-generated-container .plotter-ai-cta-group::before {
  content: "";
  height: 1px;
  width: calc(100% + 24px);
  background-color: #ececec;
  position: absolute;
  left: -12px;
  top: 0;
}
.plotter-ai-generated-container .plotter-ai-cta-group li {
  position: relative;
}
.plotter-ai-generated-container .plotter-ai-cta-group li:first-of-type {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #ececec;
}
.plotter-ai-generated-container .plotter-ai-cta-group li:last-of-type {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .plotter-ai-generated-container .plotter-ai-cta-group li:first-of-type {
    margin: 0;
    border-right: none;
    padding: 0;
  }
  .plotter-ai-generated-container .plotter-ai-cta-group li:last-of-type {
    margin: 10px 0 0;
    padding-top: 10px;
  }
  .plotter-ai-generated-container .plotter-ai-cta-group li:last-of-type::before {
    content: "";
    height: 1px;
    width: calc(100% + 24px);
    background-color: #ececec;
    position: absolute;
    left: -12px;
    top: 0;
  }
}
.plotter-ai-generated-container .plotter-ai-cta-group button {
  box-shadow: none;
  gap: 10px;
  padding: 0;
  border-radius: 8px;
  padding: 5px;
}
.plotter-ai-generated-container .plotter-ai-cta-group button:hover {
  background-color: #fafaf9;
}
@media screen and (max-width: 767px) {
  .plotter-ai-generated-container .plotter-ai-cta-group button {
    width: 100%;
  }
}
.plotter-ai-generated-container .plotter-ai-cta-group button .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  min-width: 29px;
  height: 29px;
  background-color: #fafafa;
}
.plotter-ai-generated-container .plotter-ai-cta-group button .icon {
  height: 29px;
  width: 29px;
}
.plotter-ai-generated-container .plotter-ai-cta-group button .icon.regenerate-icon {
  background-position: -45px -784px;
}
.plotter-ai-generated-container .plotter-ai-cta-group button .icon.discard-bin-icon {
  background-position: -89px -784px;
}
.plotter-ai-generated-container .plotter-ai-cta-group button.insert-button:hover {
  background-color: rgba(77, 110, 255, 0.15);
}
.plotter-ai-generated-container .plotter-ai-cta-group button.insert-button .icon-container {
  background-color: rgba(77, 110, 255, 0.1);
}
.plotter-ai-generated-container .plotter-ai-cta-group button.insert-button span {
  color: #4d6eff;
}
.plotter-ai-generated-container .plotter-ai-cta-group button.regenerate-button span {
  color: #000000;
}
.plotter-ai-generated-container .plotter-ai-cta-group button.discard-button span {
  color: #9b9b9b;
}

.plotter-ai {
  background: #ffffff;
  border: 1px solid #f5f5f7;
  box-shadow: 0 2px 15px 3px #f5f5f5;
  border-radius: 12px;
  padding: 12px;
  margin: 32px 0;
}
.plotter-ai:has(.plotter-ai-progress-container) {
  animation: zoom-in 0.65s ease-out;
}
.plotter-ai:has(.plotter-ai-generated-container) {
  animation: expand-block 0.65s ease-in-out;
}

.data-widgets {
  margin: 35px 0;
}

.data-widget-blocks {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .data-widget-blocks {
    flex-wrap: wrap;
    gap: initial;
  }
}

.data-widget-info-block {
  list-style: none;
  flex: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .data-widget-info-block {
    flex: 0 48%;
    margin-bottom: 4%;
  }
  .data-widget-info-block:last-of-type {
    margin: 0;
  }
}
.data-widget-info-block .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 20px;
  margin: 0;
  gap: 5px;
  box-sizing: border-box;
}
.data-widget-info-block .content.highlight {
  background: #f8f7f4;
  border: 1px solid #e4e0d5;
}
.data-widget-info-block .content h6,
.data-widget-info-block .content h3,
.data-widget-info-block .content span,
.data-widget-info-block .content p,
.data-widget-info-block .content a {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  margin: 0;
}
.data-widget-info-block .content h6,
.data-widget-info-block .content span,
.data-widget-info-block .content p,
.data-widget-info-block .content a {
  font-size: 15px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .data-widget-info-block .content h6,
.data-widget-info-block .content span,
.data-widget-info-block .content p,
.data-widget-info-block .content a {
    font-size: 13px;
    line-height: 19px;
  }
}
.data-widget-info-block .content h3 {
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -0.39px;
}
@media screen and (max-width: 767px) {
  .data-widget-info-block .content h3 {
    font-size: 25px;
    line-height: 27px;
    letter-spacing: -0.3px;
  }
}
.data-widget-info-block .content sub {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: -0.29px;
  color: rgba(0, 0, 0, 0.7);
}

.stats-container .data-widgets {
  max-width: 680px;
  margin: 25px auto;
}
@media screen and (max-width: 767px) {
  .stats-container .data-widgets .data-widget-blocks {
    margin: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .stats-container .earnings-data .data-widget-blocks {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .stats-container .earnings-data .data-widget-info-block {
    flex: 1;
  }
}
@media screen and (max-width: 767px) {
  .stats-container .earnings-data .data-widget-info-block .content {
    align-items: center;
    flex-direction: row;
  }
}

.earnings-container .data-widgets {
  margin: 25px 0 45px;
}
.earnings-container .data-widgets .data-widget-blocks {
  gap: 60px;
}
@media screen and (max-width: 767px) {
  .earnings-container .data-widgets .data-widget-blocks {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 25px;
  }
}
.earnings-container .data-widgets .data-widget-info-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  margin: 0;
}
.earnings-container .data-widgets .data-widget-info-block:first-of-type:not(:only-child) {
  border-right: 1px solid #ececec;
}
@media screen and (max-width: 767px) {
  .earnings-container .data-widgets .data-widget-info-block:first-of-type:not(:only-child) {
    border-right: none;
    border-bottom: 1px solid #ececec;
    padding-bottom: 25px;
  }
}
.earnings-container .data-widgets .data-widget-info-block .content-header h6 {
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
}
.earnings-container .data-widgets .data-widget-info-block .content-header .highlight-content {
  color: #4d6eff;
}
.earnings-container .data-widgets .data-widget-info-block .content-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.earnings-container .data-widgets .data-widget-info-block .content-footer h3 {
  font-size: 35px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.75;
  margin: 0;
}
.earnings-container .data-widgets .data-widget-info-block .content-footer .content-footer-message {
  display: flex;
  align-items: center;
  gap: 5px;
}
.earnings-container .data-widgets .data-widget-info-block .content-footer .content-footer-message p {
  font-size: 15px;
  line-height: 18px;
  color: #9b9b9b;
}

.post-page .paid-post-data-widget.data-widgets {
  margin: 35px 0 25px;
  border-top: 1px solid #ececec;
}
@media screen and (max-width: 767px) {
  .post-page .paid-post-data-widget.data-widgets {
    width: 100dvw;
    margin-left: -30px;
    overflow: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .post-page .paid-post-data-widget.data-widgets::-webkit-scrollbar {
    display: none;
  }
}
.post-page .paid-post-data-widget .data-widget-blocks {
  gap: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .post-page .paid-post-data-widget .data-widget-blocks {
    flex-wrap: nowrap;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .post-page .paid-post-data-widget .data-widget-info-block {
    flex: initial;
    margin: 0;
    min-width: 40dvw;
  }
}
.post-page .paid-post-data-widget .data-widget-info-block .content {
  background: transparent;
  border-radius: 0;
  border: none;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .post-page .paid-post-data-widget .data-widget-info-block .content {
    padding: 20px 0;
  }
}
.post-page .paid-post-data-widget .data-widget-info-block .content h6,
.post-page .paid-post-data-widget .data-widget-info-block .content h3,
.post-page .paid-post-data-widget .data-widget-info-block .content span,
.post-page .paid-post-data-widget .data-widget-info-block .content p,
.post-page .paid-post-data-widget .data-widget-info-block .content a {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
}
.post-page .paid-post-data-widget .data-widget-info-block .content h6 {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  text-align: center;
}
.post-page .paid-post-data-widget .data-widget-info-block .content p,
.post-page .paid-post-data-widget .data-widget-info-block .content p a {
  color: #000000;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  text-align: center;
}

.existing-stories-list-container,
.published-content-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.existing-stories-list-container li,
.published-content-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
  margin: 0 !important;
  cursor: pointer;
}
.existing-stories-list-container .stories-meta-container,
.published-content-list .stories-meta-container {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.existing-stories-list-container .stories-meta-container .cover-image-container,
.published-content-list .stories-meta-container .cover-image-container {
  width: 33%;
  max-width: 60px;
  min-width: 60px;
}
@media screen and (max-width: 767px) {
  .existing-stories-list-container .stories-meta-container .cover-image-container,
.published-content-list .stories-meta-container .cover-image-container {
    max-width: 50px;
    min-width: 50px;
  }
}
.existing-stories-list-container .stories-meta-container .cover-image-container figure,
.published-content-list .stories-meta-container .cover-image-container figure {
  margin: 0;
}
.existing-stories-list-container .stories-meta-container .cover-image-container picture,
.published-content-list .stories-meta-container .cover-image-container picture {
  display: block;
  line-height: 0;
}
.existing-stories-list-container .stories-meta-container .cover-image-container img,
.published-content-list .stories-meta-container .cover-image-container img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .existing-stories-list-container .stories-meta-container .cover-image-container img,
.published-content-list .stories-meta-container .cover-image-container img {
    border-radius: 8px;
  }
}
.existing-stories-list-container .stories-meta-container .stories-content-meta,
.published-content-list .stories-meta-container .stories-content-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.existing-stories-list-container .stories-meta-container .stories-content-meta h3,
.existing-stories-list-container .stories-meta-container .stories-content-meta h5,
.published-content-list .stories-meta-container .stories-content-meta h3,
.published-content-list .stories-meta-container .stories-content-meta h5 {
  font-family: "Poppins", sans-serif;
  margin: 0 !important;
}
.existing-stories-list-container .stories-meta-container .stories-content-meta h3,
.published-content-list .stories-meta-container .stories-content-meta h3 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow: hidden;
}
.existing-stories-list-container .stories-meta-container .stories-content-meta h5,
.published-content-list .stories-meta-container .stories-content-meta h5 {
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: initial;
  text-transform: none;
}
.existing-stories-list-container.stck-books-list .stories-meta-container .cover-image-container,
.published-content-list.stck-books-list .stories-meta-container .cover-image-container {
  min-width: 50px;
  max-width: 50px;
}
.existing-stories-list-container.stck-books-list .stories-meta-container .cover-image-container img,
.published-content-list.stck-books-list .stories-meta-container .cover-image-container img {
  aspect-ratio: 1/1.414;
  width: 50px;
  height: 70px;
  border-radius: 0;
}
.existing-stories-list-container .content-list-cta-button,
.published-content-list .content-list-cta-button {
  color: #000000;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #fafaf9;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1);
  min-height: 38px;
}
.existing-stories-list-container .content-list-cta-button span,
.published-content-list .content-list-cta-button span {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  border-left: 1px solid #ececec;
  padding-left: 10px;
}
@media screen and (min-width: 1024px) {
  .existing-stories-list-container .more-menu-button-container .menu-popover,
.published-content-list .more-menu-button-container .menu-popover {
    top: 50px;
    right: 0;
  }
  .existing-stories-list-container .more-menu-button-container .menu-popover::before,
.published-content-list .more-menu-button-container .menu-popover::before {
    right: 10px;
  }
  .existing-stories-list-container .more-menu-button-container .menu-popover::after,
.published-content-list .more-menu-button-container .menu-popover::after {
    right: 11px;
  }
}
.existing-stories-list-container .more-menu-button-container .menu-popover .menu-popover-span-item,
.published-content-list .more-menu-button-container .menu-popover .menu-popover-span-item {
  flex: 1;
}

.list-items-container {
  max-width: 680px;
  margin: 35px auto;
}
.list-items-container.centered-list-items-container .list-item {
  align-items: center;
}
.list-items-container.centered-list-items-container .list-content > a {
  align-items: center;
}
.list-items-container .list-content > a,
.list-items-container .list-content > div {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: #000000;
}
.list-items-container .list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ececec;
  box-sizing: border-box;
}
.list-items-container .list-item:last-of-type {
  border: none;
}
.list-items-container .list-image {
  position: relative;
  background-color: rgba(77, 110, 255, 0.05);
  width: 55px;
  min-width: 55px;
  height: 55px;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 5px 0px 10px 2px rgba(155, 155, 155, 0.1), 0px 5px 10px 2px rgba(155, 155, 155, 0.1), 4px 5px 8px 2px inset rgba(161, 143, 122, 0.05);
  margin-right: 10px;
}
.list-items-container .list-image figure {
  margin: 0;
}
.list-items-container .list-image figure img {
  width: 55px;
  height: 55px;
  border-radius: 999px;
  object-fit: cover;
}
.list-items-container .list-image picture {
  display: block;
  line-height: 0;
}
.list-items-container .list-image .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.list-items-container .list-image .icon.image-placeholder {
  background-position: -789px -694px;
  width: 14px;
  height: 14px;
}
.list-items-container .list-data {
  max-width: 430px;
  margin-top: 10px;
}
.list-items-container .list-data h1,
.list-items-container .list-data h5,
.list-items-container .list-data p {
  font-family: "IBM Plex Sans", sans-serif;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.list-items-container .list-data h1 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}
.list-items-container .list-data h5 {
  color: #9b9b9b;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: 1;
}
.list-items-container .list-data p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list-items-container .list-data .list-data-with-pro-tick {
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-items-container .list-cta {
  margin-left: auto;
  margin-top: 10px;
}
.list-items-container .list-cta button {
  min-width: 90px;
  padding: 10px 0;
}
.list-items-container .list-cta button.follow-button span {
  font-size: 13px;
  line-height: 13px;
}

@media (max-width: 767px) {
  .list-items-container {
    margin: 20px 30px;
  }
  .list-items-container .list-data {
    margin-right: 15px;
  }
  .list-items-container .list-data h5 {
    margin-bottom: 10px;
  }
}
.order-summary .order-summary-block {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0;
  margin: 25px 0 35px;
}
.order-summary .order-summary-block-info {
  display: flex;
  flex-direction: column;
  list-style: none;
  flex: 0 0 50%;
  margin: 0;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.order-summary .order-summary-block-info h6 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  opacity: 0.35;
  margin-bottom: 8px;
}
.order-summary .order-summary-block-info h3 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.order-summary .order-summary-block-info .merchant {
  display: flex;
  align-items: flex-start;
}
.order-summary .order-summary-block-info .merchant .merchant-logo {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 23px;
  width: 38px;
  min-width: 38px;
  min-height: 23px;
  border: 1px solid #ececec;
  border-radius: 4px;
  margin: 0 10px 0 0;
}
.order-summary .order-summary-block-info .merchant .merchant-logo .card-icon {
  width: 21px;
  height: 15px;
}
.order-summary .order-summary-block-info .merchant .merchant-logo .upi-icon {
  width: 26px;
  height: 8px;
}
.order-summary .order-summary-block-info .merchant .merchant-logo .gpay-icon {
  width: 27px;
  height: 1px;
}
.order-summary .order-summary-block-info .merchant .merchant-logo .paytm-icon {
  width: 26px;
  height: 8px;
}
.order-summary .order-summary-block-info .merchant .merchant-logo .apple-pay-icon {
  width: 28px;
  height: 12px;
}
.order-summary .order-summary-block-info .merchant .merchant-logo .phonepe-icon {
  width: 18px;
  height: 18px;
}
.order-summary .order-summary-block-info .merchant .merchant-logo .visa-icon {
  width: 26px;
  height: 9px;
}

@media (max-width: 767px) {
  .order-summary .order-summary-block-info h6 {
    font-size: 13px;
    line-height: 15px;
  }
  .order-summary .order-summary-block-info h3 {
    font-size: 15px;
    line-height: 19px;
  }
}
.order-summary .order-receipt-block {
  border: 1px solid #ececec;
  border-radius: 8px;
  padding: 30px;
  box-sizing: border-box;
}
.order-summary .order-receipt-block .story-info-block {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.order-summary .order-receipt-block .story-info-block figure {
  margin: 0;
  margin-right: 15px;
  line-height: 0;
}
.order-summary .order-receipt-block .story-info-block figure img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.order-summary .order-receipt-block .story-info-block .content {
  min-width: initial;
}
.order-summary .order-receipt-block .story-info-block .content h1,
.order-summary .order-receipt-block .story-info-block .content small {
  font-family: "IBM Plex Sans", sans-serif;
}
.order-summary .order-receipt-block .story-info-block .content h1 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
  margin-bottom: 7px;
}
.order-summary .order-receipt-block .story-info-block .content small {
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  color: #9b9b9b;
}
.order-summary .order-receipt-block .fare-breakdown {
  padding: 0;
}
.order-summary .order-receipt-block .fare-breakdown li {
  display: flex;
  list-style: none;
  margin-bottom: 15px;
}
.order-summary .order-receipt-block .fare-breakdown li p,
.order-summary .order-receipt-block .fare-breakdown li h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.order-summary .order-receipt-block .fare-breakdown li p:last-of-type,
.order-summary .order-receipt-block .fare-breakdown li h4:last-of-type {
  margin-left: auto;
}
.order-summary .order-receipt-block .fare-breakdown li p {
  opacity: 0.7;
}
.order-summary .order-receipt-block .fare-breakdown li h4 {
  font-weight: 700;
  opacity: 1;
}
.order-summary .order-receipt-block .fare-breakdown li.total-fare {
  border-top: 1px solid #000000;
  padding-top: 15px;
  margin-top: 9px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .order-summary .order-receipt-block .story-info-block .content {
    min-width: initial;
  }
  .order-summary .order-receipt-block .story-info-block .content h1 {
    font-size: 15px;
    line-height: 19px;
  }
  .order-summary .order-receipt-block .fare-breakdown {
    padding: 0;
  }
  .order-summary .order-receipt-block .fare-breakdown li p,
.order-summary .order-receipt-block .fare-breakdown li h4 {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 15px;
    line-height: 24px;
  }
}
.order-summary {
  width: 100%;
}
.order-summary .order-content-container,
.order-summary footer {
  max-width: 480px;
  margin: 0 auto;
  box-sizing: border-box;
}
.order-summary .order-content-container figure {
  margin: 0;
}
.order-summary .order-content-container a {
  display: block;
  margin: 35px 0 60px;
}
.order-summary .order-content-container a .scrollstack-logo {
  width: 130px;
  height: auto;
}
.order-summary .order-content-container h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.15px;
  margin: 60px 0 15px;
}
.order-summary .order-content-container h5 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  opacity: 0.35;
  margin: 15px 0 25px;
}
.order-summary footer {
  border-top: 1px solid rgba(167, 149, 128, 0.3);
  margin: 35px auto 0;
  padding: 20px 0;
}
.order-summary footer span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #9b9b9b;
}
.order-summary footer span a {
  color: #000000;
  margin: 0;
}

@media (max-width: 767px) {
  .order-summary .order-content-container {
    padding: 0 30px;
  }
  .order-summary .order-content-container h1 {
    font-size: 26px;
    line-height: 25px;
  }
  .order-summary .order-content-container h5 {
    font-size: 15px;
    line-height: 15px;
  }
  .order-summary footer {
    padding: 20px 30px;
  }
  .order-summary footer span {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 15px;
    line-height: 22px;
  }
}
@media print {
  @page {
    margin: 0;
  }
}
.share-menu-button-container {
  position: relative;
}
@media screen and (min-width: 768px) {
  .share-menu-button-container .menu-popover {
    top: 60px;
    right: 0;
  }
}
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item a,
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item span {
  padding: 10px 15px;
  gap: 5px;
}
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item a .icon,
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item span .icon {
  margin: 0;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
}
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item a .icon.copy-link-icon,
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item span .icon.copy-link-icon {
  background-position: 0px -145px;
}
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item a .icon.facebook-icon,
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item span .icon.facebook-icon {
  background-position: -134px -145px;
}
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item a .icon.twitter-icon,
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item span .icon.twitter-icon {
  background-position: -201px -145px;
}
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item a .icon.whatsapp-icon,
.share-menu-button-container .menu-popover .menu-popover-items-container .menu-popover-item span .icon.whatsapp-icon {
  background-position: -268px -145px;
}

.flex-buttons-container .share-menu-button-container {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flex-buttons-container .share-menu-button-container .menu-popover {
    top: 75px;
  }
}

.book-indicator-container .chapter-list-container .share-menu-button-container {
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .book-indicator-container .chapter-list-container .share-menu-button-container .overlay {
    top: -100dvh;
    height: 200dvh;
  }
}

.badge {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 11px;
  color: #4d6eff;
  line-height: 7px;
  font-weight: 600;
  background-color: #000000;
  color: #ffffff;
  padding: 5px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.badge .badge-icon {
  height: 10px;
  width: auto;
}
.badge.green-badge {
  color: #0b7931;
  background-color: rgba(77, 110, 255, 0.2);
}
.badge.blue-badge {
  color: #4d6eff;
  background-color: rgba(77, 110, 255, 0.2);
}
.badge.brown-badge {
  color: #887014;
  background-color: rgba(255, 201, 0, 0.2);
}

.upsell-product-banner {
  z-index: 11;
}
.upsell-product-banner.upsell-product-banner-is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  background-color: #ececec;
  bottom: 0;
  border-top: 1px solid #ececec;
}
.upsell-product-banner.yellow-upsell-product-banner {
  background-color: #ffc900;
}
.upsell-product-banner .upsell-product-banner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 13px 60px;
  box-sizing: border-box;
}
.upsell-product-banner .upsell-product-banner-container.flex-row {
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .upsell-product-banner .upsell-product-banner-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 15px 30px;
  }
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 25px;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container a {
  color: #000000;
  text-decoration: none;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container a .upsell-product-banner-content-description {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container nobr {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container .stck-pro-logo {
  height: 25px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container .stck-pro-logo {
    height: 20px;
  }
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-content-container .upsell-product-banner-content-description {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  margin: 0;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button {
  box-shadow: none;
  border: none;
  width: auto;
  padding: 0;
  border-radius: 999px;
  line-height: 0;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button span {
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button.tiny-flat-button {
  padding: 9px 20px;
  color: #ffc900;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button.tiny-flat-button span {
  color: #ffc900;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button.text-only-button {
  background: transparent;
  padding: 9px 0px;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button.text-only-button span {
  color: #705e1c;
}
.upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button.close-banner-button {
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .upsell-product-banner .upsell-product-banner-container .upsell-product-banner-cta-container button.close-banner-button {
    margin-right: -20px;
  }
}

.book-shelf-container {
  display: none;
  flex: 1;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .book-shelf-container {
    min-height: 407px;
    max-height: 407px;
  }
}
@media screen and (max-width: 767px) {
  .book-shelf-container {
    display: block;
  }
}
.book-shelf-container .shelf {
  position: absolute;
  height: 80px;
  width: 100%;
  bottom: -63px;
}
@media screen and (max-width: 767px) {
  .book-shelf-container .shelf {
    height: 80px;
    width: 85%;
    bottom: -71px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.book-shelf-container .shelf-top {
  width: 100%;
  height: 17px;
  background-color: #f5f5f7;
  z-index: 1;
  border-radius: 32px 32px 0 0;
  clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
}
.book-shelf-container .shelf-front {
  width: 100%;
  height: 30px;
  background-color: #ffffff;
  bottom: 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1);
}
@media screen and (max-width: 767px) {
  .book-shelf-container .shelf-front {
    height: 20px;
  }
}
.book-shelf-container .shelf-bottom {
  background-image: linear-gradient(180deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 28px;
  z-index: 1;
  border-radius: 32px 32px 0 0;
}
.book-shelf-container .book {
  width: 100%;
  max-width: 265px;
  max-height: 397px;
  border-radius: 12px 8px 8px 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 2;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .book-shelf-container .book {
    margin: -15px auto 0;
    max-width: 200px;
    min-width: 200px;
    max-height: 300px;
  }
}
.book-shelf-container figure {
  margin: 0;
}
.book-shelf-container figure picture::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8));
  opacity: 0.25;
  border-right: 1px solid #717c8f;
}
.book-shelf-container figure picture img {
  object-fit: cover;
}

.mobile-phone .mobile-phone-case {
  position: relative;
  background-color: #161718;
  border: 5px solid;
  border-bottom: none;
  height: 150px;
  width: 100px;
  border-radius: 14px 14px 0 0;
  overflow: hidden;
}
.mobile-phone .mobile-phone-screen {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content {
  height: 100%;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content * {
  color: #ffffff;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content h1 {
  font-family: "Merriweather", serif;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.02px;
  text-align: center;
  margin: 0;
  font-weight: 700;
  margin: 35px 10px 0;
  line-height: 15px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content figure {
  margin: 15px auto;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content p {
  font-size: 8px;
  line-height: 12px;
  margin: 5px 10px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile {
  background-color: #161718;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile {
  position: relative;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-picture {
  margin: 0;
  line-height: 0;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-picture::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(12, 29, 45, 0.35);
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-picture img {
  width: 100%;
  max-height: 132px;
  min-height: 132px;
  object-fit: cover;
  border-radius: 0;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container .creator-profile-meta-info {
  display: flex;
  flex-direction: column;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container .creator-profile-meta-info .creator-name,
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container .creator-profile-meta-info .followers-count {
  font-family: "Poppins", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container .creator-profile-meta-info .creator-name {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  color: #ffffff;
  text-align: left;
  line-height: 1;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container .creator-profile-meta-info .followers-count {
  font-size: 7px;
  color: #ffffff;
  letter-spacing: -0.04px;
  line-height: 10px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container button {
  padding: 5px 8px;
  background-color: #ffc900;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container button span {
  font-size: 8px;
  color: #000000;
  letter-spacing: -0.15px;
  text-align: center;
  line-height: 9px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 10px;
  padding: 10px 6px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story figure {
  margin: 0;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story figure img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 8px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story .creator-story-name {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 7px;
  line-height: 10px;
  letter-spacing: 0;
  color: white;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage {
  background-color: #161718;
  height: 100%;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-header {
  padding: 15px 8px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-header .setting-icon-container {
  height: 15px;
  width: 15px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #303030;
  margin-left: auto;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-header .setting-icon-container svg path {
  fill: #ffffff;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-greeting-note {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  line-height: 15px;
  margin: 7px 8px 5px;
  text-align: initial;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-greeting-note span {
  color: #ffc900;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 7px 8px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container li {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container li:first-of-type figure {
  box-shadow: 0px 0px 1px 1px black;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container li figure {
  margin: 0;
  border: 2px solid #ffffff;
  border-radius: 999px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container li figure img {
  height: 18px;
  width: 18px;
  border-radius: 999px;
  object-fit: cover;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container li span {
  font-family: "Poppins", sans-serif;
  font-size: 5px;
  color: #181d19;
  letter-spacing: -0.04px;
  line-height: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  max-width: 24px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container li.story-options .story-option-icon-container {
  height: 18px;
  width: 18px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #303030;
  border: 2px solid transparent;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .creator-homepage-story-container li.story-options .story-option-icon-container svg path {
  fill: #ffffff;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container {
  display: flex;
  gap: 6px;
  margin: 10px 8px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card {
  min-width: 72px;
  max-width: 72px;
  padding: 6px;
  background: #ececec;
  border-radius: 8px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card.currently-reading-card {
  background-image: linear-gradient(180deg, #dd9886 0%, #a26656 100%);
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card.recently-updated-card {
  background-image: linear-gradient(180deg, #ef8f7d 0%, #cc4633 100%);
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card figure {
  margin: 0;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card figure img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 6px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .image-with-glow picture.background-image {
  z-index: 0;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .highlighted-card-meta-info {
  margin-top: 5px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .highlighted-card-meta-info .highlighted-card-intent,
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .highlighted-card-meta-info .highlighted-card-title,
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .highlighted-card-meta-info .highlighted-card-author-name {
  font-family: "Poppins", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .highlighted-card-meta-info .highlighted-card-intent {
  margin: 0;
  font-size: 5px;
  font-weight: 500;
  color: #fceeea;
  letter-spacing: 0.17px;
  line-height: 6px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .highlighted-card-meta-info .highlighted-card-title {
  font-size: 6px;
  line-height: 7px;
  font-weight: 700;
  margin: 1px 0 2px;
  color: #ffffff;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-homepage .creator-homepage-body .highlighted-cards-container .highlighted-card .highlighted-card-meta-info .highlighted-card-author-name {
  display: block;
  font-size: 4px;
  color: rgba(252, 238, 234, 0.7);
  letter-spacing: 0.17px;
  line-height: 7px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-screen-preview-image-wrapper figure {
  margin: 25px auto 0;
  text-align: center;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-screen-preview-image-wrapper img {
  height: 70px;
  width: 70px;
  border-radius: 8px;
  object-fit: cover;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-screen-meta {
  padding: 0 5px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-screen-meta .story-title,
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-screen-meta .story-author-name {
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin: 0;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-screen-meta .story-title {
  font-size: 9px;
  color: #000000;
  font-weight: 500;
  line-height: 10px;
  margin: 8px auto 1px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-screen-meta .story-author-name {
  display: block;
  font-size: 6px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  line-height: 8px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .button {
  padding: 6px;
  margin: 7px 5px;
  width: calc(100% - 10px);
  justify-content: center;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .button span {
  font-size: 7px;
  line-height: 8px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .story-screen .story-description {
  margin: 0;
  font-size: 7px;
  color: #000000;
  font-weight: 500;
  line-height: 10px;
  padding: 0 5px;
}
.mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .mobile-phone-chapter-html > *:not(p):not(figure) {
  display: none;
}
.mobile-phone .mobile-phone-screen .customise-image {
  position: absolute;
  bottom: -25px;
  left: 0;
  margin: 0;
}
.mobile-phone .mobile-phone-buttons-container .power-button {
  height: 22px;
  width: 2px;
  border-radius: 0 1px 1px 0;
  background-color: #000000;
  position: absolute;
  top: 20%;
  right: -6px;
}

.modal-container .modal-content .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content * {
  color: #ffffff;
}
.modal-container .modal-content .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content h1 {
  font-family: "Merriweather", serif;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.02px;
  text-align: center;
  margin: 0;
  font-weight: 700;
  margin: 35px 10px 0;
  line-height: 15px;
}
.modal-container .modal-content .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content figure {
  margin: 15px auto;
}
.modal-container .modal-content .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content p {
  font-size: 8px;
  line-height: 12px;
  margin: 5px 10px;
}

.showcase-block {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  background-color: #ececec;
  aspect-ratio: 451/285;
}
.showcase-block .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container {
  width: 32%;
  aspect-ratio: 1/1;
  height: auto;
  min-width: initial;
  justify-content: flex-end;
  padding: 2%;
  box-sizing: border-box;
}
.showcase-block .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container img {
  width: 100%;
  height: auto;
}
.showcase-block .showcase-elements-wrapper {
  position: relative;
  display: block;
  height: 100%;
}
.showcase-block .showcase-elements-wrapper .print-book-cover:before {
  content: "";
  display: block;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/print-edition/book-cover-elements/binding-fold.png");
  background-size: 35px;
  background-repeat: repeat-y;
  opacity: 0.4;
  border-radius: 6px 0 0 6px;
}
@media screen and (max-width: 767px) {
  .showcase-block .showcase-elements-wrapper .print-book-cover:before {
    width: 5px;
    background-size: 5px;
  }
}
.showcase-block .showcase-elements-wrapper .print-book-cover:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/print-edition/book-cover-elements/texture.png");
  background-size: auto;
  background-repeat: repeat;
  opacity: 0.3;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .showcase-block .showcase-elements-wrapper .print-book-cover:after {
    border-radius: 2px;
  }
}
.showcase-block .showcase-elements-wrapper .print-book-cover::before {
  width: 5%;
  background-size: 100%;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.front-cover, .showcase-block .showcase-elements-wrapper .print-book-cover.back-cover {
  width: 100%;
  height: 100%;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover:before {
  left: initial;
  right: 0;
  transform: rotate(-180deg);
  border-radius: 0 6px 6px 0;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-text p {
  font-size: clamp(0px, 2.48dvw, 27px);
  line-height: clamp(0px, 3.45dvw, 42px);
  margin: 0 0 10% 0;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-price,
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-site {
  font-size: 18px;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-price,
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-site {
    font-size: 10px;
    line-height: 12px;
  }
}
.showcase-block .showcase-elements-wrapper .print-book-cover .publisher {
  width: 14%;
  aspect-ratio: 1/1;
  height: auto;
}
.showcase-block .showcase-elements-wrapper .print-book-cover .publisher img {
  width: 55%;
}
.showcase-block.showcase-block-1 {
  background-image: url("../img/print-edition/print-edition-landing-page/pdf-to-print/showcase-images/pdf-print-showcase-01.png");
  background-size: cover;
}
.showcase-block.showcase-block-1 .book-showcase-preview {
  transform: rotate(-26deg) scale(0.5);
  margin-left: 10%;
  width: 100%;
  margin-top: -13%;
}
@media screen and (max-width: 767px) {
  .showcase-block.showcase-block-1 .book-showcase-preview {
    zoom: initial;
  }
}
.showcase-block.showcase-block-1 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .title {
  font-size: clamp(0px, 10dvw, 90px);
  line-height: clamp(0px, 11dvw, 95px);
}
.showcase-block.showcase-block-1 .book-showcase-preview::after {
  content: "";
  display: block;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 12px;
  right: -10px;
  background-color: #9b9b9b;
  opacity: 0.35;
  filter: blur(12px);
  z-index: -1;
  transform: rotate(-4deg);
}
.showcase-block.showcase-block-2 {
  background-image: url("../img/print-edition/print-edition-landing-page/pdf-to-print/showcase-images/pdf-print-showcase-02.png");
  background-size: cover;
}
.showcase-block.showcase-block-2 .book-showcase-preview {
  transform: scale(0.35);
  margin-left: 5%;
  width: 100%;
  margin-top: -35%;
}
@media screen and (max-width: 767px) {
  .showcase-block.showcase-block-2 .book-showcase-preview {
    zoom: initial;
  }
}
.showcase-block.showcase-block-2 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .title {
  font-size: clamp(0px, 10dvw, 90px);
  line-height: clamp(0px, 11dvw, 95px);
}
.showcase-block.showcase-block-2 .book-showcase-preview::before {
  content: "";
  display: block;
  width: 100%;
  height: 3%;
  position: absolute;
  bottom: 2%;
  left: -8%;
  background-color: #9b9b9b;
  opacity: 0.25;
  filter: blur(5px);
  z-index: -1;
  transform: rotate(0deg) skew(52deg, 0deg);
}
.showcase-block.showcase-block-2 .book-showcase-preview::after {
  content: "";
  display: block;
  width: 100%;
  height: 3%;
  position: absolute;
  bottom: -0.05%;
  left: -4%;
  background-color: #9b9b9b;
  filter: blur(10px);
  z-index: -1;
  transform: rotate(0deg) skew(50deg, 0deg);
}
.showcase-block.showcase-block-3 {
  background-image: url("../img/print-edition/print-edition-landing-page/pdf-to-print/showcase-images/pdf-print-showcase-03.png");
  background-size: cover;
}
.showcase-block.showcase-block-3 .book-showcase-preview {
  transform: rotate(6deg) scale(0.45);
  margin-left: -15%;
  width: 100%;
  margin-top: -32%;
}
@media screen and (max-width: 767px) {
  .showcase-block.showcase-block-3 .book-showcase-preview {
    zoom: initial;
  }
}
.showcase-block.showcase-block-3 .book-showcase-preview::after {
  content: "";
  display: block;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 12px;
  left: -10px;
  background-color: #9b9b9b;
  opacity: 0.5;
  filter: blur(12px);
  z-index: -1;
  transform: rotate(4deg);
}

.carousel-container {
  margin: 15px 0 25px;
}
@media screen and (max-width: 767px) {
  .carousel-container {
    width: 100dvw;
    margin-left: -30px;
  }
}
.carousel-container .carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.carousel-container .carousel-header:has(.carousel-header-branding):has(p) {
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-header {
    padding: 0 30px;
  }
}
.carousel-container .carousel-header .carousel-header-branding {
  display: flex;
  align-items: center;
  gap: 10px;
}
.carousel-container .carousel-header .carousel-header-branding:has(p) {
  align-items: flex-start;
}
.carousel-container .carousel-header .carousel-header-branding:has(p) .carousel-header-branding-text {
  margin-top: -5px;
}
.carousel-container .carousel-header h2 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.carousel-container .carousel-header p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  margin: 0;
}
.carousel-container .carousel-header .carousel-controllers-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-header .carousel-controllers-container {
    display: none;
  }
}
.carousel-container .carousel-header .carousel-controllers-container .carousel-button {
  gap: 15px;
}
.carousel-container .carousel-header .carousel-controllers-container .carousel-button:disabled {
  cursor: initial;
  opacity: 0.5;
}
.carousel-container .carousel-header .carousel-controllers-container .carousel-button:disabled .chapter-switch-button-meta {
  display: none;
}
.carousel-container .carousel-header .carousel-controllers-container .carousel-button .icon-container {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border: 1px solid #ececec;
  background-color: #fafaf9;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-header .carousel-controllers-container .carousel-button .icon-container {
    min-width: 34px;
    width: 34px;
    height: 34px;
  }
}
.carousel-container .carousel-header .carousel-controllers-container .carousel-button:hover:not([disabled]) .icon-container {
  background-color: #000000;
  border-color: #000000;
}
.carousel-container .carousel-header .carousel-controllers-container .carousel-button:hover:not([disabled]) .icon-container svg path {
  fill: #ffffff;
}
.carousel-container .carousel-body {
  margin: 25px 0;
  min-width: 560px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-body {
    margin: 25px 0;
    min-width: initial;
  }
}
.carousel-container .carousel-body .carousel-cards-container {
  display: flex;
  align-items: stretch;
  gap: 10px;
  margin: 0;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.carousel-container .carousel-body .carousel-cards-container::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-body .carousel-cards-container {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.carousel-container .carousel-body .carousel-cards-container .carousel-card:last-of-type {
  padding-right: 5px;
}
.carousel-container .carousel-body .carousel-cards-container .carousel-card a {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  min-width: 335px;
  overflow: hidden;
  text-decoration: none;
  color: #000000;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-body .carousel-cards-container .carousel-card a {
    min-width: 80dvw;
  }
}
.carousel-container .carousel-body .carousel-cards-container .carousel-card-preview {
  background-color: #fafaf9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 25px 0;
}
.carousel-container .carousel-body .carousel-cards-container .mobile-phone .mobile-phone-case {
  height: 230px;
  width: 145px;
  border-radius: 21px 21px 0 0;
}
.carousel-container .carousel-body .carousel-cards-container .mobile-phone .mobile-phone-buttons-container .power-button {
  height: 30px;
  width: 3px;
  right: -7px;
}
.carousel-container .carousel-body .carousel-cards-container .carousel-card-content {
  background-color: #efeff4;
  border-radius: 0 0 16px 16px;
  padding: 15px;
  flex: 1;
}
.carousel-container .carousel-body .carousel-cards-container .carousel-card-content .carousel-card-content-title,
.carousel-container .carousel-body .carousel-cards-container .carousel-card-content .carousel-card-content-description {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  text-align: center;
  color: #000000;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}
.carousel-container .carousel-body .carousel-cards-container .carousel-card-content .carousel-card-content-title {
  font-weight: 600;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-body .carousel-cards-container .carousel-card-content .carousel-card-content-title {
    font-size: 12px;
    line-height: 15px;
  }
}
.carousel-container .carousel-body .carousel-cards-container .carousel-card-content .carousel-card-content-description {
  color: rgba(0, 0, 0, 0.7);
  line-height: 20px;
  margin-top: 3px;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-body .carousel-cards-container .carousel-card-content .carousel-card-content-description {
    font-size: 11px;
    line-height: 15px;
  }
}
.carousel-container .carousel-footer {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-footer {
    padding: 0 30px;
  }
}
.carousel-container .carousel-footer .carousel-footer-branding p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  margin: 0;
}
.carousel-container .carousel-footer a {
  text-decoration: none;
}
.carousel-container .carousel-footer button {
  width: 100%;
  gap: 10px;
  justify-content: center;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .carousel-container .carousel-footer button {
    width: 100%;
  }
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview {
  padding: 0;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block {
  border-radius: 0;
  width: 100%;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block.showcase-block-2 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .title, .carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block.showcase-block-1 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .title {
  font-size: 42px;
  line-height: 52px;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block.showcase-block-2 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .author, .carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block.showcase-block-1 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .author {
  font-size: 20px;
  line-height: 22px;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-text {
  margin-top: 60px;
  max-width: 65%;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-text p {
  font-size: 13px;
  line-height: 20px;
  -webkit-line-clamp: 10;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block .showcase-elements-wrapper .print-book-cover .book-custom-cover-wrapper figure {
  margin: 0;
  width: 100%;
  height: 100%;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block .showcase-elements-wrapper .print-book-cover .book-custom-cover-wrapper figure picture {
  height: 100%;
}
.carousel-container.montclair-carousel-container .carousel-body .carousel-cards-container .carousel-card-preview .showcase-block .showcase-elements-wrapper .print-book-cover .book-custom-cover-wrapper figure picture img {
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .book-post-page .carousel-container .carousel-body .carousel-cards-container .carousel-card a {
    min-width: 275px;
  }
}

.showcase-block {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  background-color: #ececec;
  aspect-ratio: 451/285;
}
.showcase-block .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container {
  width: 32%;
  aspect-ratio: 1/1;
  height: auto;
  min-width: initial;
  justify-content: flex-end;
  padding: 2%;
  box-sizing: border-box;
}
.showcase-block .book-showcase-preview .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-qr-container img {
  width: 100%;
  height: auto;
}
.showcase-block .showcase-elements-wrapper {
  position: relative;
  display: block;
  height: 100%;
}
.showcase-block .showcase-elements-wrapper .print-book-cover:before {
  content: "";
  display: block;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/print-edition/book-cover-elements/binding-fold.png");
  background-size: 35px;
  background-repeat: repeat-y;
  opacity: 0.4;
  border-radius: 6px 0 0 6px;
}
@media screen and (max-width: 767px) {
  .showcase-block .showcase-elements-wrapper .print-book-cover:before {
    width: 5px;
    background-size: 5px;
  }
}
.showcase-block .showcase-elements-wrapper .print-book-cover:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/print-edition/book-cover-elements/texture.png");
  background-size: auto;
  background-repeat: repeat;
  opacity: 0.3;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .showcase-block .showcase-elements-wrapper .print-book-cover:after {
    border-radius: 2px;
  }
}
.showcase-block .showcase-elements-wrapper .print-book-cover::before {
  width: 5%;
  background-size: 100%;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.front-cover, .showcase-block .showcase-elements-wrapper .print-book-cover.back-cover {
  width: 100%;
  height: 100%;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover:before {
  left: initial;
  right: 0;
  transform: rotate(-180deg);
  border-radius: 0 6px 6px 0;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-text p {
  font-size: clamp(0px, 2.48dvw, 27px);
  line-height: clamp(0px, 3.45dvw, 42px);
  margin: 0 0 10% 0;
}
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-price,
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-site {
  font-size: 18px;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-price,
.showcase-block .showcase-elements-wrapper .print-book-cover.back-cover .book-back-cover-wrapper .book-back-cover-price-qr .book-back-cover-price-container .book-site {
    font-size: 10px;
    line-height: 12px;
  }
}
.showcase-block .showcase-elements-wrapper .print-book-cover .publisher {
  width: 14%;
  aspect-ratio: 1/1;
  height: auto;
}
.showcase-block .showcase-elements-wrapper .print-book-cover .publisher img {
  width: 55%;
}
.showcase-block.showcase-block-1 {
  background-image: url("../img/print-edition/print-edition-landing-page/pdf-to-print/showcase-images/pdf-print-showcase-01.png");
  background-size: cover;
}
.showcase-block.showcase-block-1 .book-showcase-preview {
  transform: rotate(-26deg) scale(0.5);
  margin-left: 10%;
  width: 100%;
  margin-top: -13%;
}
@media screen and (max-width: 767px) {
  .showcase-block.showcase-block-1 .book-showcase-preview {
    zoom: initial;
  }
}
.showcase-block.showcase-block-1 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .title {
  font-size: clamp(0px, 10dvw, 90px);
  line-height: clamp(0px, 11dvw, 95px);
}
.showcase-block.showcase-block-1 .book-showcase-preview::after {
  content: "";
  display: block;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 12px;
  right: -10px;
  background-color: #9b9b9b;
  opacity: 0.35;
  filter: blur(12px);
  z-index: -1;
  transform: rotate(-4deg);
}
.showcase-block.showcase-block-2 {
  background-image: url("../img/print-edition/print-edition-landing-page/pdf-to-print/showcase-images/pdf-print-showcase-02.png");
  background-size: cover;
}
.showcase-block.showcase-block-2 .book-showcase-preview {
  transform: scale(0.35);
  margin-left: 5%;
  width: 100%;
  margin-top: -35%;
}
@media screen and (max-width: 767px) {
  .showcase-block.showcase-block-2 .book-showcase-preview {
    zoom: initial;
  }
}
.showcase-block.showcase-block-2 .book-showcase-preview .print-book-cover .book-text-cover-wrapper .book-text-cover-meta .title {
  font-size: clamp(0px, 10dvw, 90px);
  line-height: clamp(0px, 11dvw, 95px);
}
.showcase-block.showcase-block-2 .book-showcase-preview::before {
  content: "";
  display: block;
  width: 100%;
  height: 3%;
  position: absolute;
  bottom: 2%;
  left: -8%;
  background-color: #9b9b9b;
  opacity: 0.25;
  filter: blur(5px);
  z-index: -1;
  transform: rotate(0deg) skew(52deg, 0deg);
}
.showcase-block.showcase-block-2 .book-showcase-preview::after {
  content: "";
  display: block;
  width: 100%;
  height: 3%;
  position: absolute;
  bottom: -0.05%;
  left: -4%;
  background-color: #9b9b9b;
  filter: blur(10px);
  z-index: -1;
  transform: rotate(0deg) skew(50deg, 0deg);
}
.showcase-block.showcase-block-3 {
  background-image: url("../img/print-edition/print-edition-landing-page/pdf-to-print/showcase-images/pdf-print-showcase-03.png");
  background-size: cover;
}
.showcase-block.showcase-block-3 .book-showcase-preview {
  transform: rotate(6deg) scale(0.45);
  margin-left: -15%;
  width: 100%;
  margin-top: -32%;
}
@media screen and (max-width: 767px) {
  .showcase-block.showcase-block-3 .book-showcase-preview {
    zoom: initial;
  }
}
.showcase-block.showcase-block-3 .book-showcase-preview::after {
  content: "";
  display: block;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 12px;
  left: -10px;
  background-color: #9b9b9b;
  opacity: 0.5;
  filter: blur(12px);
  z-index: -1;
  transform: rotate(4deg);
}

.fpp {
  position: relative;
  height: 100%;
  width: 100%;
}
.fpp .showcase-block {
  border-radius: 0;
}
.fpp.fpp-open .overlay {
  display: block;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
}
.fpp.fpp-open .fpp-snackbar .fpp-snackbar-content .fpp-snackbar-content-icon {
  transform: rotate(180deg);
}
.fpp.fpp-open .fpp-panel {
  display: flex;
}
.fpp .overlay {
  display: none;
}
.fpp .fpp-container {
  z-index: 1001;
  position: fixed;
  bottom: 20px;
  left: 10%;
  display: flex;
  flex-direction: column-reverse;
  max-width: 15dvw;
  min-width: 380px;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .fpp .fpp-container {
    left: initial;
    max-width: initial;
    min-width: initial;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    bottom: 10px;
  }
}
.fpp .fpp-snackbar {
  display: flex;
  gap: 15px;
  padding: 0 20px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1), 0 -5px 10px 1px rgba(155, 155, 155, 0.05);
  border-radius: 12px;
  cursor: pointer;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container {
  margin-top: 10px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-case {
  height: 70px;
  width: 45px;
  border: 2px solid;
  border-radius: 7px 7px 0 0;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-picture picture {
  line-height: 0;
  display: block;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-picture img {
  max-height: 40px;
  min-height: 40px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container {
  padding: 1px 2px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container .creator-profile-meta-info .creator-name {
  font-size: 3px;
  line-height: 4px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container .creator-profile-meta-info .followers-count {
  font-size: 1px;
  line-height: 2px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container button {
  padding: 1px 2px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-mini-profile .creator-profile-content-container button span {
  font-size: 1px;
  line-height: 2px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container ul {
  padding: 3px 2px;
  grid-column-gap: 2px;
  grid-row-gap: 4px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story {
  gap: 1px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story figure picture {
  display: block;
  line-height: 0;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story figure img {
  height: 17px;
  width: 17px;
  border-radius: 2px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .mobile-phone .mobile-phone-screen .mobile-phone-dynamic-content .creator-profile .creator-profile-stories-container .creator-story .creator-story-name {
  font-size: 2px;
  line-height: 3px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container:has(.book-cover) {
  margin: 5px 0;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .book-cover {
  width: 45px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .book-cover picture {
  border-radius: 4px;
}
.fpp .fpp-snackbar .fpp-snackbar-preview-container .book-cover picture img {
  border-radius: 4px;
}
.fpp .fpp-snackbar .fpp-snackbar-content {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
  justify-content: space-between;
}
.fpp .fpp-snackbar .fpp-snackbar-content .fpp-snackbar-content-copy h2,
.fpp .fpp-snackbar .fpp-snackbar-content .fpp-snackbar-content-copy p {
  font-family: "IBM Plex Sans", sans-serif;
  color: #000000;
  margin: 0;
}
.fpp .fpp-snackbar .fpp-snackbar-content .fpp-snackbar-content-copy h2 {
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
.fpp .fpp-snackbar .fpp-snackbar-content .fpp-snackbar-content-copy p {
  font-size: 13px;
  line-height: 18px;
}
.fpp .fpp-panel {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1), 0 -5px 10px 1px rgba(155, 155, 155, 0.05);
  border-radius: 12px;
  max-height: 85dvh;
  overflow-y: auto;
  display: none;
}
.fpp .fpp-panel.fpp-customise-panel .fpp-panel-body .fpp-panel-body-preview, .fpp .fpp-panel.fpp-customisation-completed-panel .fpp-panel-body .fpp-panel-body-preview {
  height: initial;
  max-height: initial;
  aspect-ratio: 1/1;
  justify-content: space-between;
}
.fpp .fpp-panel.fpp-chapter-customise-panel .fpp-panel-body-preview .mobile-phone .mobile-phone-screen .customise-image {
  bottom: -51px;
}
.fpp .fpp-panel .fpp-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.fpp .fpp-panel .fpp-panel-header .fpp-panel-header-title h3 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
}
.fpp .fpp-panel .fpp-panel-body {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview {
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 12px;
  height: 191px;
  max-height: 191px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview:has(.showcase-block) {
  height: auto;
  max-height: initial;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview .mobile-phone .mobile-phone-case {
  height: 176px;
  width: 145px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-app-qr-code {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 54px;
  height: 54px;
  transform: rotate(-15deg);
}
.fpp .fpp-panel .fpp-panel-body .fpp-app-qr-code img {
  width: 100%;
  height: auto;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-content {
  padding: 20px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-content .fpp-panel-body-preview-meta-branding {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-content .fpp-panel-body-preview-meta-branding .brand-name {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 12px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-content .fpp-panel-body-preview-meta-heading {
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 26px;
  text-align: center;
  margin: 10px 0 20px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-playstore-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-playstore-link .playstore-link-wrapper {
  display: flex;
  justify-content: space-between;
  flex: 1;
  align-items: center;
  background: #ffffff;
  box-shadow: 0 0 0 0.6px #4d6eff;
  border: 0.6px solid rgba(77, 110, 255, 0.3);
  border-radius: 5px;
  padding: 4px 8px;
  box-sizing: border-box;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-playstore-link .playstore-link-wrapper .playstore-link-wrapper-meta {
  line-height: 0;
  display: flex;
  align-items: center;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-meta-playstore-link .playstore-link-wrapper .playstore-link-wrapper-meta .playstore-link {
  font-family: "Poppins", sans-serif;
  font-size: 9px;
  color: #4d6eff;
  font-weight: 600;
  line-height: 10px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube {
  width: 338px;
  height: 338px;
  position: absolute;
  border-radius: 78px;
  background-image: linear-gradient(270deg, #ffffff 0%, #d1e8d1 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube.pink-theme {
  background-image: linear-gradient(223deg, #ffffff 0%, #e8d1d1 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube.green-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #d1e8d1 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube.blue-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #d1e0e8 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube.violet-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #d1d4e8 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube.purple-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #ddd1e8 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube.cube-2 {
  transform: rotate(15deg);
  left: -80px;
  bottom: -289px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-preview-cubes-container .cube.cube-1 {
  transform: rotate(-15deg);
  right: -140px;
  bottom: -210px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-dowload-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  text-decoration: none;
  color: #000000;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-dowload-overlay .download-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(3px);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-dowload-overlay .button {
  z-index: 11;
  gap: 5px;
  padding: 10px 15px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content .fpp-panel-intro-copy ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content .fpp-panel-intro-copy li {
  display: flex;
  gap: 10px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content .fpp-panel-intro-copy .blue-tick-icon {
  min-width: 20px;
  margin-top: 5px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content .fpp-panel-intro-copy p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 22px;
  margin: 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content .fpp-panel-intro-copy p + p {
  margin: 25px 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper {
  margin: 20px 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper.theme-customise-option .customise-option-preview {
  height: 56px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper.theme-customise-option .customise-option-preview.pink-theme {
  background-image: linear-gradient(223deg, #ffffff 0%, #e8d1d1 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper.theme-customise-option .customise-option-preview.green-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #d1e8d1 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper.theme-customise-option .customise-option-preview.blue-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #d1e0e8 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper.theme-customise-option .customise-option-preview.violet-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #d1d4e8 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper.theme-customise-option .customise-option-preview.purple-theme {
  background-image: linear-gradient(224deg, #ffffff 0%, #ddd1e8 100%);
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper:first-of-type {
  margin-top: 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper:last-of-type {
  margin-bottom: 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper ul,
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-container {
  display: flex;
  gap: 10px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper ul li,
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-container li {
  flex: 1;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-button {
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-button input[type=radio] {
  display: none;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-button input[type=radio]:checked + .customise-option-preview,
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-button input[type=radio]:hover + .customise-option-preview {
  border-color: #4d6eff;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-button input[type=radio]:checked + .customise-option-preview .tick-icon-container {
  display: inline-flex;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .radio-button .tick-icon-container {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #4d6eff;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .customise-option-label {
  width: 100px;
  min-width: 100px;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .customise-option-label span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 14px;
  margin-top: 5px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .customise-option-preview {
  width: calc(100% - 4px);
  max-width: 100px;
  height: 80px;
  border: 2px solid #f5f5f7;
  background: #f5f5f7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-content-form-wrapper .customise-option-preview .mobile-phone {
  transform: scale(0.48);
  margin-bottom: -21px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-input-container {
  display: flex;
  align-items: center;
  border: 1px solid #ececec;
  border-radius: 12px;
  overflow: hidden;
  gap: 10px;
  width: 100%;
  height: 52px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-input-container .fpp-panel-body-input-icon-wrapper {
  background-color: #fafaf9;
  border-radius: 12px 0 0 12px;
  height: 50px;
  width: 50px;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-input-container input {
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  width: 100%;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-input-container .clear-input-icon {
  margin-left: auto;
  padding: 10px 10px 10px 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-info-block {
  background: #fcfcfc;
  border: 1px solid #ececec;
  border-radius: 16px;
  padding: 15px 20px;
  box-sizing: border-box;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-info-block p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  margin: 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-info-block .links-list-items {
  margin: 10px 0 15px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-info-block .links-list-items a {
  text-decoration: none;
  color: #4d6eff;
  margin-left: 15px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-panel-body-info-block .button {
  padding: 15px 20px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
  margin-top: 15px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  margin: 50px 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-loader-container .loader {
  width: 18px;
  height: 18px;
  min-width: 18px;
  line-height: 0;
}
.fpp .fpp-panel .fpp-panel-body .fpp-loader-container .loader:before {
  content: "";
  display: block;
}
.fpp .fpp-panel .fpp-panel-body .fpp-loader-container .loader .circular {
  animation: rotate 2s linear infinite;
}
.fpp .fpp-panel .fpp-panel-body .fpp-loader-container .loader .path {
  animation: dash 1.2s ease-in-out infinite, color 6s ease-in-out infinite;
}
@keyframes color {
  100%, 0% {
    stroke: #4d6eff;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fpp .fpp-panel .fpp-panel-body .fpp-loader-container span {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  color: #4d6eff;
  font-weight: 600;
  line-height: 22px;
}
.fpp .fpp-panel .fpp-panel-body .fpp-loader-container p {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 18px;
  margin: 0;
}
.fpp .fpp-panel .fpp-panel-footer .fpp-panel-footer-btn-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fpp .fpp-panel .fpp-panel-footer .fpp-panel-footer-btn-group .button {
  width: 100%;
  justify-content: center;
  padding: 15px 20px;
  border-radius: 12px;
}
.fpp .fpp-panel .fpp-panel-footer .fpp-panel-footer-btn-group .button.transparent-button span {
  color: #000000;
}

.breadcrumbs {
  top: 58px;
  z-index: 10;
}
.breadcrumbs span {
  font-family: "Poppins", sans-serif;
}
.breadcrumbs ul {
  max-width: 1280px;
  padding: 0 60px;
  box-sizing: border-box;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 57px;
  max-height: 58px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs ul {
    padding: 0 30px;
    gap: 8px;
    min-height: 65px;
    max-height: 65px;
  }
}
.breadcrumbs .crumb {
  display: flex;
  align-items: center;
  gap: 20px;
}
.breadcrumbs .crumb:last-of-type .crumb-arrow {
  display: none;
}
.breadcrumbs .crumb.current .crumb-step {
  background-color: #000000;
}
.breadcrumbs .crumb.current .crumb-step span {
  color: #ffffff;
}
.breadcrumbs .crumb.completed .crumb-step {
  background-color: #4d6eff;
}
.breadcrumbs .crumb.completed .crumb-step span {
  display: none;
}
.breadcrumbs .crumb.completed .crumb-step svg {
  display: block;
  margin-top: -2px;
}
.breadcrumbs .crumb.completed .crumb-arrow svg path:last-of-type {
  fill: #000000;
}
.breadcrumbs .crumb.current .crumb-label span, .breadcrumbs .crumb.completed .crumb-label span {
  color: #000000;
}
@media screen and (max-width: 767px) {
  .breadcrumbs .crumb {
    gap: 8px;
    align-items: flex-start;
  }
}
.breadcrumbs .crumb-step {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e9e9e9;
  width: 20px;
  height: 20px;
  border-radius: 999px;
}
.breadcrumbs .crumb-step span {
  color: #9b9b9b;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.breadcrumbs .crumb-step svg {
  display: none;
}
.breadcrumbs .crumb-label {
  line-height: 0;
}
.breadcrumbs .crumb-label span {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #9b9b9b;
}
@media screen and (max-width: 767px) {
  .breadcrumbs .crumb-label span {
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
  }
}
.breadcrumbs .crumb-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs .crumb-meta {
    flex-direction: column;
  }
}
.breadcrumbs .crumb-arrow svg {
  transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .breadcrumbs .crumb-arrow {
    line-height: 1.3;
  }
}

.engagement-block-container.sticky-engagement-block-container.engagement-block-has-book-indicator {
  background: transparent;
  border: none;
  box-shadow: none;
}

.book-indicator-container {
  background: #fafaf9;
  border-bottom: 1px solid #ececec;
  padding: 15px 0;
}
@media screen and (max-width: 767px) {
  .book-indicator-container {
    padding: 15px 30px;
  }
}
.book-indicator-container .book-preview-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 680px;
  margin: 0 auto;
  box-sizing: border-box;
  gap: 15px;
}
.book-indicator-container .book-preview-content .book-indicator-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
}
.book-indicator-container .book-preview-content .book-indicator-meta .image-with-glow {
  margin: 0;
}
.book-indicator-container .book-preview-content .book-indicator-meta .image-with-glow .foreground-image {
  display: block;
  position: relative;
  line-height: 0;
}
.book-indicator-container .book-preview-content .book-indicator-meta .image-with-glow .foreground-image img {
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  object-fit: cover;
  border-radius: 6px;
  line-height: 1;
  box-sizing: border-box;
}
.book-indicator-container .book-preview-content .book-indicator-meta .image-with-glow .background-image {
  filter: blur(0px);
  -webkit-filter: blur(0px);
  z-index: 0;
}
.book-indicator-container .book-preview-content .book-indicator-meta .image-with-glow .background-image img {
  width: 60%;
  height: 60%;
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
.book-indicator-container .book-preview-content .book-indicator-meta .book-content-meta {
  font-family: "IBM Plex Sans", sans-serif;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.book-indicator-container .book-preview-content .book-indicator-meta .book-content-meta h5 {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  letter-spacing: -0.14px;
  color: rgba(0, 0, 0, 0.5);
  opacity: initial;
  margin: 0;
}
.book-indicator-container .book-preview-content .book-indicator-meta .book-content-meta p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  font-style: italic;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.book-indicator-container .book-preview-content .book-indicator-meta .book-content-meta small {
  font-size: 11px;
  line-height: 12px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
.book-indicator-container .book-preview-content .book-indicator-cta-container {
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.book-indicator-container .book-preview-content .book-indicator-cta-container .edit-button,
.book-indicator-container .book-preview-content .book-indicator-cta-container .import-pdf-button {
  max-height: 32px;
  min-height: 32px;
  border-radius: 999px;
  box-shadow: none;
}
.book-indicator-container .book-preview-content .book-indicator-cta-container .edit-button:hover,
.book-indicator-container .book-preview-content .book-indicator-cta-container .import-pdf-button:hover {
  background: #f9f9f9;
}
.book-indicator-container .book-preview-content .book-indicator-cta-container .edit-button {
  box-shadow: none;
  padding: 8px 20px;
  width: initial;
}
.book-indicator-container .book-preview-content .book-indicator-cta-container .edit-button span {
  font-size: 13px;
  line-height: 13px;
}
.book-indicator-container .book-preview-content .book-indicator-cta-container .import-pdf-button {
  align-items: center;
  justify-content: center;
  border: 1px solid #ececec;
  padding: 8px 10px;
  width: 32px;
  height: 32px;
}
.book-indicator-container.post-page-indicator {
  position: fixed;
  top: 5px;
  padding: 0;
  z-index: 1000;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0 auto;
  perspective: 1000px;
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.post-page-indicator {
    position: sticky;
    margin-top: -1px;
    top: 57px;
    z-index: 10;
  }
}
@media screen and (min-width: 768px) {
  .book-indicator-container.post-page-indicator {
    max-width: 345px;
  }
}
.book-indicator-container.post-page-indicator .book-preview-content {
  background-color: #ffffff;
  border: 1px solid #f5f5f7;
  box-shadow: 0 10px 20px 5px rgba(155, 155, 155, 0.1);
  border-radius: 99px;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.post-page-indicator .book-preview-content {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .book-indicator-container.post-page-indicator .book-preview-content {
    padding: 5px 30px;
    max-width: none;
  }
}
.book-indicator-container.post-page-indicator .book-preview-content .book-indicator-meta {
  padding: 5px 0;
  cursor: pointer;
}
.book-indicator-container.post-page-indicator .book-preview-content .book-indicator-meta.creator-view-book-indicator-meta {
  justify-content: initial;
}
.book-indicator-container.post-page-indicator .book-preview-content .new-chapter-button {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.post-page-indicator:not(.inline-book-indicator) .book-preview-content {
    border-radius: 0;
    box-shadow: none;
  }
}
.book-indicator-container.post-page-indicator .chapter-switch-container {
  display: flex;
  gap: 5px;
  align-items: center;
  text-decoration: none;
  color: #000000;
  padding: 10px 0;
}
.book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button {
  gap: 5px;
  color: #000000;
}
.book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button:disabled {
  opacity: 0.5;
}
.book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button .chapter-switch-button-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
}
.book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button .chapter-switch-button-meta span {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 0.32px;
  color: #4d6eff;
  text-transform: uppercase;
}
.book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button .chapter-switch-button-meta p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button .chapter-switch-button-meta p {
    max-width: 80px;
  }
}
.book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  min-height: 25px;
  border: 1px solid #000000;
  border-radius: 999px;
  box-sizing: border-box;
}
.book-indicator-container.post-page-indicator .chapter-switch-container .chapter-switch-button .icon-container .icon {
  margin-left: 0;
}
.book-indicator-container.post-page-indicator .share-book-button {
  gap: 5px;
  width: initial;
  padding: 10px 15px;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.post-page-indicator:has(.menu-dropdown-items-container)::after {
    content: "";
    width: 100dvw;
    height: 100dvh;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
  }
}
.book-indicator-container.inline-book-indicator {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: initial;
  top: initial;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.inline-book-indicator {
    width: 100dvw;
    bottom: initial;
    left: -30px;
  }
}
@media screen and (min-width: 768px) {
  .book-indicator-container.inline-book-indicator {
    max-width: initial;
  }
}
.book-indicator-container.inline-book-indicator .chapter-switch-container {
  padding: 0;
  flex: 1;
}
.book-indicator-container.inline-book-indicator .chapter-switch-container .chapter-switch-button .chapter-switch-button-meta p {
  text-align: left;
}
.book-indicator-container.inline-book-indicator .chapter-switch-container.next-chapter-switch {
  justify-content: flex-end;
}
.book-indicator-container.inline-book-indicator .chapter-switch-container.next-chapter-switch .chapter-switch-button .chapter-switch-button-meta {
  align-items: flex-end;
}
.book-indicator-container.inline-book-indicator .chapter-switch-container.next-chapter-switch .chapter-switch-button .chapter-switch-button-meta p {
  text-align: right;
}
.book-indicator-container.inline-book-indicator .book-preview-content {
  box-shadow: none;
  border: none;
  border-radius: initial;
  border-top: 1px solid #ececec;
  padding: 25px 0;
  gap: 35px;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.inline-book-indicator .book-preview-content {
    padding: 25px 30px;
    gap: 15px;
  }
}
.book-indicator-container.inline-book-indicator .book-preview-content .chapter-switch-button {
  gap: 15px;
}
.book-indicator-container.inline-book-indicator .book-preview-content .chapter-switch-button:disabled {
  cursor: initial;
}
.book-indicator-container.inline-book-indicator .book-preview-content .chapter-switch-button:disabled .chapter-switch-button-meta {
  display: none;
}
.book-indicator-container.inline-book-indicator .book-preview-content .chapter-switch-button .icon-container {
  min-width: 44px;
  width: 44px;
  height: 44px;
  border: 1px solid #ececec;
  background-color: #fafaf9;
}
@media screen and (max-width: 767px) {
  .book-indicator-container.inline-book-indicator .book-preview-content .chapter-switch-button .icon-container {
    min-width: 34px;
    width: 34px;
    height: 34px;
  }
}
.book-indicator-container.inline-book-indicator .book-preview-content .chapter-switch-button:hover:not([disabled]) .icon-container {
  background-color: #000000;
  border-color: #000000;
}
.book-indicator-container.inline-book-indicator .book-preview-content .chapter-switch-button:hover:not([disabled]) .icon-container svg path {
  fill: #ffffff;
}

.icon.chapter-button-icon {
  width: 18px;
  height: 18px;
  background-position: -602px -1082px;
}
.icon.edit-button-icon {
  width: 18px;
  height: 18px;
  background-position: -640px -1082px;
}
.icon.read-button-icon {
  width: 18px;
  height: 18px;
  background-position: -762px -1082px;
}
.icon.read-button-white-icon {
  width: 18px;
  height: 18px;
  background-position: -762px -1125px;
}
.icon.edit-button-line-icon {
  width: 18px;
  height: 18px;
  background-position: -800px -1082px;
}
.icon.chapter-button-black-icon {
  width: 18px;
  height: 18px;
  background-position: -838px -1082px;
}
.icon.share-book-icon {
  width: 18px;
  height: 18px;
  background-position: -800px -1125px;
}
.icon.dart-icon {
  width: 15px;
  height: 15px;
  background-position: -697px -1125px;
}
.icon.dart-icon.dart-icon-left {
  transform: rotate(90deg);
}
.icon.dart-icon.dart-icon-right {
  transform: rotate(-90deg);
}
.icon.dart-icon.dart-icon-up {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .icon.dart-icon.dart-icon-up {
    transform: none;
  }
}
.icon.upload-pdf-icon {
  max-width: 15px;
  min-width: 15px;
  height: 15px;
  background-position: -727px -1125px;
}

.book-cta-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 35px auto;
}
@media screen and (max-width: 767px) {
  .book-cta-container {
    gap: 7px;
    margin: 25px auto;
  }
}
.book-cta-container li {
  flex: 1;
}
.book-cta-container li button {
  width: 100%;
  padding: 14px 0;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 5px;
  box-shadow: none;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .book-cta-container li button {
    padding: 10px 0;
  }
}
.book-cta-container li button span {
  line-height: 18px;
}

.post-page.book-post-page .column-layout {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: 1080px;
  gap: 80px;
  margin: 35px auto;
  box-sizing: border-box;
  padding: 0 30px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .post-page.book-post-page .column-layout {
    gap: 60px;
  }
}
@media screen and (max-width: 767px) {
  .post-page.book-post-page .column-layout {
    gap: 25px;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
    align-items: stretch;
  }
}
.post-page.book-post-page .preview-image-holder,
.post-page.book-post-page .article-content {
  flex: 1;
}
.post-page.book-post-page .preview-image-holder {
  position: sticky;
  top: 94px;
  box-sizing: border-box;
  padding: 50px;
  border-radius: 36px;
}
@media screen and (max-width: 767px) {
  .post-page.book-post-page .preview-image-holder {
    position: relative;
    top: 0;
    margin: 0 30px;
    padding: 40px;
    border-radius: 22px;
    width: initial;
  }
}
.post-page.book-post-page .preview-image-holder img {
  max-height: initial;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 16px;
}
.post-page.book-post-page .preview-image-holder .image-with-glow picture.background-image {
  z-index: 0;
}
.post-page.book-post-page header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 18px 0 0 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .post-page.book-post-page header {
    padding: 0 30px;
    gap: 8px;
    margin: 35px auto 0;
  }
}
.post-page.book-post-page header h5,
.post-page.book-post-page header h1 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .post-page.book-post-page header h5,
.post-page.book-post-page header h1 {
    text-align: center;
  }
}
.post-page.book-post-page header h5 {
  color: #4d6eff;
  font-size: 15px;
  letter-spacing: 1.8px;
  line-height: 15px;
  font-weight: 600;
  opacity: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .post-page.book-post-page header h5 {
    font-size: 12px;
    letter-spacing: -0.16px;
    line-height: 13px;
  }
}
.post-page.book-post-page header h1 {
  line-height: 42px;
}
@media screen and (max-width: 767px) {
  .post-page.book-post-page header h1 {
    line-height: 32px;
  }
}
.post-page.book-post-page .book-cta-container {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .post-page.book-post-page .book-cta-container {
    margin-top: 0;
  }
}
.post-page.book-post-page .digital-goods-description {
  margin: 0 0 35px;
}
.post-page.book-post-page .digital-goods-description:empty {
  margin: 0;
}
.post-page.book-post-page .digital-goods-description:has(p:empty) {
  margin: 0;
}
.post-page.book-post-page .digital-goods-description p {
  white-space: pre-line;
}
.post-page.book-post-page .digital-goods-description p:only-of-type, .post-page.book-post-page .digital-goods-description p:last-of-type, .post-page.book-post-page .digital-goods-description p:empty {
  margin: 0;
}
.post-page.book-post-page .article-content {
  display: flex;
  flex-direction: column;
  min-width: 545px;
}
@media screen and (max-width: 1023px) {
  .post-page.book-post-page .article-content {
    padding: 0;
    min-width: initial;
    max-width: initial;
    margin: 0 30px;
  }
}
.post-page.book-post-page .article-content .section-separator-with-label {
  margin: 0 0 25px 0;
}
.post-page.book-post-page .support-block-container {
  display: none;
}
.post-page.book-post-page .share-sheet {
  padding-top: 25px;
  border-top: 1px solid #ececec;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .post-page.book-post-page .share-sheet {
    margin-bottom: 0;
  }
  .post-page.book-post-page .share-sheet + .inline-notification-bar-container {
    margin-top: 25px;
  }
}

.chapter-list-container .section-separator-with-label {
  margin: 42px 0 25px 0;
}
@media screen and (max-width: 767px) {
  .chapter-list-container .section-separator-with-label {
    margin: 35px 0 25px 0;
  }
}
.chapter-list-container .chapter-index-list {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  box-sizing: border-box;
  gap: 25px;
  margin: 0;
}
.chapter-list-container .chapter-list-item,
.chapter-list-container .chapter-list-new-chapter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.chapter-list-container .chapter-list-item:last-of-type,
.chapter-list-container .chapter-list-new-chapter-row:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai {
  border: none;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai:has(.plotter-ai-progress-container, .chapter-generated-link-active),
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai:has(.plotter-ai-progress-container, .chapter-generated-link-active) {
  animation: expand-block 0.65s ease-in-out;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai:hover,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai:hover {
  background-color: transparent;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a {
  gap: 10px;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .stars-wrapper,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .stars-wrapper {
  position: relative;
  width: 20px;
  height: 20px;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .stars-wrapper .blinking-star,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .stars-wrapper .blinking-star {
  position: absolute;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .stars-wrapper .blinking-star.star-1,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .stars-wrapper .blinking-star.star-1 {
  top: 0px;
  right: 10px;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .stars-wrapper .blinking-star.star-2,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .stars-wrapper .blinking-star.star-2 {
  top: 5px;
  right: 0;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .stars-wrapper .blinking-star.star-3,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .stars-wrapper .blinking-star.star-3 {
  top: 10px;
  right: 9px;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .plotter-ai-link,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .plotter-ai-link {
  display: flex;
  align-items: center;
  gap: 10px;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .plotter-ai-link .plotter-ai-link-text,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .plotter-ai-link .plotter-ai-link-text {
  color: #7151eb;
  font-size: 13px;
  line-height: 19px;
  font-weight: 700;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .plotter-ai-link .plotter-ai-link-text.green-text,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .plotter-ai-link .plotter-ai-link-text.green-text {
  color: #4d6eff;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai a .icon-wrapper,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai a .icon-wrapper {
  display: flex;
  justify-content: flex-end;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated),
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) {
  align-items: initial;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) .progress-wrapper,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) .progress-wrapper {
  padding: 0;
  min-width: 50px;
  max-width: 100px;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) .progress-wrapper::before,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) .progress-wrapper::before {
  content: none;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) a:hover,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) a:hover {
  cursor: default;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) a:hover .chapter-info p,
.chapter-list-container .chapter-list-new-chapter-row.chapter-list-plotter-ai.plotter-ai-progress-container:not(.plotter-ai-chapter-generated) a:hover .chapter-info p {
  text-decoration: none;
}
.chapter-list-container .chapter-list-item a,
.chapter-list-container .chapter-list-new-chapter-row a {
  display: flex;
  flex: 1;
  gap: 25px;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  text-decoration: none;
  box-sizing: border-box;
}
.chapter-list-container .chapter-list-item a:hover .chapter-info p,
.chapter-list-container .chapter-list-new-chapter-row a:hover .chapter-info p {
  text-decoration: underline;
}
.chapter-list-container .chapter-list-item a .chapter-title-section,
.chapter-list-container .chapter-list-new-chapter-row a .chapter-title-section {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 2;
}
.chapter-list-container .chapter-list-item a .chapter-title-section p,
.chapter-list-container .chapter-list-new-chapter-row a .chapter-title-section p {
  flex: 1;
  font-size: 13px;
  line-height: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.chapter-list-container .chapter-list-item a .chapter-pricing-tag,
.chapter-list-container .chapter-list-new-chapter-row a .chapter-pricing-tag {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
.chapter-list-container .chapter-list-item a .chapter-pricing-tag.draft-tag,
.chapter-list-container .chapter-list-new-chapter-row a .chapter-pricing-tag.draft-tag {
  font-size: 13px;
  text-transform: uppercase;
  color: #ffa20d;
}
.chapter-list-container .chapter-list-item a .chapter-pricing-tag.current-chapter-tag,
.chapter-list-container .chapter-list-new-chapter-row a .chapter-pricing-tag.current-chapter-tag {
  font-style: italic;
  font-weight: 700;
  color: #ffa20d;
}
.chapter-list-container .chapter-list-item a .chapter-pricing-tag.ai-generate-chapter-tag,
.chapter-list-container .chapter-list-new-chapter-row a .chapter-pricing-tag.ai-generate-chapter-tag {
  text-transform: initial;
  font-style: italic;
}
.chapter-list-container .chapter-list-item .chapter-content-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.chapter-list-container .chapter-list-item .chapter-image {
  margin: 0;
  line-height: 0;
}
.chapter-list-container .chapter-list-item .chapter-image img {
  width: 65px;
  min-width: 65px;
  max-width: 65px;
  height: 65px;
  border-radius: 8px;
  object-fit: cover;
}
.chapter-list-container .chapter-list-item .stars-wrapper-container {
  background-color: rgba(142, 120, 231, 0.2);
  width: 65px;
  min-width: 65px;
  height: 65px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chapter-list-container .chapter-list-item .chapter-info {
  line-height: 1;
}
.chapter-list-container .chapter-list-item .chapter-info p {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
}
.chapter-list-container .chapter-list-item.chapter-list-plotter-ai .chapter-info p {
  color: #7f67db;
  opacity: 1;
}
.chapter-list-container .chapter-action-block {
  position: relative;
}
.chapter-list-container .chapter-action-block .button {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  padding: 0;
  box-shadow: none;
}
.chapter-list-container .chapter-action-block .button.more-menu-button {
  background-color: #000000;
}
.chapter-list-container .chapter-action-block .menu-popover {
  top: 31px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .chapter-list-container .chapter-action-block .menu-popover {
    right: -12px;
  }
  .chapter-list-container .chapter-action-block .menu-popover::before {
    right: 13px;
  }
  .chapter-list-container .chapter-action-block .menu-popover::after {
    right: 14px;
  }
}
@media screen and (max-width: 767px) {
  .chapter-list-container .chapter-action-block .menu-popover {
    top: initial;
  }
}
.chapter-list-container .new-chapter-button {
  gap: 10px;
  justify-content: center;
  margin-top: 35px;
}
.chapter-list-container .new-chapter-button .icon-container {
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.chapter-list-container .chapter-list-section-seperator {
  border: none;
  background: transparent;
  margin-top: -8px;
}
.chapter-list-container .chapter-list-section-seperator .section-separator-with-label {
  margin: 0;
}
.chapter-list-container .chapter-list-section-seperator .section-separator-with-label span {
  padding: 0 16px;
}
.chapter-list-container .chapter-list-new-chapter-row {
  border-radius: 0 0 12px 12px;
  flex-direction: column;
}
.chapter-list-container .chapter-list-new-chapter-row:hover {
  background-color: transparent;
}
.chapter-list-container .chapter-list-new-chapter-row .section-separator-with-label {
  margin: 0;
}
.chapter-list-container .chapter-list-new-chapter-row a {
  gap: 5px;
  justify-content: center;
  width: 100%;
}
.chapter-list-container .chapter-list-new-chapter-row a p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
}
.chapter-list-container .chapter-list-new-chapter-row a button {
  gap: 10px;
  justify-content: center;
}
.chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group {
  margin: 0;
  border: none;
  border-top: 1px solid #ececec;
  border-radius: 0;
  padding: 15px 0 0 0;
}
@media screen and (max-width: 767px) {
  .chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group {
    flex-direction: row;
    padding: 15px 0 0 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group > a {
    flex-direction: row;
  }
}
.chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group .post-price-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group .post-price-meta h5 {
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 1.32px;
  font-weight: 600;
  color: #4d6eff;
  opacity: initial;
  margin: 0;
}
.chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group .post-price-meta p {
  font-size: 20px;
  line-height: 21px;
  font-weight: 700;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group .post-action-button-block {
    flex: initial;
  }
}
.chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group .post-action-button-block button {
  padding: 10px 25px;
  border-radius: 99px;
}
.chapter-list-container .chapter-purchase-bulk-block-item .post-meta-action-group .post-action-button-block button span {
  font-size: 15px;
  line-height: 15px;
}
.chapter-list-container .checkbox-container {
  justify-content: center;
}
.chapter-list-container .checkbox-container input[type=checkbox] + label {
  color: #000000;
  font-weight: 400;
}
.chapter-list-container .icon.green-redirect-icon {
  background-position: -876px -1118px;
}

.choose-option-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.choose-option-list .option-item .radio-container input[type=radio] + label {
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
  width: 100%;
  height: initial;
  border: 1px solid #ececec;
  border-radius: 12px;
  padding: 20px 15px;
  box-sizing: border-box;
  gap: 10px;
  cursor: pointer;
}
.choose-option-list .option-item .radio-container input[type=radio] + label .tick-icon-container {
  width: 20px;
  height: 20px;
}
.choose-option-list .option-item .radio-container input[type=radio] + label .checked-icon {
  display: none;
}
.choose-option-list .option-item .radio-container input[type=radio] + label .option-item-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.choose-option-list .option-item .radio-container input[type=radio] + label .option-item-text .item-title {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  margin: 0;
  color: #000000;
}
.choose-option-list .option-item .radio-container input[type=radio] + label .option-item-text .item-detail {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.8);
  margin: 0;
}
.choose-option-list .option-item .radio-container input[type=radio] + label .option-item-meta {
  margin-left: auto;
}
.choose-option-list .option-item .radio-container input[type=radio] + label .option-item-meta .item-badge {
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  color: #ffffff;
  background-color: #000000;
  border-radius: 999px;
  padding: 5px 10px;
  box-sizing: border-box;
  display: block;
  white-space: nowrap;
}
.choose-option-list .option-item .radio-container input[type=radio]:checked + label {
  background: #4d6eff;
}
.choose-option-list .option-item .radio-container input[type=radio]:checked + label .unchecked-icon {
  display: none;
}
.choose-option-list .option-item .radio-container input[type=radio]:checked + label .checked-icon {
  display: block;
}
.choose-option-list .option-item .radio-container input[type=radio]:checked + label .option-item-text .item-title {
  color: #ffffff;
}
.choose-option-list .option-item .radio-container input[type=radio]:checked + label .option-item-text .item-detail {
  color: rgba(255, 255, 255, 0.8);
}
.choose-option-list .option-item .radio-container input[type=radio]:checked + label .option-item-meta .item-badge {
  color: #4d6eff;
  background-color: #ffffff;
}

.modal-container .modal-content .modal-body .choose-option-list {
  margin-bottom: 30px;
}
.modal-container .modal-content .modal-body .choose-option-list .option-item {
  margin: 0;
}

/*# sourceMappingURL=base.css.map */