@import url("https://fonts.googleapis.com/css2?family=Mynerve&display=swap");
.content.gallery .banner-text .banner-album {
  grid-column: 1 / -1;
  display: block;
  font-family: "Mynerve", cursive;
  font-size: 1.75rem;
  line-height: 1.1;
  text-transform: none;
  overflow-wrap: anywhere; }
.content.gallery .album-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 3rem; }
@container (inline-size < 640px) {
  .content.gallery .album-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } }
  .content.gallery .album-wrapper a {
    justify-self: center;
    text-decoration: none;
    text-align: center;
    font-family: "Mynerve", cursive;
    font-size: 1.5rem; }
  .content.gallery .album-wrapper .album-item {
    background-color: white;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    padding: 1rem 1rem 2rem 1rem;
    display: grid;
    grid-template-rows: auto 1fr;
    transition: all 0.3s ease-in-out;
    color: #000;
    cursor: pointer; }
    .content.gallery .album-wrapper .album-item:hover {
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.4); }
    .content.gallery .album-wrapper .album-item div {
      font-size: 1.25rem;
      font-weight: 400;
      color: white;
      padding: 0.5rem;
      text-align: center; }
      .content.gallery .album-wrapper .album-item div.name {
        background-color: black; }
      .content.gallery .album-wrapper .album-item div.price {
        font-weight: 500;
        font-size: 1.125rem;
        background-color: #ff6c0e; }
    .content.gallery .album-wrapper .album-item img {
      max-width: 320px;
      aspect-ratio: 16/16;
      object-fit: contain;
      width: 100%;
      margin-bottom: 1rem; }
.content.gallery .album-photos-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem; }
@container (inline-size < 640px) {
  .content.gallery .album-photos-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } }
  .content.gallery .album-photos-wrapper .album-item {
    padding: 1rem 1rem 0.5rem 1rem;
    min-height: 320px;
    background-color: white;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    padding: 1rem 1rem 2rem 1rem;
    display: grid;
    grid-template-rows: auto 1fr;
    transition: all 0.3s ease-in-out;
    cursor: pointer; }
@container (inline-size < 640px) {
  .content.gallery .album-photos-wrapper .album-item {
    min-height: auto; } }
    .content.gallery .album-photos-wrapper .album-item .photo {
      aspect-ratio: 16/16;
      object-fit: cover;
      object-position: center;
      display: block;
      width: 100%;
      margin-bottom: 1rem; }
@container (inline-size < 640px) {
  .content.gallery .album-photos-wrapper .album-item .photo {
    aspect-ratio: auto;
    height: auto; } }
    .content.gallery .album-photos-wrapper .album-item .photo-label {
      display: grid;
      justify-items: center;
      font-family: "Mynerve", cursive;
      font-size: 1.3rem; }
      .content.gallery .album-photos-wrapper .album-item .photo-label div:nth-child(1) {
        color: black;
        font-size: inherit;
        font-family: inherit;
        text-align: center; }
      .content.gallery .album-photos-wrapper .album-item .photo-label div:nth-child(2) {
        color: black;
        font-family: inherit;
        font-size: 0.85rem;
        text-align: center; }

.dialog-Gallery {
  --width: 80dvw;
  height: 95dvh;
  --aspect-ratio: 16/9; }

sl-carousel-item img {
  object-fit: contain !important; }

@container (inline-size < 640px) {
  .content.gallery .album-photos-wrapper .album-item {
    pointer-events: none !important; } }

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