/* =========================================================
   CONFIGURE — WRENCH
   ========================================================= */

.configure-capability {
    width: 110px;
    min-height: 90px;

    position: relative;
    box-sizing: border-box;

    cursor: pointer;
}

.configure-graphic {
    position: relative;

    width: 70px;
    height: 60px;

    margin: 0 auto;
}

/* =========================================================
   WRENCH
   ========================================================= */

.configure-wrench {
    position: absolute;

    left: 29px;
    top: 10px;

    width: 12px;
    height: 42px;

    background: #fff;

    transform: rotate(-45deg);
}

/* Wrench head */

.configure-wrench::before {
    content: "";

    position: absolute;

    left: -7px;
    top: -9px;

    width: 26px;
    height: 26px;

    box-sizing: border-box;

    border: 4px solid #fff;
    border-radius: 50%;

    background: #111;
}

/* Open jaw */

.configure-wrench::after {
    content: "";

    position: absolute;

    left: -2px;
    top: -4px;

    width: 16px;
    height: 14px;

    background: #111;

    transform: rotate(45deg);
}

/* =========================================================
   LABEL
   ========================================================= */

.configure-capability .world-object-label {
    margin-top: 6px;
}