.tool-banner{box-sizing:border-box;display:flex;flex-direction:column;isolation:isolate;justify-content:center;min-height:130px;overflow:hidden;padding:20px var(--wh-margin-interior-body);position:relative}.tool-banner:before{background:var(--tool-banner-scrim, none),var(--tool-banner-image, none) var(--tool-banner-position, center)/cover,#181818;content:"";inset:0;position:absolute;z-index:-1}.tool-banner[data-art=classic-hunter-beast-mastery]{--tool-banner-scrim: linear-gradient(to right, #302040 0, #302040 max(200px, 18%), rgba(48, 32, 64, 0) max(440px, 42%))}.tool-banner[data-art=legacy-calculator]{--tool-banner-position: center 70%;--tool-banner-scrim: linear-gradient( to right, rgba(16, 16, 16, 0.85) 0, rgba(16, 16, 16, 0.7) max(200px, 18%), rgba(16, 16, 16, 0) max(520px, 48%) )}.tool-banner[data-art=classicplus-paladin-new-1],.tool-banner[data-art=classicplus-druid-new-1]{--tool-banner-scrim: linear-gradient( to right, rgba(16, 16, 16, 0.85) 0, rgba(16, 16, 16, 0.7) max(200px, 18%), rgba(16, 16, 16, 0) max(440px, 42%) )}body[data-display=tablet] .tool-banner,body:not([data-display]) .tool-banner{padding-left:var(--layout-spacing);padding-right:var(--layout-spacing)}@container (width <= 499px){.tool-banner{min-height:80px;padding-bottom:0;padding-top:0}}.tool-banner-title{color:#fff;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.6)}.tool-banner-title-slot{display:contents}