mpo-patch{display:block;width:100%;height:100%}mpo-patch .mpop__box{width:100%;height:100%;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transform-origin:center;transform-origin:center;display:grid;grid-template-columns:1fr;grid-template-areas:"stack";align-items:center;justify-items:center}mpo-patch .mpop__front,mpo-patch .mpop__back{grid-area:stack;display:flex;align-items:center;justify-content:center;width:80%;height:80%;position:relative;overflow:hidden;border-radius:100%;transition:all .48s ease-in-out}mpo-patch .mpop__front:before,mpo-patch .mpop__front:after,mpo-patch .mpop__back:before,mpo-patch .mpop__back:after{content:"";width:100%;height:100%;transition:all .48s ease-in-out;border-radius:100%;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%}mpo-patch .mpop__front{-webkit-clip-path:inset(15% 0% 0% 0%);clip-path:inset(15% 0% 0% 0%)}mpo-patch .mpop__front:before{background:#cd2d30}mpo-patch .mpop__front:after{background:-webkit-linear-gradient(bottom, rgba(201, 56, 56, 0) 65%, #8C1C1C 85%)}mpo-patch .mpop__back{z-index:1;-webkit-clip-path:inset(15% 0% 0% 0%);clip-path:inset(15% 0% 0% 0%)}mpo-patch .mpop__back:after{background-color:#e0514f;background-image:-webkit-linear-gradient(bottom, rgba(201, 56, 56, 0) 55%, #E0514F);-webkit-transform:translateY(-70%);transform:translateY(-70%)}mpo-patch[animate-peel][flat] .mpop__front,mpo-patch[h-animate-peel]:hover .mpop__front{-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%)}mpo-patch[animate-peel][flat] .mpop__front:after,mpo-patch[h-animate-peel]:hover .mpop__front:after{-webkit-transform:translateY(-41%);transform:translateY(-41%)}mpo-patch[animate-peel][flat] .mpop__back,mpo-patch[h-animate-peel]:hover .mpop__back{-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%)}mpo-patch[animate-peel][flat] .mpop__back:after,mpo-patch[h-animate-peel]:hover .mpop__back:after{-webkit-transform:translateY(-101%);transform:translateY(-101%)}