@layer base{.join{display:inline-flex}.join>*{border-radius:0}.join>:focus-visible,.join>:focus-within,.join>:hover{z-index:1;position:relative}.join-vertical{flex-direction:column}.join:not(.join-vertical)>:first-child{border-start-start-radius:var(--radius-field,.25rem);border-end-start-radius:var(--radius-field,.25rem)}.join:not(.join-vertical)>:last-child{border-start-end-radius:var(--radius-field,.25rem);border-end-end-radius:var(--radius-field,.25rem)}.join:not(.join-vertical)>:not(:first-child){margin-inline-start:calc(var(--border,1px) * -1)}.join-vertical>:first-child{border-start-start-radius:var(--radius-field,.25rem);border-start-end-radius:var(--radius-field,.25rem)}.join-vertical>:last-child{border-end-end-radius:var(--radius-field,.25rem);border-end-start-radius:var(--radius-field,.25rem)}.join-vertical>:not(:first-child){margin-top:calc(var(--border,1px) * -1)}}