/* =========================================================
   BRIEFCASE — TRANSFER CONTENTS
   ========================================================= */

.briefcase-transfer-capability {
    position: relative;

    width: 110px;
    min-height: 92px;

    box-sizing: border-box;
    cursor: pointer;
}

/* =========================================================
   GRAPHIC
   ========================================================= */

.briefcase-transfer-graphic {
    position: relative;

    width: 72px;
    height: 62px;

    margin: 0 auto;
}

/* =========================================================
   PAPERS / CONTENT
   ========================================================= */

.briefcase-transfer-graphic::before {
    content: "";

    position: absolute;

    left: 18px;
    top: 3px;

    width: 16px;
    height: 20px;

    box-sizing: border-box;

    border: 1px solid #fff;
    background: #111;

    transform: rotate(-12deg);

    box-shadow:
        11px -2px 0 -1px #111,
        11px -2px 0 0 #fff,
        22px 0 0 -1px #111,
        22px 0 0 0 #fff;

    z-index: 1;
}

/* =========================================================
   BRIEFCASE BODY
   ========================================================= */

.briefcase-transfer-graphic::after {
    content: "";

    position: absolute;

    left: 9px;
    bottom: 5px;

    width: 54px;
    height: 30px;

    box-sizing: border-box;

    border: 2px solid #fff;
    background: #111;

    z-index: 2;
}

/* =========================================================
   HANDLE
   ========================================================= */

.briefcase-transfer-graphic {
    background:
        linear-gradient(
            #111,
            #111
        );
}

/* Handle */

.briefcase-transfer-graphic {
    /* keep positioning context */
}

/* =========================================================
   TRANSFER INDICATOR
   ========================================================= */

.briefcase-transfer-graphic {
    --transfer-arrow: "→";
}

.briefcase-transfer-capability .briefcase-transfer-graphic
    + .world-object-label {
    margin-top: 5px;
}

/* =========================================================
   STATIC ARROW
   ========================================================= */

.briefcase-transfer-capability .briefcase-transfer-graphic::marker {
    content: "";
}