.fixed-box{height:300px;width:calc(300px * 16 / 9)}.box-selected{border:2px solid rgba(28,100,242,1);background:transparent linear-gradient(180deg,#ffd3e8,#d7c1f9) 0% 0% no-repeat padding-box}.box-selected img{border:2px solid rgba(28,100,242,1);padding:5px;background:#fff}.box-not-selected{box-shadow:none}.grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.overflow-hidden{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.flex-grow{flex-grow:1}.self-start{align-self:flex-start}.mt-2{margin-top:.5rem}.rounded-lg{border-radius:.5rem}.object-cover{-o-object-fit:cover;object-fit:cover}.w-16{width:4rem}.h-16{height:4rem}@media (max-width: 767px){.p-4{padding:1rem}.text-base{font-size:.875rem;line-height:1.25rem}.rounded-lg{border-radius:.375rem}.w-16{width:3rem}.h-16{height:3rem}}