.-inset-x-14{left:-3.5rem;right:-3.5rem}.-inset-y-12{top:-3rem;bottom:-3rem}.-right-9{right:-2.25rem}.h-\[16\.5rem\]{height:16.5rem}.min-w-\[210px\]{min-width:210px}.rotate-1{--tw-rotate:1deg}.rotate-1,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.gap-y-9{row-gap:2.25rem}.pb-3\.5{padding-bottom:.875rem}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:z-10:hover{z-index:10}.disabled\:opacity-80:disabled{opacity:.8}.group\/ex:hover .group-hover\/ex\:-translate-x-1\.5{--tw-translate-x:-0.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/ex:hover .group-hover\/ex\:-translate-y-1\.5,.group\/step:hover .group-hover\/step\:-translate-y-1\.5{--tw-translate-y:-0.375rem}.group\/ex:hover .group-hover\/ex\:-rotate-\[11deg\],.group\/ex:hover .group-hover\/ex\:-translate-y-1\.5,.group\/step:hover .group-hover\/step\:-translate-y-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/ex:hover .group-hover\/ex\:-rotate-\[11deg\]{--tw-rotate:-11deg}@media (min-width:640px){.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:h-80{height:20rem}.sm\:h-\[28rem\]{height:28rem}.sm\:max-w-\[30rem\]{max-width:30rem}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:768px){.md\:gap-10{gap:2.5rem}}@media (min-width:1024px){.lg\:h-\[31rem\]{height:31rem}}.animate_heroMedia__Sqh5k{--ease-out:cubic-bezier(0.22,1,0.36,1)}.animate_heroBefore__LRxr5,.animate_heroLive__RCaYQ{position:absolute;border-radius:5px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/.05),0 4px 8px rgb(30 58 138/.06),0 30px 60px -24px rgb(30 58 138/.55);transition:transform .6s var(--ease-out)}.animate_heroBefore__LRxr5{left:0;top:22%;z-index:1;width:36%;padding:5px 5px 20px;transform:rotate(-8deg)}.animate_heroLive__RCaYQ{right:0;top:0;z-index:2;width:47%;padding:5px 5px 0;transform:rotate(2.5deg)}.animate_heroArrow__oB8K5{position:absolute;left:27%;top:4%;z-index:3;width:3.25rem;height:auto;transform:rotate(-6deg)}@media (min-width:640px){.animate_heroBefore__LRxr5{top:30%;width:38%;padding:7px 7px 28px}.animate_heroLive__RCaYQ{width:57%;padding:8px 8px 0}.animate_heroArrow__oB8K5{left:30%;top:8%;width:4.5rem}}@media (hover:hover){.animate_heroMedia__Sqh5k:hover .animate_heroBefore__LRxr5{transform:translateX(-10px) rotate(-12deg)}.animate_heroMedia__Sqh5k:hover .animate_heroLive__RCaYQ{transform:translateY(-6px) rotate(0deg) scale(1.02)}}.animate_example__4i0Mf{--tilt:0deg}.animate_examplePrint__y1G5U{position:relative;border-radius:6px;background:#fff;padding:6px;box-shadow:0 0 0 1px rgb(0 0 0/.05),0 4px 8px rgb(30 58 138/.06),0 28px 52px -24px rgb(30 58 138/.5);transform:rotate(var(--tilt));transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}@media (hover:hover) and (min-width:1024px){.animate_example__4i0Mf:hover .animate_examplePrint__y1G5U{transform:translateY(-8px) rotate(0deg) scale(1.04)}.animate_examples__DYCVF:has(.animate_example__4i0Mf:hover) .animate_example__4i0Mf:not(:hover) .animate_examplePrint__y1G5U{opacity:.7}}@media (prefers-reduced-motion:reduce){.animate_examplePrint__y1G5U,.animate_heroBefore__LRxr5,.animate_heroLive__RCaYQ{transition:none}}.modes_wash__boosW{transform:translateX(-82%)}.modes_washInner__3WfiZ{transform:translateX(82%)}.modes_line__IlbFe{transform:translateX(18%)}.modes_visual__UQWlp .modes_animate-mode-clip__3Oaqy{animation:modes_modeClip__XjPNj 7s cubic-bezier(.65,0,.35,1) infinite}.modes_visual__UQWlp .modes_animate-mode-clip-inner__onDNK{animation:modes_modeClipInner__Qx2jY 7s cubic-bezier(.65,0,.35,1) infinite}.modes_visual__UQWlp .modes_animate-mode-line__fl0_O{animation:modes_modeLine__VSOqo 7s cubic-bezier(.65,0,.35,1) infinite}@keyframes modes_modeClip__XjPNj{0%,10%{transform:translateX(-70%)}48%,66%{transform:translateX(-97%)}94%,to{transform:translateX(-70%)}}@keyframes modes_modeClipInner__Qx2jY{0%,10%{transform:translateX(70%)}48%,66%{transform:translateX(97%)}94%,to{transform:translateX(70%)}}@keyframes modes_modeLine__VSOqo{0%,10%{transform:translateX(30%);opacity:.95}48%,66%{transform:translateX(3%);opacity:0}94%,to{transform:translateX(30%);opacity:.95}}@media (prefers-reduced-motion:reduce){.modes_visual__UQWlp .modes_animate-mode-clip-inner__onDNK,.modes_visual__UQWlp .modes_animate-mode-clip__3Oaqy,.modes_visual__UQWlp .modes_animate-mode-line__fl0_O{animation:none}}