@layer ma.tokens{:root{--ma-3d-perspective-sm: 700px;--ma-3d-perspective-md: 900px;--ma-3d-perspective-lg: 1400px;--ma-3d-tilt-max: 6deg;--ma-3d-tilt-lift-z: 28px;--ma-3d-tilt-duration: .22s;--ma-3d-tilt-ease: var(--ma-ease-standard);--ma-3d-tilt-transition: box-shadow var(--ma-3d-tilt-duration) ease;--ma-3d-shadow-contact: 0 6px 14px rgba(var(--ma-rgb-shadow), .12);--ma-3d-shadow-ambient: 0 22px 40px rgba(var(--ma-rgb-shadow), .2);--ma-3d-shadow-sm: var(--ma-3d-shadow-contact);--ma-3d-shadow-md: var(--ma-3d-shadow-ambient), var(--ma-3d-shadow-contact);--ma-3d-shadow-lg: 0 28px 50px rgba(var(--ma-rgb-shadow), .24), 0 8px 18px rgba(var(--ma-rgb-shadow), .14);--ma-3d-shadow-hover: 0 26px 48px rgba(var(--ma-rgb-shadow), .22), 0 6px 14px rgba(var(--ma-rgb-shadow), .12);--ma-3d-sheen-size: 320px;--ma-3d-sheen-color: rgba(255, 255, 255, .35);--ma-3d-sheen-color-on-dark: rgba(255, 255, 255, .18);--ma-3d-sheen-x: 50%;--ma-3d-sheen-y: 50%;--ma-3d-sheen: radial-gradient(var(--ma-3d-sheen-size) circle at var(--ma-3d-sheen-x) var(--ma-3d-sheen-y), var(--ma-3d-sheen-color), transparent 60%);--ma-3d-ease: var(--ma-ease-standard);--ma-3d-duration-ring-rotation: 18s;--ma-3d-duration-object-spin: 16s;--ma-3d-duration-object-spin-reverse: 20s;--ma-3d-duration-object-sway: 6s;--ma-3d-duration-object-bob: 4.5s;--ma-3d-play-state: running;--ma-3d-accent-nature: var(--ma-green-700);--ma-3d-accent-clinical: var(--ma-teal-700);--ma-3d-accent-knowledge: var(--ma-amber-400);--ma-3d-accent-knowledge-deep: var(--ma-amber-700);--ma-3d-glass-blur: blur(14px);--ma-3d-glass-opacity: .14}[data-ma-3d=off]{--ma-3d-perspective-sm: none;--ma-3d-perspective-md: none;--ma-3d-perspective-lg: none;--ma-3d-tilt-max: 0deg;--ma-3d-tilt-lift-z: 0px;--ma-3d-tilt-duration: var(--ma-duration-instant);--ma-3d-shadow-sm: var(--ma-shadow-sm);--ma-3d-shadow-md: var(--ma-shadow-md);--ma-3d-shadow-lg: var(--ma-shadow-lg);--ma-3d-shadow-hover: var(--ma-shadow-card-hover);--ma-3d-sheen: none;--ma-3d-duration-ring-rotation: var(--ma-duration-instant);--ma-3d-duration-object-spin: var(--ma-duration-instant);--ma-3d-duration-object-spin-reverse: var(--ma-duration-instant);--ma-3d-duration-object-sway: var(--ma-duration-instant);--ma-3d-duration-object-bob: var(--ma-duration-instant);--ma-3d-play-state: paused}@media(prefers-reduced-motion:reduce){:root{--ma-3d-tilt-max: 0deg;--ma-3d-tilt-lift-z: 0px;--ma-3d-tilt-duration: var(--ma-duration-instant);--ma-3d-duration-ring-rotation: var(--ma-duration-instant);--ma-3d-duration-object-spin: var(--ma-duration-instant);--ma-3d-duration-object-spin-reverse: var(--ma-duration-instant);--ma-3d-duration-object-sway: var(--ma-duration-instant);--ma-3d-duration-object-bob: var(--ma-duration-instant);--ma-3d-play-state: paused}}}@layer ma.components{.ma-3d-stage{perspective:var(--ma-3d-perspective-md)}.ma-3d-stage--sm{perspective:var(--ma-3d-perspective-sm)}.ma-3d-stage--lg{perspective:var(--ma-3d-perspective-lg)}.ma-3d-tilt{--ma-3d-tilt-x: 0deg;--ma-3d-tilt-y: 0deg;position:relative;transform-style:preserve-3d;transition:var(--ma-3d-tilt-transition),transform var(--ma-3d-tilt-duration) var(--ma-3d-tilt-ease),border-left-color var(--ma-transition);will-change:transform}.ma-3d-tilt:hover,.ma-3d-tilt:focus-within{transform:perspective(var(--ma-3d-perspective-sm)) rotateX(var(--ma-3d-tilt-x)) rotateY(var(--ma-3d-tilt-y)) translateZ(0);box-shadow:var(--ma-3d-shadow-hover)}.ma-3d-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:var(--ma-3d-sheen);transition:opacity var(--ma-3d-tilt-duration) ease}.ma-3d-shadow-sm{box-shadow:var(--ma-3d-shadow-sm)}.ma-3d-shadow-md{box-shadow:var(--ma-3d-shadow-md)}.ma-3d-shadow-lg{box-shadow:var(--ma-3d-shadow-lg)}.ma-3d-auto{animation-play-state:var(--ma-3d-play-state)}[data-ma-3d=off] .ma-3d-tilt:hover,[data-ma-3d=off] .ma-3d-tilt:focus-within{transform:none;box-shadow:var(--ma-3d-shadow-hover)}[data-ma-3d=off] .ma-3d-sheen{display:none}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/ma-3d.css.map */