@font-face { font-family: "Def Sans VF"; src: url("/wp-content/uploads/spinning-mill-def-sans-vf.woff2") format("woff2"); font-weight: 100 900; font-stretch: 75% 100%;}body { font-family: "Def Sans VF", sans-serif;}.bg-bone { --spinning-mill-bg: var(--color-bone); --spinning-mill-text: var(--color-dungeon); --spinning-mill-sel-bg: var(--color-dungeon); --spinning-mill-sel-text: var(--color-bone); --spinning-mill-btn-bg: var(--color-dungeon); --spinning-mill-btn-text: var(--color-bone); --spinning-mill-btn-bg-hover: var(--color-bone); --spinning-mill-btn-text-hover: var(--color-dungeon); --spinning-mill-btn-sel-bg: var(--color-bone); --spinning-mill-btn-sel-text: var(--color-dungeon); --spinning-mill-link: var(--color-dungeon); --spinning-mill-link-hover: var(--color-common);}.bg-common { --spinning-mill-bg: var(--color-common); --spinning-mill-text: var(--color-dungeon); --spinning-mill-sel-bg: var(--color-dungeon); --spinning-mill-sel-text: var(--color-common); --spinning-mill-btn-bg: var(--color-dungeon); --spinning-mill-btn-text: var(--color-common); --spinning-mill-btn-bg-hover: var(--color-common); --spinning-mill-btn-text-hover: var(--color-dungeon); --spinning-mill-btn-sel-bg: var(--color-common); --spinning-mill-btn-sel-text: var(--color-dungeon); --spinning-mill-link: var(--color-dungeon); --spinning-mill-link-hover: var(--color-bone);}.bg-dungeon { --spinning-mill-bg: var(--color-dungeon); --spinning-mill-text: var(--color-bone); --spinning-mill-sel-bg: var(--color-bone); --spinning-mill-sel-text: var(--color-dungeon); --spinning-mill-btn-bg: var(--color-bone); --spinning-mill-btn-text: var(--color-dungeon); --spinning-mill-btn-bg-hover: var(--color-dungeon); --spinning-mill-btn-text-hover: var(--color-bone); --spinning-mill-btn-sel-bg: var(--color-dungeon); --spinning-mill-btn-sel-text: var(--color-bone); --spinning-mill-link: var(--color-bone); --spinning-mill-link-hover: var(--color-common);}.bg-uncommon { --spinning-mill-bg: var(--color-uncommon); --spinning-mill-text: var(--color-uncommon-text); --spinning-mill-sel-bg: var(--color-uncommon-text); --spinning-mill-sel-text: var(--color-uncommon); --spinning-mill-btn-bg: var(--color-uncommon-text); --spinning-mill-btn-text: var(--color-uncommon); --spinning-mill-btn-bg-hover: var(--color-uncommon); --spinning-mill-btn-text-hover: var(--color-uncommon-text); --spinning-mill-btn-sel-bg: var(--color-uncommon); --spinning-mill-btn-sel-text: var(--color-uncommon-text); --spinning-mill-link: var(--color-uncommon-text); --spinning-mill-link-hover: var(--color-bone);}.bg-rare { --spinning-mill-bg: var(--color-rare); --spinning-mill-text: var(--color-rare-text); --spinning-mill-sel-bg: var(--color-rare-text); --spinning-mill-sel-text: var(--color-rare); --spinning-mill-btn-bg: var(--color-rare-text); --spinning-mill-btn-text: var(--color-rare); --spinning-mill-btn-bg-hover: var(--color-rare); --spinning-mill-btn-text-hover: var(--color-rare-text); --spinning-mill-btn-sel-bg: var(--color-rare); --spinning-mill-btn-sel-text: var(--color-rare-text); --spinning-mill-link: var(--color-rare-text); --spinning-mill-link-hover: var(--color-bone);}.bg-epic { --spinning-mill-bg: var(--color-epic); --spinning-mill-text: var(--color-epic-text); --spinning-mill-sel-bg: var(--color-epic-text); --spinning-mill-sel-text: var(--color-epic); --spinning-mill-btn-bg: var(--color-epic-text); --spinning-mill-btn-text: var(--color-epic); --spinning-mill-btn-bg-hover: var(--color-epic); --spinning-mill-btn-text-hover: var(--color-epic-text); --spinning-mill-btn-sel-bg: var(--color-epic); --spinning-mill-btn-sel-text: var(--color-epic-text); --spinning-mill-link: var(--color-epic-text); --spinning-mill-link-hover: var(--color-bone);}.bg-legendary { --spinning-mill-bg: var(--color-legendary); --spinning-mill-text: var(--color-legendary-text); --spinning-mill-sel-bg: var(--color-legendary-text); --spinning-mill-sel-text: var(--color-legendary); --spinning-mill-btn-bg: var(--color-legendary-text); --spinning-mill-btn-text: var(--color-legendary); --spinning-mill-btn-bg-hover: var(--color-legendary); --spinning-mill-btn-text-hover: var(--color-legendary-text); --spinning-mill-btn-sel-bg: var(--color-legendary); --spinning-mill-btn-sel-text: var(--color-legendary-text); --spinning-mill-link: var(--color-legendary-text); --spinning-mill-link-hover: var(--color-bone);}.bg-mythic { --spinning-mill-bg: var(--color-mythic); --spinning-mill-text: var(--color-mythic-text); --spinning-mill-sel-bg: var(--color-mythic-text); --spinning-mill-sel-text: var(--color-mythic); --spinning-mill-btn-bg: var(--color-mythic-text); --spinning-mill-btn-text: var(--color-mythic); --spinning-mill-btn-bg-hover: var(--color-mythic); --spinning-mill-btn-text-hover: var(--color-mythic-text); --spinning-mill-btn-sel-bg: var(--color-mythic); --spinning-mill-btn-sel-text: var(--color-mythic-text); --spinning-mill-link: var(--color-mythic-text); --spinning-mill-link-hover: var(--color-bone);}h1, h2, h3, h4, h5, h6 { text-wrap: balance; overflow-wrap: break-word; hyphens: auto; -webkit-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; max-width: 100%;}a { text-wrap: balance; overflow-wrap: break-word; hyphens: auto; -webkit-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; max-width: 100%; font-weight: 700;}p { text-wrap: pretty; overflow-wrap: break-word; hyphens: auto; -webkit-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3; max-width: 100%;}strong, b { font-weight: 700;}em, i { font-style: normal; font-variation-settings: 'slnt' -8;}.brxe-button,.bricks-button { gap: var(--button-icon-gap);}.brxe-button svg,.bricks-button svg { width: var(--button-icon-size); height: var(--button-icon-size); flex-shrink: 0; align-self: center; }.icon-link svg { width: var(--link-icon-size); height: var(--link-icon-size); flex-shrink: 0; align-self: center;}.brxe-accordion .accordion-title svg.icon { width: var(--text-h3); height: var(--text-h3); flex-shrink: 0; align-self: center; }.brxe-accordion .accordion-title { gap: var(--space-inner-gap);}.brxe-accordion .accordion-content-wrapper { max-width: var(--inner-max);}[class*="bg-"] { background-color: var(--spinning-mill-bg); color: var(--spinning-mill-text); transition: background-color .24s ease, color .24s ease;}[class*="bg-"] ::selection { background-color: var(--spinning-mill-sel-bg); color: var(--spinning-mill-sel-text);}[class*="bg-"] .brxe-button::selection,[class*="bg-"] .bricks-button::selection,[class*="bg-"] .brxe-button *::selection,[class*="bg-"] .bricks-button *::selection { background-color: var(--spinning-mill-btn-sel-bg); color: var(--spinning-mill-btn-sel-text);}[class*="bg-"] a:not(.brxe-button):not(.bricks-button) { color: var(--spinning-mill-link); font-weight: 500; text-decoration: underline; transition: color .24s ease;}[class*="bg-"] a:not(.brxe-button):not(.bricks-button):hover { color: var(--spinning-mill-link-hover);}[class*="bg-"] .brxe-button,[class*="bg-"] .bricks-button { background-color: var(--spinning-mill-btn-bg); color: var(--spinning-mill-btn-text); text-decoration: none; border-radius: var(--border-radius); transition: all .24s ease;}[class*="bg-"] .brxe-button:hover,[class*="bg-"] .bricks-button:hover { background-color: var(--spinning-mill-btn-bg-hover); color: var(--spinning-mill-btn-text-hover);}[class*="bg-"] a:focus, [class*="bg-"] .brxe-button:focus,[class*="bg-"] .bricks-button:focus { outline: 2px dashed var(--spinning-mill-link); outline-offset: 6px; border-radius: var(--border-radius);}[class*="bg-"] .eye { display: inline-block; width: fit-content; font-weight: 300; color: var(--spinning-mill-link); border: var(--border-size) solid var(--spinning-mill-link); border-radius: var(--border-radius); padding: var(--eye-block) var(--eye-side); font-size: var(--eye-text); transition: color .24s ease, border-color .24s ease; }[class*="bg-"] { background-image: linear-gradient(color-mix(in srgb, var(--spinning-mill-text) 5%, transparent) 5px, transparent 5px), linear-gradient(90deg, color-mix(in srgb, var(--spinning-mill-text) 5%, transparent) 5px, transparent 5px); background-size: 120px 120px;background-position: calc(50% - 60px) top;} html {font-size: 100%} body {font-weight: 300; line-height: var(--text-p-line); font-size: var(--text-p)} h1 {font-size: var(--text-h1); line-height: var(--text-h1-line); font-weight: 700; margin-top: var(--space-inner-gap); margin-bottom: var(--space-inner-gap)} h2 {font-size: var(--text-h2); line-height: var(--text-h2-line); font-weight: 500; margin-top: var(--space-inner-gap); margin-bottom: var(--space-inner-gap)} h3 {font-size: var(--text-h3); line-height: var(--text-h3-line); font-weight: 500; margin-top: var(--space-inner-gap); margin-bottom: var(--space-inner-gap)} h4 {font-size: var(--text-h4); line-height: var(--text-h4-line); font-weight: 500; margin-top: var(--space-inner-gap); margin-bottom: var(--space-inner-gap)} h5 {font-size: var(--text-h5); line-height: var(--text-h5-line); font-weight: 500; margin-top: var(--space-inner-gap); margin-bottom: var(--space-inner-gap)} h6 {font-size: var(--text-h6); line-height: var(--text-h6); font-weight: 500; margin-top: var(--space-inner-gap); margin-bottom: var(--space-inner-gap)} #brx-content {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} .content-area {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} .bricks-button {font-size: var(--button-text); font-style: normal; font-weight: 500; padding-top: var(--button-block); padding-right: var(--button-side); padding-bottom: var(--button-block); padding-left: var(--button-side)} .bricks-button:where(.sm) {padding-top: var(--button-block); padding-right: var(--button-side); padding-bottom: var(--button-block); padding-left: var(--button-side)} .bricks-button:where(.md) {padding-top: var(--button-block); padding-right: var(--button-side); padding-bottom: var(--button-block); padding-left: var(--button-side)} .bricks-button:where(.lg) {padding-top: var(--button-block); padding-right: var(--button-side); padding-bottom: var(--button-block); padding-left: var(--button-side)} .bricks-button:where(.xl) {padding-top: var(--button-block); padding-right: var(--button-side); padding-bottom: var(--button-block); padding-left: var(--button-side)}.brxe-list li {margin-top: var(--space-inner-gap); margin-bottom: var(--space-inner-gap)}.brxe-list .title {margin-right: var(--space-inner-gap); margin-left: var(--space-inner-gap)}.brxe-list .meta {margin-left: var(--space-inner-gap)}.brxe-list .separator {border-top-style: solid; flex-basis: var(--space-inner-gap); border-top-width: var(--border-size)}