/* A paper ear at the end of the reviewed slip; the details stay selectable. */
.slip-tear-ready .slip-tear-dock {
  position:relative; margin:20px -22px -22px; padding:10px 0 6px;
  overflow:hidden; isolation:isolate;
}
.slip-tear-seam {
  position:absolute; left:0; right:0; top:7px; height:3px; pointer-events:none;
  background:repeating-linear-gradient(90deg,#8e967e 0 3px,transparent 3px 8px);
  opacity:.72;
}
.slip-tear-seam::after {
  content:''; position:absolute; inset:0; background:#f3ede0;
  box-shadow:0 1px 1px #716d5c45;
  transform:scaleX(var(--tear-progress,0)); transform-origin:right;
}
#download-request.slip-tear-button {
  position:relative; display:flex; width:100%; min-height:58px;
  align-items:center; justify-content:space-between; gap:12px;
  padding:15px 61px 15px 18px; font-size:13px; line-height:1.35; text-align:left;
  color:#35402e; background:linear-gradient(100deg,#f1ebdd,#eee7d8 78%,#e6dfce);
  box-shadow:0 2px 2px #625e4c20; border:0;
  transform:var(--tear-base,translate3d(0,0,0)) translate3d(var(--tear-x,0px),var(--tear-y,0px),0) rotate(var(--tear-turn,0deg));
  transform-origin:0 65%; transition:background-color 180ms ease; user-select:none;
}
#download-request.slip-tear-button:hover { background:linear-gradient(100deg,#f6f0e4,#f1eadc 78%,#e9e1d0); }
#download-request.slip-tear-button:focus-visible { outline:2px solid #57634a; outline-offset:-5px; }
#download-request.slip-tear-button .icon { font-size:17px; pointer-events:none; }
.slip-tear-ear {
  position:absolute; right:3px; top:calc(50% - 22px); width:44px; height:44px;
  touch-action:pan-y; cursor:grab; user-select:none; -webkit-user-select:none;
}
.slip-tear-ear::before {
  content:''; position:absolute; inset:6px 5px 6px 7px;
  border-left:1px dashed #9da28d;
  background:linear-gradient(130deg,transparent 48%,#c7bfad 49%,#f7f2e6 53%,#e7decb 100%);
  box-shadow:1px 1px 1px #67614e22;
}
.slip-tear-ear::after {
  content:''; position:absolute; left:13px; top:15px; width:12px; height:13px;
  background:repeating-linear-gradient(0deg,#8e9279 0 1px,transparent 1px 4px);
  opacity:.62; transform:rotate(-7deg);
}
.is-pulling .slip-tear-ear { cursor:grabbing; }
.is-pulling #download-request.slip-tear-button { box-shadow:1px 5px 8px #625e4c35; }
.is-armed .slip-tear-seam { opacity:1; }
.is-tearing .slip-tear-seam::after { transform:scaleX(1); }
@media(max-width:540px) {
  .slip-tear-ready .slip-tear-dock { margin:18px -17px -17px; }
  #download-request.slip-tear-button { padding-left:15px; padding-right:54px; gap:8px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  #download-request.slip-tear-button { transform:none; transition:none; }
  .slip-tear-ear { cursor:pointer; }
}
.workshop-motion-paused #download-request.slip-tear-button { transform:none; transition:none; }
.workshop-motion-paused .slip-tear-ear { cursor:pointer; }
@media(forced-colors:active) {
  #download-request.slip-tear-button { border:1px solid ButtonText; }
  .slip-tear-ear::before { border:1px dashed ButtonText; }
  .slip-tear-ear::after { background:ButtonText; }
  .slip-tear-seam { border-top:1px dashed ButtonText; }
}