.artwork{background-color:transparent;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);transition-duration:500}.artwork:hover{position:relative;scale:105% 105%}.artwork:hover .artwork-info{visibility:hidden}.artwork:hover .artwork-image{width:100%;height:100%}.artwork:hover .artwork-details{visibility:visible}.artwork-mobile:hover{position:inherit!important;scale:none!important}.artwork-mobile:hover .artwork-info{visibility:visible}.artwork-mobile:hover .artwork-image{width:100%;height:auto}.artwork-tag{background-color:none;border:1px solid var(--muted-foreground);border-radius:calc(var(--radius) - 4px);font-size:var(--text-xs);line-height:var(--text-xs--line-height);padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * .2)}.artwork-tag,.artwork-title{color:var(--muted-foreground)}.artwork-title{display:block;font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:600;word-break:normal}.artwork-subtitle{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.artwork-actor,.artwork-director{max-height:2rem;overflow:hidden}.artwork-actor,.artwork-content,.artwork-director{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.artwork-content{max-height:6rem;overflow-y:auto}.artwork-play-button{color:var(--muted-foreground);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);width:4rem;height:4rem}.artwork-play-button:hover{color:var(--foreground)}.artwork-image{background:var(--secondary);position:relative;aspect-ratio:4/5;width:100%}.artwork-image img{width:100%;height:100%;object-fit:cover}.artwork-info{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3)}.artwork-details{display:flex;flex-direction:column;visibility:hidden;background:linear-gradient(180deg,#0000,#000c 48%,#000000e6);position:absolute;top:0;left:0;width:100%;height:100%}.artwork-details div:first-child{flex-grow:1;display:flex;justify-content:center;align-items:center}.artwork-details .artwork-title{display:block;color:var(--accent-foreground);font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:600;word-break:normal}