/* Senumy Members VIP reveal overlay */
.ea-rip {
  position: relative;
  z-index: 0;
  display: block;
  width: 112px;
  max-width: 100%;
  min-height: 112px;
  margin: 0 auto;
  line-height: 0;
  isolation: isolate;
}

.ea-rip.is-open,
.ea-rip:hover {
  /* used by the standalone demo so the tear can be inspected without a card wrapper */
}

.ea-rip__sheet,
.ea-charter {
  position: absolute;
  inset: 8px 10px 12px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 8px 6px 14px;
  color: #3b2a14;
  font-size: 8px;
  line-height: 1.25;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.94);
  pointer-events: auto;
  background:
    linear-gradient(180deg, rgba(255, 248, 220, 0.55), transparent 30%),
    repeating-linear-gradient(
      0deg,
      rgba(120, 80, 30, 0.05) 0 1px,
      transparent 1px 4px
    ),
    radial-gradient(120% 80% at 50% 0%, #f8e7bc 0%, #ead196 55%, #d9b56a 100%);
  border: 2px solid #b0892e;
  box-shadow:
    inset 0 0 0 3px #f7edd2,
    inset 0 0 0 5px #c9a24a,
    0 8px 18px rgba(90, 60, 20, 0.18);
}

.ea-charter::before {
  content: "";
  position: absolute;
  inset: 7px;
  pointer-events: none;
  background:
    linear-gradient(#8b1e1e, #8b1e1e) left top / 11px 2px no-repeat,
    linear-gradient(#8b1e1e, #8b1e1e) left top / 2px 11px no-repeat,
    linear-gradient(#8b1e1e, #8b1e1e) right top / 11px 2px no-repeat,
    linear-gradient(#8b1e1e, #8b1e1e) right top / 2px 11px no-repeat,
    linear-gradient(#8b1e1e, #8b1e1e) left bottom / 11px 2px no-repeat,
    linear-gradient(#8b1e1e, #8b1e1e) left bottom / 2px 11px no-repeat,
    linear-gradient(#8b1e1e, #8b1e1e) right bottom / 11px 2px no-repeat,
    linear-gradient(#8b1e1e, #8b1e1e) right bottom / 2px 11px no-repeat;
}

.ea-charter::after {
  content: none;
}

.ea-charter__crest {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 auto 4px;
  background:
    radial-gradient(circle at 50% 42%, #f4d27a 0 28%, transparent 30%),
    conic-gradient(from 45deg, #8b1e1e, #c9a24a, #8b1e1e, #c9a24a, #8b1e1e);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #f7edd2, 0 0 0 3px #8b1e1e;
}

.ea-charter__rule {
  display: block;
  height: 1px;
  margin: 1px 8px 3px;
  background: linear-gradient(90deg, transparent, #b0892e 12%, #8b1e1e 50%, #b0892e 88%, transparent);
}

.ea-charter__seal {
  position: absolute;
  right: 10px;
  bottom: 8px;
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #c0392b, #7a1515 70%);
  color: #f8e7b0;
  font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
  font-size: 6px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(90, 20, 20, 0.35), inset 0 0 0 1px rgba(248, 231, 176, 0.45);
}

.ea-ipa-download-icon{display:flex;align-items:center;justify-content:center;gap:3px;margin:0 auto 3px;color:#d39b16;font-size:17px;line-height:1}.ea-ipa-download-icon b{color:#d39b16;font-size:13px}.ea-rip__version{padding:2px 4px;border-radius:4px;background:#6755d9;color:#fff;font-size:8px}.ea-rip__category{max-width:55px;overflow:hidden;color:#7a4b1e;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.ea-ipa-download-icon{font-size:27px;gap:6px;margin:3px auto 7px}.ea-ipa-download-icon b{font-size:22px}.ea-rip__version{display:block;width:max-content;max-width:100%;margin:0 auto 6px;font-size:12px;font-weight:900;text-align:center}.ea-rip__category{display:block;max-width:100%;font-size:10px;font-weight:800;text-align:center}
.ea-rip__metadata-link{display:block;color:inherit;text-decoration:none;pointer-events:auto;text-align:center}.ea-rip__metadata-link:hover .ea-rip__version{background:#5948c6}.ea-box-download-link{display:block;color:inherit;text-decoration:none;cursor:pointer}

.ea-rip__row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 10px;
  line-height: 1.3;
}

.ea-rip__label {
  color: #7a4b1e;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.ea-rip__value {
  color: #2c1a0c;
  font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
  font-weight: 700;
  text-align: right;
}

.ea-rip__split {
  position: relative;
  display: flex;
  align-items: flex-start;
}

.ea-rip__pane {
  position: relative;
  z-index: 2;
  flex: 0 0 50%;
  width: 50%;
  overflow: hidden;
  line-height: 0;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform 0.55s cubic-bezier(0.22, 0.8, 0.28, 1), -webkit-clip-path 0.55s cubic-bezier(0.22, 0.8, 0.28, 1), clip-path 0.55s cubic-bezier(0.22, 0.8, 0.28, 1);
}

.ea-rip__pane--left {
  z-index: 1;
  transform-origin: 100% 0;
  --rip-clip: polygon(0 0, 100% 0, 100% 12.5%, 100% 25%, 100% 37.5%, 100% 50%, 100% 62.5%, 100% 75%, 100% 87.5%, 100% 100%, 0 100%);
  -webkit-clip-path: var(--rip-clip);
  clip-path: var(--rip-clip);
}

.ea-rip__pane--right {
  transform-origin: 0 0;
  --rip-clip: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 87.5%, 0 75%, 0 62.5%, 0 50%, 0 37.5%, 0 25%, 0 12.5%);
  -webkit-clip-path: var(--rip-clip);
  clip-path: var(--rip-clip);
}

.ea-rip__pane--left .ea-box,
.ea-rip__pane--right .ea-box {
  display: block;
  width: 200%;
  max-width: none;
  margin: 0;
}

.ea-rip__pane--right .ea-box {
  margin-left: -100%;
}

.ea-rip:hover .ea-rip__sheet,
.ea-rip.is-open .ea-rip__sheet {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: opacity 0.2s ease 0.12s, transform 0.35s ease 0.08s, visibility 0s linear 0.08s;
}

.ea-rip:hover .ea-rip__pane--left,
.ea-rip.is-open .ea-rip__pane--left {
  --rip-clip: polygon(0 0, 100% 0, 88% 12.5%, 100% 25%, 88% 37.5%, 100% 50%, 88% 62.5%, 100% 75%, 88% 87.5%, 100% 100%, 0 100%);
  transform: translate3d(-68%, 0, 0);
}

.ea-rip:hover .ea-rip__pane--right,
.ea-rip.is-open .ea-rip__pane--right {
  --rip-clip: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 87.5%, 0 75%, 12% 62.5%, 0 50%, 12% 37.5%, 0 25%, 12% 12.5%);
  transform: translate3d(68%, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .ea-rip__pane,
  .ea-rip__sheet,
  .ea-rip:hover .ea-rip__sheet,
  .ea-rip.is-open .ea-rip__sheet {
    transition: none;
  }
}