@import url(fontImport.css);:root{--gearIconSize--:1.75rem;--counterIconSize--:1.2rem;--fontColor--:black;--fontNameSize--:1rem;--fontCountSize--:1.15rem;--charFont--:'Noto Sans SC',sans-serif;--numFont--:'Special Elite',cursive;--numFontWeight--:700}::-webkit-scrollbar{width:0}body{background-image:url(../assets/img/background.jpg);background-repeat:no-repeat}.topHeader{font-size:2rem;text-align:center;color:#fff;font-family:Var(--charFont--);font-weight:600}.categoryHeader{color:Var(--fontColor--);text-align:center;padding:.5rem 0;width:100%;font-family:Var(--charFont--);font-weight:700}.gearCountText{width:2rem;text-align:center;font-size:Var(--fontCountSize--);font-family:Var(--numFont--);font-weight:Var(--numFontWeight--);color:Var(--fontColor--);vertical-align:center;line-height:2.05rem}.gearNameText{text-align:center;font-size:Var(--fontNameSize--);font-family:Var(--charFont--);vertical-align:center;width:2rem}.toolCountText{width:2.5rem;text-align:center;font-size:1.5rem;color:Var(--fontColor--);font-family:Var(--numFont--);font-weight:Var(--numFontWeight--)}.ingreCountText{width:6rem;text-align:right;margin-right:.25rem;line-height:2.25rem;vertical-align:center;font-size:1.25rem;color:Var(--fontColor--);font-family:Var(--numFont--);font-weight:Var(--numFontWeight--)}.ingreTitleText{text-align:left;font-size:1rem;color:Var(--fontColor--);font-family:Var(--charFont--)}.toolNameText{width:4rem;font-size:1.1rem;text-align:center}.craftStyle{border-radius:5px;background-color:azure;padding:0 .5rem}.basicText{color:Var(--fontColor--);margin:0 .25rem;font-family:Var(--charFont--)}.jobIcon{height:Var(--gearIconSize--);width:Var(--gearIconSize--)}.gearIcon{height:Var(--gearIconSize--);width:Var(--gearIconSize--)}.countIcon{height:Var(--counterIconSize--);width:Var(--counterIconSize--)}.botBtn{color:#fff;float:left;border:none;outline:0;cursor:pointer;font-size:1.5rem;width:50%;height:2rem;border-radius:3px;font-size:1.25rem;margin:.5rem 0;font-family:Var(--charFont--)}.collBtn{width:100%;background-color:#563ce3;outline:0;padding:.75rem 0;color:#fff;font-size:1.25rem;font-family:Var(--charFont--)}.tablinkGear{margin-top:.25rem;background-color:#7f7e7e;color:Var(--fontColor--);float:left;border:none;cursor:pointer;outline:0;font-size:1rem;width:50%;height:3rem;border-radius:5px 5px 0 0;font-family:Var(--charFont--)}.tablinkIngre{margin-top:.25rem;background-color:#7f7e7e;color:Var(--fontColor--);float:left;border:none;outline:0;cursor:pointer;font-size:1rem;width:25%;height:3rem;border-radius:5px 5px 0 0;font-family:Var(--charFont--)}.ingreRow{height:1.7rem;vertical-align:center}.itemRow{height:1.85rem;vertical-align:center}.basicCard{padding:0 1rem}.gearSection{display:none;height:100%}.ingreSection{padding-top:4rem;display:none;min-height:22rem;height:100%}.craftStyle{border-radius:5px;background-color:azure;margin-top:.5rem}.ingredientStyle{border-radius:5px;background-color:azure;padding:0 .5rem .5rem .5rem;margin-top:.5rem}.footerStyle{color:#fff;text-align:center;padding-top:1rem;width:100%;font-size:1rem;font-family:Var(--charFont--);bottom:0}.alert{text-align:center;font-size:5rem;color:#fff}a:focus,button:focus,input:focus,textarea:focus{outline:0}hr{margin:.25rem 0 .25rem 0}.clockRow{height:1.25rem;line-height:1.25rem}.clockLocationFont{font-size:.75rem;color:Var(--fontColor--);margin:0 .25rem;font-family:Var(--charFont--);text-align:center}.clockNameFont{font-size:1rem;color:Var(--fontColor--);margin:0 .25rem;text-align:center;font-family:Var(--charFont--)}.clockTitle{font-size:3rem;text-align:center;font-family:Var(--numFont--)}.gatherClockSection{padding-top:4rem;display:none;height:100%;min-height:25.25rem}.clockGatherTime{text-align:center;font-family:Var(--charFont--);color:Var(--fontColor--);font-size:1rem}.tablinkClock{margin-top:.25rem;background-color:#7f7e7e;color:Var(--fontColor--);float:left;border:none;cursor:pointer;outline:0;font-size:1rem;width:50%;height:3rem;border-radius:5px 5px 0 0;font-family:Var(--charFont--)}.currentGatherName{font-family:Var(--charFont--);text-align:center;font-size:1.25rem;font-weight:600}.currentGatherLocation{font-family:Var(--charFont--);text-align:center;font-size:1rem}.gatherClockStyle{border-radius:5px;background-color:azure;padding:0 .5rem .5rem .5rem;margin-top:.5rem}.etStyle{font-family:Var(--charFont--);color:Var(--fontColor--);height:1.2rem;font-size:.75rem;text-align:center}.mapIcon{width:.75rem;height:.75rem;margin:0 .25rem}.clockIngreIcon{width:1rem;height:1rem;margin:0 .25rem}.gearLg{border-radius:5px;background-color:azure;margin:.25rem .25rem .25rem .25rem;min-height:32rem}.gearCraftLg{border-radius:5px;background-color:azure;margin:.25rem .25rem .25rem .25rem}.gatherClockLg{border-radius:5px;background-color:azure}.gearCraftLg{border-radius:5px;background-color:azure;margin:.25rem .25rem .25rem .25rem}.ingreLg{border-radius:5px;background-color:azure}.clockInLg{border-radius:5px;background-color:azure;margin:.25rem .25rem .25rem .25rem;min-height:32rem}.clockLg{border-radius:5px;background-color:azure;margin:.25rem .25rem .25rem .25rem}.etStyleLg{font-family:Var(--charFont--);color:Var(--fontColor--);height:1.5rem;font-size:.75rem;text-align:center}.clockNameFontLg{font-size:1rem;color:Var(--fontColor--);margin:0 .25rem;text-align:center;font-family:Var(--charFont--)}.clockLocationFontLg{font-size:.78rem;color:Var(--fontColor--);margin:0 .25rem;font-family:Var(--charFont--);text-align:center}.lgTitle{color:Var(--fontColor--);font-family:Var(--charFont--);background-color:#9fcdff;padding:.5rem 0;text-align:center}@media only screen and (max-width:1019px){.smDisplay{display:compact}.lgDisplay{display:none}body{background-size:initial}}@media only screen and (min-width:1020px){.smDisplay{display:none}.lgDisplay{display:compact}.topHeader{-webkit-text-stroke-width:0;-webkit-text-stroke-color:none}.ingreLg{margin:1rem;max-width:20rem}.container-fluid{background-color:rgba(158,158,158,.48);border-radius:1rem}body{zoom:70%;background-size:cover}}@media only screen and (min-width:1250px){body{zoom:80%;background-size:cover}}@media only screen and (min-width:1450px){body{background-size:cover;zoom:100%}}.tablinkGearLg{margin-top:.25rem;background-color:#7f7e7e;color:Var(--fontColor--);float:left;border:none;cursor:pointer;outline:0;font-size:1rem;width:50%;height:3rem;border-radius:5px 5px 0 0;font-family:Var(--charFont--)}.tablinkClockLg{margin-top:.25rem;background-color:#7f7e7e;color:Var(--fontColor--);float:left;border:none;cursor:pointer;outline:0;font-size:1rem;width:50%;height:3rem;border-radius:5px 5px 0 0;font-family:Var(--charFont--)}