.card{--transition-time:.25s;perspective:1000px}.card .content{box-shadow:0 0 15px #0000001a;display:block;height:100%;position:absolute;transform-style:preserve-3d;transition:transform var(--transition-time);width:100%}.card .content .back,.card .content .front{align-items:center;backface-visibility:hidden;border-radius:var(--radius-md,.375rem);display:flex;height:100%;justify-content:center;padding:calc(var(--spacing,.25rem)*3);position:absolute;top:calc(var(--spacing,.25rem)*0);transition:color calc(var(--transition-time) - .1s);width:100%}.card .content .front{background-color:var(--color-bg,light-dark(#f9f9ff,#212229))}.card .content .back{background-color:var(--color-card,light-dark(#ededef,#1c1c21));transform:rotateY(180deg)}.card .content:focus-visible{outline-width:0}.card.is-changing .back,.card.is-changing .front{color:#0000;transition:color}.card.is-flipped .content{transform:rotateY(180deg);transition:transform var(--transition-time)}