@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";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{display:none}p{margin:0;padding:0;font-family:Chakra Petch,sans-serif}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%;color:#fff}.context-menu-list{min-width:200px;background-color:#000000e1;color:#fff;padding:4px;border-color:#0003;box-shadow:0 0 10px 5px #29f76e;border-style:inset;border-width:1px;border-radius:4px;outline:none;display:flex;flex-direction:column}.context-menu-item{padding:8px;border-radius:4px;background-color:transparent;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:#2f6340;cursor:pointer}.tooltip-description{padding-top:5px}.tooltip-markdown>p{margin:0}button:active{transform:translateY(3px)}.item-drag-preview{width:7.7vh;height:7.7vh;z-index:1;position:fixed;pointer-events:none;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:7vh;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:30px;justify-content:center;align-items:center}@keyframes glow{0%{box-shadow:0 0 5px 5px #29f76e}to{box-shadow:0 0 5px 5px #29f76e,0 0 10px 10px #29f76e80}}.inventory-control .inventory-control-input{transition:.2s;padding:16px 8px;border-radius:50px;font-family:Chakra Petch,sans-serif;font-size:16px;text-align:center;outline:none;border:none;color:#fff;box-shadow:0 0 10px 5px #29f76e;animation:glow 2s infinite alternate;background-color:#0c0c0caf}.inventory-control .inventory-control-input:focus-within{background-color:#0c0c0ce3}.inventory-control .inventory-control-button{font-size:14px;color:#fff;background-color:#0c0c0caf;transition:.2s;padding:12px 8px;box-shadow:0 0 10px 5px #29f76e;animation:glow 2s infinite alternate;border-radius:50px;border:none;text-transform:uppercase;font-family:Chakra Petch,sans-serif;width:100%;font-weight:500}.inventory-control .inventory-control-button:hover{background-color:#0c0c0ce3}.useful-controls-dialog{background-color:#22232c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#c1c2c5;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:#c1c2c5}.useful-controls-dialog-close:hover{background-color:#33343f;cursor:pointer}.useful-controls-content-wrapper{display:flex;flex-direction:column;gap:20px}.divider{width:100%;height:1px;background-color:#ffffff1f}.useful-controls-button{position:absolute!important;bottom:25px;right:25px;transition:.2s!important;border:none;color:#fff;width:52px;height:52px;display:flex;justify-content:center;align-items:center;fill:#fff;border-radius:5%!important;background-color:#0c0c0caf!important}.useful-controls-button:hover{background-color:#0c0c0ce3!important;cursor:pointer}.useful-controls-exit-button{position:absolute!important;right:8px;top:8px;border-radius:2.5%!important;color:gray!important}.inventory-grid-wrapper{display:flex;flex-direction:column;gap:16px}.inventory-grid-header-wrapper{display:flex;flex-direction:row;justify-content:space-between}.inventory-grid-header-wrapper p{font-size:16px}.inventory-grid-container{display:grid;height:calc(52.1vh + 10px);grid-template-columns:repeat(5,10.2vh);grid-auto-rows:10.42vh;gap:2px;overflow-y:scroll}.inventory-slot,.item-notification-item-box,.hotbar-item-slot{background-color:#0c0c0caf;background-repeat:no-repeat;background-position:center;border-radius:2.5%;image-rendering:-webkit-optimize-contrast;position:relative;background-size:7vh;color:#c1c2c5;border-color:#0003;border-style:inset;border-width:1px}.inventory-slot-label-box{background-color:#2f6340;color:#fff;text-align:center;border-bottom-left-radius:.25vh;border-bottom-right-radius:.25vh;border-top-color:#0003;border-top-style:inset;border-top-width:1px}.inventory-slot-label-text{text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 3px;font-weight:400;font-family:Chakra Petch,sans-serif;font-size:12px}.inventory-slot-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ddd;font-size:40px;font-weight:700;font-family:Chakra Petch,sans-serif;text-shadow:1px 1px 2px black;background:none;padding:0;height:auto;z-index:10}.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}.item-slot-info-wrapper{display:flex;flex-direction:row;align-self:flex-end;padding:3px;gap:3px}.item-slot-info-wrapper p{font-size:12px}.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:#22232c;width:200px;padding:8px;flex-direction:column;min-width:200px;color:#c1c2c5;font-family:Chakra Petch,sans-serif;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:10.2vh;height:10.2vh}.hotbar-slot-header-wrapper{display:flex;flex-direction:row;justify-content:space-between}.item-notification-container{display:flex;overflow-x:scroll;flex-wrap:nowrap;gap:2px;position:absolute;bottom:20vh;left:50%;width:100%;margin-left:calc(50% - 5.1vh);transform:translate(-50%)}.item-notification-action-box{width:100%;color:#c1c2c5;background-color:#0c0c0caf;text-transform:uppercase;text-align:center;border-top-left-radius:.25vh;border-top-right-radius:.25vh;font-family:Chakra Petch,sans-serif}.item-notification-action-box p{font-size:11px;padding:2px;font-weight:600}.item-notification-item-box{height:10.2vh;width:10.2vh}.durability-bar{background:rgba(0,0,0,.5);height:3px;overflow:hidden}.weight-bar{background:rgba(0,0,0,.4);border:1px inset rgba(0,0,0,.1);border-radius:70px;height:.7vh;overflow:hidden}.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}
