body {
  /* This is just a helper in case the element has a transparent background or white colors. */
}

:root {
  --web-always-black: 0, 0, 0;
  --ig-highlight-background: 239, 239, 239;
  --ig-primary-background: 255, 255, 255;
  --ig-link: 0, 55, 107;
  --always-dark-overlay: rgba(0, 0, 0, 0.4);
  --ig-secondary-background: 245, 245, 245;
  ----base-line-clamp-line-height: ;
  --lineHeight: ;
  --font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ig-primary-text: 0, 0, 0;
  --system-14-font-size: 14px;
  --font-weight-system-semibold: 600;
  --ig-secondary-button: 38, 38, 38;
  --system-12-font-size: 12px;
  --post-separator: 239, 239, 239;
  --media-info: 335px;
  --ig-badge: 255, 48, 64;
  --system-14-line-height: 18px;
  --ig-secondary-text: 115, 115, 115;
  --font-weight-system-regular: 400;
  --system-12-line-height: 16px;
  --ig-primary-icon: 38, 38, 38;
  --ig-separator: 219, 219, 219;
  --blue-2: 179, 219, 255;
}

._a6hd._a6hd, ._a6hd._a6hd:hover {
  text-decoration: none;
}

._acan {
  appearance: none;
  background-image: none;
  font-size: 14px;
  font-weight: var(--font-weight-system-semibold);
  pointer-events: auto;
  text-overflow: ellipsis;
  text-transform: inherit;
  width: auto;
}

._ap30 {
  font-family: var(--font-family-system);
}

._acan:active {
  opacity: .7;
}

a._acao, a._acao:visited {
  border-style: initial;
  border-width: 0;
  display: inline-block;
  padding: 0 !important;
  position: relative;
}

a._acao._acat, a._acao._acat:visited {
  background-color: transparent;
  color: rgb(var(--ig-secondary-button));
}

a._acao._acat:hover, a._acao._acat:visited:hover {
  opacity: .5;
}

._acaw {
  user-select: auto;
}

._abl- {
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  padding: 8px;
}

._abl-, ._abm0 {
  align-items: center;
  display: flex;
  justify-content: center;
}

._abl-:hover ._abl_, ._abm1 {
  display: none;
}

._abl-:hover ._abm1 {
  display: block;
}

._ap3a {
  font-family: var(--font-family-system);
}

._aaco {
  font-size: var(--system-14-font-size);
  line-height: var(--system-14-line-height);
}

._aade, button {
  margin: 0;
}

._aacu {
  font-weight: var(--font-weight-system-regular);
}

._aacx {
  color: rgb(var(--ig-primary-text));
}

._aad6 {
  display: block;
}

._aad7 {
  display: inline !important;
  margin: 0 !important;
}

:focus:not([data-focus-visible-added]) {
  outline: 0;
}

._aagu, ._aagv {
  display: block;
  position: relative;
}

._aagu {
  background-color: rgb(var(--ig-highlight-background));
  width: 100%;
}

._aagv {
  overflow: hidden;
  padding-bottom: 100%;
}

