@import"https://fonts.googleapis.com/css?family=Lobster:400,400i,700,700i";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-white: #ffffff;--color-white-soft: #f8f8f8;--color-white-mute: #f2f2f2;--color-black: #181818;--color-black-soft: #222222;--color-black-mute: #282828;--color-black-alternate: #2A2A2A;--color-grey: #454545;--color-grey-soft: #5a5a5a;--color-grey-light: #6c6c6c;--color-primary: #FF8225;--color-secondary: #B43F3F;--color-tertiary: #173B45;--color-accent: #F8EDED;--color-accent-red: #FF4C4C;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:var(--color-black-soft);color:var(--color-white-mute);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.button-primary{color:var(--color-primary);background-color:var(--color-black-mute);border:2px solid var(--color-primary);cursor:pointer;border-radius:.75rem;padding:.5rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:700}.menu-item-bottom{border-color:var(--color-secondary);visibility:hidden;padding:0 1em;left:-2em;border-bottom-width:4px}.tabPanel-tabName-bottom{border-color:var(--color-secondary);position:relative;visibility:hidden;left:-3em;border-bottom-width:4px}.item-hover{visibility:visible;left:0}.text-primary{color:var(--color-primary)}.card{border-radius:.5rem;padding:.5rem}.icon-medium{fill:var(--color-grey);height:2rem;width:2rem}.icon-small-primary{fill:var(--color-primary);height:1.5rem;width:1.5rem}.icon-medium-secondary{fill:var(--color-secondary);height:2rem;width:2rem}.icon-medium-tertiary{fill:var(--color-tertiary);height:2rem;width:2rem}.icon-small-accent{fill:var(--color-accent);height:1.5rem;width:1.5rem}.sideMenuOverlay{background-color:#333;border-right:1px solid #4C4C4C}.menuoverlay{left:-80em;visibility:hidden}.showOverlay{left:0;visibility:visible}.childNode{opacity:0;height:0;visibility:hidden;background-color:var(--color-black-mute);top:.5em;z-index:20}.showSNav{visibility:visible;opacity:1;top:3em;height:auto}.expand{opacity:1;height:auto;visibility:visible}.carouselContainer{left:0;opacity:1}.container-input{display:flex;flex-direction:column}.input-label{font-size:1.25rem;line-height:1.75rem;font-weight:700}.form-input{background-color:transparent;color:var(--color-black-soft)}.pageIndicators{border-radius:9999px;border:4px solid var(--color-tertiary);opacity:80%}.active-page{border-color:var(--color-accent);opacity:70%}.overlay-screen{background:var(--color-black);z-index:30;width:100%;height:100vh;opacity:.5;position:absolute;top:0;left:0}.icon-small-grey{fill:var(--color-grey-light);height:1.5rem;width:1.5rem}.icon-medium-grey{fill:var(--color-grey-light);height:2rem;width:2rem}.icon-large-grey{fill:var(--color-grey-light);height:2.5rem;width:2.5rem}.form-input{background-color:var(--color-black-mute);color:#6b7280}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-5{grid-column:span 5 / span 5}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0px}.h-24{height:6rem}.h-3\/4{height:75%}.h-4{height:1rem}.h-4\/6{height:66.666667%}.h-8{height:2rem}.h-\[5\.5rem\]{height:5.5rem}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-\[375px\]{max-height:375px}.max-h-\[400px\]{max-height:400px}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80vh\]{max-height:80vh}.max-h-full{max-height:100%}.min-h-6{min-height:1.5rem}.w-1\/4{width:25%}.w-1\/6{width:16.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\/4{width:75%}.w-40{width:10rem}.w-\[70\%\]{width:70%}.w-full{width:100%}.-translate-x-8{--tw-translate-x: -2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-9{--tw-translate-x: -2.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\.5{--tw-translate-y: -.625rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-4{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-8{--tw-translate-y: -2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-32{--tw-translate-x: 8rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y: 3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-6{--tw-translate-y: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y: 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.place-self-end{place-self:end}.place-self-center{place-self:center}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-t-0{border-top-width:0px}.p-0{padding:0}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{margin:0;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.heading-item{padding:.2em}.heading-item-child{padding:.2em .5em}input{background-color:#242424}.blank-line{height:1em}.slideLeft{left:-2em}.slideRight{left:2em}.fade{opacity:0}.alternate1{background-color:#242424}.alternate2{background-color:#4c4c4c}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.dataPanel{width:100;display:flex;flex-direction:column;border-radius:.5rem}.tabPanel-tabName{cursor:pointer}.tabPanel-activeTabName{border-bottom:2px solid var(--color-secondary)}.tabPanel-component{display:none}.tabPanel-activeComponent{display:block}.highlight-hover{background:var(--color-grey)}.focus-hover{border:2px solid #646cff}.focus-dropdown{border:1px solid var(--color-black);background:var(--color-black-soft);border-radius:.25em;padding:1em;z-index:10;opacity:0;visibility:hidden;top:2em;transition:opacity .25s ease-out,top .25s ease-out}.drop-appear{top:6em;visibility:visible;opacity:1}.animationPanel{visibility:hidden;position:relative;--tw-skew-x: 80deg;--tw-scale-y: .1;--tw-scale-x: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));left:-20em;height:0}.flyRight{left:0;height:auto;visibility:visible;--tw-skew-x: 0deg;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hideModal{height:0;width:0;visibility:hidden;transform:rotate(90deg);transform:skew(110deg)}.showModal{height:100%;width:100%;visibility:visible;transform:rotate(0);transform:skew(0)}.modal{background-color:var(--color-black-soft);border:2px solid var(--color-grey-light);border-radius:.25rem;--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition:transform .25s ease-out}.center-modal{position:absolute;width:30em;height:30em;z-index:1}.tabPanel-tab-active{color:var(--color-primary);font-weight:700;visibility:visible;left:0}.display-normal{left:0;visibility:visible;width:100%}.animationPanel{transition:left .25s,transform .25s,visibility .05s ease}.menu-item-bottom,.tabPanel-tabName-bottom{transition:left .15s ease}.menuoverlay{transition:left .25s,visibility .12s ease}.childNode{transition:opacity .25s,top .1s ease}.carouselContainer{transition:opacity .12s,left .2s ease}.main-content{transform:translate(1.5em);transition:transform .4s ease-in}.push-right{transform:translate(16em)}.push-right-xl{transform:translate(26em)}.toolbar{padding-bottom:.2em}.showPanel{visibility:visible!important;opacity:1!important;left:0!important}.boutline{border:2px solid var(--color-accent);border-radius:.375em}.notfound-header{font-size:4em;font-weight:700}.notfound-text{font-size:1.5em;text-align:center}#medal-set-card{background-color:var(--color-black-soft)}.bookIcon{z-index:20;fill:var(--color-secondary)}.logo-meddler{width:400px}.logo-mcoin{width:50px}.content-header{font-size:3em;font-weight:700;padding:.5em 0}.content-text{padding:.5em;font-size:1.35em;line-height:2.2em}.side-panel{width:100%;padding:1em;border:2px solid var(--color-grey);border-radius:.5em;background-color:var(--color-black-soft)}.category-divide{border-bottom:.3em solid var(--color-primary)}.clickable-button{text-align:center;cursor:pointer;width:4em;border-radius:.5em;border:2px solid var(--color-secondary);color:var(--color-secondary);transition:border .1s ease-out}.highlight-border{border:2px solid var(--color-tertiary)}.side-icon-tab{position:fixed;top:5em;border-radius:.75rem}.sideconFill{stroke:transparent;fill:var(--color-secondary);height:2em;width:2em}.stackcon{stroke:var(--color-secondary);fill:transparent;height:2em;width:2em;position:relative;cursor:pointer;left:0;top:0}.icon-stack-border{border-top:var(--color-secondary) 2px solid;border-left:var(--color-secondary) 2px solid;border-radius:.2em;padding:2px 0 0 2px;height:2em;width:1.5em}.icon-stack-icon{position:relative;stroke:var(--color-secondary);fill:transparent;height:2em;width:2em;top:-3px;left:-3px}.sidecon{stroke:var(--color-secondary);fill:transparent;height:2em;width:2em;cursor:pointer}.collapse-panel{background-color:transparent;height:90%;overflow-y:auto;width:0;opacity:0;transition:transform .35s ease-out,opacity .4s ease-out}.show-collapse-panel{opacity:1;width:25%}.phalange{position:fixed;background-color:transparent;height:90%;transform:translate(6em);overflow-y:auto;width:20em;opacity:0;transition:transform .35s ease-out,opacity .4s ease-out}.show-phalange{opacity:1;transform:translate(2em)}.bookmark-light{height:1em;width:1em;fill:none;stroke:var(--color-white-soft);stroke-width:.15em}.medal-empty{border:2px solid var(--color-grey-soft);border-radius:9999px;height:5em;width:5em}.medal-toolbar{background-color:var(--color-black-soft);border-bottom:2px solid var(--color-secondary);width:48%}.trait-header{color:var(--color-primary);border-bottom:2px solid var(--color-secondary);font-weight:700}.cutTop{position:relative;padding:10px;border:1px solid var(--color-grey-soft);border-top:10px solid var(--color-grey-soft);background:var(--color-black-soft);border-radius:.125em}.cutTop:before{content:"";position:absolute;top:-2px;left:-1px;border-top:20px solid var(--color-grey-soft);border-right:22px solid transparent;border-radius:.125rem}.cutTop:after{position:absolute;left:-1px;top:-10px;content:"";border-top:18px solid var(--color-black-soft);border-right:20px solid transparent}.cutTopPrimary{position:relative;padding:10px;border:1px solid var(--color-primary);border-top:20px solid var(--color-primary);background:var(--color-black-soft);border-radius:.125em}.cutTopPrimary:before{content:"";position:absolute;top:-2px;left:-1px;border-top:20px solid var(--color-primary);border-right:22px solid transparent;border-radius:.125rem}.cutTopPrimary:after{position:absolute;left:-1px;top:-20px;content:"";border-top:28px solid var(--color-black-soft);border-right:30px solid transparent}.cutBottom{position:relative;padding:0;border:1px solid var(--color-grey-light);border-bottom:25px solid var(--color-grey-light);background:var(--color-black-soft);border-radius:.125em}.cutBottom:before{content:"";position:absolute;bottom:0;right:0;border-bottom:25px solid var(--color-grey-light);border-left:25px solid transparent}.cutBottom:after{position:absolute;right:-1px;bottom:-25px;content:"";border-bottom:20px solid var(--color-black-soft);border-left:20px solid transparent}.cutBottomPrimary{position:relative;padding:10px;border:1px solid var(--color-primary);border-bottom:25px solid var(--color-primary);background:var(--color-black-soft);border-radius:.125em}.cutBottomPrimary:before{content:"";position:absolute;bottom:0;right:0;border-bottom:25px solid var(--color-primary);border-left:25px solid transparent}.cutBottomPrimary:after{position:absolute;right:-1px;bottom:-25px;content:"";border-bottom:20px solid var(--color-black-soft);border-left:20px solid transparent}.cutBottomSecondary{position:relative;padding:10px;border:1px solid var(--color-secondary);border-bottom:25px solid var(--color-secondary);background:var(--color-black-soft);border-radius:.125em}.cutBottomSecondary:before{content:"";position:absolute;bottom:0;right:0;border-bottom:25px solid var(--color-secondary);border-left:25px solid transparent}.cutBottomSecondary:after{position:absolute;right:-1px;bottom:-25px;content:"";border-bottom:20px solid var(--color-black-soft);border-left:20px solid transparent}.show{display:block}.hide{display:none}.medal-image{height:5em;width:5em;opacity:1}.dragging{opacity:.6}.medal-viewbox{height:250px;transition:height .35s ease-out}.expand-box{height:650px}.medal-list{overflow-y:auto;margin:5em 0}.medal-name{text-align:center;max-height:1em;max-width:10em}.medal-name-xs{font-size:.75em}.medal-name-sm{font-size:.9em}.trait-list{overflow-y:auto;left:-10px;opacity:0;transition:opacity .25s,left .2s linear}.medalPortrait{background-color:var(--color-black-mute)}.medalPortraitActive{background-color:var(--color-primary)}.medalPortraitDroppable{background-color:var(--color-secondary)}.show-traits{left:0;opacity:1}.max-text{color:var(--color-accent-red);font-weight:700}.primary-tag{color:var(--color-tertiary);font-weight:700}.trait-alternate{background-color:var(--color-black-alternate)}.portrait-bg{background-color:var(--color-grey-light)}.transparent{background-color:transparent}.star-icon{fill:#ffde4d;stroke:#f3feb8;stroke-width:.05em;height:1.75em}.trait-tag{padding:.25em .3em;background-color:var(--color-secondary);color:var(--color-white-mute);font-weight:700;border:2px solid var(--color-secondary);border-radius:.5em}.filter-drop{top:-20px;right:0;padding:.5em 1.5em;visibility:hidden;border:1px solid var(--color-black-mute);background-color:var(--color-black);color:var(--color-accent);opacity:0;will-change:top,opacity}.spin-medal{animation-name:medal-spin;animation-duration:.75s;animation-timing-function:ease-out;transform-origin:36.5% 35%}.fade-out{animation-timing-function:ease-out;animation:fade 1s 1 ease-out}.flash-slow{animation-timing-function:ease-out;animation:blink .75s 2 ease-out}.showdrop{visibility:visible;opacity:1;top:55px}.filter-drop{transition:opacity .25s,top .1s ease}.loader,.loader:after{border-radius:50%;width:5em;height:5em}.loader{width:40px;height:40px;margin:20px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #ffffff;transform:translateZ(0);animation:load8 .75s infinite linear}.form-seperator{border-bottom:2px solid var(--color-tertiary)}.calc-input{border:1px solid var(--color-tertiary);border-radius:.35em;width:4em}.calc-output{color:var(--color-secondary);font-weight:700;font-size:1.8em}.calc-fieldName{color:var(--color-primary);font-size:1.1rem;font-weight:700}.calc-formula{margin-top:1em;font-size:1 rem;font-weight:700;color:#ccc}.calc-footnote{font-size:.8em;color:var(--color-accent)}.annotation{font-size:.6em}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes medal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@media screen and (max-width: 900px){nav{display:none}}li.active>a{color:var(--color-primary)}li>a:hover{color:var(--color-primary)}h2,h3{padding-top:16px;margin-top:-16px}@media screen and (max-width: 1024px){.responsive-panel{width:50%;overflow-x:hidden;overflow-y:auto;opacity:0;left:-3em;transition:opacity .3s ease-out,left .3s ease-out}}@media screen and (max-width: 768px){.medal-image{height:4em;width:4em}.responsive-panel{width:80%}.medal-toolbar{width:90%}.expand-box{height:400px}.push-right{transform:translate(26em)}.center-modal{top:0;left:10%;width:75%;height:55%}}@media (min-width: 768px){.md\:h-3\/5{height:60%}.md\:max-h-\[650px\]{max-height:650px}.md\:w-1\/2{width:50%}.md\:w-3\/4{width:75%}.md\:w-auto{width:auto}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-0{gap:0px}.md\:gap-2{gap:.5rem}}@media (min-width: 1024px){.lg\:relative{position:relative}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-32{height:8rem}.lg\:h-\[350px\]{height:350px}.lg\:h-\[450px\]{height:450px}.lg\:max-h-\[600px\]{max-height:600px}.lg\:max-h-\[700px\]{max-height:700px}.lg\:max-h-\[75vh\]{max-height:75vh}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-28{width:7rem}.lg\:w-3\/4{width:75%}.lg\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-y-\[0\.1em\]{--tw-translate-y: .1em;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:gap-8{gap:2rem}.lg\:overflow-x-auto{overflow-x:auto}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1280px){.xl\:w-1\/2{width:50%}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}