@layer astro.images {
:where([data-astro-image]) {
  height: auto;
}
:where([data-astro-image="full-width"]) {
  width: 100%;
}
:where([data-astro-image="constrained"]) {
  max-width: 100%;
}

[data-astro-image-fit="fill"] {
  object-fit: fill;
}

[data-astro-image-fit="contain"] {
  object-fit: contain;
}

[data-astro-image-fit="cover"] {
  object-fit: cover;
}

[data-astro-image-fit="scale-down"] {
  object-fit: scale-down;
}


[data-astro-image-pos="top"] {
  object-position: top;
}

[data-astro-image-pos="bottom"] {
  object-position: bottom;
}

[data-astro-image-pos="left"] {
  object-position: left;
}

[data-astro-image-pos="right"] {
  object-position: right;
}

[data-astro-image-pos="center"] {
  object-position: center;
}

[data-astro-image-pos="top-bottom"] {
  object-position: top bottom;
}

[data-astro-image-pos="top-left"] {
  object-position: top left;
}

[data-astro-image-pos="top-right"] {
  object-position: top right;
}

[data-astro-image-pos="top-center"] {
  object-position: top center;
}

[data-astro-image-pos="bottom-top"] {
  object-position: bottom top;
}

[data-astro-image-pos="bottom-left"] {
  object-position: bottom left;
}

[data-astro-image-pos="bottom-right"] {
  object-position: bottom right;
}

[data-astro-image-pos="bottom-center"] {
  object-position: bottom center;
}

[data-astro-image-pos="left-top"] {
  object-position: left top;
}

[data-astro-image-pos="left-bottom"] {
  object-position: left bottom;
}

[data-astro-image-pos="left-right"] {
  object-position: left right;
}

[data-astro-image-pos="left-center"] {
  object-position: left center;
}

[data-astro-image-pos="right-top"] {
  object-position: right top;
}

[data-astro-image-pos="right-bottom"] {
  object-position: right bottom;
}

[data-astro-image-pos="right-left"] {
  object-position: right left;
}

[data-astro-image-pos="right-center"] {
  object-position: right center;
}

[data-astro-image-pos="center-top"] {
  object-position: center top;
}

[data-astro-image-pos="center-bottom"] {
  object-position: center bottom;
}

[data-astro-image-pos="center-left"] {
  object-position: center left;
}

[data-astro-image-pos="center-right"] {
  object-position: center right;
}
}.desktop-frame[data-astro-cid-l6gtna4t] {
  overflow: hidden;
  border-radius: 1.15rem;
  border: 1px solid var(--color-line);
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.phone-frame[data-astro-cid-l6gtna4t] {
  overflow: hidden;
  border-radius: 2rem;
  border: 10px solid var(--color-navy);
  background: var(--color-navy);
  box-shadow: var(--shadow-lift);
}