.tcard{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:200px;height:250px;color:var(--text);flex:0 0 200px;align-items:flex-end;animation:.5s tcard-in;display:flex;position:relative}@keyframes tcard-in{0%{opacity:0}}.tcard article{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:15px;width:100%;height:190px;padding:20px;transition:background-color .2s,border-color .2s}.tcard h4{margin:0;font-size:20px;font-weight:200;line-height:1.5}.tcard-collection{text-transform:uppercase;color:var(--text);font-size:.6em;line-height:1.5;display:block}.tcard-cover{width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}.tcard-cover img{object-fit:cover;object-position:center;opacity:0;border-radius:15px;width:100%;height:250px;transition:opacity .45s cubic-bezier(.165,.84,.44,1) .15s,transform .45s cubic-bezier(.165,.84,.44,1) .15s;transform:translateY(3rem)}.tcard-bottom{justify-content:space-between;align-items:center;width:100%;padding:20px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:0;left:0}.tcard-logo{align-items:center;max-width:50%;min-height:40px;display:flex}.tcard-logo img{opacity:.6;width:auto;height:20px;transition-property:opacity,transform;transition-duration:.9s;transition-timing-function:cubic-bezier(.165,.84,.44,1);display:block}.tcard-chip{color:#fff;opacity:.6;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition-property:all;transition-duration:.8s;transition-timing-function:cubic-bezier(.165,.84,.44,1);display:flex}.tcard .ic-pause{display:none}.tcard-bigplay{z-index:2;opacity:0;pointer-events:none;width:52px;height:52px;transition:opacity .45s cubic-bezier(.165,.84,.44,1) .1s,transform .45s cubic-bezier(.165,.84,.44,1) .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.tcard:hover .tcard-bigplay,.tcard--open .tcard-bigplay,.tcard.playing .tcard-bigplay{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.tcard:hover,.tcard--open,.tcard.playing{box-shadow:0 25px 30px -25px #0006}.tcard:hover .tcard-cover img,.tcard--open .tcard-cover img,.tcard.playing .tcard-cover img{opacity:1;transition-duration:.3s;transition-delay:0s;transform:translateY(0)}.tcard:hover .tcard-logo img,.tcard--open .tcard-logo img,.tcard.playing .tcard-logo img{opacity:1}.tcard:hover .tcard-chip,.tcard--open .tcard-chip,.tcard.playing .tcard-chip{opacity:0}.tcard--open .ic-play,.tcard.playing .ic-play{display:none}.tcard--open .ic-pause,.tcard.playing .ic-pause{display:block}@media (width<=767px){.tcard{flex:0 0 168px;width:168px;height:220px}.tcard article{height:168px;padding:16px}.tcard h4{font-size:17px}.tcard-cover img{height:220px}.tcard-bottom{padding:14px 16px}}.tcard.tcard--compact{flex:0 0 172px;width:172px;height:215px}.tcard.tcard--compact article{height:163px;padding:17px}.tcard.tcard--compact h4{font-size:18px}.tcard.tcard--compact .tcard-cover img{height:215px}.tcard.tcard--compact .tcard-bottom{padding:16px 17px}.tcard.tcard--compact .tcard-chip{width:36px;height:36px}@media (width<=699px){.tcard.tcard--compact{flex:0 0 148px;width:148px;height:194px}.tcard.tcard--compact article{height:148px;padding:14px}.tcard.tcard--compact h4{font-size:15.5px}.tcard.tcard--compact .tcard-cover img{height:194px}.tcard.tcard--compact .tcard-bottom{padding:12px 14px}}html.fx-noshadow .tcard:hover,html.fx-noshadow .tcard--open,html.fx-noshadow .tcard.playing{box-shadow:none!important}html.fx-notrans .tcard,html.fx-notrans .tcard *{transition:none!important;animation:none!important}.tcard-icons{z-index:7;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-end;gap:7px;transition:opacity .25s;display:flex;position:absolute;top:8px;right:8px}.tcard:hover .tcard-icons,.tcard--open .tcard-icons,.tcard.playing .tcard-icons{opacity:1;pointer-events:auto;transition-delay:.3s}.tcard-spotify{z-index:7;filter:drop-shadow(0 2px 6px #0000008c);opacity:0;pointer-events:none;width:20px;height:20px;transition:opacity .25s ease, transform .2s var(--ease-out);display:block;position:absolute;bottom:12px;right:10px}.tcard:hover .tcard-spotify,.tcard:hover .tcard-video,.tcard:hover .tcard-image,.tcard:hover .tcard-icons,.tcard:hover .tcard-bigplay,.tcard:hover .tcard-cover img,.tcard:hover .tcard-logo img,.tcard-cover img,.tcard-bigplay{will-change:opacity, transform}.tcard:hover .tcard-spotify,.tcard--open .tcard-spotify,.tcard.playing .tcard-spotify{opacity:1;pointer-events:auto;transition:opacity .25s ease .3s, transform .2s var(--ease-out)}.tcard:has(.tcard-video):hover .tcard-spotify{transition:opacity .25s ease .5s, transform .2s var(--ease-out)}.tcard--open:has(.tcard-video) .tcard-spotify{transition:opacity .25s ease .5s, transform .2s var(--ease-out)}.tcard.playing:has(.tcard-video) .tcard-spotify{transition:opacity .25s ease .5s, transform .2s var(--ease-out)}.tcard-spotify:hover{transform:scale(1.16)}.tcard-spotify svg{width:100%;height:100%;display:block}.tcard-image{display:none!important}.tcard-video{cursor:pointer;filter:drop-shadow(0 2px 6px #0000008c);width:28px;height:20px;transition:transform .2s var(--ease-out);display:block;position:relative}.tcard-video:hover{transform:scale(1.16)}.tcard-image{cursor:pointer;width:48px;height:32px;transition:transform .2s var(--ease-out);border:1px solid #ffffff47;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.tcard-image:hover{transform:scale(1.1)}.tcard-image img{object-fit:cover;filter:blur(2.5px);width:100%;height:100%;transition:filter .25s;position:absolute;inset:0;transform:scale(1.12)}.tcard-image:hover img{filter:none}.tcard-image .img-mark{filter:drop-shadow(0 1px 2px #000000b3);width:10px;height:10px;position:absolute;bottom:3px;right:3px}.tcard-video .yt-mark{width:100%;height:100%;display:block}