@layer components{.pk-split-button{border:1px solid var(--pk-line);border-radius:var(--pk-radius);background:var(--pk-surface-raise);color:var(--pk-ink);block-size:var(--pk-control-size);align-items:stretch;display:inline-flex}.pk-split-button--primary{border-color:var(--pk-accent-strong);background:var(--pk-accent-strong);color:var(--pk-accent-on)}.pk-split-button .pk-btn,.pk-split-button .pk-menu__trigger{block-size:auto;color:inherit;background:0 0;border:0;margin:0;text-decoration:none}.pk-split-button>.pk-btn{border-radius:var(--pk-radius) 0 0 var(--pk-radius)}.pk-split-button__primary+.pk-menu{border-inline-start:1px solid color-mix(in srgb, currentColor 28%, transparent)}.pk-split-button .pk-menu__trigger{padding:0 var(--pk-3);font-size:var(--pk-control-text);border-radius:0 var(--pk-radius) var(--pk-radius) 0;aspect-ratio:auto;cursor:pointer;font-weight:500;line-height:1.35}.pk-split-button:not(:has(.pk-split-button__primary)) .pk-menu__trigger{border-radius:var(--pk-radius)}.pk-split-button--secondary .pk-btn:hover:not(:disabled,[aria-disabled=true]),.pk-split-button--secondary .pk-menu__trigger:hover,.pk-split-button--secondary .pk-menu__trigger[aria-expanded=true]{background:var(--pk-surface-sunk);color:var(--pk-ink);filter:none}.pk-split-button--primary .pk-btn:hover:not(:disabled,[aria-disabled=true]),.pk-split-button--primary .pk-menu__trigger:hover,.pk-split-button--primary .pk-menu__trigger[aria-expanded=true]{background:color-mix(in srgb, var(--pk-accent-on) 12%, var(--pk-accent-strong));color:var(--pk-accent-on);filter:none}.pk-split-button__menu-content{align-items:center;gap:var(--pk-2);display:inline-flex}.pk-split-button__caret{border-block-end:1px solid;border-inline-end:1px solid;width:.4rem;height:.4rem;translate:0 -.1rem;rotate:45deg}}@layer utilities{@media (any-pointer:coarse){.pk-split-button{block-size:calc(var(--pk-6) + var(--pk-3))}.pk-split-button>.pk-btn,.pk-split-button .pk-menu .pk-menu__trigger{min-block-size:calc(var(--pk-6) + var(--pk-3) - 2px);min-inline-size:calc(var(--pk-6) + var(--pk-3) - 2px)}}}