*,:after,:before{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;overflow-x:hidden}p{margin:0 0 12px}.container{max-width:400px;margin:0 auto;padding:16px}.control-btn{position:relative;z-index:9}button{color:#fff;border:none;border-radius:4px;font:inherit;font-size:1em;font-weight:500;width:100%;margin:24px 0 0;padding:10px 16px;transition:opacity .3s ease-out;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:active{opacity:.6;transition:none}button.flip{background:#5858de}button.next{background:#2b9a2b}.card-container{position:relative;width:100%;height:260px;padding-bottom:30px;margin-bottom:-64px;-webkit-perspective:1000px;perspective:1000px;overflow:hidden}.card,.card-container>.container{height:100%}.card{width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.card.answer{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.card-layer{width:100%;border:1px solid #beccbe;border-radius:4px;background:#f7fdf7;padding:16px;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:fade-out .3s ease forwards paused;animation:fade-out .3s ease forwards paused;will-change:transform}.shimmer.shimmer{border-color:transparent;box-shadow:none;color:transparent;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:linear-gradient(-60deg,#f6f6f6,#f6f6f6 25%,#e8e8e8 50%,#f6f6f6 75%,#f6f6f6);background-size:1000% 100%;background-position-x:0;-webkit-animation:bg-shimmer 1.5s linear infinite both;animation:bg-shimmer 1.5s linear infinite both}@-webkit-keyframes bg-shimmer{0%{background-position-x:0}to{background-position-x:100%}}@keyframes bg-shimmer{0%{background-position-x:0}to{background-position-x:100%}}.card-layer.top{font-size:20px;color:#222;-webkit-transform:rotateX(0);transform:rotateX(0)}.card-layer.bottom{position:absolute;top:0;left:0;background:#4e544e;color:#fff;font-size:14px;border-color:transparent;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.card-layer.bottom .answer{font-size:22px}.card.flipped-away{-webkit-animation:flip-away .3s cubic-bezier(.13,.59,.4,1) forwards;animation:flip-away .3s cubic-bezier(.13,.59,.4,1) forwards;pointer-events:none}.card.flipped-away .card-layer{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes flip-away{0%{-webkit-transform:translateY(-100%) translateZ(0) rotateX(180deg);transform:translateY(-100%) translateZ(0) rotateX(180deg)}to{-webkit-transform:translateY(-100%) translate3d(40%,10%,0) rotateX(180deg) rotate(-10deg);transform:translateY(-100%) translate3d(40%,10%,0) rotateX(180deg) rotate(-10deg)}}@keyframes flip-away{0%{-webkit-transform:translateY(-100%) translateZ(0) rotateX(180deg);transform:translateY(-100%) translateZ(0) rotateX(180deg)}to{-webkit-transform:translateY(-100%) translate3d(40%,10%,0) rotateX(180deg) rotate(-10deg);transform:translateY(-100%) translate3d(40%,10%,0) rotateX(180deg) rotate(-10deg)}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.st-de-underline{text-decoration:none;border-bottom:1px solid}.st-de-bottomdot{position:relative}.st-de-bottomdot:after{content:"";position:absolute;display:block;width:4px;height:4px;background:#fff;border-radius:2px;left:50%;bottom:-2px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page-title{font-size:1.2em;font-weight:500}.deck-card__in{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.6em 0}.deck-card__in *+*{margin-left:12px}.deck-card__in svg{width:28px;height:28px}.deck-card__content{-webkit-flex:1 1;flex:1 1}.deck-card__subject{margin:0;font-size:.9em;color:#a0a0af;font-weight:500}.deck-card__name{margin:0;font-size:1em;font-weight:500}
/*# sourceMappingURL=main.04595240.chunk.css.map */