/* The same job can be delegated or done by hand. Its pay belongs to the card. */
.request-content.job-stack,body.is-intro .request-content.job-stack{position:relative;padding:22px 14px 12px;isolation:isolate;overflow:hidden;min-width:0}
.job-stack-front,.job-stack-flight{position:relative;z-index:3;background:#182433;border:1px solid #3a4c62;border-radius:6px;padding:15px 14px 13px;box-shadow:0 5px 12px #060d1733;min-width:0;transform-origin:40% 75%}
.job-stack-front::after{content:'';position:absolute;right:8px;top:8px;width:10px;height:2px;background:#536a81;box-shadow:0 4px 0 #536a81;opacity:.5;pointer-events:none}
.job-stack .request-tag{padding-right:18px;display:block;font-size:8px;letter-spacing:1.1px}
.job-stack .request-economy{margin-top:14px;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}
.job-stack .pay-label{font-size:9px;letter-spacing:.3px;color:#93a9c1;font-weight:400}
.job-stack-sheet{position:absolute;left:23px;right:23px;top:14px;bottom:18px;border:1px solid #3a526c;border-radius:5px;background:#223449;pointer-events:none;transform-origin:50% 100%;opacity:0}
.job-stack-sheet--middle{z-index:2;transform:rotate(-1.4deg)}
.job-stack-sheet--back{z-index:1;left:30px;right:30px;top:8px;bottom:23px;background:#172c3f;transform:rotate(1.5deg)}
.job-stack[data-depth='two'] .job-stack-sheet--middle,.job-stack[data-depth='many'] .job-stack-sheet{opacity:1}
.job-stack.is-empty .job-stack-front{background:#121c28;border-style:dashed;border-color:#2f4055;box-shadow:none}
.job-stack.is-empty .job-stack-front::after{opacity:.2}
.job-stack.is-empty .request-economy{visibility:hidden}
.job-stack.is-reserved .job-stack-front{border-color:#66593e;background:#23251f}
.job-stack-flight{position:absolute;left:14px;right:14px;top:22px;z-index:4;pointer-events:none;opacity:0}
.job-stack-flight.is-leaving{animation:job-card-leave .32s cubic-bezier(.3,.12,.45,1) both}
.job-stack-flight.is-leaving.is-refused{animation-name:job-card-refuse;border-color:#956575}
.request-economy .refuse-button{margin-left:auto;padding:5px 9px;border:1px solid #475061;border-radius:4px;background:transparent;color:#a9b5c7;font-size:10px;line-height:1.3}
.request-economy .refuse-button:hover:not(:disabled){border-color:#bf8190;background:#482a352e;color:#efb9c6}
.request-economy .refuse-button:focus-visible{outline:2px solid #8ec9ff;outline-offset:2px}
.request-economy .refuse-button:disabled{opacity:.5}
@keyframes job-card-refuse{0%{opacity:1;transform:translateX(0) rotate(0)}28%{opacity:1;transform:translate(-10px,3px) rotate(-2deg)}100%{opacity:0;transform:translate(-74px,18px) rotate(-8deg)}}
.job-stack.is-arriving .job-stack-front{animation:job-card-arrive .5s ease-out}
.job-stack.is-arriving .job-stack-sheet--middle{animation:job-sheet-arrive .5s ease-out}
.job-stack.is-flowing .job-stack-sheet{opacity:1;animation:job-sheet-feed .65s ease-in-out infinite}
.job-stack.is-flowing .job-stack-sheet--middle{animation-delay:-.325s}
.job-stack.is-flowing .job-stack-front{border-color:#648ba4;box-shadow:0 3px 15px #6fa7c119}
.job-stack.is-flowing .job-stack-front::after{background:#8bbdd0;box-shadow:0 4px 0 #8bbdd0}
@keyframes job-card-leave{0%{opacity:1;transform:translateX(0) rotate(0)}28%{opacity:1;transform:translate(10px,-3px) rotate(2deg)}100%{opacity:0;transform:translate(74px,-18px) rotate(8deg)}}
@keyframes job-card-arrive{0%{transform:translateY(3px);border-color:#77b7c7}45%{transform:translateY(-2px)}100%{transform:translateY(0);border-color:#3a4c62}}
@keyframes job-sheet-arrive{0%{transform:translateY(-10px) rotate(-3deg);opacity:0}100%{transform:translateY(0) rotate(-1.4deg);opacity:1}}
@keyframes job-sheet-feed{0%{transform:translate(-4px,-5px) rotate(-2deg);opacity:.3}45%{opacity:1}100%{transform:translate(6px,9px) rotate(2deg);opacity:.2}}
@media(max-width:680px){
  .request-content.job-stack,body.is-intro .request-content.job-stack{padding:20px 12px 10px}
  .job-stack-front,.job-stack-flight{padding:14px 12px 12px}
  .job-stack-flight{left:12px;right:12px;top:20px}
  .job-stack-sheet{left:20px;right:20px;top:12px}
  .job-stack-sheet--back{left:27px;right:27px;top:6px}
}
@media(prefers-reduced-motion:reduce){
  .job-stack-front,.job-stack-sheet,.job-stack-flight{animation:none!important;transition:none!important}
  .job-stack-flight{display:none!important}
}