.bc-card{--card-aspect: .718;--card-radius: 4.55% / 3.5%;--card-edge: hsl(47, 100%, 78%);--card-back: hsl(205, 100%, 25%);--card-glow: hsl(175, 100%, 90%);--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--pointer-x: 50%;--pointer-y: 50%;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: var(--pointer-x);--background-y: var(--pointer-y);--pointer-from-center: 0;--pointer-from-top: var(--pointer-from-center);--pointer-from-left: var(--pointer-from-center);--pointer-dx: 0;--pointer-dy: 0;--tilt-x: 0;--tilt-y: 0;--card-active: 0}.holo-card{--grain: var(--hc-grain, none);--glitter: var(--hc-glitter, none);--foil: none;--glittersize: 25%;--space: 5%;--angle: 133deg;--imgsize: cover;--hc-brightness: 1;--hc-contrast: 1;--hc-saturate: 1;--hc-glare-opacity: 1;--hc-shine-opacity: 1;--mask-size: cover;--mask-position: center center;--mask-repeat: no-repeat;--layer-blend: normal;--layer-size: cover;--layer-position: center;--layer-opacity: 1;--layer-parallax: 0;--red: #f80e35;--yellow: #eedf10;--green: #21e985;--blue: #0dbde9;--violet: #c929f1;transform:translateZ(.01px);pointer-events:none;z-index:calc(var(--card-scale) * 2);will-change:transform,visibility,z-index;transform-style:preserve-3d}.holo-card,.holo-card *{outline:1px solid transparent}.holo-card:not(.holo-card--interactive) .holo-card__translater,.holo-card:not(.holo-card--interactive) .holo-card__rotator,.holo-card:not(.holo-card--interactive) .holo-card__shine,.holo-card:not(.holo-card--interactive) .holo-card__glare{transition:all .3s ease}.holo-card:not(.holo-card--interactive):hover{--pointer-x: 25%;--pointer-y: 10%;--card-scale: 1.1;--card-opacity: 1;--translate-x: 0px;--translate-y: -10px;--rotate-x: 7deg;--rotate-y: -19deg;--background-x: 44%;--background-y: 36%;--pointer-from-center: .9;--pointer-from-top: .11;--pointer-from-left: .25}.holo-card,.holo-card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.holo-card--interacting{z-index:calc(var(--card-scale) * 120)}.holo-card--active .holo-card__translater,.holo-card--active .holo-card__rotator{touch-action:none}.holo-card__translater,.holo-card__rotator{display:grid;perspective:var(--card-perspective, 600px);will-change:transform,box-shadow;transform-origin:center;transform-style:preserve-3d}.holo-card__translater{width:auto;position:relative;--translate-z: calc(var(--card-scale) * 150px + .01px);transform:translate3d(var(--translate-x),var(--translate-y),var(--translate-z)) scale(var(--card-scale))}.holo-card__rotator{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;pointer-events:auto}button.holo-card__rotator{border:none;background:transparent;padding:0;-webkit-appearance:none;appearance:none}.holo-card__rotator,.holo-card--active .holo-card__rotator:focus{transition:box-shadow .4s ease,opacity .33s ease-out;box-shadow:0 0 3px -1px transparent,0 0 2px 1px transparent,0 0 5px 0 transparent,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px 0 transparent}.holo-card--active .holo-card__rotator,.holo-card__rotator:focus{box-shadow:0 0 3px -1px #fff,0 0 3px 1px var(--card-edge),0 0 12px 2px var(--card-glow),0 10px 20px -5px #000,0 0 40px -30px var(--card-glow),0 0 50px -20px var(--card-glow)}.holo-card__rotator *{width:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.holo-card__rotator img{height:auto}.holo-card__rotator img:not(.holo-card__back){transform:translateZ(.01px)}.holo-card__rotator img.holo-card__image{height:100%;object-fit:var(--imgsize)}.holo-card__back{background-color:var(--card-back);transform:rotateY(180deg) translateZ(1px);backface-visibility:visible}.holo-card__front,.holo-card__front *{backface-visibility:hidden}.holo-card__front{opacity:1;transition:opacity .33s ease-out;transform:translateZ(.01px)}.holo-card--loading .holo-card__front{opacity:0}.holo-card--loading .holo-card__back{transform:rotateY(0)}.holo-card__shine,.holo-card__glare{will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}.holo-card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;filter:brightness(calc(.85 * var(--hc-brightness))) contrast(calc(2.75 * var(--hc-contrast))) saturate(calc(.65 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * var(--hc-shine-opacity))}.holo-card__shine:before,.holo-card__shine:after{--sunpillar-clr-1: var(--sunpillar-5);--sunpillar-clr-2: var(--sunpillar-6);--sunpillar-clr-3: var(--sunpillar-1);--sunpillar-clr-4: var(--sunpillar-2);--sunpillar-clr-5: var(--sunpillar-3);--sunpillar-clr-6: var(--sunpillar-4);grid-area:1/1;transform:translateZ(1px);border-radius:var(--card-radius)}.holo-card__shine:after{--sunpillar-clr-1: var(--sunpillar-6);--sunpillar-clr-2: var(--sunpillar-1);--sunpillar-clr-3: var(--sunpillar-2);--sunpillar-clr-4: var(--sunpillar-3);--sunpillar-clr-5: var(--sunpillar-4);--sunpillar-clr-6: var(--sunpillar-5);transform:translateZ(1.2px)}.holo-card__glare{transform:translateZ(1.41px);overflow:hidden;background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .8) 10%, hsla(0, 0%, 100%, .65) 20%, hsla(0, 0%, 0%, .5) 90% ) );opacity:calc(var(--card-opacity) * var(--hc-glare-opacity));mix-blend-mode:var(--glare-blend, overlay)}.holo-card--custom-glare .holo-card__glare:after{display:none!important}.holo-card--masked .holo-card__shine,.holo-card--masked .holo-card__shine:before,.holo-card--masked .holo-card__shine:after{-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);-webkit-mask-position:var(--mask-position);mask-position:var(--mask-position);-webkit-mask-repeat:var(--mask-repeat);mask-repeat:var(--mask-repeat)}.holo-card--mask-card .holo-card__front,.holo-card--mask-card .holo-card__back{-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);-webkit-mask-position:var(--mask-position);mask-position:var(--mask-position);-webkit-mask-repeat:var(--mask-repeat);mask-repeat:var(--mask-repeat)}.holo-card__layers{z-index:2;pointer-events:none}.holo-card__layer{grid-area:1/1;background-image:var(--layer-image, none);background-size:var(--layer-size);background-position:var(--layer-position);background-repeat:no-repeat;mix-blend-mode:var(--layer-blend);opacity:var(--layer-opacity);transform:translate3d(calc(var(--pointer-dx) * var(--layer-parallax) * 1px),calc(var(--pointer-dy) * var(--layer-parallax) * 1px),.02px);will-change:transform,opacity}.holo-card__layer--masked{-webkit-mask-image:var(--layer-mask);mask-image:var(--layer-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}.holo-card__content{transform:translateZ(.01px)}.holo-card__content *,.holo-card__overlay *,.holo-card__layer *{width:auto;display:revert;grid-area:auto;aspect-ratio:auto;overflow:revert;border-radius:revert}.holo-card__overlay{z-index:4;transform:translateZ(2px);pointer-events:none}.holo-card__overlay--interactive,.holo-card__overlay--interactive *{pointer-events:auto}.holo-card--depth .holo-card__shine{transform:translateZ(calc(1px + var(--hc-depth, 0px)))}.holo-card--depth .holo-card__glare{transform:translateZ(calc(1.41px + var(--hc-depth, 0px)))}.holo-card--depth .holo-card__overlay{transform:translateZ(calc(2px + var(--hc-depth, 0px)))}.holo-card--depth .holo-card__layer{transform:translate3d(calc(var(--pointer-dx) * var(--layer-parallax) * 1px),calc(var(--pointer-dy) * var(--layer-parallax) * 1px),calc(.02px + var(--layer-parallax) * var(--hc-depth-layer-scale, 1) * 1px))}.holo-card--depth .holo-card__translater:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--card-radius);background:transparent;transform:translateZ(-1px);pointer-events:none;box-shadow:calc(var(--tilt-x, 0) * -.6px) calc(var(--hc-depth, 0px) * .5 + var(--tilt-y, 0) * .6px) calc(var(--hc-depth, 0px) * 1.2 + 14px) calc(var(--hc-depth, 0px) * .2) rgba(0,0,0,var(--hc-depth-shadow, 0))}.holo-card[data-effect=holo] .holo-card__shine{--scanlines-space: 1px;--scanlines-light: #666;--scanlines-dark: black;--bars: 3%;--bar-color: hsla(0, 0%, 70%, 1);--bar-bg: hsla(0, 0%, 0%, 1);background-image:repeating-linear-gradient(110deg,var(--violet),var(--blue),var(--green),var(--yellow),var(--red),var(--violet),var(--blue),var(--green),var(--yellow),var(--red),var(--violet),var(--blue),var(--green),var(--yellow),var(--red)),repeating-linear-gradient(90deg,var(--scanlines-dark) calc(var(--scanlines-space) * 0),var(--scanlines-dark) calc(var(--scanlines-space) * 2),var(--scanlines-light) calc(var(--scanlines-space) * 2),var(--scanlines-light) calc(var(--scanlines-space) * 4));background-position:calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%),center center;background-size:400% 400%,cover;background-blend-mode:overlay;filter:brightness(calc(1.1 * var(--hc-brightness))) contrast(calc(1.1 * var(--hc-contrast))) saturate(calc(1.2 * var(--hc-saturate)));mix-blend-mode:color-dodge}.holo-card[data-effect=holo] .holo-card__shine:before{content:"";background-image:repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 14)),repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 10));background-position:calc((((50% - var(--background-x)) * 1.65) + 50%) + (var(--background-y) * .5)) var(--background-x),calc((((50% - var(--background-x)) * -.9) + 50%) - (var(--background-y) * .75)) var(--background-y);background-size:200% 200%,200% 200%;background-blend-mode:screen;filter:brightness(1.15) contrast(1.1);mix-blend-mode:hard-light}.holo-card[data-effect=holo] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,90%,.8) 0%,hsla(0,0%,78%,.1) 25%,hsl(0,0%,0%) 90%);background-position:center center;background-size:cover;mix-blend-mode:luminosity;filter:brightness(.6) contrast(4)}@media screen and (max-width:900px){.holo-card[data-effect=holo] .holo-card__shine{--scanlines-space: .5px}}.holo-card[data-effect=holo] .holo-card__glare{opacity:calc(var(--card-opacity) * .8 * var(--hc-glare-opacity));filter:brightness(.8) contrast(1.5);mix-blend-mode:var(--glare-blend, overlay)}.holo-card[data-effect=holo] .holo-card__glare:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(180,100%,95%) 5%,hsla(0,0%,39%,.25) 55%,hsla(0,0%,0%,.36) 110%);mix-blend-mode:overlay;filter:brightness(.6) contrast(3)}.bc-card{--card-aspect: var(--bc-aspect, 1.586);--card-radius: 3.72% / 5.89%;--card-back: hsl(210, 18%, 16%);--card-edge: hsl(47, 100%, 78%);--card-glow: hsl(175, 100%, 90%);--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: 0;--pointer-from-left: 0;--pointer-dx: 0;--pointer-dy: 0;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: var(--pointer-x);--background-y: var(--pointer-y);--tilt-x: 0;--tilt-y: 0;--card-active: 0;--bc-aspect: 1.586;--bc-press: 1;position:relative;display:block;box-sizing:border-box;width:100%;max-width:100%;aspect-ratio:var(--bc-aspect);border-radius:var(--card-radius);transform:scale(var(--bc-press, 1));transform-origin:center center;transition:transform .16s ease-out;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bc-card[data-bc-effect=silver]{--card-edge: hsl(210, 12%, 84%);--card-glow: hsl(210, 10%, 68%)}.bc-card{--card-perspective: 1000px}.bc-card[data-bc-surface=flat]{--card-glow: transparent;--card-edge: transparent}.bc-card[data-bc-surface=flat] .bc-card__holo .holo-card__rotator,.bc-card[data-bc-surface=flat] .bc-card__holo.holo-card--active .holo-card__rotator,.bc-card[data-bc-surface=flat] .bc-card__holo .holo-card__rotator:focus{box-shadow:inset 0 0 0 1px #00000012,0 1px 2px #273f3714,0 6px 16px -12px #273f3747}.bc-card[data-bc-surface=physical]{--card-perspective: 600px}.bc-card[data-bc-press=off],.bc-card[data-bc-reduced-motion=true]{transition:none;transform:none}.bc-card[data-bc-dragging=true]{cursor:grabbing}.bc-card[data-bc-touch=true] .bc-card__holo:not(.holo-card--interactive):hover{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: 0;--pointer-from-left: 0;--pointer-dx: 0;--pointer-dy: 0;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--tilt-x: 0;--tilt-y: 0}@media(hover:none),(any-pointer:coarse){.bc-card .bc-card__holo:not(.holo-card--interactive):hover{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: 0;--pointer-from-left: 0;--pointer-dx: 0;--pointer-dy: 0;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--tilt-x: 0;--tilt-y: 0}}.bc-card[data-bc-reduced-motion=true] .bc-card__holo,.bc-card[data-bc-reduced-motion=true] .bc-card__holo:hover{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: 0;--pointer-from-left: 0;--pointer-dx: 0;--pointer-dy: 0;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--tilt-x: 0;--tilt-y: 0}.bc-card[data-bc-reduced-motion=true] .bc-card__holo,.bc-card[data-bc-reduced-motion=true] .bc-card__holo .holo-card__translater,.bc-card[data-bc-reduced-motion=true] .bc-card__holo .holo-card__rotator,.bc-card[data-bc-reduced-motion=true] .bc-card__holo .holo-card__shine,.bc-card[data-bc-reduced-motion=true] .bc-card__holo .holo-card__glare{transition:none}.bc-card__holo{box-sizing:border-box;width:100%;border-radius:var(--card-radius)}.bc-card img{-webkit-user-drag:none;user-select:none;pointer-events:none}