@layer components{.ap.mbl{--mbl-pass:linear-gradient(140deg, #c026d3 0%, #6d4fd6 50%, #0e7490 100%);--mbl-foil:conic-gradient(from 0deg, #f0abfc, #c4b5fd, #a5f3fc, #d9f99d, #fde68a, #fbcfe8, #f0abfc)}.mbl-pass{background:var(--mbl-pass);color:#fff;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,0 50px 90px -45px #6e28aabf,0 24px 50px -30px #0891b280}.mbl-pass:before{content:"";background:var(--mbl-foil);opacity:.16;mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.mbl-sheen:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff52 50%,#0000 62%);position:absolute;inset:-10% -40%;transform:translate(-110%)}.mbl-tilt{transform:perspective(1400px)rotateX(9deg)rotateY(-16deg)rotate(3deg)}.mbl-foil{background:var(--mbl-foil)}.mbl-locked{background:var(--ap-card);position:relative;overflow:hidden}.ap-tile .mbl-locked,.ap-card .mbl-locked{background:color-mix(in srgb, var(--foreground) 7%, transparent)}.mbl-locked:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--foreground) 9%, transparent) 50%, transparent 70%);pointer-events:none;position:absolute;inset:0;transform:translate(-100%)}@keyframes mbl-sheen{0%,58%{transform:translate(-110%)}82%,to{transform:translate(110%)}}@keyframes mbl-tilt{0%,to{transform:perspective(1400px)rotateX(9deg)rotateY(-16deg)rotate(3deg)}50%{transform:perspective(1400px)rotateX(5deg)rotateY(-7deg)rotate(1.5deg)}}@keyframes mbl-shimmer{0%,40%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes mbl-shake{0%,70%,to{rotate:0deg}74%{rotate:-12deg}78%{rotate:10deg}82%{rotate:-6deg}86%{rotate:3deg}}@keyframes mbl-press{0%,80%,to{scale:1}86%{scale:.93}}@media (prefers-reduced-motion:no-preference){.mbl-sheen:after{animation:6.5s cubic-bezier(.4,0,.2,1) infinite mbl-sheen;animation-delay:var(--lp-d,1.2s)}.mbl-tilt{animation:11s ease-in-out infinite mbl-tilt}.mbl-locked:after{animation:3.8s ease-in-out infinite mbl-shimmer;animation-delay:var(--lp-d,0s)}.mbl-shake{animation:4.5s ease-in-out infinite mbl-shake}.mbl-press{animation:5s ease-in-out infinite mbl-press}}}