html{overflow-y:scroll}html,body{height:130%}body{color:#fff;background-color:#04293d;font-family:Renner}@font-face{font-family:Renner;src:url("/assets/font/Renner_ 400 Book.ttf");font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}h1[data-v-cc0b6e99]{text-align:center}.message[data-v-cc0b6e99]{max-width:668px;margin:0 auto;margin-bottom:2rem;padding:.5rem 2rem;background-color:#000;text-align:center}.message a[data-v-cc0b6e99]{color:#e77c48}.message__left[data-v-cc0b6e99],.message__left li[data-v-cc0b6e99]{text-align:left}kbd{background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px #ccc;color:#333;display:inline-block;font-size:.9em;font-family:monospace;padding:2px 6px;margin:0 2px}.settings-bar p{margin-top:0}.title-bar{display:flex;justify-content:space-between;padding:7px 12px;max-width:684px;box-sizing:border-box;margin:0 auto;background-color:#737472}.title-bar h2{font-size:18px;font-weight:400;text-transform:uppercase;margin:0}.title-bar input[type=text]{font-family:Renner;padding:0 12px}.settings-bar{padding:20px 10px;box-sizing:border-box;background-color:#3a3a3a}.settings-bar label{margin-right:12px}.settings-bar input[type=radio]{accent-color:#007bff}.settings-bar legend{margin-bottom:10px}.settings-bar fieldset{border:none;padding:0;margin:0}@media screen and (min-width: 720px){.settings-form{display:flex;justify-content:space-between}}.category-bar[data-v-7657184a]{background-color:#3a3a3a}.category-bar button[data-v-7657184a]{margin:10px;width:45px;height:45px;background-color:#3a3a3a;background-size:cover;color:#fff;cursor:pointer;border-top:2px solid #767676;border-left:2px solid #767676;border-bottom:2px solid #212121;border-right:2px solid #212121}.category-bar button.active[data-v-7657184a]{color:#000;background-color:#e77c48}.items[data-v-c8985331]{width:calc(100% - 12px);max-width:672px;display:grid;grid-template-columns:112px 112px;background-color:#000;padding:6px}.item[data-v-c8985331]{background-color:#000;cursor:pointer;position:relative}.item__wrapper[data-v-c8985331]{width:106px;height:106px;padding:3px}.item__icon[data-v-c8985331]{width:100%;height:100%;border:none;display:block;cursor:pointer;padding:0;background-color:#4d4d4d;background-image:url(https://assets.codepen.io/6747921/dusk.png);background-size:74px;background-repeat:no-repeat;background-position:center}.item__icon .sr-only[data-v-c8985331]{color:#fff}.item__tooltip[data-v-c8985331]{display:none;position:absolute;top:112px;left:3px;width:218px;z-index:10}.item__title[data-v-c8985331]{margin:0;padding:5px 5px 5px 10px;background-color:#737472}.item__frame[data-v-c8985331]{padding:0 10px}.item__wrapper:hover+.item__tooltip[data-v-c8985331]{display:block;position:absolute;top:115px;left:3px;background-color:#000;z-index:10}.item__wrapper:hover .item__icon[data-v-c8985331]{background-color:#737472}.item__wrapper:active>.item__icon[data-v-c8985331]{transition:.1s;background-color:#3a3a3a}.item__icon[data-v-c8985331]:disabled{background-color:#242424;cursor:not-allowed}.item__wrapper:has(.item__icon:disabled):hover+.item__tooltip[data-v-c8985331]{display:none}.item__wrapper:has(.item__icon:disabled):hover .item__icon[data-v-c8985331]{background-color:#242424}.resource-container[data-v-c8985331]{display:flex;justify-content:space-between;align-items:center;width:120px;margin-bottom:15px;background-color:#737472}.resource[data-v-c8985331]{display:inline-block}.resource-container img[data-v-c8985331]{width:30px;height:30px;margin:0;box-sizing:initial;background-color:initial}.resource-container div[data-v-c8985331]{padding:10px}.orange[data-v-c8985331]{color:#ba9b6d}.gray[data-v-c8985331]{color:#d4d4d4}.angry-orange[data-v-c8985331]{color:#e77c48}.blue[data-v-c8985331]{color:#317ab9}.item:nth-child(2n+2) .item__tooltip[data-v-c8985331]{left:-109px}@media screen and (min-width: 384px){.items[data-v-c8985331]{grid-template-columns:112px 112px 112px}.item__tooltip[data-v-c8985331]{width:330px}.item:nth-child(2n+2) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(3n+2) .item__tooltip[data-v-c8985331]{left:-109px}.item:nth-child(3n+3) .item__tooltip[data-v-c8985331]{left:-221px}}@media screen and (min-width: 496px){.items[data-v-c8985331]{grid-template-columns:112px 112px 112px 112px}.item__tooltip[data-v-c8985331]{width:442px}.item:nth-child(3n+2) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(3n+3) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(4n+2) .item__tooltip[data-v-c8985331]{left:-109px}.item:nth-child(4n+3) .item__tooltip[data-v-c8985331]{left:-221px}.item:nth-child(4n+4) .item__tooltip[data-v-c8985331]{left:-333px}}@media screen and (min-width: 608px){.items[data-v-c8985331]{grid-template-columns:112px 112px 112px 112px 112px}.item__tooltip[data-v-c8985331]{width:554px}.item:nth-child(4n+2) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(4n+3) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(4n+4) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(5n+2) .item__tooltip[data-v-c8985331]{left:-109px}.item:nth-child(5n+3) .item__tooltip[data-v-c8985331]{left:-221px}.item:nth-child(5n+4) .item__tooltip[data-v-c8985331]{left:-333px}.item:nth-child(5n+5) .item__tooltip[data-v-c8985331]{left:-445px}}@media screen and (min-width: 720px){.items[data-v-c8985331]{grid-template-columns:112px 112px 112px 112px 112px 112px}.item__tooltip[data-v-c8985331]{width:666px}.item:nth-child(5n+2) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(5n+3) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(5n+4) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(5n+5) .item__tooltip[data-v-c8985331]{left:3px}.item:nth-child(6n+2) .item__tooltip[data-v-c8985331]{left:-109px}.item:nth-child(6n+3) .item__tooltip[data-v-c8985331]{left:-221px}.item:nth-child(6n+4) .item__tooltip[data-v-c8985331]{left:-333px}.item:nth-child(6n+5) .item__tooltip[data-v-c8985331]{left:-445px}.item:nth-child(6n+6) .item__tooltip[data-v-c8985331]{left:-557px}}.crate-display[data-v-18038832]{width:100%;padding:10px 10px 0;box-sizing:border-box}.heading-title[data-v-18038832]{display:block;border-bottom:1px solid gray;font-size:1.1rem;padding:0 0 10px}section[data-v-18038832]{background-color:#3a3a3a;max-width:560px;height:100%}.resources[data-v-18038832]{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:1rem}.container[data-v-18038832]{display:flex;flex-direction:column;padding:0 0 10px;width:120px}.title[data-v-18038832]{padding-left:0}.resource[data-v-18038832]{display:flex;justify-content:space-between;align-items:center;width:120px;background-color:#4d4d4d}img[data-v-18038832]{margin-left:5px;width:30px}span[data-v-18038832]{padding:10px}.crate-display[data-v-226e4d56]{width:100%;padding:10px 10px 0;box-sizing:border-box}.heading-title[data-v-226e4d56]{display:block;border-bottom:1px solid gray;font-size:1.1rem;padding:0 0 10px}section[data-v-226e4d56]{background-color:#3a3a3a;max-width:560px;height:100%}.resources[data-v-226e4d56]{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:1rem}.container[data-v-226e4d56]{display:flex;flex-direction:column;padding:0 0 10px;width:120px}.title[data-v-226e4d56]{padding-left:0}.resource[data-v-226e4d56]{display:flex;justify-content:space-between;align-items:center;width:120px;background-color:#4d4d4d}img[data-v-226e4d56]{margin-left:5px;width:30px}span[data-v-226e4d56]{padding:10px}.categorySubject[data-v-88bb303a]{width:40px;height:40px;background-color:#3a3a3a;color:#fff;margin-right:10px;cursor:pointer}.categorySubject[data-v-88bb303a]:hover{background-color:#eb4034}button[data-v-88bb303a]{text-indent:-9999em;background-size:cover;border-top:2px solid #767676;border-left:2px solid #767676;border-bottom:2px solid #212121;border-right:2px solid #212121}.message[data-v-88bb303a]{margin:0 10px;color:#fff;width:100%}.hidden[data-v-a5ad78fd]{display:none}.categoryContainerFlex[data-v-a5ad78fd]{display:flex;align-items:center;height:40px}.fade-enter-active[data-v-a5ad78fd],.fade-leave-active[data-v-a5ad78fd]{transition:opacity .5s ease}.fade-enter-from[data-v-a5ad78fd],.fade-leave-to[data-v-a5ad78fd]{opacity:0}.warning[data-v-a5ad78fd]{background-color:#fc0;margin-top:10px;padding:5px}.categoryContainer[data-v-a5ad78fd]{color:#000;background-color:#4d4d4d;margin:10px;padding:10px;display:flex;flex-direction:column}.buttonContainer[data-v-a5ad78fd]{height:40px;margin:10px 10px 10px 0;padding:10px;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex}.buttonContainer button[data-v-a5ad78fd]{border-top:2px solid #767676;border-left:2px solid #767676;border-bottom:2px solid #212121;border-right:2px solid #212121}.item[data-v-a5ad78fd]{width:30px;height:30px;background-color:orange;margin:10px}.categorySubject[data-v-a5ad78fd]{width:40px;height:40px;background-color:#3a3a3a;color:#fff;margin-right:10px;cursor:pointer}.categorySubject[data-v-a5ad78fd]:hover{background-color:#eb4034}button[data-v-a5ad78fd]{text-indent:-9999em;background-size:cover}.message[data-v-a5ad78fd]{margin:0 10px;color:#fff;width:100%}.categoryImage[data-v-a5ad78fd]{width:40px;height:40px}.categoryTotalCost[data-v-a5ad78fd]{background-color:#3a3a3a;color:#fff;height:40px;padding:0 10px;display:flex;justify-content:center;align-items:center}.delete-button[data-v-ce86b8ea]{padding:10px;display:flex;justify-content:space-between;gap:20px}.heading-title[data-v-ce86b8ea]{display:block;border-bottom:1px solid gray;font-weight:400;font-size:1.1rem;margin:auto 0 0;padding:0 0 10px;width:100%}button[data-v-ce86b8ea]{width:50px;height:45px;cursor:pointer;text-indent:-9999em;background-size:42px 40px;background-color:#3a3a3a;border-top:2px solid #767676;border-left:2px solid #767676;border-bottom:2px solid #212121;border-right:2px solid #212121;padding:0;color:#fff}button[data-v-ce86b8ea]:active{background-color:#eb4034}footer[data-v-7659a18d]{padding:1rem;max-width:684px;margin:0 auto;text-align:center;height:120px}a[data-v-7659a18d]{color:#ba9b6d}a[data-v-7659a18d]:hover{color:#e77c48}nav ul[data-v-7659a18d]{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;padding-left:0;margin:0}nav ul li[data-v-7659a18d]{display:inline-block;list-style-type:none;margin:0 15px}main[data-v-c310c185]{display:flex;flex-direction:row;gap:40px;flex-wrap:wrap;justify-content:center}.items-list[data-v-c310c185]{width:100%;max-width:684px;max-height:max-content}.items-output[data-v-c310c185]{width:100%;max-width:684px;max-height:max-content;background-color:#3a3a3a}@media screen and (min-width: 1340px){.main-panels[data-v-c310c185]{flex-direction:column;align-items:center}.items-output[data-v-c310c185]{max-width:560px}}