.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.top-1\/2{top:50%}.left-\[-50px\]{left:-50px}.right-\[-50px\]{right:-50px}.-translate-y-1\/2{transform:translateY(-50%)}.z-10{z-index:10}.z-9{z-index:9}.z-8{z-index:8}.z-50{z-index:50}.w-full{width:100%}.h-full{height:100%}.w-\[600px\]{width:600px}.h-\[335px\]{height:335px}.w-10{width:2.5rem}.h-10{height:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.overflow-hidden{overflow:hidden}.bg-black{background-color:#000}.bg-white{background-color:#fff}.text-white{color:#fff}.text-black{color:#000}.text-4xl{font-size:2.25rem;line-height:2.5rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.transition{transition:all 0.2s ease-in-out}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.object-cover{object-fit:cover}.group:hover .group-hover\:bg-opacity-60{background-color:rgba(0,0,0,.6)}