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