.holo-card{--holo-card-width:302px;--holo-card-height:453px;--holo-card-radius:16px;--holo-card-bleed:36px;--holo-card-perspective:600px;--holo-card-gradient:linear-gradient(140deg, #3a3730 0%, #302f2c 18%, #282829 38%, #212226 58%, #1a1b22 78%, #12131c 100%);--holo-card-inset-color:#ffffff0f;--holo-card-pattern:repeating-linear-gradient(115deg, #ff7773d9 0px, #ffed5fd9 3px, #a8ff5fd9 6px, #83fff7d9 9px, #7894ffd9 12px, #d875ffd9 15px, #ff7773d9 18px), repeating-linear-gradient(90deg, #0006 0px, #0006 1px, transparent 1px, transparent 3px);--holo-card-pattern-size:auto;--holo-card-pattern-opacity:.9;--holo-card-texture-opacity:.1;--holo-card-pointer-x:50%;--holo-card-pointer-y:50%;--holo-card-background-x:50%;--holo-card-background-y:50%;--holo-card-opacity:0;width:calc(var(--holo-card-width) + 2 * var(--holo-card-bleed));max-width:100%;perspective:var(--holo-card-perspective);transform-style:preserve-3d;touch-action:pan-y pinch-zoom;flex-shrink:0}.holo-card *,.holo-card :before,.holo-card :after{box-sizing:border-box}.holo-card__rotator{transform-style:preserve-3d;will-change:transform}.holo-card__frame{width:100%;height:calc(var(--holo-card-height) + 2 * var(--holo-card-bleed));position:relative;overflow:clip}.holo-card__surface{width:var(--holo-card-width);max-width:calc(100% - 2 * var(--holo-card-bleed));height:var(--holo-card-height);border-radius:var(--holo-card-radius);background:var(--holo-card-gradient);color:#fff;z-index:1;transition:box-shadow .15s;position:absolute;top:50%;left:50%;overflow:clip;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0000001f,0 12px 32px #00000014}.holo-card__inset{z-index:1;border:1px solid var(--holo-card-inset-color);border-radius:calc(var(--holo-card-radius) - 8px);pointer-events:none;position:absolute;inset:8px;overflow:clip}.holo-card__pattern,.holo-card__shine,.holo-card__shine-pattern{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.holo-card__pattern{z-index:2;background-image:var(--holo-card-pattern);background-size:var(--holo-card-pattern-size);mix-blend-mode:overlay;opacity:var(--holo-card-texture-opacity)}.holo-card__content{z-index:20;pointer-events:none;will-change:transform;display:flex;position:absolute;inset:0}.holo-card__shine{z-index:6;opacity:var(--holo-card-opacity);mix-blend-mode:color-dodge;filter:brightness(1.25)contrast(1.1)saturate(1.2);display:grid;overflow:hidden}.holo-card__shine:before,.holo-card__shine:after{content:"";pointer-events:none;grid-area:1/1}.holo-card__shine:before{background-blend-mode:screen;mix-blend-mode:hard-light;filter:brightness(0)contrast(1.1)}.holo-card__shine:after{background:radial-gradient(circle at var(--holo-card-pointer-x) var(--holo-card-pointer-y), #b8b8b8 0%, #c7c7c730 25%, #000 90%) center / cover;mix-blend-mode:luminosity;filter:brightness(.5)contrast(2)}.holo-card__shine-pattern{z-index:2;background-image:var(--holo-card-pattern);background-size:var(--holo-card-pattern-size);background-position:calc(50% - (var(--holo-card-background-x) - 50%) * 2.6) calc(50% - (var(--holo-card-background-y) - 50%) * 3.5);mix-blend-mode:soft-light;opacity:var(--holo-card-pattern-opacity);grid-area:1/1}.holo-card[data-interactive=false],.holo-card[data-interactive=false] .holo-card__rotator,.holo-card[data-interactive=false] .holo-card__content{transform:none!important}.holo-card[data-interactive=false] .holo-card__shine{opacity:0}@media (prefers-reduced-motion:reduce){.holo-card,.holo-card__rotator,.holo-card__content{will-change:auto;transform:none!important}.holo-card__shine{display:none}}