[data-spin-card=container]{position:relative;overflow:hidden;perspective:1000px}[data-spin-card=container]:hover [data-spin-card=card],[data-spin-card=container][data-active=true] [data-spin-card=card]{transform:rotateY(180deg)}[data-spin-card=card]{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1,.64,1)}[data-spin-card=content],[data-spin-card=cover]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}[data-spin-card=content]{transform:rotateY(180deg);cursor:pointer}[data-menu=content]{position:absolute;visibility:hidden;pointer-events:none}[data-menu-open=true] [data-menu=content]{visibility:visible;pointer-events:auto;z-index:50}[data-drawer=container]{opacity:0;pointer-events:none;transition:opacity .3s ease}[data-drawer=container][data-active=true]{opacity:1;pointer-events:auto}[data-drawer=content]{transform:translateX(100%);transition:transform .3s ease}[data-drawer=container][data-side=right][data-active=true] [data-drawer=content]{transform:translateX(0)}[data-drawer=container][data-side=left]{justify-content:flex-start}[data-drawer=container][data-side=left][data-active=true] [data-drawer=content]{transform:translateX(0)}[data-drawer=container][data-side=left] [data-drawer=content]{transform:translateX(-100%)}