.banco-perso__flag{position:absolute;top:.8rem;left:.8rem;z-index:2;padding:.45em .95em;border-radius:999px;background:var(--banco-noir, #1a1a18);color:#fff;font-family:var(--banco-font-corps, inherit);font-size:.72rem;font-weight:550;line-height:1;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;pointer-events:none}.banco-perso__flag:after{content:"";position:absolute;top:-30%;left:0;height:160%;width:42%;background:linear-gradient(100deg,transparent,rgba(255,216,140,.4) 50%,transparent);transform:translate(-190%) skew(-18deg);animation:banco-perso-shine 4.8s ease-in-out infinite}@keyframes banco-perso-shine{0%,64%{transform:translate(-190%) skew(-18deg)}82%,to{transform:translate(430%) skew(-18deg)}}.banco-perso .card__media .media:after{content:"";position:absolute;left:5%;right:5%;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#ffbe5a00,#ffe1aae6 20% 80%,#ffbe5a00);box-shadow:0 0 12px 3px #ffc86e80;opacity:0;z-index:1;pointer-events:none}@keyframes banco-perso-laser{0%{top:0%;opacity:0}12%{opacity:1}82%{opacity:1}to{top:100%;opacity:0}}@keyframes banco-perso-reveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.banco-perso .banco-perso__grave{opacity:0;clip-path:inset(0 0 0 0);transition:opacity .4s ease,transform var(--duration-long, .5s) ease}@media screen and (min-width:990px){.card-wrapper.banco-perso:hover .card__media .media:after{animation:banco-perso-laser 1.1s cubic-bezier(.45,0,.4,1) forwards}.card-wrapper.banco-perso:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:1;transform:scale(1.03);transition:transform var(--duration-long, .5s) ease}.card-wrapper.banco-perso:hover .banco-perso__grave{opacity:1;transition:opacity 0s,transform var(--duration-long, .5s) ease;transform:scale(1.03);animation:banco-perso-reveal 1.1s cubic-bezier(.45,0,.4,1) forwards}}@media(prefers-reduced-motion:reduce){.banco-perso__flag:after,.card-wrapper.banco-perso:hover .card__media .media:after{animation:none}.card-wrapper.banco-perso:hover .media.media--hover-effect>img:first-child:not(:only-child),.card-wrapper.banco-perso:hover .banco-perso__grave{animation:none;transform:none;transition:opacity .5s ease}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/banco-carte-perso.css.map */