.nxb4545-card{position:relative}
.nxb4545-card-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white;transition:opacity .24s ease;pointer-events:none}
.nxb4545-card-picture>.nxb4545-card-primary{opacity:1}
.nxb4545-card-picture>.nxb4545-card-secondary{opacity:0}
.nxb4545-card-picture.nxb4545-show-section>.nxb4545-card-primary{opacity:0}
.nxb4545-card-picture.nxb4545-show-section>.nxb4545-card-secondary{opacity:1}
.nxb4545-card-toggle{display:none;position:absolute;right:10px;top:10px;z-index:2;min-height:40px;padding:8px 12px;border:1px solid #bcd1e5;border-radius:8px;background:#fffffff2;color:#0065db;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #16375112}
@media(hover:none),(pointer:coarse){.nxb4545-card-toggle{display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.nxb4545-card-picture>img{transition:none}}
.nxb4545-card-toggle:focus-visible{outline:3px solid #0065db;outline-offset:3px}
/* The original pictures remain separate img elements. Only their presentation is animated. */
.nxb4545-card-picture .nxb4545-badge-cover{position:absolute;left:64%;top:79.5%;width:36%;height:20.5%;background:#fff;pointer-events:none;z-index:1}
.nxb4545-badge-motion{position:absolute;left:2.8%;top:2.4%;width:95.8%;height:92.7%;transform-origin:center}
.nxb4545-card-picture .nxb4545-badge-motion>img{display:block;width:100%;height:100%;object-fit:fill;margin:0}
.nxb4545-badge-shine{position:absolute;inset:0;mask:var(--nxb-badge-mask,url('kanal10-blue-mask.png')) center/100% 100% no-repeat;-webkit-mask:var(--nxb-badge-mask,url('kanal10-blue-mask.png')) center/100% 100% no-repeat;overflow:hidden}
.nxb4545-badge-shine:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 37%,#bce9ff88 49%,transparent 61%);transform:translateX(-140%)}
.nxb4545-card-active .nxb4545-badge-motion{animation:nxb4545-badge-breathe 2s ease-in-out infinite}
.nxb4545-card-active .nxb4545-badge-shine:after{animation:nxb4545-badge-light 2s ease-in-out infinite}
@keyframes nxb4545-badge-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.014)}}
@keyframes nxb4545-badge-light{0%{transform:translateX(-140%)}65%,100%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.nxb4545-card-active .nxb4545-badge-motion,.nxb4545-card-active .nxb4545-badge-shine:after{animation:none}}