.cube{--cube-size-262px:16.375rem;--cube-size-238px:14.875rem;--cube-size-170px:10.625rem;--cube-size-154px:9.625rem;--cube-size-102px:6.375rem;--cube-size-66px:4.125rem;margin-right:var(--space-24px);flex-direction:column;align-items:center;display:flex}.cube__mask{width:calc(var(--cell)*2.6);height:calc(var(--cell)*2.6);position:relative;overflow:hidden}.cube__mask:before{content:"";z-index:5;pointer-events:none;background-image:linear-gradient(0deg,var(--depth)2.32%,#21202200 49.79%,var(--depth)97.26%);position:absolute;inset:0}.cube__mask:after{content:"";z-index:6;pointer-events:none;background-image:linear-gradient(260deg,var(--depth)6.3%,#21202200 49.24%,var(--depth)92.18%);position:absolute;inset:0}.cube__grid{width:var(--cube-size-262px);height:var(--cube-size-238px);background-color:var(--depth);gap:var(--space-8px);transform:translate(calc(-2.4*var(--cell)),calc(-2.23*var(--cell)));flex-direction:column;display:flex}.cube__row{align-items:center;gap:var(--space-8px);display:flex}.cube__grid-cell{aspect-ratio:1;box-sizing:border-box;width:var(--cube-size-102px);height:var(--size-100px);border-radius:var(--size-6px);border:solid .2px var(--lace-20);background-color:var(--lace-20);flex-shrink:0}.cube__grid-cell--center{justify-content:center;align-items:center;display:flex}.cube__grid-cell--active{border-color:none;box-shadow:0 0 20px #0e0e0e66}.cube__grid-cell img{object-fit:cover;border-radius:6px;width:100%;height:100%;margin:0;padding:0;display:block}.cube__grid-cell--center.move-down{transform:translateY(calc(2*var(--cell)));transition:transform .15s linear}.cube__grid-cell--center.move-up{transform:translateY(calc(-2*var(--cell)));transition:transform .15s linear}.cube__grid-cell--center.move-right{transform:translate(calc(2*var(--cell)),calc(-.16*var(--cell)));transition:transform .15s linear}.cube__grid-cell--center.move-left{transform:translate(calc(-2*var(--cell)),calc(.14*var(--cell)));transition:transform .15s linear}.cube__row>.cube__grid-cell:nth-child(3){margin-top:-26px}.cube__row>.cube__grid-cell:nth-child(4){margin-top:-41px}.cube__row>.cube__grid-cell:nth-child(5){margin-top:-59px}.cube__row>.cube__grid-cell:nth-child(6){margin-top:-70px}.cube__row>.cube__grid-cell:nth-child(7){margin-top:-76px}@media (max-width:834px){.cube{margin-right:var(--space-16px)}.cube__grid{width:var(--cube-size-170px);height:var(--cube-size-154px);gap:var(--space-6px);transform:translate(calc(-2.7*var(--cube-size-66px)),calc(-2.3*var(--cube-size-66px)))}.cube__mask{width:calc(var(--cube-size-66px)*2.5);height:calc(var(--cube-size-66px)*2.5)}.cube__grid-cell{width:var(--cube-size-66px);height:var(--cube-size-66px);border-radius:var(--size-4px)}.cube__grid-cell img{border-radius:var(--size-4px)}}@media (max-width:430px){.cube__grid{width:var(--cube-size-262px);height:var(--cube-size-238px);gap:var(--space-8px);margin-right:0;margin-bottom:var(--space-24px);transform:translate(calc(-2.4*var(--cell)),calc(-2.23*var(--cell)))}.cube__mask{width:calc(var(--cell)*2.5);height:calc(var(--cell)*2.5)}.cube__grid-cell{width:var(--size-100px);height:var(--size-100px);border-radius:var(--size-4px)}}