.bannerPubLink{text-decoration:none;display:block}.bannerPub{aspect-ratio:8/2;border-radius:var(--cardbradius);width:100%;margin:calc(var(--padding)*1.5)0;background:var(--bg-300);box-shadow:var(--box-shadow);cursor:pointer;position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s!important}.bannerPub:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000002e}.bannerPub:hover .bannerPubImg{filter:brightness(1.04)}.bannerPubImg{object-fit:cover;width:100%;height:100%;animation:.5s forwards bannerFadeIn;display:block;position:absolute;inset:0;transition:filter .3s!important}@keyframes bannerFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.bannerPubLabel{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffc;font-size:calc(var(--textsize)*.55);text-transform:uppercase;letter-spacing:.1em;pointer-events:none;background:#00000073;border:1px solid #ffffff26;border-radius:3rem;padding:.3rem .9rem;font-weight:700;position:absolute;top:1rem;right:1rem}.bannerProgress{background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:3;pointer-events:none;height:3px;animation:5s linear forwards bannerProgressAnim;position:absolute;bottom:0;left:0}@keyframes bannerProgressAnim{0%{width:0%}to{width:100%}}.bannerDots{z-index:3;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.bannerDot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:.7rem;height:.7rem;padding:0;transition:background .25s,transform .25s,width .25s!important}.bannerDot.active{background:#fff;border-radius:3rem;width:2.2rem;transform:none}.bannerDot:hover:not(.active){background:#ffffffbf;transform:scale(1.2)}@media (max-width:768px){.bannerPub{aspect-ratio:4/2;border-radius:var(--bradius)}}@media (max-width:450px){.bannerPub{aspect-ratio:3/2}}