img,._innerImage_sa1wp_2{width:8rem;height:8rem;transition:height .5s ease,width .5s ease;object-fit:cover}._container_sa1wp_9{display:grid;width:calc(100% + 2rem);min-height:16rem;margin-left:-1rem;padding-block:1rem;perspective:31.25rem;pointer-events:none;transform-style:preserve-3d}._imageContainer_sa1wp_20{--offsetX: calc(var(--offset) * 3.5rem);--rotateY: 25deg;--translateZ: 5rem;--opacity: .75;display:flex;transition:transform .5s ease,opacity .5s ease;grid-area:1/1;place-items:center;place-self:center center}._imageContainer_sa1wp_20._default_sa1wp_31{z-index:calc(100 - var(--offset));opacity:var(--opacity);cursor:pointer;transform:translate(var(--offsetX)) rotateY(calc(var(--rotateY) * -.5)) translateZ(calc(var(--translateZ) * -1)) scale(1)}._imageContainer_sa1wp_20._activeImage_sa1wp_37{z-index:100;opacity:1}._imageContainer_sa1wp_20._rightImage_sa1wp_41{z-index:calc(100 - var(--offset));opacity:calc(1 - var(--offset) * .1);cursor:pointer;transform:translate(var(--offsetX)) rotateY(calc(var(--rotateY) * -1)) translateZ(calc(var(--translateZ) * -1)) scale(.9)}._imageContainer_sa1wp_20._leftImage_sa1wp_47{z-index:calc(100 + var(--offset));opacity:calc(1 + var(--offset) * .1);cursor:pointer;transform:translate(var(--offsetX)) rotateY(calc(var(--rotateY) * 1)) translateZ(calc(var(--translateZ) * -1)) scale(.9)}._gridContainer_sa1wp_54{display:grid;grid-template-rows:repeat(2,auto)}#_textContainer_sa1wp_1{display:flex;flex-direction:column;align-self:start;max-width:20rem;margin-top:.5rem;padding:.25rem .5rem;text-align:center;background-color:var(--color-bg);border:1px solid white;border-radius:.25rem;box-shadow:2px 2px 10px #000;opacity:0;transition:opacity .2s ease;cursor:pointer;grid-row:2}#_textContainer_sa1wp_1._showText_sa1wp_76{opacity:1}._title_sa1wp_80{overflow:hidden;width:100%;font-size:var(--text-xl);white-space:nowrap;text-overflow:ellipsis}._artist_sa1wp_88{width:100%;font-size:var(--text-sm);overflow-wrap:break-word}._innerImage_sa1wp_2{position:relative;z-index:100;transition:transform .5s ease,height .5s ease,width .5s ease;cursor:pointer;justify-self:center;pointer-events:all;transform:perspective(31.25rem) rotateY(var(--rotateY)) rotateX(var(--rotateX));--default-rotate: 11deg;--rotateX: 5deg;--rotateY: 0deg}._innerImage_sa1wp_2:has(._pos_sa1wp_107:nth-child(1):hover){--rotateX: var(--default-rotate);--rotateY: calc(var(--default-rotate) * -1)}._innerImage_sa1wp_2:has(._pos_sa1wp_107:nth-child(2):hover){--rotateX: var(--default-rotate);--rotateY: 0deg}._innerImage_sa1wp_2:has(._pos_sa1wp_107:nth-child(3):hover){--rotateX: var(--default-rotate);--rotateY: var(--default-rotate)}._innerImage_sa1wp_2:has(._pos_sa1wp_107:nth-child(4):hover){--rotateX: calc(var(--default-rotate) * -1);--rotateY: calc(var(--default-rotate) * -1)}._innerImage_sa1wp_2:has(._pos_sa1wp_107:nth-child(5):hover){--rotateX: calc(var(--default-rotate) * -1);--rotateY: 0deg}._innerImage_sa1wp_2:has(._pos_sa1wp_107:nth-child(6):hover){--rotateX: calc(var(--default-rotate) * -1);--rotateY: var(--default-rotate)}._pos_sa1wp_107{position:absolute;z-index:100;width:33.3333333333%;height:50%}._pos_sa1wp_107:nth-child(1){top:0;left:0}._pos_sa1wp_107:nth-child(2){top:0;left:33.3333333333%}._pos_sa1wp_107:nth-child(3){top:0;right:0}._pos_sa1wp_107:nth-child(4){bottom:0;left:0}._pos_sa1wp_107:nth-child(5){bottom:0;left:33.3333333333%}._pos_sa1wp_107:nth-child(6){right:0;bottom:0}@media(width>=48rem){._container_sa1wp_9{min-height:12rem}img,._innerImage_sa1wp_2{width:10rem;height:10rem}._imageContainer_sa1wp_20{--offsetX: calc(var(--offset) * 5rem)}}.playlistContainer[data-astro-cid-klhljcvd]{display:flex;flex-direction:row;justify-self:center;align-self:center;align-items:center;width:fit-content;gap:.75rem;padding:.75rem;background-color:var(--inner-bg);border:1px solid white;border-radius:.5rem;cursor:pointer;margin-bottom:.5rem;h1,p{text-align:left}}h1[data-astro-cid-klhljcvd]{text-align:center}.textContainer[data-astro-cid-klhljcvd]{align-self:center;width:fit-content;margin-bottom:1rem;padding:.5rem;text-align:center;background-color:var(--inner-bg)}