.card-sleeve{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:6;opacity:var(--foil-strength,.35);mix-blend-mode:screen;transition:opacity .2s ease}
.foil-pattern,.foil-sheen{position:absolute;inset:0;pointer-events:none}
.foil-pattern{background:none}
.foil-pattern i{position:absolute;font-style:normal;font-size:var(--foil-size);line-height:1;background:linear-gradient(var(--foil-angle,125deg),#ffd9ed,#ffd269 20%,#8affcd 40%,#8ddaff 60%,#c399ff 80%,#ffbbd6);background-size:350% 350%;background-position:var(--foil-x,50%) var(--foil-y,50%);color:transparent;background-clip:text;transform:rotate(var(--foil-rotate));filter:hue-rotate(var(--foil-hue));opacity:.6}
.sleeve-glass i{background-clip:border-box;clip-path:polygon(8% 0,100% 26%,65% 100%,0 70%);opacity:.28;border:1px solid #ffffff70}
.sleeve-glass i:nth-child(3n){clip-path:polygon(50% 0,100% 100%,0 70%);height:calc(var(--foil-size)*1.7)}
.sleeve-glitter i{border-radius:50%;background-clip:border-box;box-shadow:0 0 5px #fff9;opacity:.9}
.sleeve-glitter i:nth-child(3n+1){border-radius:0;background-clip:text;box-shadow:none;font-size:calc(var(--foil-size)*1.8)}
.sleeve-hearts i{transform:none}
.foil-pattern i{opacity:.9;filter:hue-rotate(var(--foil-hue)) saturate(2)}
.sleeve-glass i{opacity:.65}
.foil-sheen{background:linear-gradient(var(--foil-angle,125deg),transparent 38%,#ff239b35 43%,#ffc40045 46%,#00efa845 49%,#009dff55 52%,#a328ff45 55%,#ff239b30 58%,transparent 63%);background-size:160% 160%;background-position:var(--foil-x,50%) var(--foil-y,50%);opacity:calc(var(--foil-active,0)*.65)}
.sleeve-fireworks i{font-size:calc(var(--foil-size)*1.3);opacity:.55}
.sleeve-rainbow .foil-sheen{opacity:calc(.3 + var(--foil-active,0)*.5)}
.artwork-canvas .card-sleeve{border-radius:13px}
.sleeve-settings{margin-top:4px;padding-top:12px;border-top:1px solid #314039}
.animations-off .card-sleeve,.no-motion .card-sleeve{--foil-active:0!important;--foil-x:50%!important;--foil-y:50%!important;--foil-angle:125deg!important}
@media(prefers-reduced-motion:reduce){.card-sleeve{--foil-active:0!important;--foil-x:50%!important;--foil-y:50%!important;transition:none}}