.card-wrapper{content-visibility:auto;contain-intrinsic-size:0 490px;margin:-40px;padding:40px}@media only screen and (max-width:62rem){.card-wrapper{contain-intrinsic-size:0 485px}}@media only screen and (max-width:48rem){.card-wrapper{contain-intrinsic-size:0 480px}}.card-wrapper .card-component{perspective:1500px;width:300px;height:450px}@media only screen and (max-width:62rem){.card-wrapper .card-component{width:280px;height:445px}}@media only screen and (max-width:48rem){.card-wrapper .card-component{width:270px;height:440px}}.card-wrapper .card-component .card{background:var(--background);height:100%;box-shadow:var(--shadow);transform-style:preserve-3d;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.625rem;transition:transform .5s ease-in-out,box-shadow .5s ease-in-out;display:flex;position:relative}.card-wrapper .card-component .card a{display:contents}.card-wrapper .card-component .card .glass{box-shadow:color-mix(in oklch,var(--background)90%,black 10%)0 5px 5px 2px;background:linear-gradient(30deg,var(--background),color-mix(in oklch,var(--background)50%,white 50%)60%);border-bottom:1px solid color-mix(in oklch,var(--background)90%,black 10%);border-right:1px solid color-mix(in oklch,var(--background)90%,black 10%);transform-style:preserve-3d;border-radius:10px;transition:transform .4s ease-in-out .5s,box-shadow .4s ease-in-out .5s;position:absolute;inset:10px;transform:translateZ(20px)}.card-wrapper .card-component .card .image{cursor:pointer;border-left:1px solid color-mix(in oklch,var(--background)90%,black 10%);border-top:1px solid color-mix(in oklch,var(--background)90%,black 10%);object-fit:cover;border-radius:10px;width:15.625rem;height:15.625rem}@media only screen and (max-width:62rem){.card-wrapper .card-component .card .image{width:230px;height:230px}}@media only screen and (max-width:48rem){.card-wrapper .card-component .card .image{width:220px;height:220px}}.card-wrapper .card-component .card .image{box-shadow:color-mix(in oklch,var(--background)90%,black 10%)0 5px 5px 2px;transform-style:preserve-3d;transition:transform .2s ease-in-out .4s,box-shadow .2s ease-in-out .4s,border-left .4s ease-in-out .4s,border-top .4s ease-in-out .4s;transform:translateZ(40px)}.card-wrapper .card-component .card .top-right{opacity:0;cursor:pointer;width:2.5rem;height:2.5rem;transform-style:preserve-3d;transition:transform .2s ease-in-out .4s,box-shadow .2s ease-in-out .4s,opacity .5s ease-in-out .4s,top .5s ease-in-out .4s;position:absolute;top:3.125rem;right:2rem;transform:translateZ(45px)}@media only screen and (max-width:36rem){.card-wrapper .card-component .card .top-right{opacity:1;width:1.5rem;height:1.5rem;top:1.5rem;right:1.5rem}}.card-wrapper .card-component .card .top-right .play-button{background-color:var(--cyan);width:2.5rem;height:2.5rem;box-shadow:color-mix(in oklch,var(--background)90%,black 10%)0 5px 5px 2px}.card-wrapper .card-component .card .top-right .play-button:hover{box-shadow:color-mix(in oklch,var(--background)90%,black 10%)0 5px 5px 4px;transform:translateZ(10px)}.card-wrapper .card-component .card .title{color:var(--foreground);font-size:1.25rem;font-weight:900}@media only screen and (max-width:62rem){.card-wrapper .card-component .card .title{font-size:1.125rem}}@media only screen and (max-width:48rem){.card-wrapper .card-component .card .title{font-size:1.125rem}}.card-wrapper .card-component .card .title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-left:.25rem;transition:transform .5s ease-in-out .2s,box-shadow .5s ease-in-out .2s;display:-webkit-box;overflow:hidden;transform:translateZ(40px)}.card-wrapper .card-component .card .description{color:var(--foreground);margin-left:.25rem;font-size:.9375rem}@media only screen and (max-width:62rem){.card-wrapper .card-component .card .description{font-size:.9375rem}}@media only screen and (max-width:48rem){.card-wrapper .card-component .card .description{font-size:.875rem}}.card-wrapper .card-component .card .description{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;transition:transform .5s ease-in-out .5s,box-shadow .5s ease-in-out .5s;display:-webkit-box;overflow:hidden;transform:translateZ(40px)}.card-wrapper .card-component .card .pre-bottom,.card-wrapper .card-component .card .bottom{transform-style:preserve-3d;justify-content:flex-start;align-items:center;column-gap:.5rem;margin-left:.25rem;transition:transform .4s ease-in-out .3s,box-shadow .4s ease-in-out .3s;display:flex;transform:translateZ(40px)}.card-wrapper .card-component .card .pre-bottom .unit-color,.card-wrapper .card-component .card .bottom .unit-color{margin-left:2px;font-size:.75rem}.card-wrapper .card-component .card .bottom{margin-bottom:.25rem;transition-delay:.2s}.card-wrapper .card-component:hover .card{transform:rotate3d(1,1,0,20deg)}@media only screen and (max-width:36rem){.card-wrapper .card-component:hover .card{transform:none}}.card-wrapper .card-component:hover .card .glass{box-shadow:color-mix(in oklch,var(--background)90%,black 10%)0 5px 5px 6px;transform:translateZ(40px)}.card-wrapper .card-component:hover .card .image{box-shadow:color-mix(in oklch,var(--background)90%,black 10%)0 5px 5px 4px;transform:translateZ(60px)}.card-wrapper .card-component:hover .card .top-right{opacity:1;top:2rem;transform:translateZ(70px)}.card-wrapper .card-component:hover .card .title,.card-wrapper .card-component:hover .card .description,.card-wrapper .card-component:hover .card .pre-bottom,.card-wrapper .card-component:hover .card .bottom{transform:translateZ(70px)}