.fallkniven-ep { margin-block: 1rem 0; max-width: 100%; }
.fallkniven-ep__text { position: relative; width: 100%; }
.fallkniven-ep-addon .fallkniven-ep__text .wc-pao-addon-field { padding-right: 5.5rem; }
.fallkniven-ep__meter { position: absolute; top: 1.05rem; right: 1rem; font-size: 1rem; font-variant-numeric: tabular-nums; line-height: 1.5; pointer-events: none; }
.fallkniven-ep label { display: block; margin-bottom: .4rem; }
.fallkniven-ep__count { font-size: .75rem; margin-block: .4rem 0; opacity: .8; }
.fallkniven-ep__label { position: absolute; top: .5rem; left: .75rem; margin: 0; font-size: .75rem; line-height: 1.3; opacity: .8; }
.fallkniven-ep__preview { box-sizing: border-box; width: 100%; min-height: 7rem; position: relative; margin-top: 1.25rem; padding: 2.25rem 1.5rem 1.5rem; border: 1px solid transparent; border-radius: .25rem; background: transparent; color: inherit; font-size: clamp(1.5rem, 4vw, 2.5rem); line-height: 1.5; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; overflow-wrap: normal; }
.fallkniven-ep__preview-text { display: inline-block; flex: 0 0 auto; white-space: pre; word-break: normal; overflow-wrap: normal; }
.fallkniven-ep__preview::before {
 content: "";
 position: absolute;
 inset: -1px;
 border-radius: inherit;
 pointer-events: none;
 background:
  repeating-linear-gradient(to right, #777 0 6px, transparent 6px 12px) top / 100% 1px no-repeat,
  repeating-linear-gradient(to right, #777 0 6px, transparent 6px 12px) bottom / 100% 1px no-repeat,
  repeating-linear-gradient(to bottom, #777 0 6px, transparent 6px 12px) left / 1px 100% no-repeat,
  repeating-linear-gradient(to bottom, #777 0 6px, transparent 6px 12px) right / 1px 100% no-repeat;
}
.fallkniven-ep__error { color: #ff5f3f; opacity: 1; }
@media (max-width: 480px) { .fallkniven-ep__preview { padding: 2.25rem 1rem 1rem; } }
