._pu_oa_tray{width:fit-content;max-width:100%}._pu_oa_body{gap:var(--feta-space-1);padding:var(--feta-space-2-5);flex-wrap:wrap;display:flex}._pu_oa_swatch{cursor:pointer;place-items:center;width:46px;height:46px;display:grid;position:relative}._pu_oa_input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}._pu_oa_ring{border-radius:var(--feta-radius-full);opacity:0;transition:transform var(--feta-motion-duration-base) var(--feta-motion-ease-out), opacity var(--feta-motion-duration-base) var(--feta-motion-ease-out);position:absolute;inset:0;transform:scale(.8);box-shadow:inset 0 0 0 2px}._pu_oa_input:checked~._pu_oa_ring{opacity:1;transform:scale(1)}._pu_oa_input:focus-visible~._pu_oa_ring{opacity:1;outline:2px solid var(--feta-text-primary);outline-offset:2px;transform:scale(1)}._pu_oa_well{border-radius:var(--feta-radius-full);background-color:var(--feta-alpha-ink-base-4);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--feta-alpha-ink-base-10);place-items:center;display:grid}._pu_oa_dot{border-radius:var(--feta-radius-full);background-color:currentColor;width:20px;height:20px}._pu_oa_input:disabled~._pu_oa_well{opacity:.4}._pu_oa_input:disabled~._pu_oa_ring{opacity:0}._pu_oa_swatch:has(._pu_oa_input:disabled){cursor:not-allowed}._pu_oa_tray[data-still] ._pu_oa_ring{transition:opacity var(--feta-motion-duration-focus) linear;transform:none}