:export{surfacePrimary:var(--surface-primary);surfaceSecondary:var(--surface-secondary);surfaceInteractive:var(--surface-interactive);surfaceClickable:var(--surface-clickable)}.page-banner{width:100%;position:relative;border-bottom:2px solid hsl(var(--border-primary));padding:var(--spacing-8) 0;margin-bottom:var(--spacing-6);overflow:hidden;min-height:400px}.page-banner__image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;z-index:2}.page-banner__image-container>span{position:relative!important;width:100%!important;height:100%!important}.page-banner__image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsl(var(--surface-primary)/.95) 0,hsl(var(--surface-primary)/.9) 20%,hsl(var(--surface-primary)/.7) 40%,hsl(var(--surface-primary)/.4) 60%,transparent 80%);z-index:1}.page-banner__image{width:100%;height:100%;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center center;object-position:center center;opacity:0;transition:opacity .6s ease-in-out}.page-banner__image--loaded{opacity:.5}@media(max-width:768px){.page-banner__image{-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}}.page-banner--with-image .page-banner__container,.page-banner__container{position:relative;z-index:3}.page-banner__container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--spacing-xl);flex-direction:column;align-items:center;min-height:400px;display:flex}.page-banner__content{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl)}.page-banner__text{display:flex;flex-direction:column;gap:var(--spacing-2);flex:0 0 auto;position:absolute;z-index:99999999;bottom:0;top:0;left:var(--spacing-l);margin:auto;justify-content:center}.page-banner__title{font-size:var(--font-size-4xl);font-weight:300;color:hsl(var(--content-primary));margin:0}.page-banner__title,.page-banner__title-extra{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.page-banner__title-extra{font-size:var(--font-size-2xl);font-weight:400;color:hsl(var(--surface-interactive));margin:var(--spacing-xs) 0 0 0;max-width:-moz-fit-content;max-width:fit-content}.page-banner__subtitle{font-size:var(--font-size-lg);color:hsl(var(--content-secondary));margin:0;padding-top:5px;font-weight:var(--font-weight-normal)}.page-banner__subtitle a,.page-banner__subtitle div,.page-banner__subtitle span{margin:0;padding:0;display:flex;gap:4px}.page-banner__subtitle .species-detail__loot-item-name a{color:#f97415!important}.page-banner__badge{margin-top:var(--spacing-sm)}.page-banner__extra{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md)}.page-banner--mob .page-banner__title{font-weight:300}@media(max-width:768px){.page-banner{padding:var(--spacing-4) var(--spacing-3);margin-bottom:var(--spacing-4);min-height:auto!important;display:flex;flex-direction:column}.page-banner__image-container{width:100%;opacity:.2;height:200px!important;min-height:200px!important}.page-banner__container{display:flex;flex-direction:column;justify-content:flex-start;min-height:auto!important;padding:0 var(--spacing-sm);position:static!important}.page-banner__content{align-items:stretch;gap:var(--spacing-sm)}.page-banner__content,.page-banner__text{flex-direction:column;text-align:left;width:100%;position:static!important}.page-banner__text{align-items:flex-start;justify-content:flex-start;display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#000;border:1px solid hsl(var(--brand-primary));border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);order:1}.page-banner__title{font-size:var(--font-size-xl);text-align:left;line-height:1.2;color:#fff!important;margin:0}.page-banner__title-extra{text-align:left;font-size:var(--font-size-base);margin:0}.page-banner__subtitle{text-align:left}.page-banner__subtitle,.page-banner__subtitle a,.page-banner__subtitle div,.page-banner__subtitle span{font-size:var(--font-size-sm);justify-content:flex-start}.page-banner__extra{align-items:stretch;width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);position:static!important;order:2}.page-banner__extra>*{position:static!important;width:100%!important}}@media(min-width:769px)and (max-width:1024px){.page-banner__title{font-size:var(--font-size-3xl)}}