.sleeve-mark{pointer-events:none;z-index:61;display:grid;position:absolute;top:-8px;left:-8px}.sleeve-film{pointer-events:none;z-index:4;border:1px solid color-mix(in srgb, var(--ludex-ink) 30%, transparent);background:linear-gradient(128deg, transparent 0 30%, color-mix(in srgb, var(--ludex-on-solid) 22%, transparent) 38%, transparent 47%), linear-gradient(172deg, color-mix(in srgb, var(--color-white) 26%, transparent), color-mix(in srgb, var(--ludex-on-solid) 13%, transparent) 35%, color-mix(in srgb, var(--ludex-on-solid) 16%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ludex-shine) 75%, transparent), 0 2px 6px color-mix(in srgb, var(--ludex-ink) 22%, transparent);border-radius:3.5%/2.5%;transition:transform .2s;position:absolute;inset:-7% -3.5% -2.5%;overflow:hidden}.sleeve-film:before{content:"";border-radius:inherit;background:color-mix(in srgb, color-mix(in srgb, var(--color-white) 82%, var(--ludex-ink)) 55%, transparent);-webkit-mask:linear-gradient(var(--ludex-shade) 0 0) content-box, linear-gradient(var(--ludex-shade) 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--ludex-shade) 0 0) content-box exclude, linear-gradient(var(--ludex-shade) 0 0);mask:linear-gradient(var(--ludex-shade) 0 0) content-box exclude, linear-gradient(var(--ludex-shade) 0 0);padding:9.3% 3.3% 3.3%;position:absolute;inset:0}.sleeve-film:after{content:"";background:linear-gradient(105deg, transparent, color-mix(in srgb, var(--color-white) 45%, transparent), transparent);width:35%;transition:left .6s;position:absolute;inset:-10% auto -10% -70%;transform:skew(-12deg)}.binder-pocket>button:hover~.sleeve-film{transform:translateY(-3px)}.binder-pocket>button:hover~.sleeve-film:after,.m-pocket:hover>.sleeve-film:after,.pcard:hover .sleeve-film:after{left:130%}@media (prefers-reduced-motion:reduce){.sleeve-film,.sleeve-film:after{transition:none}}