:root{--grey-text: #d9d9d9;--accent-color: #ffeb00;--surface-bg-dark: rgba(0, 0, 0, .2);--surface-bg-medium: rgba(0, 0, 0, .15);--icon-size-lg: 6.5rem;--icon-size-md: 6rem;--icon-size-sm: 4.5rem;--text-primary-size: 1.25rem;--text-secondary-size: .875rem;--container-width: min(90vw, 1200px)}@media (max-width: 768px){:root{--icon-size-lg: 6rem;--icon-size-sm: 4.05rem;--text-primary-size: 1.125rem;--text-secondary-size: .8rem}}@media (max-width: 480px){:root{--icon-size-lg: 4.2rem;--icon-size-sm: 3.6rem;--text-primary-size: 1rem;--text-secondary-size: .75rem}}@font-face{font-family:"Swiss 721";src:url("./media/Swiss 721 Extended Bold-R6G56Z7O.otf");font-weight:700}@font-face{font-family:Sinclair;src:url("./media/FS Sinclair Regular-IK4QGMIH.otf");font-weight:400}@font-face{font-family:Sinclair;src:url("./media/FS Sinclair Medium-XWNXBLL5.otf");font-weight:Medium}body{background-color:#201e21;width:100vw;margin:0;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;margin-bottom:50vh}p{word-wrap:break-word;overflow-wrap:break-word}.primary-text{color:#fff;font-family:Sinclair;font-weight:Medium;font-size:var(--text-primary-size);margin:0}.secondary-text{color:var(--grey-text);font-family:Sinclair;font-weight:Medium;margin:0;font-size:var(--text-secondary-size)}.title-text{color:#fff;font-family:"Swiss 721";font-weight:700;margin:0;font-size:clamp(1.75rem,5vw,2.5rem)}.subtitle-text{color:var(--grey-text);font-family:"Swiss 721";font-weight:700;margin:0;font-size:calc(var(--text-primary-size) * 1.1)}.flex-horizontal{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:center;gap:1rem}.flex-vertical{display:flex;flex-direction:column;align-items:center;gap:.5rem}.flex-vertical-center{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}html{overflow:auto;overflow-x:hidden}img{pointer-events:none}@media (max-width: 1024px){.flex-horizontal{gap:.5rem}}@media (max-width: 480px){.flex-horizontal,.flex-vertical{gap:.25rem}}.filter-section{background-color:var(--surface-bg-dark);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;width:100%;text-align:left;box-sizing:border-box}.filter-group{border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:.75rem;background-color:var(--surface-bg-medium)}.filter-group>.category-label-container:first-child{margin-top:0}.filter-container{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem;gap:.25rem}.filter-button{background-color:transparent;border:none;padding:.25rem;cursor:pointer;transition:transform .2s ease;border-radius:4px}.filter-button:hover{background-color:#ffffff0d;transform:scale(1.05)}.filter-button:active{transform:scale(.95)}.filter-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);transition:all .2s ease;object-fit:contain}.filter-icon-disabled{filter:grayscale(100%) brightness(.7);opacity:.7;transform:scale(.9)}.category-label-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:#ffffff0d;border-radius:6px;margin:.5rem 0;color:#fff}.category-checkbox-container{cursor:pointer;transition:background-color .2s ease}.category-checkbox-container:hover{background-color:#ffffff1a}.checkboxes-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0}.checkbox-container{display:flex;align-items:center;padding:.5rem .75rem;background-color:#ffffff0d;border-radius:4px;cursor:pointer;transition:background-color .2s ease;box-sizing:border-box}.checkbox-container:hover{background-color:#ffffff1a}.checkbox-container .primary-text{margin-right:.75rem}.checkbox-container input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}input[type=checkbox]{margin:0;accent-color:var(--accent-color);height:1.1rem;width:1.1rem;cursor:pointer}input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 5px #ffff0080}.filter-category{margin:0;font-size:1.1rem}@media (max-width: 768px){.filter-group{padding:.6rem}.filter-section{padding:1rem}.category-label-container{padding:.4rem .8rem}.checkboxes-container{gap:1rem}.checkbox-container{padding:.4rem .6rem}.checkbox-container .primary-text{font-size:.95rem}}@media (max-width: 480px){.filter-section{padding:.75rem}.filter-group{padding:.5rem}.category-label-container{padding:.3rem .6rem}.checkboxes-container{gap:.5rem}.checkbox-container{padding:.3rem .5rem}.checkbox-container .primary-text{font-size:.9rem}.filter-icon{width:calc(var(--icon-size-sm) * 1.3);height:calc(var(--icon-size-sm) * 1.3)}}@media (max-width: 480px){:root{--container-width: 95vw}.checkboxes-container{width:100%;flex-direction:row;gap:.5rem}.checkbox-container{padding:auto .8rem}.checkbox-container .primary-text{font-size:.69rem}}.action-button{display:flex;align-items:center;justify-content:center;background-color:#0000004d;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;font-family:Sinclair,sans-serif;font-size:1.1rem;transition:all .2s ease;box-shadow:0 4px 6px #0000001a;text-align:center;border:1px solid transparent;cursor:pointer;gap:.5rem}.action-button .button-icon{font-size:1.2rem}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0003}.action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.action-button.primary-button{background-color:var(--accent-color);color:#201e21}.action-button.primary-button:hover{background-color:#ffef33}.action-button.save-button{border:1px solid var(--accent-color)}.action-button.save-button:hover{background-color:#ffeb0026;box-shadow:0 0 10px #ffeb004d}.action-button.danger-button{border:1px solid #ff4d4d}.action-button.danger-button:hover{background-color:#ff4d4d26;box-shadow:0 0 10px #ff4d4d4d}.action-button.warning-button{border:1px solid #ffb900}.action-button.warning-button:hover{background-color:#ffb90026;box-shadow:0 0 10px #ffb9004d}.action-button.info-button{border:1px solid #3498db}.action-button.info-button:hover{background-color:#3498db26;box-shadow:0 0 10px #3498db4d}@media (max-width: 768px){.action-button{padding:.6rem 1.25rem;font-size:1rem}.action-button .button-icon{font-size:1.1rem}}@media (max-width: 480px){.action-button{padding:.5rem 1rem;font-size:.9rem}.action-button .button-icon{font-size:1rem}.settings-container .action-button{width:100%;max-width:250px}}