@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500;700&display=swap";.app-container{position:relative;min-height:100vh;overflow:hidden}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.content{width:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.sidebar{width:350px;position:fixed;left:0;height:100vh;z-index:10;overflow-x:visible;background:#171717;border-right:1px solid #c8c8c8;contain:strict;bottom:0}.main{padding:10px}.sidebar h2,.main h2{margin-top:0}button{display:block;width:100%;margin-bottom:5px;padding:5px;cursor:pointer}.discoveries div{margin-bottom:5px}h1{z-index:1}.item,.dropped-item,.combination-items{margin:4px;cursor:pointer;font-size:16.4px;padding:9px 10px 8px;border-radius:5px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #c8c8c8;transition:background .15s linear;background:#000;line-height:1em;contain:layout;color:#fff}.dropped-item{position:absolute;font-size:19.5px;padding:11px 11px 10px}.item:hover,.dropped-item:hover,.combination-items:hover{background:linear-gradient(180deg,#3d4249,#000 80%);border:1px solid #c7e0ff}.reset{position:fixed;left:360px;bottom:10px;cursor:pointer;opacity:.7;font-size:15px;color:#fff}.side-controls{position:fixed;right:1%;bottom:10px;-webkit-user-select:none;user-select:none;display:flex;grid-gap:19px;filter:invert(1);cursor:pointer}.side-controls img{width:20px}.sidebar-inner{max-width:900px;margin-left:auto;margin-right:auto;padding:9px;line-height:.5em;min-height:calc(100vh - 96px)}.instruction{text-align:center;margin-top:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;border-radius:5px;padding:9px 0;border:1px solid #c8c8c8;width:calc(100% - 10px);margin-left:auto;margin-right:auto;display:none;line-height:1.2em}.instruction img{width:16px;position:relative;top:3px;margin-right:5px;margin-top:-3px}.sidebar-controls{position:fixed;bottom:0;left:0;width:100%;font-size:13px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#000}.sidebar-sorting{display:grid;grid-template-columns:1fr 1fr;text-align:center;border-top:1px solid #c8c8c8;cursor:pointer;grid-gap:1px;background:#fff}.sidebar-sorting-item{padding:7px 0;color:#fff;background:#000}.sidebar-sorting-item img{height:13px;line-height:0;position:relative;top:2px;margin-right:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;filter:invert(1)}.sidebar-search{display:flex;align-items:center;justify-content:right;position:relative;background:#000}.sidebar-search .sidebar-input{background-size:23px 23px!important;background-position:11px 12px;border:1px solid #c8c8c8;border-left:none;border-right:none;border-bottom:none;outline:0;font-size:16px;height:45px;line-height:21px;padding:2px 20px 0 43px;width:100%;background:url(./assets/search.svg) no-repeat 10px 14px;color:#fff;position:relative}.sidebar-search .sidebar-input:after{position:absolute;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-discoveries.active{background-color:#423a24}.items:not(.is-delete-mode) .item-hidden{display:none}.empty-sidebar{font-size:16px;position:absolute;left:50%;transform:translate(-50%);font-size:15px;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;top:25px;color:#fff}.empty-sidebar img{filter:invert(1);width:22px;position:relative;top:5px;margin-right:5px;margin-top:-5px}.sidebar-input-close{filter:invert(1);width:18px;right:12px;top:calc(33% + 1px);cursor:pointer;opacity:.45;position:absolute}@media only screen and (max-width: 767px){.sidebar{width:100%;height:183px;bottom:0;top:auto;border-top:1px solid #9f9f9f;overflow-y:hidden;overflow-x:scroll;border-left:none}.instruction,.sidebar-controls{display:none}.reset{bottom:190px}.side-controls{right:10px;bottom:190px}}.item-remove{position:absolute;right:-6px;top:-6px;width:17px;height:17px;background-color:#fff;border-radius:100%;background-image:url(src/assets/close.svg);background-size:13px 13px;background-position:2px 2px;background-repeat:no-repeat;font-size:12px;cursor:pointer}.item-hidden{opacity:.35!important}.trash{animation:trash .3s linear infinite alternate-reverse}@keyframes trash{0%{rotate:-6deg}to{rotate:6deg}}.clear:hover{transform:scale(1.15)}.drop-zone{position:relative;height:100vh;width:100%;overflow:hidden}.rotate{animation:rotate 3s linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Roboto,sans-serif;font-weight:500;font-style:normal}body .dark-mode{background-color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.trash,.dark-mode-icon,.clear,.sound{width:20px}.trash svg g,.dark-mode-icon svg g,.clear svg g,.sound svg g{fill:#fff}