﻿.cargo-dropdown{position:absolute;z-index:100;width:500px;height:400px;margin-left:-250px;color:#fff;background-color:#333;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;box-shadow:0 0 4px rgba(0,0,0,.2),0 0 8px rgba(0,0,0,.25),0 0 12px rgba(0,0,0,.3);}.cargo-dropdown .menu-header{grid-column:1/span 2;}.cargo-dropdown .inventory{padding:1em;border-right:solid 1px rgba(255,255,255,.15);grid-row:2/span 2;grid-column:1;overflow:auto;}.cargo-dropdown .inventory .item-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1px;}.cargo-dropdown .inventory .item{position:relative;aspect-ratio:1;border:solid 2px transparent;display:flex;align-items:center;justify-content:center;}.cargo-dropdown .inventory .item .fa{font-size:1.5em;}.cargo-dropdown .inventory .item .qtee{position:absolute;top:0;right:.25em;font-weight:bold;}.cargo-dropdown .inventory .item.selected{border:solid 2px #ffc14e;box-shadow:0 0 8px orange,inset 0 0 4px orange;}.cargo-dropdown .info{padding:1em;border-bottom:solid 1px rgba(255,255,255,.15);overflow:auto;}.cargo-dropdown .info .title{display:flex;justify-content:space-between;font-size:1.1em;font-weight:600;margin-bottom:.25em;}.cargo-dropdown .actions{padding:.5em;overflow:auto;}.cargo-dropdown .actions button{width:100%;background:transparent;border:0;color:#fff;padding:.5em;text-align:left;background:rgba(255,255,255,.1);margin-bottom:1px;line-height:2em;}.cargo-dropdown .actions button:last-child{margin:0;}.cargo-dropdown .actions button:hover{background:rgba(255,255,255,.15);box-shadow:0 0 4px rgba(0,0,0,.2),0 0 8px rgba(0,0,0,.25);}.cargo-dropdown .bonuses{padding:1em;border-right:solid 1px rgba(255,255,255,.15);}