.mag-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:6px;margin:4px 10px 4px 0;transition:transform 0.25s cubic-bezier(.2,.8,.3,1),filter 0.25s ease}.mag-swatch:hover{transform:translateY(-4px) scale(1.12)}.mag-swatch--selected .mag-swatch__ship{filter:drop-shadow(0 0 6px var(--ship-color)) drop-shadow(0 0 3px rgb(201 168 76 / .9))}.mag-swatch--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.mag-swatch__ship{width:72px;height:72px;display:block;transition:filter 0.2s ease}.mag-swatch:hover .mag-swatch__ship{filter:drop-shadow(0 3px 8px rgb(0 0 0 / .25))}.mag-swatch__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:#1a1a1a;color:#f5f0e8;font-size:10px;font-family:var(--font-body-family,sans-serif);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding:4px 10px;border-radius:3px;pointer-events:none;opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;z-index:20;border:1px solid rgb(201 168 76 / .4)}.mag-swatch__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid #fff0;border-top-color:#1a1a1a}.mag-swatch:hover .mag-swatch__tooltip{opacity:1;transform:translateX(-50%) translateY(0)}