article:has(.flip-card) .content{width:100%}article:has(.flip-card) .floating-button,article:has(.flip-card) .sintinel{display:none}article:has(.flip-card) .navigation{display:flex!important}article:has(.flip-card){gap:10px;flex-direction:column;position:relative;margin:auto;overflow:hidden;margin-bottom:20px;align-items:center}article .content:has(.flip-card){display:grid;place-items:center;overflow:hidden}article .content:has(.flip-card) [data-page]:before{position:absolute;padding:0;top:15px;left:15px}.article .content:has(.flip-card) .flip-card-container.skeleton .flip-card:after{content:""}.flip-card,article:has(.flip-card) .navigation{width:90%;max-width:400px}.flip-card{display:inline-block;display:flex;align-items:center;justify-content:center;height:calc(70vh);background:var(--backgroundcolor);border:1px solid var(--grey);border-radius:8px;will-change:transform;transition:transform .3s ease-in-out;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;padding:10px;transform-style:preserve-3d;transition:transform .4s ease,box-shadow .3s ease;position:relative;grid-area:1/1/2/2}.flip-card-container:has(.flip-card.flipping) .flip-card{color:transparent}.flip-card.flipped{overflow:unset!important;color:var(--textcolor)!important}.flip-card i{font-size:20px}.flip-card:after{content:"Tap to flip, and swipe to change card";opacity:.5;font-size:14px;position:absolute;bottom:10%}.flip-card .card-back,.flip-card .card-front{backface-visibility:hidden;position:absolute;max-width:80%}.flip-card.flipped{transform:perspective(400px) rotateY(180deg)!important}.flip-card .card-back{transform:rotateY(180deg)}.flip-card.flipped:after{content:""}.flip-card .actions,.flip-card .card-hint{display:none}.flip-card.hint-active .card-hint{display:block}.flip-card.audio-active .action-audio,.flip-card.hint-active .action-hint{background:var(--secondarybuttonactive);color:var(--secondarybuttonactivetextcolor)}.flip-card.active:not(.flip-card.flipped) .actions{display:flex;position:absolute;top:10px;right:5px}.moving.flip-card{transition:none;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.flip-card button{pointer-events:all}.flip-card div{pointer-events:none}.flip-card img{max-width:100%;pointer-events:none}.flip-card h3{margin-top:32px;font-size:32px;padding:0 16px;pointer-events:none}.flip-card p{margin-top:24px;font-size:20px;padding:0 16px;pointer-events:none}