.layered-motion-grid{background-image:linear-gradient(90deg, color-mix(in srgb, var(--layer-primary) 38%, transparent) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--layer-secondary) 28%, transparent) 1px, transparent 1px);background-size:64px 64px}.layered-motion-panel{border:1px solid var(--layer-border);background:#ffffff05;position:absolute}.layered-motion-panel-one{width:min(420px,34vw);height:150px;top:16%;right:9%;transform:rotate(2deg)}.layered-motion-panel-two{width:min(520px,42vw);height:170px;bottom:14%;left:8%;transform:rotate(-1.4deg)}.layered-motion-rules:before,.layered-motion-rules:after{content:"";background:var(--layer-border);height:1px;position:absolute}.layered-motion-rules:before{width:min(260px,24vw);top:22%;left:8%}.layered-motion-rules:after{width:min(320px,28vw);bottom:18%;right:10%}@media (prefers-reduced-motion:reduce){.layered-motion-layer{transition:none!important;transform:none!important}}@media (max-width:1023px),(hover:none){.layered-motion-layer{transform:none!important}}@media (max-width:767px){.layered-motion-grid{background-size:44px 44px}.layered-motion-panel-one,.layered-motion-panel-two,.layered-motion-rules:after{display:none}.layered-motion-rules:before{width:150px;top:auto;bottom:24px;left:18px}}