.card-swap{-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;position:relative}.card-swap-sizer{pointer-events:none;max-height:100%;overflow:hidden}.card-swap-sizer>span{width:100%;max-width:var(--swap-stage-w);aspect-ratio:var(--swap-ratio);display:block}.card-swap-stage{width:var(--swap-stage-w);height:var(--swap-stage-h);perspective:900px;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-swap-slot{top:var(--swap-oy);left:var(--swap-ox);width:var(--swap-w);height:var(--swap-h);margin:calc(var(--swap-h) / -2) 0 0 calc(var(--swap-w) / -2);border-radius:var(--swap-radius);isolation:isolate;box-shadow:var(--swap-shadow);pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:pan-y;backface-visibility:hidden;position:absolute;overflow:hidden}.card-swap:focus-visible .card-swap-slot[data-front]{outline:2px solid var(--swap-ink);outline-offset:3px}.card-swap-shade{z-index:3;border-radius:inherit;background:var(--swap-shade);opacity:0;pointer-events:none;position:absolute;inset:0}.card-swap-card{box-sizing:border-box;border-radius:inherit;isolation:isolate;background:var(--swap-tile);width:100%;height:100%;color:var(--swap-ink);position:relative;overflow:hidden}.card-swap-card-rim{z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-tile-edge), inset 0 1px 0 var(--swap-tile-highlight);pointer-events:none;position:absolute;inset:0}.card-swap-item{box-sizing:border-box;flex-direction:column;gap:6px;height:100%;padding:6px;display:flex}.card-swap-head{flex:none;align-items:center;gap:10px;min-width:0;height:30px;padding:0 6px;display:flex}.card-swap-icon{background:var(--swap-badge);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.card-swap-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden}.card-swap-media{border-radius:max(0px, calc(var(--swap-radius) - 6px));background:var(--swap-badge);flex:1;min-height:0;position:relative;overflow:hidden}.card-swap-media img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card-swap-media:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-media-edge);pointer-events:none;position:absolute;inset:0}