.role-swap__inner{display:flex;flex-direction:column;gap:16px}.role-swap__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}.role-swap__item{display:flex;min-width:0}.uniforms .role-swap__card{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;padding:14px;border:1px solid var(--uniforms-line);border-radius:8px;background:var(--uniforms-surface);color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.uniforms a.role-swap__card:hover,.uniforms a.role-swap__card:focus-visible{border-color:var(--uniforms-ink);box-shadow:inset 0 0 0 1px var(--uniforms-ink);color:inherit}.role-swap__media{display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:6px}.role-swap__image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.uniforms .role-swap__placeholder{--uniforms-placeholder-padding: 12px;--uniforms-placeholder-size: 14px;height:100%;border-radius:6px}.role-swap__title{font-size:17px;line-height:1.3;overflow-wrap:anywhere}.role-swap__colors{color:var(--uniforms-muted);font-size:15px;line-height:1.4}.uniforms .role-swap__status{font-size:15px;line-height:1.4}@media screen and (min-width:750px){.role-swap__grid{gap:20px}}@media screen and (min-width:990px){.role-swap__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.uniforms .role-swap__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-role-swap.css.map */