.storage-wrapper{position:absolute;left:0;top:0;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;width:100vw;max-height:100vh}.storage-wrapper,.storage-wrapper .storages{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.storage-wrapper .storages{min-width:60%;max-width:100rem;display:grid;grid-auto-flow:column;opacity:.95}.storage-wrapper .storages .container{display:grid;grid-template-rows:3.5vh 1fr;grid-template-columns:calc(100% - 6vh) 6vh;grid-template-areas:"header ." "content types"}.storage-wrapper .storages .container .header{grid-area:header;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#41b883;border-top-left-radius:.3rem;border-top-right-radius:.3rem;font-size:2vh;line-height:4vh;color:#fff}.storage-wrapper .storages .container .header .storage-dropdown{position:relative;width:100%}.storage-wrapper .storages .container .header .storage-dropdown:before{color:#fff;font-size:2vh;pointer-events:none;position:absolute;right:1rem;top:.8rem}.storage-wrapper .storages .container .header .storage-dropdown select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(data:image/gif;base64,R0lGODlhAQABA) repeat;border:none;color:#fff;cursor:pointer;font-size:2vh;height:3.5vh;outline:none;width:100%;text-align:center;-moz-text-align-last:center;text-align-last:center;font-family:Roboto,sans-serif;font-weight:300}.storage-wrapper .storages .container .header .storage-dropdown select option{background-color:#41b883;font-size:1.8vh}.storage-wrapper .storages .container .content{grid-area:content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#28282b;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;height:70vh}.storage-wrapper .storages .container .content .player .playerSlot .playerItem .item{height:100%;width:100%;background:transparent}.storage-wrapper .storages .container .content .player .playerSlot .playerItem .item .icon{min-width:90%;max-width:90%;max-height:90%;margin:5%}.storage-wrapper .storages .container .content .weightProgress{width:100%;height:1.4vh;position:relative;background-color:#1e1e1e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.storage-wrapper .storages .container .content .weightProgress .value{position:absolute;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;left:0;top:0;height:100%;width:100%;background-color:#6aaa51;font-size:.8vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.storage-wrapper .storages .container .content .weightProgress .value.almost{background-color:#d16f1e}.storage-wrapper .storages .container .content .weightProgress .value.full{background-color:#c52020}.storage-wrapper .storages .container .content .search{width:100%;height:2vh;color:#aaaab3;font-size:1.2vh;padding:.5rem;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;outline:0;border-bottom:.3vh solid #41b883}.storage-wrapper .storages .container .content .itemList{width:100%;height:calc(100% - 3.4vh);overflow-y:scroll;overflow-x:hidden}.storage-wrapper .storages .container .content .itemList::-webkit-scrollbar{width:.5vh}.storage-wrapper .storages .container .content .itemList::-webkit-scrollbar-track{border-radius:3px}.storage-wrapper .storages .container .content .itemList::-webkit-scrollbar-thumb{background:#41b883;border-radius:3px}.storage-wrapper .storages .container .content .itemList::-webkit-scrollbar-track-piece{background-color:rgba(68,68,68,.8);border-radius:0 0 3px 0}.storage-wrapper .storages .container .content .loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100% - 3.4vh)}.storage-wrapper .storages .container .content .loading .lds-ring{display:inline-block;position:relative;width:5vh;height:5vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.storage-wrapper .storages .container .content .loading .lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:4.8vh;height:4.8vh;margin:.4rem;border:.4rem solid #41b883;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#41b883 transparent transparent transparent}.storage-wrapper .storages .container .content .loading .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.storage-wrapper .storages .container .content .loading .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.storage-wrapper .storages .container .content .loading .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.storage-wrapper .storages .container .types{grid-area:types;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.storage-wrapper .storages .container .types,.storage-wrapper .storages .container .types .type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.storage-wrapper .storages .container .types .type{background-color:#28282b;border-radius:.5rem;margin:.3vh;height:4vh;width:4vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.storage-wrapper .storages .container .types .type.active{background-color:#41b883}.storage-wrapper .storages .container .types .type:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.storage-wrapper .storages .container .types .type:hover .typetooltip{visibility:visible}.storage-wrapper .storages .container .types .type>i{color:#fff;font-size:1.8vh}.storage-wrapper .storages .container .types .type .typetooltip{visibility:hidden;background-color:inherit;color:#fff;text-align:center;font-size:.8vh;padding:.2rem 0;border-radius:.2rem;border-style:solid;border-width:thin;border-color:rgba(0,0,0,.5);position:absolute;z-index:1;width:4vh;top:110%;left:50%;margin-left:-2vh}.storage-wrapper .context-menu{background:#28282b;background-clip:padding-box;border-radius:.25rem;outline:none;border:.1rem solid #1e1e1e;-webkit-box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.14),0 .3rem .1rem -.2rem rgba(0,0,0,.2),0 .1rem .5rem 0 rgba(0,0,0,.12);box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.14),0 .3rem .1rem -.2rem rgba(0,0,0,.2),0 .1rem .5rem 0 rgba(0,0,0,.12);display:block;z-index:1500;position:fixed}.storage-wrapper .context-menu ul{display:block;list-style:none;min-width:10vh;padding:0;margin:0}.storage-wrapper .context-menu ul li{color:#aaaab3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem .5rem;font-size:1.2vh;height:1.6vh}.storage-wrapper .context-menu ul li:hover{color:#fff;background-color:#41b883;border-radius:.25rem}.storage-wrapper .datatooltip{background:#28282b;background-clip:padding-box;border-radius:.25rem;outline:none;border:.1rem solid #1e1e1e;-webkit-box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.14),0 .3rem .1rem -.2rem rgba(0,0,0,.2),0 .1rem .5rem 0 rgba(0,0,0,.12);box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.14),0 .3rem .1rem -.2rem rgba(0,0,0,.2),0 .1rem .5rem 0 rgba(0,0,0,.12);display:block;z-index:1500;position:fixed}.storage-wrapper .datatooltip .image{max-width:7.5vw;height:auto;margin:.25rem;display:block;margin-left:auto;margin-right:auto}.storage-wrapper .datatooltip ul{display:block;list-style:none;padding:0;margin:0}.storage-wrapper .datatooltip ul li{color:#aaaab3;padding:.25rem .5rem;font-size:.8vh}.storage-wrapper .rename-item{width:100vw;height:100vh;position:absolute;left:0;top:0}.storage-wrapper .rename-item .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#28282b;border:.1rem solid #1e1e1e;border-radius:.25rem;-webkit-box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.14),0 .3rem .1rem -.2rem rgba(0,0,0,.2),0 .1rem .5rem 0 rgba(0,0,0,.12);box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.14),0 .3rem .1rem -.2rem rgba(0,0,0,.2),0 .1rem .5rem 0 rgba(0,0,0,.12);padding:0 1rem 0 1rem}.storage-wrapper .rename-item .content input{background-color:transparent;font-size:1.2vh;border:.05rem solid rgba(68,68,68,.8);border-radius:.125rem;color:#aaaab3;text-align:center;margin:1rem 1rem 1rem .5rem}.storage-wrapper .rename-item .content input:focus{outline:none;border:.05rem solid #41b883}.storage-wrapper .rename-item .content>i{background-color:#1e1e1e;margin:1rem .5rem 1rem 0;height:2vh;width:2vh;border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.storage-wrapper .rename-item .content>i:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.storage-wrapper .rename-item .content .fa-times{color:#d31616}.storage-wrapper .rename-item .content .fa-times:hover{background-color:#d31616;color:#fff}.storage-wrapper .rename-item .content .fa-check{color:#6aaa51}.storage-wrapper .rename-item .content .fa-check:hover{background-color:#6aaa51;color:#fff}.item{display:-webkit-box;display:-ms-flexbox;display:flex;height:4vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4px 8px 4px 6px;border-radius:.2rem;border-color:rgba(0,0,0,.5);border-style:solid;border-width:2px;color:#aaaab3;background-color:#2d2d31}.item.gu-mirror{opacity:.8;background-color:#41b883}.item.gu-mirror .details .amount{display:none}.item.gu-transit{opacity:1;background-color:#41b883}.item.gu-transit .details .amount{display:none}.item.equipPreview{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:.1rem solid #0f0;background-color:green}.item.equipHide{display:none}.item .icon{display:block;max-width:3vh;max-height:3vh;margin:.5rem;width:auto;height:auto}.item .details{width:100%;margin:0 .25rem;display:grid;grid-auto-flow:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:2vh}.item .details .name{color:#fff;line-height:2vh;font-size:.8vh;margin-bottom:.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:.25rem}.item .details .amount{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2vh;padding:.25rem 0;height:1.2vh}.item .details .amount .count{padding-right:.5rem;text-align:right;font-size:.8vh;line-height:1.2vh;color:#aaaab3}.item .details .amount .input{max-width:2.5vh;width:2.5vh;height:1vh;margin:0 .5rem;background-color:transparent;font-size:.8vh;border:.05rem solid rgba(68,68,68,.8);border-radius:.125rem;color:#aaaab3;text-align:center}.item .details .amount .input::-webkit-inner-spin-button,.item .details .amount .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.item .details .amount .input:focus{outline:none;border:.05rem solid #41b883}