.music-case[data-v-41eaa242]{max-width:75%;position:relative;width:300px}.front-case[data-v-41eaa242]{background-color:#fffc;height:100%;position:relative;transition:transform .3s ease;width:100%;z-index:2}.disc[data-v-41eaa242],.front-case[data-v-41eaa242]{will-change:transform}.disc[data-v-41eaa242]{background-color:#333;background-image:repeating-radial-gradient(circle 10em at center,#0a1113 0,#022932 2.2%,#131f21 3.6%,#0b1d21 4.8% 0,#102b31 6.7%);border-radius:50%;box-shadow:0 5px 10px #0000004d;height:90%;left:25%;overflow:hidden;position:absolute;top:5%;transition:transform .5s ease-out;width:90%;z-index:1}.disc[data-v-41eaa242]:after,.disc[data-v-41eaa242]:before{border-bottom:140px solid hsla(0,0%,100%,.1);border-left:20px solid transparent;border-right:20px solid transparent;content:"";height:0;left:0;margin:auto;position:absolute;right:0;width:10px}.disc[data-v-41eaa242]:before{top:50%}.disc[data-v-41eaa242]:after{transform:rotate(180deg)}.hole[data-v-41eaa242]{border-radius:50%;height:40%;inset:0;margin:auto;position:absolute;width:40%;z-index:1}.hole[data-v-41eaa242]:before{background-color:#efefef;border-radius:50%;box-shadow:inset 5px 5px 10px #0003;content:"";height:40%;inset:0;margin:auto;position:absolute;width:40%}.music-case:hover .front-case[data-v-41eaa242]{transform:translate(-25%)}.music-case:hover .disc[data-v-41eaa242]{transform:translate(25%) rotate(380deg)}.post-content[data-v-066dd3a2] p{margin-bottom:2rem}