[data-aj-mode=dark] .aj-Banner,[data-aj-mode=dark].aj .aj-Banner{--textColor:var(--aj-palette-neutral-11);--textActiveColor:var(--aj-palette-neutral-09);--borderColor:var(--aj-palette-neutral-03);--borderHoverColor:var(--aj-palette-neutral-06);--borderActiveColor:var(--aj-palette-neutral-04);--bg:var(--aj-palette-black);--actionAffordanceBg:var(--aj-palette-white);--actionAffordanceActiveBg:var(--aj-palette-neutral-12);--actionAffordanceColor:var(--aj-palette-black);--shineColor:var(--aj-palette-neutralRgb-06)}[data-aj-mode=light] .aj-Banner,[data-aj-mode=light].aj .aj-Banner{--textColor:var(--aj-palette-neutral-04);--textActiveColor:var(--aj-palette-neutral-06);--borderColor:var(--aj-palette-neutral-12);--borderHoverColor:var(--aj-palette-neutral-09);--borderActiveColor:var(--aj-palette-neutral-11);--bg:var(--aj-palette-white);--actionAffordanceBg:var(--aj-palette-black);--actionAffordanceActiveBg:var(--aj-palette-neutral-04);--actionAffordanceColor:var(--aj-palette-white);--shineColor:var(--aj-palette-neutralRgb-09)}.aj-Banner{--transitionDuration:.55s}.aj-Banner:active{--transitionDuration:calc(.55s * .2)}.aj-Banner{--shineDuration:var(--transitionDuration)}.aj-Banner.aj-Banner-md{--padLeft:calc(var(--sp) * .75);--padRight:calc(var(--sp) * .75);--padTop:calc(var(--sp) * .75);--padBottom:calc(var(--sp) * .75);--padInline:calc(var(--sp) * 1.5);--contentPadX:calc(var(--sp) * 1.5);--actionAffordanceSize:calc(var(--sp) * 3.25);--actionAffordanceIconSize:calc(var(--sp) * 2);--height:calc(var(--padTop) + var(--padBottom) + var(--actionAffordanceSize))}.aj-Banner{border-style:solid;border-width:1px;justify-content:center;align-items:center;margin:auto;display:flex;position:relative}.aj-Banner .aj-Banner-clickableArea{z-index:100;cursor:pointer;display:block;position:absolute;inset:0}.aj-Banner .aj-Banner-content{z-index:10}.aj-Banner .aj-Banner-decoratorEnd{z-index:10;flex:none;justify-content:center;align-items:center;display:inline-flex}.aj-Banner{gap:var(--padInline);border-color:var(--borderColor);color:var(--textColor);background-color:var(--bg)}.aj-Banner .aj-Banner-decoratorEnd{background-color:var(--actionAffordanceBg);border-radius:calc(var(--actionAffordanceSize) * .5)}.aj-Banner .aj-Banner-decoratorEnd .aj-Icon{color:var(--actionAffordanceColor)}:is(.aj-Banner:hover,.aj-Banner:focus,.aj-Banner.aj-Banner:has(.aj-Banner-clickableArea:hover),.aj-Banner.aj-Banner:has(.aj-Banner-clickableArea:focus)){border-color:var(--borderHoverColor)}:is(.aj-Banner:active,.aj-Banner.aj-Banner:has(.aj-Banner-clickableArea:active)){color:var(--textActiveColor);border-color:var(--borderActiveColor)}:is(.aj-Banner:active .aj-Banner-decoratorEnd,.aj-Banner.aj-Banner:has(.aj-Banner-clickableArea:active) .aj-Banner-decoratorEnd){background-color:var(--actionAffordanceActiveBg)}.aj-Banner{padding-left:var(--padLeft);padding-right:var(--padRight);padding-top:var(--padTop);padding-bottom:var(--padBottom);height:var(--height);border-radius:calc(var(--height) * .5)}.aj-Banner .aj-Banner-content{padding:0 var(--contentPadX)}.aj-Banner .aj-Banner-decoratorEnd{height:var(--actionAffordanceSize);width:var(--actionAffordanceSize)}.aj-Banner .aj-Banner-decoratorEnd .aj-Icon{height:var(--actionAffordanceIconSize);width:var(--actionAffordanceIconSize)}.aj-Banner{transition:all var(--transitionDuration) ease-out;overflow:hidden}.aj-Banner .aj-Banner-clickableArea{mix-blend-mode:lighten}.aj-Banner .aj-Banner-clickableArea:before{content:"";background:linear-gradient(120deg, transparent, transparent 5%, rgba(var(--shineColor)/.5), rgba(var(--shineColor)/.3) 60%, transparent 95%, transparent);z-index:0;transform:scaleX(1.5) translateX(var(--translateX));--translateX:-100%;transition:all var(--shineDuration) ease-out;background-size:100% 100%;position:absolute;inset:0}.aj-Banner .aj-Banner-clickableArea:hover:before,.aj-Banner .aj-Banner-clickableArea:focus:before,.aj-Banner .aj-Banner-clickableArea:active:before{background:linear-gradient(120deg, transparent, transparent 5%, rgba(var(--shineColor)/.3), rgba(var(--shineColor)/.5) 60%, transparent 95%, transparent);--translateX:100%}.aj-Banner .aj-Banner-decoratorEnd{transition:all var(--transitionDuration) ease-out}