.section-3[data-v-2a2b0fe4]{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));overflow:hidden;padding-bottom:2rem;padding-top:2rem}.section-3[data-v-2a2b0fe4],.section-3 .demo-container[data-v-2a2b0fe4]{display:flex;justify-content:center;position:relative}.section-3 .demo-container[data-v-2a2b0fe4]{align-items:center;flex-direction:column;flex-grow:1}.section-3 .demo-container[data-v-2a2b0fe4]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:2rem;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.section-3 .demo-container[data-v-2a2b0fe4]{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position);--tw-text-opacity:1;background-image:linear-gradient(to right,#2563eb var(--tw-gradient-from-position),#1d4ed8 var(--tw-gradient-to-position));background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:1.5rem;box-shadow:0 5px 40px -3px #0000004d;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));margin-left:.5rem;margin-right:.5rem;overflow:hidden;padding:2rem 1rem}@media (min-width:640px){.section-3 .demo-container[data-v-2a2b0fe4]{flex-direction:row;margin-left:2rem;margin-right:2rem}.section-3 .demo-container[data-v-2a2b0fe4]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;--tw-space-x-reverse:0;margin:0 0 0 1rem;margin:calc(0px*(1 - var(--tw-space-y-reverse))) calc(1rem*var(--tw-space-x-reverse)) calc(0px*var(--tw-space-y-reverse)) calc(1rem*(1 - var(--tw-space-x-reverse)))}}.section-3 .demo-container .left[data-v-2a2b0fe4]{flex-grow:1;z-index:10}.section-3 .demo-container .left[data-v-2a2b0fe4]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:1rem;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.section-3 .demo-container .left[data-v-2a2b0fe4]{text-align:center}.section-3 .demo-container .left p[data-v-2a2b0fe4]{font-weight:100}.section-3 .demo-container .preview-container[data-v-2a2b0fe4]{flex-grow:1;z-index:10}.section-3 .demo-container .preview-container .inner[data-v-2a2b0fe4]{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);border-radius:.5rem;box-shadow:0 0 #0000,0 0 #0000,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);height:500px;overflow:hidden;width:300px}.section-3 .demo-container .background-container[data-v-2a2b0fe4]{bottom:0!important;left:0!important;margin:-2rem -1rem!important;opacity:.2!important;position:absolute!important;right:0!important;width:100%!important;z-index:0}