.ft-slab-swap{position:relative;width:100%;height:100%;outline:none;-webkit-tap-highlight-color:transparent}.ft-slab-swap-sizer{max-height:100%;overflow:hidden;pointer-events:none}.ft-slab-swap-sizer>span{display:block;width:100%;max-width:var(--swap-stage-w);aspect-ratio:var(--swap-ratio)}.ft-slab-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}.ft-slab-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}.ft-slab-swap:focus-visible .ft-slab-swap-slot[data-front]{outline:2px solid var(--swap-ink);outline-offset:3px}.ft-slab-swap-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;background:var(--swap-shade);opacity:0;pointer-events:none}.ft-slab-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)}.ft-slab-swap-card-rim{position:absolute;top:0;right:0;bottom:0;left: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}.ft-slab-swap-item{display:flex;flex-direction:column;gap:6px;height:100%;padding:6px;box-sizing:border-box}.ft-slab-swap-head{display:flex;flex:none;align-items:center;gap:10px;min-width:0;height:30px;padding:0 6px}.ft-slab-swap-icon{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--swap-badge)}.ft-slab-swap-title{overflow:hidden;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.ft-slab-swap-media{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:max(0px,calc(var(--swap-radius) - 6px));background:var(--swap-badge)}.ft-slab-swap-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ft-slab-swap-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-media-edge);pointer-events:none}.ft-slab-collections{width:260px;max-width:100%;margin:32px auto 0;padding-top:20px;border-top:1px solid #dce2dd;font-family:Inter,Arial,sans-serif;color:#142019}.ft-slab-collections,.ft-slab-collections *{box-sizing:border-box}.ft-slab-collections h3{font:650 15px/1.3 Inter,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px;color:#142019}.ft-slab-swap{height:auto;overflow:hidden;--swap-tile:linear-gradient(180deg,#393640,#25232b);--swap-tile-edge:#ffffff1a;--swap-tile-highlight:#ffffff24;--swap-shadow:0 12px 24px -14px #10181466;--swap-media-edge:#ffffff18;--swap-ink:#f4f4f5;--swap-badge:#ffffff0d;--swap-shade:#100e15}.ft-slab-swap-sizer>span{max-width:var(--swap-stage-w);margin:0 auto}.ft-slab-swap-card{display:block;text-decoration:none}.ft-slab-swap-head{height:30px;padding:0 5px;justify-content:space-between;gap:4px}.ft-slab-swap-title{font-size:11px;font-weight:600;color:#f4f4f5}.ft-slab-swap-head svg{width:12px;height:12px;flex-shrink:0}.ft-slab-swap-media img{object-fit:contain}.ft-slab-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:4px 0 0}.ft-slab-controls button{width:36px;height:36px;border:1px solid #dce2dd;border-radius:50%;background:#fff;color:#17251d;display:grid;place-items:center;cursor:pointer;padding:0;font:18px/1 Arial}.ft-slab-controls button:hover{background:#edf4ed;border-color:#729b7b}.ft-slab-controls button:focus-visible,.ft-slab-swap-card:focus-visible{outline:2px solid #17663f;outline-offset:3px}.ft-slab-controls span{font:500 11px/1.2 Inter,Arial,sans-serif;color:#607066;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.ft-slab-swap-stage{perspective:none}.ft-slab-swap-slot{transition:none}}.ft-author-rail{max-width:260px;margin:0 auto}.ft-slab-swap-head svg{color:var(--swap-ink)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/funtek-slab-card-swap.css.map */