._aagw {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

._aarf {
  align-items: center;
  align-self: center;
  display: block;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

._aarh {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

body button {
  font-size: var(--system-14-font-size);
}

body button, body textarea {
  line-height: var(--system-14-line-height);
}

body button, body h3 {
  color: rgb(var(--ig-primary-text));
  font-family: var(--font-family-system);
}

body a, body a:visited {
  color: rgb(var(--ig-link));
}

body a:visited {
  text-decoration: none;
}

body a:active {
  opacity: .5;
}

textarea {
  appearance: none;
  border-color: #ccd0d5;
  border-radius: 0;
  border-width: 1px;
  margin: 0;
  max-width: 100%;
}

.inherited-styles-for-exported-element {
  color: #000;
  direction: ltr;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

h3 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

img {
  border-style: initial;
  border-width: 0;
}

ul {
  list-style: none;
}

svg {
  forced-color-adjust: auto;
}

.xln7xf2 {
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-emoji: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.x1a2a7pz {
  outline: 0;
}

.x1hl2dhg, .x1lku1pv:hover {
  text-decoration: none;
}

.xe8uvvx {
  list-style: none;
}

.x10l6tqk {
  position: absolute;
}

.x10y3i5r {
  border-bottom-left-radius: 4px;
}

.x11i5rnm {
  margin-right: 0;
}

.x11njtxf {
  vertical-align: baseline;
}

.x131883w {
  border-bottom-right-radius: 2px;
}

.x13faqbe {
  word-break: break-word;
}

.x13lgxp2 {
  border-top-right-radius: 0;
}

.x14yjl9h {
  border-top-left-radius: 50%;
}

.x168nmei {
  border-top-left-radius: 0;
}

.x16mih1h {
  border-bottom-left-radius: 2px;
}

.x16tdsg8 {
  text-align: inherit;
}

.x17r0tee {
  border-left-style: none;
}

.x17ydfre {
  line-height: var(--system-14-line-height);
}

.x182iqb8 {
  order: 4;
}

.x18bv5gf {
  line-height: var(--lineHeight);
}

.x18hxmgj {
  margin-left: 0 !important;
}

.x18l3tf1 {
  border-left-color: rgb(var(--post-separator));
}

.x18nykt9 {
  border-bottom-right-radius: 50%;
}

.x1a02dak {
  flex-wrap: wrap;
}

.x1c4vz4f {
  flex-grow: 0;
}

.x1cy8zhl {
  align-items: flex-start;
}

.x1emribx {
  margin-right: 8px;
}

.x1f6kntn {
  font-size: .875rem;
}

.x1fhwpqd {
  font-size: var(--system-12-font-size);
}

.x1fj9vlw {
  text-wrap-mode: wrap;
}

.x1gryazu {
  margin-left: auto;
}

.x1h3rv7z {
  order: 5;
}

.x1hc1fzr {
  opacity: 1;
}

.x1hrcb2b {
  order: 6;
}

.x1i0vuye {
  font-family: var(--font-family-system);
}

.x1i10hfl {
  -webkit-tap-highlight-color: transparent;
}

.x1i64zmx {
  margin-left: 8px;
}

.x1iyjqo2 {
  flex-grow: 1;
}

.x1ja2u2z {
  z-index: 0;
}

.x1lcm9me {
  border-top-left-radius: 4px;
}

.x1lliihq {
  display: block;
}

.x1mh8g0r {
  margin-left: 0;
}

.x1n2onr6 {
  position: relative;
}

.x1nhvcw1 {
  justify-content: flex-start;
}

.x1oa3qoh {
  align-self: auto;
}

.x1p4m5qa {
  letter-spacing: .2px;
}

.x1pi30zi {
  padding-right: 16px;
}

.x1q0g3np {
  flex-direction: row;
}

.x1qjc9v5 {
  align-items: stretch;
}

.x1qlqyl8 {
  font-size: inherit;
}

.x1qughib {
  justify-content: space-between;
}

.x1rg5ohu {
  display: inline-block;
}

.x1roi4f4 {
  color: rgb(var(--ig-secondary-text));
}

.x1s688f {
  font-weight: 600;
}

.x1sre0sj {
  margin-right: -10px;
}

.x1swvt13 {
  padding-left: 16px;
}

.x1sxyh0 {
  padding-right: 8px;
}

.x1t137rt {
  outline: 0;
}

.x1uhb9sk {
  position: static;
}

.x1vvkbs {
  overflow-wrap: break-word;
}

.x1wdrske {
  margin-right: 0 !important;
}

.x1x8b98j {
  border-top-right-radius: 2px;
}

.x1ypdohk {
  cursor: pointer;
}

.x1yr5g0i {
  border-top-right-radius: 4px;
}

.x26u7qi {
  border-left-style: solid;
}

.x2b8uid {
  text-align: center;
}

.x2hbi6w {
  border-left-color: var(--always-dark-overlay);
}

.x2lah0s {
  flex-shrink: 0;
}

.x47corl {
  pointer-events: none;
}

.x4uap5 {
  padding-right: 0;
}

.x5n08af {
  color: rgb(var(--ig-primary-text));
}

.x5pf9jr {
  border-bottom-right-radius: 0;
}

.x5wqa0o {
  flex-shrink: 2;
}

.x67bb7w {
  pointer-events: auto;
}

.x6s0dn4 {
  align-items: center;
}

.x78zum5 {
  display: flex;
}

.x87ps6o {
  user-select: none;
}

.x9ek82g {
  order: 1;
}

.x9f619 {
  box-sizing: border-box;
}

.xa49m3k {
  border-right-color: var(--always-dark-overlay);
}

.xbyyjgo {
  opacity: .5;
}

.xcfux6l {
  border-right-width: 0;
}

.xd10rxx {
  border-right-style: none;
}

.xdl72j9 {
  flex-basis: auto;
}

.xdt5ytf {
  flex-direction: column;
}

.xggy1nq {
  touch-action: manipulation;
}

.xjbqb8w {
  background-color: transparent;
}

.xjyslct {
  appearance: none;
}

.xk390pu {
  font-size: 100%;
}

.xkhd6sd {
  padding-left: 0;
}

.xkrivgy {
  margin-right: auto;
}

.xkx5cws {
  color: rgb(var(--blue-2));
}

.xl1xv1r {
  object-fit: cover;
}

.xl56j7k {
  justify-content: center;
}

.xlyipyv {
  text-overflow: ellipsis;
}

.xm0m39n {
  border-left-width: 0;
}

.xm3z3ea {
  border-top-left-radius: 2px;
}

.xnz67gz {
  background-color: rgb(var(--ig-secondary-background));
}

.xo1l8bm {
  font-weight: 400;
}

.xo1ph6p {
  order: 3;
}

.xo71vjh {
  border-bottom-left-radius: 0;
}

.xp7jhwk {
  margin-left: -8px;
}

.xqjyukv {
  align-content: stretch;
}

.x568u83:visited, .xqnirrm {
  color: rgb(var(--ig-secondary-button));
}

.xrt01vj {
  border-bottom-right-radius: 4px;
}

.xs83m0k {
  flex-shrink: 1;
}

.xt0psk2 {
  display: inline;
}

.xtt52l0 {
  resize: none;
}

.xu3j5b3 {
  border-right-style: solid;
}

.xudhj91 {
  border-top-right-radius: 50%;
}

.xurb0ha {
  padding-left: 8px;
}

.xvbhtw8 {
  background-color: rgb(var(--ig-primary-background));
}

.xvs91rp {
  font-size: var(--system-14-font-size);
}

.xw3qccf {
  margin-right: 4px;
}

.xwhw2v2 {
  font-weight: var(--font-weight-system-semibold);
}

.xww2gxu {
  border-bottom-left-radius: 50%;
}

.xxk16z8 {
  color: rgb(var(--ig-badge));
}

.x15tem40::after, .xy80clv {
  border-left-width: 1px;
}

.xyb1xck {
  color: rgb(var(--ig-primary-icon));
}

.x1bq4at4:disabled {
  opacity: .3;
}

.xaqnwrm:disabled {
  pointer-events: none;
}

.x1n5bzlp:hover {
  background-color: transparent;
}

.x1yc6y37:hover {
  color: rgb(var(--ig-link));
}

.xj34u2y:hover {
  opacity: .5;
}

.x4gyw5p:active {
  opacity: 1;
}

.xcdnw81:active {
  opacity: .5;
}

@media (max-width: 736px) {
  .x1juhsu6.x1juhsu6 {
    justify-content: center;
  }

  .xir0mxb.xir0mxb {
    display: flex;
  }
}

.x10b6aqq {
  padding-bottom: 6px;
}

.x10wh9bi {
  margin-top: 0 !important;
}

.x10wlt62 {
  overflow-y: hidden;
}

.x12nagc {
  margin-bottom: 4px;
}

.x13fuv20 {
  border-top-style: solid;
}

.x13vifvy {
  top: 0;
}

.x14atkfc {
  width: auto;
}

.x15h9jz8 {
  max-width: calc(100% - 28px);
}

.x178xt8z {
  border-top-width: 1px;
}

.x18d9i69 {
  padding-bottom: 0;
}

.x193iq5w {
  max-width: 100%;
}

.x1d6elog {
  height: var(--system-14-line-height);
}

.x1ejq31n {
  border-top-style: none;
}

.x1odjw0f {
  overflow-y: auto;
}

.x1plvlek {
  overflow-x: visible;
}

.x1q0q8m5 {
  border-bottom-style: solid;
}

.x1q2y9iw {
  min-width: var(--media-info);
}

.x1qhh985 {
  border-bottom-width: 0;
}

.x1sy0etr {
  border-bottom-style: none;
}

.x1vq45kp {
  min-width: 405px;
}

.x1xmf6yo {
  margin-top: 8px;
}

.x1xp8e9x {
  border-top-color: rgb(var(--post-separator));
}

.x1y1aw1k {
  padding-top: 8px;
}

.x1yrsyyn {
  padding-top: 6px;
}

.x1yztbdb {
  margin-bottom: 16px;
}

.x2lwn1j {
  min-height: 0;
}

.x4ii5y1 {
  margin-bottom: auto;
}

.x5ur3kl {
  border-top-color: rgb(var(--ig-separator));
}

.x5yr21d {
  height: 100%;
}

.x65f84u {
  max-width: 500px;
}

.x6ikm8r {
  overflow-x: hidden;
}

.x8viiok {
  margin-bottom: 0 !important;
}

.x972fbf {
  border-top-width: 0;
}

.xat24cr {
  margin-bottom: 0;
}

.xb88tzc {
  max-height: calc(-40px + 100vh);
}

.xdj266r {
  margin-top: 0;
}

.xeuugli {
  min-width: 0;
}

.xexx8yu {
  padding-top: 0;
}

.xh8yej3 {
  width: 100%;
}

.xjqpnuy {
  border-top-color: var(--always-dark-overlay);
}

.xlk1fp6 {
  max-height: 80px;
}

.xnalus7 {
  width: 0;
}

.xqeqjp1 {
  border-bottom-color: var(--always-dark-overlay);
}

.xr1yuqi {
  margin-top: auto;
}

.xryxfnj {
  overflow-y: visible;
}

.xt7dq6l {
  height: auto;
}

.xu96u03 {
  left: 0;
}

.xw2csxc {
  overflow-x: auto;
}

.xwib8y2 {
  padding-bottom: 8px;
}

@media (max-width: 736px) {
  .x5fp0pe.x5fp0pe {
    max-height: 100%;
  }
}

.x15xhmf9::after {
  border-right-width: 1px;
}

.x162n7g1::after {
  left: 0;
}

.x194ut8o::after {
  border-top-left-radius: 50%;
}

.x1cpjm7i::before {
  content: "";
}

.x1d52zm6::after {
  border-left-style: solid;
}

.x1fgarty::before {
  display: block;
}

.x1j6awrg::after {
  position: absolute;
}

.x1n449xj::after {
  right: 0;
}

.x1s928wv::after {
  content: "";
}

.x1vzenxt::after {
  border-top-right-radius: 50%;
}

.x2q1x1w::after {
  pointer-events: none;
}

.x5aw536::after {
  border-left-color: rgba(var(--web-always-black), .0975);
}

.x7imw91::after {
  border-right-color: rgba(var(--web-always-black), .0975);
}

.xd7ygy7::after {
  border-bottom-right-radius: 50%;
}

.xdspwft::after {
  border-right-style: solid;
}

.xhkezso::after {
  display: block;
}

.xs3hnx8::placeholder {
  color: rgb(var(--ig-secondary-text));
}

.xt298gk::after {
  border-bottom-left-radius: 50%;
}

.x1943h6x::before, .x1gmr53x::after {
  height: 0;
}

.x1j8hi7x::after {
  border-bottom-color: rgba(var(--web-always-black), .0975);
}

.x1m1drc7::after {
  top: 0;
}

.x1qj619r::after {
  border-bottom-width: 1px;
}

.x1r9ni5o::after {
  border-bottom-style: solid;
}

.x1s3etm8::before {
  margin-top: -2px;
}

.x1xrz1ek::after {
  bottom: 0;
}

.x676frb::after {
  margin-bottom: -3px;
}

.xoiy6we::after {
  border-top-width: 1px;
}

.xynf4tj::after {
  border-top-style: solid;
}

.xzfakq::after {
  border-top-color: rgba(var(--web-always-black), .0975);
}

._a9ym {
  border-style: initial;
  border-width: 0;
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-optical-sizing: inherit;
  font-size: 100%;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-emoji: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0 0 16px;
  padding: 0;
  vertical-align: baseline;
}

._a9ym:last-child {
  margin-bottom: 0;
}

._aatb {
  max-height: inherit;
  padding: 0;
}

._aasi {
  border-radius: 4px;
}

._aasm, ._aatg ._aatk {
  justify-content: center;
}

._aasm {
  padding-right: 8px;
}

._aato {
  max-height: inherit;
}

._aatg {
  width: 100%;
}

._aatk {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
}

._aatl {
  flex-shrink: 1;
}

._aatg ._aatk {
  background-color: rgb(var(--web-always-black));
  flex-grow: 1;
  overflow: hidden;
}

._aatg ._aasi {
  background-color: rgb(var(--ig-primary-background));
  border-bottom: 1px solid #efefef;
  margin-right: 0;
}

._aatg._aati ._aasi {
  border-left: 1px solid #efefef;
}

._a9zl {
  margin-right: -2px;
  margin-top: -5px;
  overflow-wrap: break-word;
  position: relative;
}

._a9zl:last-child {
  padding-bottom: 0;
}

._a9zj {
  overflow: visible;
  padding: 12px 0;
  width: auto;
}

._a9zi {
  display: none;
}

._a9zj:focus-within ._a9zi, ._a9zj:hover ._a9zi {
  display: inline-block;
  left: -10px;
  position: absolute;
  top: -12px;
}

._a9zc {
  align-items: center;
  display: inline-flex;
}

._a9zm {
  border-style: initial;
  border-width: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-optical-sizing: inherit;
  font-size: 100%;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-emoji: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
  justify-content: space-between;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: baseline;
}

._a9zj ._a9zm, ._a9zo {
  align-items: flex-start;
}

._a9zo {
  display: flex;
  flex-direction: row;
  width: calc(100% - 28px);
}

._a9zr {
  align-items: stretch;
  border-style: initial;
  border-width: 0;
  box-sizing: border-box;
  display: inline-block;
  flex-direction: column;
  flex-shrink: 1;
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-optical-sizing: inherit;
  font-size: 100%;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-emoji: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-top: 5px;
  min-width: 0;
  padding: 0;
  position: relative;
  vertical-align: baseline;
}

._a9ze, ._a9zs {
  display: inline;
}

._a9ze {
  background-color: initial;
  background-image: none;
  border-style: none;
  cursor: pointer;
  margin-right: 12px !important;
  padding: 0;
  position: relative;
}

._a9ze, ._a9ze:visited {
  color: rgb(var(--ig-secondary-text));
}

._a9zf {
  font-size: var(--system-12-font-size) !important;
  font-weight: var(--font-weight-system-regular);
  line-height: var(--system-12-line-height) !important;
}

._a9zg ._a9zf {
  cursor: pointer;
}

._a9zp {
  align-self: flex-start !important;
  margin: 0 18px 0 0;
}

._a9zj ._a9zu {
  margin-top: 9px;
}

@media (max-width: 735px) {
  ._a9zj ._a9zr {
    user-select: none;
  }

  ._a9zj {
    padding-right: 28px;
  }
}

._a9z6 {
  border-style: initial;
  border-width: 0;
  box-sizing: content-box;
  flex-grow: 1;
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-optical-sizing: inherit;
  font-size: 100%;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-emoji: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
  height: calc(100% - 32px);
  left: 0;
  line-height: inherit;
  margin: 0;
  overflow-y: scroll;
  padding: 16px;
  position: absolute;
  scrollbar-width: none;
  vertical-align: baseline;
  width: calc(100% - 32px);
}

._a9z6::-webkit-scrollbar {
  display: none;
}

._aaqw {
  align-items: center;
  box-sizing: border-box;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: calc(100% - 48px);
  padding: 14px 4px 14px 16px;
  position: relative;
}

._aaqw, ._aar0 {
  display: flex;
}

._aar1 {
  max-width: 100%;
}

._aaqy {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  position: relative;
}

._aaqz {
  margin-left: 14px;
}

._aaql, ._aaqt {
  box-sizing: border-box;
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-optical-sizing: inherit;
  font-size: 100%;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-emoji: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  max-width: 100%;
  padding: 2px;
  position: relative;
  vertical-align: baseline;
}

._aaql {
  align-items: stretch;
  border-style: initial;
  border-width: 0;
  bottom: 1px;
  display: block;
  flex-direction: column;
  flex-shrink: 0;
}

._aaqt {
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  top: 1px;
}

html {
  font-size: 16px;
  /* This is IMPORTANT since some copied values use "REM" units */
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh; /* Full viewport height */
  margin: 0; /* Remove default body margin */
}

.dialog {
  border-radius: 20px;
}

#background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
  animation-duration: 0.9s;
  animation-timing-function: ease-in;
  pointer-events: none; /* So clicks pass through the flash to the page behind */
  transition: opacity 0.5s ease-in-out; /* Adjust duration and timing function here */
}

#background iframe {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  border: none;
}


/* FLASH */

.flash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  animation-duration: 0.8s;
  animation-timing-function: ease-in;
  pointer-events: none; /* So clicks pass through the flash to the page behind */
  z-index: 9999;        /* Make sure it's above everything else */
}

.flash.is-flashing {
  animation-name: flash;
}

@keyframes flash {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  60% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
  }
}

/* Carousel track: 3 images wide */
.carousel-track {
  /* Instead of transform-based sliding, we do inline-flex so all 3 images exist side by side.
     The parent has overflow hidden. We'll scroll horizontally using JS. */
  display: inline-flex;
  width: 300%;        /* 3 images, each 100% container width */
  height: 100%;       /* match the container's height */
}

/* Each image: fill 1/3 of the track’s width, so basically 100% of ._aagv's width */
.carousel-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1.2)
    }
    50% {
        transform: scale(.95)
    }
    100% {
        transform: scale(1)
    }
}

.heart-animation {
  animation-timing-function: ease-in-out;
  animation: pulse .25s infinite;
}