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_%20400%20Book.ttf);font-weight:400}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1[data-v-a6a32fc1]{text-align:center}.message[data-v-a6a32fc1]{text-align:center;background-color:#000;max-width:668px;margin:0 auto 2rem;padding:.5rem 2rem}.message a[data-v-a6a32fc1]{color:#e77c48}.message__left[data-v-a6a32fc1],.message__left li[data-v-a6a32fc1]{text-align:left}kbd{color:#333;background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:monospace;font-size:.9em;display:inline-block;box-shadow:0 1px #ccc}.settings-bar p{margin-top:0}.title-bar{box-sizing:border-box;background-color:#737472;justify-content:space-between;max-width:684px;margin:0 auto;padding:7px 12px;display:flex}.title-bar h2{text-transform:uppercase;margin:0;font-size:18px;font-weight:400}.title-bar input[type=text]{padding:0 12px;font-family:Renner}.settings-bar{box-sizing:border-box;background-color:#3a3a3a;padding:20px 10px}.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;margin:0;padding:0}@media screen and (width>=720px){.settings-form{justify-content:space-between;display:flex}}.category-bar[data-v-7657184a]{background-color:#3a3a3a}.category-bar button[data-v-7657184a]{color:#fff;cursor:pointer;background-color:#3a3a3a;background-size:cover;border:2px solid #212121;border-color:#767676 #212121 #212121 #767676;width:45px;height:45px;margin:10px}.category-bar button.active[data-v-7657184a]{color:#000;background-color:#e77c48}.items[data-v-c8985331]{background-color:#000;grid-template-columns:112px 112px;width:calc(100% - 12px);max-width:672px;padding:6px;display:grid}.item[data-v-c8985331]{cursor:pointer;background-color:#000;position:relative}.item__wrapper[data-v-c8985331]{width:106px;height:106px;padding:3px}.item__icon[data-v-c8985331]{cursor:pointer;background-color:#4d4d4d;background-image:url(https://assets.codepen.io/6747921/dusk.png);background-position:50%;background-repeat:no-repeat;background-size:74px;border:none;width:100%;height:100%;padding:0;display:block}.item__icon .sr-only[data-v-c8985331]{color:#fff}.item__tooltip[data-v-c8985331]{z-index:10;width:218px;display:none;position:absolute;top:112px;left:3px}.item__title[data-v-c8985331]{background-color:#737472;margin:0;padding:5px 5px 5px 10px}.item__frame[data-v-c8985331]{padding:0 10px}.item__wrapper:hover+.item__tooltip[data-v-c8985331]{z-index:10;background-color:#000;display:block;position:absolute;top:115px;left:3px}.item__wrapper:hover .item__icon[data-v-c8985331]{background-color:#737472}.item__wrapper:active>.item__icon[data-v-c8985331]{background-color:#3a3a3a;transition:all .1s}.item__icon[data-v-c8985331]:disabled{cursor:not-allowed;background-color:#242424}.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]{background-color:#737472;justify-content:space-between;align-items:center;width:120px;margin-bottom:15px;display:flex}.resource[data-v-c8985331]{display:inline-block}.resource-container img[data-v-c8985331]{width:30px;height:30px;box-sizing:initial;background-color:initial;margin:0}.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 (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 (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],.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 (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],.item:nth-child(4n+3) .item__tooltip[data-v-c8985331],.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 (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],.item:nth-child(5n+3) .item__tooltip[data-v-c8985331],.item:nth-child(5n+4) .item__tooltip[data-v-c8985331],.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]{box-sizing:border-box;width:100%;padding:10px 10px 0}.heading-title[data-v-18038832]{border-bottom:1px solid gray;padding:0 0 10px;font-size:1.1rem;display:block}section[data-v-18038832]{background-color:#3a3a3a;max-width:560px;height:100%}.resources[data-v-18038832]{flex-wrap:wrap;gap:20px;margin-bottom:1rem;display:flex}.container[data-v-18038832]{flex-direction:column;width:120px;padding:0 0 10px;display:flex}.title[data-v-18038832]{padding-left:0}.resource[data-v-18038832]{background-color:#4d4d4d;justify-content:space-between;align-items:center;width:120px;display:flex}img[data-v-18038832]{width:30px;margin-left:5px}span[data-v-18038832]{padding:10px}.crate-display[data-v-f59c2294]{box-sizing:border-box;width:100%;padding:10px 10px 0}.heading-title[data-v-f59c2294]{border-bottom:1px solid gray;padding:0 0 10px;font-size:1.1rem;display:block}.heading-title span[data-v-f59c2294]{padding:0}section[data-v-f59c2294]{background-color:#3a3a3a;max-width:560px;height:100%}.resources[data-v-f59c2294]{flex-wrap:wrap;gap:20px;margin-bottom:1rem;display:flex}.container[data-v-f59c2294]{flex-direction:column;width:120px;padding:0 0 10px;display:flex}.title[data-v-f59c2294]{padding-left:0}.resource[data-v-f59c2294]{background-color:#4d4d4d;justify-content:space-between;align-items:center;width:120px;display:flex}img[data-v-f59c2294]{width:30px;margin-left:5px}span[data-v-f59c2294]{padding:10px}.categorySubject[data-v-88bb303a]{color:#fff;cursor:pointer;background-color:#3a3a3a;width:40px;height:40px;margin-right:10px}.categorySubject[data-v-88bb303a]:hover{background-color:#eb4034}button[data-v-88bb303a]{text-indent:-9999em;background-size:cover;border:2px solid #212121;border-color:#767676 #212121 #212121 #767676}.message[data-v-88bb303a]{color:#fff;width:100%;margin:0 10px}.hidden[data-v-a5ad78fd]{display:none}.categoryContainerFlex[data-v-a5ad78fd]{align-items:center;height:40px;display:flex}.fade-enter-active[data-v-a5ad78fd],.fade-leave-active[data-v-a5ad78fd]{transition:opacity .5s}.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;flex-direction:column;margin:10px;padding:10px;display:flex}.buttonContainer[data-v-a5ad78fd]{white-space:nowrap;width:100%;height:40px;margin:10px 10px 10px 0;padding:10px;display:flex;overflow:auto hidden}.buttonContainer button[data-v-a5ad78fd]{border:2px solid #212121;border-color:#767676 #212121 #212121 #767676}.item[data-v-a5ad78fd]{background-color:orange;width:30px;height:30px;margin:10px}.categorySubject[data-v-a5ad78fd]{color:#fff;cursor:pointer;background-color:#3a3a3a;width:40px;height:40px;margin-right:10px}.categorySubject[data-v-a5ad78fd]:hover{background-color:#eb4034}button[data-v-a5ad78fd]{text-indent:-9999em;background-size:cover}.message[data-v-a5ad78fd]{color:#fff;width:100%;margin:0 10px}.categoryImage[data-v-a5ad78fd]{width:40px;height:40px}.categoryTotalCost[data-v-a5ad78fd]{color:#fff;background-color:#3a3a3a;justify-content:center;align-items:center;height:40px;padding:0 10px;display:flex}.delete-button[data-v-ce86b8ea]{justify-content:space-between;gap:20px;padding:10px;display:flex}.heading-title[data-v-ce86b8ea]{border-bottom:1px solid gray;width:100%;margin:auto 0 0;padding:0 0 10px;font-size:1.1rem;font-weight:400;display:block}button[data-v-ce86b8ea]{cursor:pointer;text-indent:-9999em;color:#fff;background-color:#3a3a3a;background-size:42px 40px;border:2px solid #212121;border-color:#767676 #212121 #212121 #767676;width:50px;height:45px;padding:0}button[data-v-ce86b8ea]:active{background-color:#eb4034}footer[data-v-412831f2]{text-align:center;max-width:684px;height:120px;margin:0 auto;padding:1rem}a[data-v-412831f2]{color:#ba9b6d}a[data-v-412831f2]:hover{color:#e77c48}nav ul[data-v-412831f2]{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0;padding-left:0;display:flex}nav ul li[data-v-412831f2]{margin:0 15px;list-style-type:none;display:inline-block}main[data-v-c310c185]{flex-flow:wrap;justify-content:center;gap:40px;display:flex}.items-list[data-v-c310c185]{width:100%;max-width:684px;max-height:max-content}.items-output[data-v-c310c185]{background-color:#3a3a3a;width:100%;max-width:684px;max-height:max-content}@media screen and (width>=1340px){.main-panels[data-v-c310c185]{flex-direction:column;align-items:center}.items-output[data-v-c310c185]{max-width:560px}}