.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-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.depth-text__face,.depth-text__layer{grid-area:1/1;display:inline-block;font-size:var(--depth-text-font-size);font-weight:var(--depth-text-font-weight);line-height:.86;letter-spacing:-.065em;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;pointer-events:none}.depth-text__layer--back{text-shadow:var(--depth-text-shadow)}.depth-text--outline .depth-text__layer{-webkit-text-fill-color:transparent;-webkit-text-stroke:max(1px,.012em) currentColor}.depth-text__face{position:relative;z-index:1;color:var(--depth-text-face-color);text-shadow:var(--depth-text-face-shadow);transform:translateZ(.6px)}.depth-text__face--gradient{background-image:var(--depth-text-face-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;padding-right:.06em}@media (hover:hover) and (pointer:fine){.depth-text{cursor:default}}@media (prefers-reduced-motion:reduce){.depth-text__stage{will-change:auto}}