@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;background:none!important;overflow:hidden!important;user-select:none}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:5px;margin-left:-5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 50px #000000a3}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,rgb(78,78,78),rgb(196,196,196),rgb(255,255,255));box-shadow:inset 0 0 6px #0000004d;border-radius:10px}p{margin:0;padding:0;font-family:Roboto}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-wrapper{height:100%;width:100%}.dynamic-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.679);border:2px solid rgba(0,0,0,.627);cursor:pointer;margin:5px;position:relative}.dynamic-icon svg{width:20px;height:20px;color:#fff}.dynamic-icon:hover{border-color:#fff}.dynamic-icon:after{content:attr(data-title);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:5px;border-radius:3px;white-space:nowrap;opacity:0;transition:opacity .3s ease;font-size:12px;pointer-events:none}.dynamic-icon:hover:after{opacity:1}.context-menu-list{min-width:100px;background-color:#000000a2;color:#fff;padding:3px;outline:none;display:flex;flex-direction:column}.context-menu-item{padding:8px;border-radius:1px;background-color:#000;outline:none;border:none;color:#fff;display:flex;justify-content:space-between;align-items:center}.context-menu-item:active{transform:none}.context-menu-item:hover{background-color:gray;cursor:pointer}.tooltip-description{padding-top:5px}.tooltip-markdown>p{margin:0}button:active{transform:translateY(1px)}.item-drag-preview{width:10vh;height:10vh;z-index:1;position:fixed;pointer-events:none;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:5vh;image-rendering:-webkit-optimize-contrast}.inventory-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;gap:10px}.inventory-control{display:flex}.inventory-control .inventory-control-wrapper{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.inventory-control .inventory-control-input{transition:.2s;padding:9px 0;border-radius:1%;font-family:Roboto;font-size:18px;text-align:center;outline:none;border:none;color:#fff;background-color:#00000084}.inventory-control .inventory-control-input:focus-within{background-color:#000000a8}.inventory-control .inventory-control-button{font-size:14px;color:#e10f0f00;background-color:#f000;transition:.2s;padding:411px 140px;border-radius:2.5%;border:none;text-transform:uppercase;font-family:Roboto;width:100%;font-weight:500}.inventory-control .inventory-control-button.dragging{font-size:14px;color:#fff;background-color:#00000052;transition:.2s;padding:411px 140px;border-radius:2.5%;border:none;text-transform:uppercase;font-family:Roboto;width:100%;font-weight:500}.inventory-control .item-drag-preview~.inventory-control-button{font-size:14px;color:#fff;background-color:#00000052;transition:.2s;padding:411px 140px;border-radius:2.5%;border:none;text-transform:uppercase;font-family:Roboto;width:100%;font-weight:500}.inventory-control .quantity-control{display:flex;align-items:center;justify-content:center;gap:2px}.inventory-control .quantity-reset-button,.inventory-control .quantity-increment-button{background:rgba(0,0,0,.665);border:2px solid rgba(0,0,0,.627);border-radius:5px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.inventory-control .quantity-reset-button svg{font-size:12px}.inventory-control .quantity-increment-button svg{font-size:12px}.inventory-control .quantity-reset-button:hover{border-color:#fff;background-color:#97000096;font-size:12px;animation:rotate 1s infinite;transform:scale(1.01);box-shadow:0 0 12px #707070cc,0 0 16px #acacaccc}.inventory-control .quantity-increment-button:hover{border-color:#fff;background-color:#05970094;font-size:12px;animation:rotate 1s infinite;transform:scale(1.01);box-shadow:0 0 12px #707070cc,0 0 16px #acacaccc}.useful-controls-dialog{background-color:#000000a2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:450px;display:flex;flex-direction:column;padding:16px;border-radius:4px;gap:16px}.useful-controls-dialog-overlay{background-color:#00000080}.useful-controls-dialog-title{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:18px}.useful-controls-dialog-close{width:25px;height:25px;padding:6px;display:flex;justify-content:center;align-items:center;border-radius:4px;fill:#fff}.useful-controls-dialog-close:hover{background-color:gray;cursor:pointer}.useful-controls-content-wrapper{display:flex;flex-direction:column;gap:20px}.divider{width:100%;height:1px;background-color:#0000001f}.useful-controls-button{position:absolute!important;bottom:20px;right:auto;transition:.2s!important;border:none;color:#fff;width:52px;height:52px;display:flex;justify-content:center;align-items:center;fill:#fff;border-radius:8%!important;background-color:#00000084!important}.useful-controls-button:hover{background-color:#000000a8!important;cursor:pointer}.useful-controls-exit-button{position:absolute!important;right:8px;top:8px;border-radius:2.5%!important;color:#7b7b7b!important}.inventory-grid-wrapper{display:flex;flex-direction:column;gap:5.6px}.inventory-grid-container{display:grid;height:calc(7.16 * 10.32vh + 7.16 * 7px);grid-template-columns:repeat(5,10vh);grid-auto-rows:10.6vh;gap:7px;overflow-y:scroll;padding-right:5px}@keyframes rotate{0%{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(5deg) rotateX(-5deg)}50%{transform:rotateY(0) rotateX(0)}75%{transform:rotateY(-5deg) rotateX(5deg)}to{transform:rotateY(0) rotateX(0)}}.inventory-slot,.item-notification-item-box,.hotbar-item-slot{background-color:#00000084;background-repeat:no-repeat;background-position:center;border-radius:5%;image-rendering:-webkit-optimize-contrast;position:relative;background-size:5vh;color:#fff;border-color:#000;transition:transform .3s ease,box-shadow .3s ease}.inventory-slot:hover,.item-notification-item-box:hover,.hotbar-item-slot:hover{animation:rotate 1s infinite;transform:scale(1.01);box-shadow:0 0 12px #000c,0 0 16px #000c}.inventory-slot-label-box{background-color:#000000a2;color:#fff;text-align:center}.inventory-slot-label-text{text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 3px;font-weight:400;font-family:Roboto;font-size:12px}.inventory-slot-number{background-color:#ffffffcf;color:#000;height:15px;border-bottom-right-radius:.5vh;padding:5px;font-size:15px;font-family:Roboto}.inventory-slot-input{width:99%;height:18px;background-color:#202020;border:1px solid rgb(0,0,0);color:#fff;font-size:12px;padding:2px 4px;text-align:center;box-sizing:border-box;outline:none}.item-slot-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}.item-slot-wrapper p{font-size:12px}.item-slot-header-wrapper,.item-hotslot-header-wrapper{display:flex;flex-direction:row;justify-content:flex-end}.item-hotslot-header-wrapper{justify-content:space-between!important;border-top:2px solid rgba(255,255,255,.941);border-radius:.9%}.item-slot-info-wrapper{display:flex;flex-direction:row;align-self:flex-end;padding:3px;gap:3px}.item-slot-info-wrapper p{font-size:13px}.item-slot-currency-wrapper{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-right:3px}.item-slot-currency-wrapper p{font-size:14px;text-shadow:.1vh .1vh 0 rgba(0,0,0,.7)}.item-slot-price-wrapper{display:flex;flex-direction:row;justify-content:flex-end;padding-right:3px}.item-slot-price-wrapper p{font-size:14px;text-shadow:.1vh .1vh 0 rgba(0,0,0,.7)}.tooltip-wrapper{pointer-events:none;display:flex;background-color:#000000a2;width:200px;padding:8px;flex-direction:column;min-width:200px;color:#fff;font-family:Roboto;border-radius:4px;border-color:#0003;border-style:inset;border-width:1px}.tooltip-wrapper p{font-size:12px;font-weight:400}.tooltip-header-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tooltip-header-wrapper p{font-size:15px;font-weight:400}.tooltip-crafting-duration{display:flex;flex-direction:row;align-items:center;justify-content:center}.tooltip-crafting-duration svg{padding-right:3px}.tooltip-crafting-duration p{font-size:14px}.tooltip-ingredients{padding-top:5px}.tooltip-ingredient{display:flex;flex-direction:row;align-items:center}.tooltip-ingredient img{width:28px;height:28px;padding-right:5px}.hotbar-container{display:flex;align-items:center;gap:2px;justify-content:center;width:100%;position:absolute;bottom:2vh}.hotbar-item-slot{width:10vh;height:10vh}.hotbar-slot-header-wrapper{display:flex;flex-direction:row;justify-content:space-between}.item-notification-container{display:flex;overflow-x:hidden;flex-wrap:nowrap;gap:2px;position:absolute;bottom:20vh;left:50%;width:100%;margin-left:calc(50% - 5vh);transform:translate(-50%)}.item-notification-action-box{width:100%;color:#fff;background-color:#00000084;text-transform:uppercase;text-align:center;border-top-left-radius:.25vh;border-top-right-radius:.25vh;font-family:Roboto}.item-notification-action-box p{font-size:11px;padding:2px;font-weight:600}.item-notification-item-box{height:10vh;width:10vh}.circular-progress-container{display:flex;align-items:center;justify-content:center;height:50px;width:50px;position:relative;margin-top:5px}.circular-progress-wrapper{position:relative}.circular-progress{transform:rotate(-90deg);background-color:#000000b0;transform-origin:center;border-radius:50%}.circular-progress-bg,.circular-progress-bar{transition:stroke-dashoffset .3s ease}.progress-icon{position:absolute;top:43%;left:50%;width:48%;height:45%;transform:translate(-50%,-50%)}.durability-bar{background:rgba(0,0,0,.605);height:3px;overflow:hidden}.weight-bar{overflow:hidden}.linear-progress-bar{height:100%;transition:background .3s ease,width .3s ease}.circular-icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.679);border:2px solid rgba(0,0,0,.627);cursor:pointer;margin:5px}.circular-icon-button svg{width:20px;height:20px;color:#fff}.circular-icon-button:hover{border-color:#fff}.inventory-grid-header-wrapper{display:flex;justify-content:space-between;align-items:center;background-color:transparent}.icons-container{display:flex;align-items:center;gap:5px;margin-right:5px}.inventory-search-bar{padding:8px;border:3px solid #ffffff;border-radius:8px;background-color:#000;color:#fff;width:240px;position:absolute}.sorting-icons-container{display:flex;margin-left:auto}.inventory-icon-button{background:rgba(0,0,0,.665);border:2px solid rgba(0,0,0,.627);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.inventory-icon-button.selected{background-color:#6c6c6cc6;border-radius:5px;animation:rotate 1s infinite;transform:scale(1.01);box-shadow:0 0 12px #707070cc,0 0 16px #acacaccc}.inventory-icon-button svg{font-size:12px}.inventory-icon-button:hover{border-color:#fff;font-size:12px;animation:rotate 1s infinite;transform:scale(1.01);box-shadow:0 0 12px #707070cc,0 0 16px #acacaccc}.transition-fade-enter{opacity:0}.transition-fade-enter-active{opacity:1;transition:opacity .2s}.transition-fade-exit{opacity:1}.transition-fade-exit-active{opacity:0;transition:opacity .2s}.transition-slide-up-enter{transform:translateY(200px)}.transition-slide-up-enter-active{transform:translateY(0);transition:all .2s}.transition-slide-up-exit{transform:translateY(0)}.transition-slide-up-exit-active{transform:translateY(200px);transition:all .2s}