/* Self destruct (wipe/wipe.js). The hold button fills left to right while it
   is held and empties at once on letting go, so a press that is not meant
   shows what it would have done. Big, because the case it is for is fast. */
.wipe-hold{position:relative;overflow:hidden;display:block;width:100%;min-height:64px;margin:14px 0 6px;
  border:1px solid var(--warn);border-radius:var(--r);background:none;color:var(--warn);
  font:inherit;font-size:17px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.wipe-fill{position:absolute;inset:0;background:var(--warn);opacity:.28;transform:scaleX(0);transform-origin:left;
  transition-property:transform;transition-timing-function:linear;transition-duration:0s}
.wipe-hold.on .wipe-fill{transform:scaleX(1)}
.wipe-word{position:relative}
.wipe-warn{color:var(--warn)}
.wipe-h{font-size:14px;font-weight:500;color:var(--white);margin:22px 0 4px}
.wipe-list{margin:4px 0 0;padding-left:18px}
.wipe-list li{margin:0 0 6px}
@media (prefers-reduced-motion: reduce){.wipe-hold.on .wipe-fill{transition-duration:0s!important;opacity:.4}}