.site-search{flex:1 1 auto;padding:0 10px}@media screen and (max-width: 1023px){.site-search{display:none}}.site-search__form{display:flex;align-items:center;padding:12px 20px}.site-search__icon{height:26px;width:26px;padding:8px;cursor:pointer;display:inline-block}@media screen and (min-width: 1023px){.site-search__icon{box-sizing:initial}}.site-search .react-autosuggest__input{color:#fff;background:0;font-size:18px;border:0;font-family:Roboto,Helvetica,sans-serif;margin:0 20px;width:100%;padding-top:2px}.site-search .react-autosuggest__input::placeholder{color:#979aa4;font-weight:700}.site-search .react-autosuggest__input:focus{border:0;outline:0 !important}.site-search .react-autosuggest__container{position:relative;width:100%}.site-search .react-autosuggest__suggestions-container{top:32px;left:0;right:0;position:absolute;z-index:9999}.site-search .react-autosuggest__suggestions-list{width:unset;display:block;right:-1px;left:-1px;border:1px solid #c5c5c5;box-shadow:0 10px 20px 0 rgba(0,0,0,.5);background:#fff;color:#333;list-style:none;padding:0;margin:0;outline:0;font-family:Roboto,Helvetica,sans-serif;font-size:16px;font-weight:bold;cursor:pointer}.site-search .react-autosuggest__suggestion{width:100%}.site-search .react-autosuggest__suggestion:hover,.site-search .react-autosuggest__suggestion--highlighted{background:#ededed}.site-search .react-autosuggest__suggestion .site-search__suggestion-link{display:inline-block;padding:10px 20px}
.socials{display:none}@media screen and (min-width: 1024px){.socials{display:block;align-items:center;display:flex;list-style:none;list-style-image:none;margin:0;padding:1.375rem 1.25rem 1.125rem 1.25rem}}.socials__item{margin-left:20px;background:center center rgba(0,0,0,0) no-repeat;display:inline-block;vertical-align:middle}.socials__icon{width:1.125rem;height:1.125rem;filter:brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(6953%) hue-rotate(188deg) brightness(109%) contrast(107%)}
.user-details{display:flex;color:#fff;font-family:Roboto,"Open Sans",Helvetica,sans-serif;font-size:13px;padding:0 20px;align-items:center;border-left:1px solid #202b33;height:100%}@media screen and (min-width: 1024px){.user-details{padding:0 10px 0 20px}}@media screen and (min-width: 1200px){.user-details{display:flex;list-style:none;list-style-image:none;margin:0;position:relative}}.user-details__profile-link{position:absolute;top:0;right:0;bottom:0;left:0}.user-details__avatar{border-radius:50%;box-shadow:0 3px 23px rgba(80,134,255,0);transition:250ms;max-width:100%;max-height:100%;width:22px;height:22px}.user-details__name{cursor:default;padding-left:8px;max-width:100px;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 1023px){.user-details__name{display:none}}.user-details__menu{display:block;list-style:none;width:150px;background-color:#1a2127;position:absolute;right:0;top:64px;padding:0;transition:opacity 250ms;z-index:102;margin:0}@media screen and (max-width: 1023px){.user-details__menu{display:none}}.user-details__menu--hidden{display:none}.user-details__menu-item{padding:10px 15px;border-top:1px solid #131b22;cursor:pointer}.user-details__menu-item:hover{background-color:#242e36}.user-details__menu-item .button-material-ui{display:flex;flex-direction:column;align-items:center;padding:8px 22px;background:#1b9af0;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px rgba(0,0,0,.14),0px 1px 5px rgba(0,0,0,.12);border-radius:4px !important;color:#fff !important;text-transform:uppercase;font-weight:500;letter-spacing:.4px;border:0;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.user-details__menu-item .button-material-ui:hover{cursor:pointer;text-decoration:none !important;background:#1579bd;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.user-details__link{text-decoration:none;display:block;color:#fff}.user-details__logout{background:none;border:none;padding:0;color:#fff;font-size:13px;font-family:Roboto,"Open Sans",Helvetica,sans-serif;cursor:pointer}.user-details__preview{display:flex;align-items:center;height:100%;line-height:64px}
@font-face{font-family:"Roboto";src:url("https://www.dndbeyond.com/fonts/roboto-regular.woff2") format("woff2")}@font-face{font-family:"Roboto Condensed";src:url("https://www.dndbeyond.com/fonts/robotocondensed-regular-webfont.woff2") format("woff2")}.anonymous-user{display:flex;justify-content:space-around;height:100%;padding:0 10px 0 20px;align-items:center;border-left:1px solid #202b33}.anonymous-user__link,.anonymous-user__link--register{flex:0 0 auto;text-decoration:none;color:#fff;font-family:Roboto,"Open Sans",Helvetica,sans-serif;font-size:13px;padding:0 20px;margin:0 20px}.anonymous-user__link--register{font-weight:bold;font-size:16px;background-color:#bc0f0f;padding:9px 20px}
.user-interactions{position:relative;color:#fff;font-family:Roboto,"Open Sans",Helvetica,sans-serif;font-size:13px;height:100%}.user-interactions__menu{height:100%;border-left:none;display:block;align-items:center;display:flex;list-style:none;list-style-image:none;margin:0;padding:0 10px}@media screen and (min-width: 1024px){.user-interactions__menu{border-left:1px solid #202b33}}.user-interactions__menu-item{position:relative}@media screen and (max-width: 1200px){.user-interactions__menu-item--collapsible{display:none}}.user-interactions__menu-item--more{height:100%;line-height:64px}@media screen and (min-width: 1200px){.user-interactions__menu-item--more{display:none}}@media screen and (max-width: 1023px){.user-interactions__menu-item--more{display:none}}.user-interactions__menu-item--more::after{content:"";display:inline-block;vertical-align:middle;width:0;height:0;border:4px solid #fff;border-bottom:0 rgba(0,0,0,0);border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);margin-left:-4px;margin-right:10px;position:relative}.user-interactions__menu-item--more .user-interactions__menu-badge{top:-6px;right:19px}.user-interactions__menu-icon{margin:0 10px;background:center center rgba(0,0,0,0) no-repeat;background-size:18px;display:inline-block;height:18px;vertical-align:middle;width:18px}.user-interactions__menu-badge{background-color:#e82626;color:#fff;font-size:8px;padding:1px 4px;border-radius:3px;vertical-align:middle;line-height:1.4;position:absolute;top:-5px;right:4px}.user-interactions__cp-menu{display:block;list-style:none;background-color:#1a2127;position:absolute;right:0;top:64px;padding:0;transition:opacity 250ms;text-align:right;z-index:102}.user-interactions__cp-menu--hidden{display:none}.user-interactions__cp-menu-item{padding:10px 15px 10px 30px;border-top:1px solid #131b22;cursor:pointer}.user-interactions__cp-menu-item:hover{background-color:#242e36}.user-interactions__cp-menu-link{text-decoration:none;display:block;color:#fff}.user-interactions__cp-menu .user-interactions__menu-badge{position:unset;margin-right:5px}
.site-bar{height:64px;width:100%;background-color:#090809;border-bottom:1px solid #e40712;box-sizing:border-box}@media screen and (max-width: 1023px){.site-bar{height:47px;display:flex;justify-content:flex-end;border-bottom:none}}.site-bar__container{max-width:1200px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto;box-sizing:content-box}@media screen and (max-width: 1023px){.site-bar__container{margin:0;height:47px}}.site-bar__logo svg,.site-bar__logo img{height:40px;width:126px;margin:12px}@media screen and (max-width: 1023px){.site-bar__logo svg,.site-bar__logo img{display:none}}