.DemoShowcase_showcase__4sV61{position:relative;max-width:960px;margin:0 auto}.DemoShowcase_frame__3a_Ym{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:10px 10px 20px #13161a,-10px -10px 20px #292f3a,0 0 30px rgba(211,97,44,.06);border:1px solid hsla(0,0%,100%,.04)}.DemoShowcase_slide__Pzivh{position:absolute;inset:0;opacity:0;transition:opacity .75s ease-in-out;pointer-events:none}.DemoShowcase_slideActive__eV9U9{opacity:1}.DemoShowcase_slide__Pzivh img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.DemoShowcase_arrow__kDfk7{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:rgba(30,35,43,.7);color:hsla(0,0%,100%,.6);cursor:pointer;backdrop-filter:blur(8px);box-shadow:4px 4px 8px rgba(0,0,0,.3),-2px -2px 6px hsla(0,0%,100%,.03);transition:all .2s ease;opacity:0}.DemoShowcase_frame__3a_Ym:hover .DemoShowcase_arrow__kDfk7,.DemoShowcase_showcase__4sV61:hover .DemoShowcase_arrow__kDfk7{opacity:1}.DemoShowcase_arrow__kDfk7:hover{background:rgba(30,35,43,.9);color:#d3612c;box-shadow:4px 4px 10px rgba(0,0,0,.4),-2px -2px 6px hsla(0,0%,100%,.04),0 0 12px rgba(211,97,44,.15)}.DemoShowcase_arrow__kDfk7:active{transform:translateY(-50%) scale(.95)}.DemoShowcase_arrowLeft__Bgmu_{left:12px}.DemoShowcase_arrowRight__BBroy{right:12px}.DemoShowcase_caption__oSDnw{text-align:center;margin-top:16px;min-height:48px;position:relative}.DemoShowcase_captionText__OI4BT{position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.DemoShowcase_captionActive__Zea00{opacity:1}.DemoShowcase_captionTitle__EqD90{font-size:14px;font-weight:600;color:#e0e0e0;margin-bottom:2px}.DemoShowcase_captionDesc__2W_kq{font-size:12px;color:#8b949e}.DemoShowcase_dots__eH4JW{display:flex;justify-content:center;gap:10px;margin-top:16px}.DemoShowcase_dot__0ggsn{width:10px;height:10px;border-radius:50%;background:#1e232b;box-shadow:inset 2px 2px 4px #13161a,inset -2px -2px 4px #292f3a;position:relative;border:none;padding:0;cursor:pointer;transition:transform .15s ease;overflow:hidden}.DemoShowcase_dot__0ggsn:hover{transform:scale(1.2)}.DemoShowcase_dotInner__YMRXp{position:absolute;inset:0;border-radius:50%;background:#d3612c;box-shadow:0 0 6px rgba(211,97,44,.4);opacity:0;transition:opacity .3s ease}.DemoShowcase_dotActive__3ZRlu .DemoShowcase_dotInner__YMRXp{opacity:1}@keyframes DemoShowcase_dotFill__CgzXE{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (max-width:767px){.DemoShowcase_showcase__4sV61{max-width:100%}.DemoShowcase_frame__3a_Ym{border-radius:0}.DemoShowcase_arrow__kDfk7{opacity:1;width:36px;height:36px}.DemoShowcase_arrowLeft__Bgmu_{left:8px}.DemoShowcase_arrowRight__BBroy{right:8px}.DemoShowcase_caption__oSDnw{position:absolute;bottom:0;left:0;right:0;margin-top:0;padding:24px 16px 12px;background:linear-gradient(transparent,rgba(30,35,43,.92) 40%);z-index:2;min-height:60px;border-radius:0}.DemoShowcase_mobileOverlayWrapper__EW8G_{position:relative}.DemoShowcase_captionTitle__EqD90{color:#fff}.DemoShowcase_captionDesc__2W_kq{color:#c8cdd3}.DemoShowcase_dots__eH4JW{margin-top:12px}}@media (min-width:768px) and (max-width:1023px){.DemoShowcase_showcase__4sV61{max-width:720px}}