.dfqmm-card-container{display:inline-block}.dfqmm-card{border-radius:2px;font-family:ui-monospace,Consolas,monospace,Courier New;font-size:24px;font-weight:900;height:60px;line-height:60px;margin:5px;text-align:center;text-decoration:underline;text-underline-offset:.5em;width:40px}.dfqmm-card-black{background:radial-gradient(circle at 0 0,#777 0,#374151 25px);box-shadow:2px 2px 3px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.4);color:hsla(0,0%,100%,.9);text-shadow:1px 1px 0 hsla(0,0%,100%,.5)}.dfqmm-card-black.dfqmm-card-back.dfqmm-card-show{background:radial-gradient(circle at 100% 100%,#777 0,#374151 25px);box-shadow:-2px -2px 3px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.4)}.dfqmm-card-white{background:radial-gradient(circle at 0 0,#fff 0,#e5e7eb 25px);box-shadow:2px 2px 3px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.3);color:rgba(0,0,0,.9);text-shadow:1px 1px 0 rgba(0,0,0,.5)}.dfqmm-card-white.dfqmm-card-back.dfqmm-card-show{background:radial-gradient(circle at 100% 100%,#fff 0,#e5e7eb 25px);box-shadow:-2px -2px 3px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.3)}.dfqmm-card-back{margin-bottom:60px}.dfqmm-card-show{-webkit-transform:perspective(100px) rotateX(35deg);transform:perspective(100px) rotateX(35deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.dfqmm-card-show.dfqmm-animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:dfqmm-animation-show;animation-name:dfqmm-animation-show}@-webkit-keyframes dfqmm-animation-show{0%{-webkit-transform:none;transform:none}to{-webkit-transform:perspective(100px) rotateX(35deg);transform:perspective(100px) rotateX(35deg)}}@keyframes dfqmm-animation-show{0%{-webkit-transform:none;transform:none}to{-webkit-transform:perspective(100px) rotateX(35deg);transform:perspective(100px) rotateX(35deg)}}.dfqmm-card-show.dfqmm-card-back{-webkit-transform:perspective(100px) rotateX(20deg) rotate(180deg) scaleY(.8);transform:perspective(100px) rotateX(20deg) rotate(180deg) scaleY(.8)}.dfqmm-card-show.dfqmm-card-back.dfqmm-animate{-webkit-animation-name:dfqmm-animation-back-show;animation-name:dfqmm-animation-back-show;-webkit-animation-timing-function:linear;animation-timing-function:linear}.dfqmm-card-show.dfqmm-card-back.dfqmm-animate:after{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:dfqmm-animation-back-show-after;animation-name:dfqmm-animation-back-show-after;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:rgba(0,0,0,.9);content:"<";inset:0;position:absolute;text-decoration:underline;text-shadow:-1px 1px 0 rgba(0,0,0,.5);text-underline-offset:.5em}.dfqmm-card-show.dfqmm-card-black.dfqmm-card-back.dfqmm-animate:after{color:hsla(0,0%,100%,.9);text-shadow:-1px 1px 0 hsla(0,0%,100%,.5)}@-webkit-keyframes dfqmm-animation-back-show-after{0%{content:"<"}56%{content:"<"}57%{content:""}to{content:""}}@keyframes dfqmm-animation-back-show-after{0%{content:"<"}56%{content:"<"}57%{content:""}to{content:""}}@-webkit-keyframes dfqmm-animation-back-show{0%{color:transparent;text-shadow:none;-webkit-transform:perspective(100px) rotateX(180deg) rotate(180deg) scaleY(1);transform:perspective(100px) rotateX(180deg) rotate(180deg) scaleY(1);z-index:10}56%{color:transparent;text-shadow:none;-webkit-transform:perspective(100px) rotateX(90deg) rotate(180deg) scaleY(.9);transform:perspective(100px) rotateX(90deg) rotate(180deg) scaleY(.9);z-index:10}to{-webkit-transform:perspective(100px) rotateX(20deg) rotate(180deg) scaleY(.8);transform:perspective(100px) rotateX(20deg) rotate(180deg) scaleY(.8)}}@keyframes dfqmm-animation-back-show{0%{color:transparent;text-shadow:none;-webkit-transform:perspective(100px) rotateX(180deg) rotate(180deg) scaleY(1);transform:perspective(100px) rotateX(180deg) rotate(180deg) scaleY(1);z-index:10}56%{color:transparent;text-shadow:none;-webkit-transform:perspective(100px) rotateX(90deg) rotate(180deg) scaleY(.9);transform:perspective(100px) rotateX(90deg) rotate(180deg) scaleY(.9);z-index:10}to{-webkit-transform:perspective(100px) rotateX(20deg) rotate(180deg) scaleY(.8);transform:perspective(100px) rotateX(20deg) rotate(180deg) scaleY(.8)}}.dfqmm-move-right{-webkit-animation:dfqmm-animation-move-right .5s forwards;animation:dfqmm-animation-move-right .5s forwards}@-webkit-keyframes dfqmm-animation-move-right{0%{-webkit-transform:translateX(-60px);transform:translateX(-60px)}}@keyframes dfqmm-animation-move-right{0%{-webkit-transform:translateX(-60px);transform:translateX(-60px)}}.dfqmm-move-down{-webkit-animation:dfqmm-animation-move-down .5s .5s backwards;animation:dfqmm-animation-move-down .5s .5s backwards}@-webkit-keyframes dfqmm-animation-move-down{0%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}}@keyframes dfqmm-animation-move-down{0%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}}.dfqmm-put-button-container{margin-top:52px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20}.dfqmm-card-white.cursor-pointer:active{-webkit-filter:brightness(.94);filter:brightness(.94)}.dfqmm-card-black.cursor-pointer:active{-webkit-filter:brightness(1.3);filter:brightness(1.3)}