@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
.nft-hero {
  background-color: #daeafa;
  background-image: var(--nft-hero-before-mobile);
  background-position: bottom;
  animation: 30s infinite before-after-mobile;
  animation-delay: 3s; }
  @media (min-width: 48rem) {
    .nft-hero {
      background-image: var(--nft-hero-before);
      background-position: center;
      animation-name: before-after; } }

@keyframes before-after {
  0% {
    background-image: var(--nft-hero-before); }
  3% {
    background-image: var(--nft-hero-after); }
  50% {
    background-image: var(--nft-hero-after); }
  53% {
    background-image: var(--nft-hero-before); } }

@keyframes before-after-mobile {
  0% {
    background-image: var(--nft-hero-before-mobile); }
  3% {
    background-image: var(--nft-hero-after-mobile); }
  50% {
    background-image: var(--nft-hero-after-mobile); }
  53% {
    background-image: var(--nft-hero-before-mobile); } }
  .nft-hero__container {
    padding-block: 5.3125rem 13.125rem; }
  .nft-hero__title {
    max-inline-size: 40.625rem;
    margin-block: 1.25rem;
    font-family: "proxima-nova", sans-serif;
    font-size: 2.625rem;
    font-weight: 800;
    color: #00294b;
    line-height: 0.98;
    letter-spacing: -0.02625rem;
    text-transform: uppercase; }
    @media (min-width: 48rem) {
      .nft-hero__title {
        font-size: 4.5rem; } }
  .nft-hero__p {
    max-inline-size: 43.75rem;
    margin-block: 1.5625rem;
    font-size: 1.25rem; }

@media (min-width: 62rem) {
  .nft-intro {
    margin-block: -5rem 4.375rem; } }

.nft-intro__header {
  margin-block-end: 1.25rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase; }

.nft-intro__img {
  margin-block: -2rem;
  margin-inline-end: -2rem;
  border-radius: 0 0.9375rem 0.9375rem 0;
  flex-basis: 26.875rem;
  min-width: 0;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (min-width: 62rem) {
    .nft-intro__img {
      display: block !important; } }

.nft-ask {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 17px 22px 16px 27px;
  border: solid 1px #46668d;
  border-radius: 41.5px;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0 0 6px 0 #9ebbe6; }
  .nft-ask__sparkle {
    width: 1.125rem;
    color: #00847b; }
  .nft-ask__text {
    flex-grow: 1;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    color: #2b2b2b; }
  .nft-ask__btn {
    padding: 16px 55px 15px 60px;
    border-radius: 25px;
    background-color: #039b90; }
  .nft-ask__arrow {
    display: block;
    width: 1.375rem;
    color: #fff; }

/*# sourceMappingURL=nft-pages.css.map */