.holo-card-anchor{perspective:1200px;min-width:0;position:relative}.holo-card-face{--holo-rx:0deg;--holo-ry:0deg;--holo-x:0px;--holo-y:0px;--holo-light:0;isolation:isolate;transform:rotateX(var(--holo-rx)) rotateY(var(--holo-ry));background:linear-gradient(125deg,#f6ffff,#9bd8e8 8%,#e4e7fc 19%,#bcb6e4 32%,#f3cbd5 43%,#fae6b2 54%,#ade5d6 64%,#83bedc 77%,#d4bbe4 86%,#ffdfed);border:1px solid #fff;border-radius:21px;padding:6px;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:relative;box-shadow:inset 1px 1px #fff,inset -1px -1px 1px #8580aaa6,2px 4px 0 -1px #a59ac291,3px 6px 0 -1px #fbecff,0 15px 25px -15px #62518b69}.holo-card-face.is-tilting{transition:transform .12s ease-out}.holo-card-face.is-promoted{will-change:transform}.holo-card-face:before{content:"";pointer-events:none;border:1px solid #ffffffe0;border-radius:17px;position:absolute;inset:3px;box-shadow:inset 0 0 0 1px #8473b638}.holo-card-inner{background:linear-gradient(133deg,#eaf9ffe0,#f3e9f7dc 35%,#fef6f5d9 65%,#e2f8efd1);border:1px solid #ffffffb8;border-radius:14px;display:flow-root;position:relative;overflow:clip;box-shadow:inset 0 1px 1px #fff,0 0 0 1px #86a5b31c}.holo-card-inner:before{content:"";opacity:.25;transform:translate(var(--holo-x), var(--holo-y)) rotate(-10deg);pointer-events:none;background:repeating-linear-gradient(114deg,#87ddef8f 0%,#c7a4f8b8 8%,#f19bcd85 17%,#fbf8cc73 24%,#88ebd1a6 33%,#94ccfc83 40%);position:absolute;inset:-50%}.holo-card-inner>*{z-index:1;position:relative}.holo-card-glint,.holo-card-light{pointer-events:none;border-radius:inherit;z-index:3;position:absolute;inset:0;overflow:hidden}.holo-card-glint{background:linear-gradient(127deg,#c5ecff40,#0000 12% 83%,#e6b9ff3b)}.holo-card-light>span{opacity:calc(.1 + var(--holo-light) * .2);transform:translate(var(--holo-x), var(--holo-y)) rotate(-8deg);background:linear-gradient(115deg,#0000 28%,#b7e9ff33 39%,#e0d6ff7a 45%,#fffc 49%,#f4bcea63 53%,#ffffff05 61%,#0000 69%);transition:opacity .3s;position:absolute;inset:-30%}.holo-card-anchor:has(:focus-visible) .holo-card-face{outline:2px solid var(--red);outline-offset:4px}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.holo-card-face{will-change:auto!important;transition:none!important;transform:none!important}.holo-card-inner:before,.holo-card-light>span{transition:none!important;transform:none!important}.holo-card-light>span{opacity:.1}}