@property --lk-card3d-depth{syntax: "<length>"; inherits: true; initial-value: 10px;}.lk-card3d{--lk-card3d-depth: 10px;--lk-card3d-rx: 0deg;--lk-card3d-ry: 0deg;--lk-card3d-lift: 0px;position:relative;isolation:isolate;transform:perspective(1400px) rotateX(var(--lk-card3d-rx)) rotateY(var(--lk-card3d-ry)) translateY(var(--lk-card3d-lift))}.lk-card3d[data-tilting]{--lk-card3d-depth: 14px}.lk-card3d:before,.lk-card3d:after{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--lk-hatch),var(--lk-hatch-face)}.lk-card3d:before{top:0;bottom:calc(-1 * var(--lk-card3d-depth));left:100%;width:var(--lk-card3d-depth);border-right:1px solid var(--lk-line);clip-path:polygon(0 0,100% var(--lk-card3d-depth),100% 100%,0 calc(100% - var(--lk-card3d-depth)))}.lk-card3d:after{left:0;right:calc(-1 * var(--lk-card3d-depth));top:100%;height:var(--lk-card3d-depth);border-bottom:1px solid var(--lk-line);clip-path:polygon(0 0,calc(100% - var(--lk-card3d-depth)) 0,100% 100%,var(--lk-card3d-depth) 100%)}@media(prefers-reduced-motion:no-preference){.lk-card3d{transition:transform .5s cubic-bezier(.16,1,.3,1),--lk-card3d-depth .5s cubic-bezier(.16,1,.3,1)}.lk-card3d[data-tilting]{transition-duration:.15s,.25s}}