:root{--main-bg-image:linear-gradient(#7E8490 0%,#454B55 30%, #101317);--main-text-glow: white;--main-text-color:white;--main-font: "neue-haas-grotesk";--header-letter-spacing: 3px;--main-letter-spacing: 1.5px;--debug-border-size: 0px;--option-button-default-bg-col: rgba(255, 255, 255, .2);--option-button-selected-bg-col: rgba(255, 255, 255, .5);--option-button-default-border-col:rgba(255, 255, 255, .383);--option-button-selected-border-col:white}@font-face{font-family:neue-haas-grotesk;src:url(/assets/NeueHaasDisplayLight-0AWf-xRh.ttf);font-weight:400;font-style:normal;font-display:swap}*{color:var(--main-text-color);letter-spacing:var(--main-letter-spacing);font-family:var(--main-font);box-sizing:border-box}html{margin:0;padding:0;height:100%}body{margin:0;padding:0;height:100%;background-color:#101317}#root{margin:0;padding:0;height:100%;background-image:var(--main-bg-image)}#main-body{margin:0;height:fit-content;padding:30px 13% 0}#site-header{display:flex;flex-direction:row;margin:0;height:65px;padding:0 60px 0 35px;font-family:var(--main-font);letter-spacing:var(--header-letter-spacing);background-image:url(/assets/d2emblem-apprentice-guide-g9GaRL2A.jpg)}#site-header *{margin:0;text-transform:uppercase}#site-header h1{width:fit-content;height:100%;display:flex;white-space:nowrap;text-align:center;align-items:center;font-weight:400;letter-spacing:var(--header-letter-spacing)}#site-header h1 a{text-decoration:none}#site-header .filler{height:100%;width:100%}#site-header .header-options-container{display:flex;flex-direction:row}#site-header .header-options-container .header-option-button{cursor:pointer;font-family:var(--main-font);background-color:transparent;padding:0 20px;opacity:60%;border:none;letter-spacing:1.5px;transition:opacity .2s ease-out}#site-header .header-options-container .header-option-button:hover{opacity:100%;transition:opacity .2s ease-out}#site-header .header-options-container .header-option-button.selected{--bottom-border-size: 2px;margin-top:var(--bottom-border-size);border-bottom:var(--bottom-border-size) solid var(--main-text-color);opacity:100%}#headline{text-align:center}#headline *{margin:0;font-family:var(--main-font)}#headline h1{letter-spacing:var(--header-letter-spacing);font-size:4rem;margin-bottom:25px;font-weight:400}#headline p{letter-spacing:var(--main-letter-spacing);line-height:1.3rem}.subheader{text-align:center;margin:25px 0 15px}.option-button{text-transform:uppercase;border:1px solid;border-color:var(--option-button-default-border-col);background-color:var(--option-button-default-bg-col);padding:10px 40px;cursor:pointer;transition:border-color .2s ease-out;transition:background-color .2s ease-out}.option-button:hover,.option-button.selected{background-color:var(--option-button-selected-bg-col);transition:background-color .2s ease-out}.option-button.selected{border-color:var(--option-button-selected-border-col);transition:border-color .2s ease-out}#api-option-buttons-container{display:flex;flex-direction:row;margin:0;gap:30px;width:100%;justify-content:center}#api-option-buttons-container *{margin:0}#api-option-buttons-container .option-button{font-size:1rem}.input-field{margin:0;background-color:var(--option-button-default-bg-col);outline:none;border:1px solid var(--option-button-default-border-col)}.input-field:focus{outline:1.5px solid var(--option-button-selected-border-col);outline-offset:1.5px;transition:outline .2s ease-out}.api-input-field-container{margin:30px 0 0;display:flex;flex-direction:column;align-items:center}.api-input-field-container .input-field{max-width:500px;width:100%;padding:8px 13px}.api-input-field-container [type=submit]{margin-top:20px}span.api-option-hint{color:#fff6a8}#footer{padding-bottom:15px;border-top:1px solid var(--main-text-color)}#footer .footer-heading{text-align:center;font-weight:400}#footer ul{list-style:none}#footer ul *{font-size:.7rem}#footer ul li{margin:0;padding:2px}#footer ul p{display:inline-block;min-width:90px;margin:0}