.card-swap-container{transform:translate(-50%,-50%);transform-origin:center;perspective:1000px;overflow:visible}.card,.card-swap-container{position:absolute;top:50%;left:50%}.card{border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#080808;box-shadow:0 45px 110px rgba(0,0,0,.68);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:900px){.card-swap-container{transform:translate(-50%,-50%) scale(.82)}}@media (max-width:580px){.card-swap-container{transform:translate(-50%,-50%) scale(.57)}}@media (prefers-reduced-motion:reduce){.card{transition:none!important}}.depth-text{display:inline-block;perspective:var(--depth-text-perspective);perspective-origin:50% 48%;isolation:isolate}.depth-text__stage{position:relative;display:inline-grid;place-items:center;transform:rotateX(-1deg) rotateY(1.4deg);transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.depth-text__face,.depth-text__layer{grid-area:1/1;display:inline-block;font-family:inherit;font-size:var(--depth-text-font-size);font-weight:var(--depth-text-font-weight);line-height:.72;letter-spacing:-.075em;white-space:nowrap;user-select:none;transform-style:preserve-3d;backface-visibility:hidden;font-kerning:normal;text-rendering:geometricPrecision}.depth-text__layer{position:absolute;inset:0;z-index:0;filter:saturate(.7) brightness(.8);pointer-events:none}.depth-text__face{position:relative;z-index:1;color:var(--depth-text-face-color);text-shadow:var(--depth-text-shadow);transform:translateZ(.6px)}@media (hover:hover) and (pointer:fine){.depth-text{cursor:default}}@media (prefers-reduced-motion:reduce){.depth-text__stage{will-change:auto}}