.rules-container{display:flex;flex-direction:column;gap:1rem;color:var(--bordercol, var(--primary))}.rules-container h2{color:currentColor;margin-bottom:0}.rules-container .rule-card{background-color:color-mix(in srgb,currentColor,transparent 95%);padding:1.5rem 1.5rem 1.25em;border-radius:.25rem .5rem .5rem .25rem;display:flex;gap:1rem;align-items:flex-start;border-left:.25rem solid currentColor}.rules-container .rule-card .rule-number{color:color-mix(in srgb,currentColor,transparent 62.5%);font-style:italic;font-size:1.7rem;text-align:center;min-width:1.5em}.rules-container .rule-card .rule-content>*{margin:0}.rules-container .rule-card .rule-content .title{font-size:1.2rem;margin-bottom:.5rem;font-family:var(--title-font);font-weight:calc(var(--font-weight) + 100)}.rules-container .rule-card .rule-content p{color:color-mix(in srgb,currentColor,var(--color) 75%)}.modSection{display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:2rem;background-color:var(--bg-dark)}.modSection img:not(#overlay){border-radius:50%;width:5em;border:3px solid var(--primary);box-shadow:0 0 20px var(--primary)}.modSection p{font-family:var(--title-font);font-weight:calc(var(--font-weight) + 300);font-size:1.25em;white-space:nowrap;margin:1rem 0 .25rem}.modSection code{opacity:.7;font-size:.875em;font-variation-settings:"wdth" 75}.modSection code:before{content:"@"}#overlayDiv{position:relative}#overlay{position:absolute;width:6em;height:6em;top:-.5em;right:-.5em;pointer-events:none}.channel-style .category-container svg{width:1rem;height:1rem}.channel-style .category-container+.category-container{margin-top:3rem}.channel-style .category-header{display:flex;align-items:center;gap:.5rem;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.05em;margin-bottom:.5rem}.channel-style .channel-title{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--bg-dark);color:var(--secondary);border-radius:1rem 1rem 0 0}.channel-style .channel-desc{padding:1rem 1.25rem;border:2.5px solid var(--bg-dark);margin:0 0 .5rem;border-radius:0 0 1rem 1rem}.channel-style .channel-icon{font-size:1.2rem;width:1.2rem;text-align:center}.channel-style .channel-icon svg{width:1.4rem;height:1.4rem}.channel-style .channel-info{font-size:1rem;font-weight:600;font-family:var(--title-font)}@media only screen and (max-width:600px){.rules-container .rule-card{padding:1.25rem 1.25rem 1rem;gap:.75rem}.rules-container .rule-card .rule-number{font-size:1.25rem}}
