.holo-wrap{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--active:0;perspective:1200px;touch-action:none;width:100%;max-width:22rem}.holo-card{transform:rotateX(var(--ry)) rotateY(var(--rx));transform-style:preserve-3d;will-change:transform;background:radial-gradient(125% 125% at 50% 0,#24427e 0%,#16264d 46%,#0c1630 100%);border:1px solid #ffffff17;border-radius:1.25rem;transition:transform .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 24px 50px -18px #000000a6}.holo-wrap.is-active .holo-card{transition:transform 80ms linear}.holo-layer{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.holo-sheen{background-image:repeating-linear-gradient(110deg,#ff7a75 0%,#ffed61 14%,#a8ff61 28%,#85fff7 42%,#7a95ff 56%,#d875ff 70%,#ff7a75 84%);background-size:220% 220%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:calc(.05 + var(--active) * .9);transition:opacity .35s}.holo-sheen.mode-pattern,.holo-sheen.mode-single{-webkit-mask-image:url(/logo-icon-tile.png);mask-image:url(/logo-icon-tile.png);-webkit-mask-position:30% 22%;mask-position:30% 22%;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-repeat:repeat;mask-repeat:repeat}.holo-glare{background:radial-gradient(circle at var(--mx) var(--my), #ffffff52 0%, #fff0 42%);mix-blend-mode:overlay;opacity:var(--active);transition:opacity .35s}.holo-content{z-index:2;position:relative}