.ps-kit-grid{font-family:Inter,sans-serif}.ps-kit-grid__wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;padding:50px 0}.ps-kit-grid__card{position:relative;width:calc(100% / var(--columns) - 20px);max-width:100%;height:24rem;overflow:hidden;border-radius:0;box-shadow:0 10px 30px 5px #0003;color:#f0f0f0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.ps-kit-grid__card:hover{transform:translateY(-5px);box-shadow:0 15px 40px 8px #00000040}.ps-kit-grid__img{position:absolute;object-fit:cover;width:100%;height:100%;top:0;left:0;opacity:.9;transition:opacity .3s ease-in-out}.ps-kit-grid__card:hover .ps-kit-grid__img{opacity:1}.ps-kit-grid__content{position:relative;z-index:2;height:100%}.ps-kit-grid__content h3{position:absolute;inset:auto auto 30px 30px;margin:0;text-transform:uppercase;font-weight:600;transition:inset .3s .3s ease-out}.ps-kit-grid__card:hover h3{inset:auto auto 220px 30px;transition:inset .3s ease-out}.ps-kit-grid__content p,.ps-kit-grid__button{position:absolute;opacity:0;max-width:80%;transition:opacity .3s ease-out;color:inherit}.ps-kit-grid__content p{inset:auto auto 80px 30px}.ps-kit-grid__button{inset:auto auto 40px 30px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.ps-kit-grid__card:hover p,.ps-kit-grid__card:hover .ps-kit-grid__button{opacity:1;transition:opacity .5s .1s ease-in}.material-symbols-outlined{vertical-align:middle;font-size:1.2em}@media screen and (max-width: 768px){.ps-kit-grid__card{width:calc(50% - 10px);height:20rem}.ps-kit-grid__content h3{font-size:1.1rem;inset:auto auto 25px 20px}.ps-kit-grid__content p{font-size:.9rem;inset:auto auto 70px 20px}.ps-kit-grid__button{font-size:.85rem;inset:auto auto 35px 20px}.ps-kit-grid__card:hover h3{inset:auto auto 180px 20px}}@media screen and (max-width: 480px){.ps-kit-grid__wrapper{flex-direction:column;padding:30px 15px}.ps-kit-grid__card{width:100%;height:18rem;max-width:350px;margin:0 auto}.ps-kit-grid__content h3{font-size:1rem;inset:auto auto 20px 15px}.ps-kit-grid__content p{font-size:.85rem;inset:auto auto 60px 15px;max-width:85%}.ps-kit-grid__button{font-size:.8rem;inset:auto auto 30px 15px}.ps-kit-grid__card:hover h3{inset:auto auto 160px 15px}}@media screen and (max-width: 320px){.ps-kit-grid__card{height:16rem}.ps-kit-grid__content h3{font-size:.9rem;inset:auto auto 15px 12px}.ps-kit-grid__content p{font-size:.8rem;inset:auto auto 50px 12px}.ps-kit-grid__button{font-size:.75rem;inset:auto auto 25px 12px}.ps-kit-grid__card:hover h3{inset:auto auto 140px 12px}}@media (prefers-reduced-motion: reduce){.ps-kit-grid__card,.ps-kit-grid__card *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kit-grid.css.map */