@supports (color:color-mix(in lab, red, red)){:root{--kam-cmp-picker-sheet-head-bg:color-mix(in srgb, var(--kam-sem-color-bg) 88%, transparent)}}:root{--kam-cmp-picker-field-min-block:56px;--kam-cmp-picker-field-pad:8px 12px;--kam-cmp-picker-field-radius:14px;--kam-cmp-picker-field-bg:linear-gradient(to bottom, var(--kam-sem-color-bg-card-2), var(--kam-sem-color-bg-card));--kam-cmp-picker-field-border:var(--kam-sem-color-border-strong);--kam-cmp-picker-field-border-hover:var(--kam-sem-color-text-3);--kam-cmp-picker-field-raise:inset 0 1px 0 var(--kam-ref-white-a06), 0 4px 12px var(--kam-ref-black-a35);--kam-cmp-picker-field-placeholder:var(--kam-sem-color-text-3);--kam-cmp-picker-field-disabled-opacity:.5;--kam-cmp-picker-sheet-bg:var(--kam-sem-color-bg);--kam-cmp-picker-sheet-head-bg:var(--kam-sem-color-bg)}@supports (color:color-mix(in lab, red, red)){:root{--kam-cmp-picker-sheet-head-bg:color-mix(in srgb, var(--kam-sem-color-bg) 88%, transparent)}}:root{--kam-cmp-picker-sheet-head-blur:blur(12px);--kam-cmp-picker-sheet-border:var(--kam-sem-color-border-strong);--kam-cmp-picker-sheet-width:560px;--kam-cmp-picker-sheet-max-block:85dvh;--kam-cmp-picker-sheet-radius:20px;--kam-cmp-picker-sheet-shadow:0 24px 64px var(--kam-ref-black-a60);--kam-cmp-picker-sheet-pad:16px;--kam-cmp-picker-sheet-title:18px;--kam-cmp-picker-sheet-title-line:26px;--kam-cmp-picker-backdrop:var(--kam-ref-black-a60);--kam-cmp-picker-motion:var(--kam-sem-duration-overlay);--kam-cmp-picker-row-min-block:64px;--kam-cmp-picker-row-bare-min-block:52px;--kam-cmp-picker-row-pad:10px;--kam-cmp-picker-row-gap:12px;--kam-cmp-picker-row-radius:14px;--kam-cmp-picker-row-bg:var(--kam-sem-color-bg-card);--kam-cmp-picker-row-border:var(--kam-sem-color-border);--kam-cmp-picker-row-hover:var(--kam-sem-color-bg-card-2);--kam-cmp-picker-row-chosen-bg:var(--kam-sem-color-brand-tint);--kam-cmp-picker-row-chosen-border:var(--kam-sem-color-brand);--kam-cmp-picker-row-raise:inset 0 1px 0 var(--kam-ref-white-a05), 0 2px 6px var(--kam-ref-black-a30);--kam-cmp-picker-row-press-scale:.98;--kam-cmp-picker-picture:48px;--kam-cmp-picker-name:15px;--kam-cmp-picker-name-line:22px;--kam-cmp-picker-line:13px;--kam-cmp-picker-line-height:18px;--kam-cmp-picker-head:13px;--kam-cmp-picker-head-line:18px;--kam-cmp-picker-check-size:22px;--kam-cmp-picker-check-bg:var(--kam-sem-color-brand);--kam-cmp-picker-check-ink:var(--kam-sem-color-brand-ink);--kam-cmp-picker-check-rim:0 0 0 2px var(--kam-sem-color-bg-card);--kam-cmp-picker-motion-fast:var(--kam-sem-duration-feedback)}.kpk-field{inline-size:100%;min-block-size:var(--kam-cmp-picker-field-min-block);padding:var(--kam-cmp-picker-field-pad);border:1px solid var(--kam-cmp-picker-field-border);border-radius:var(--kam-cmp-picker-field-radius);background:var(--kam-cmp-picker-field-bg);box-shadow:var(--kam-cmp-picker-field-raise);color:var(--kam-sem-color-text);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--kam-cmp-picker-motion-fast) var(--kam-sem-ease-soft), transform var(--kam-cmp-picker-motion-fast) var(--kam-sem-ease-soft);align-items:center;gap:12px;display:flex}@media (hover:hover) and (pointer:fine){.kpk-field:hover{border-color:var(--kam-cmp-picker-field-border-hover)}}.kpk-field:active{transform:scale(var(--kam-cmp-picker-row-press-scale))}.kpk-field:focus-visible{outline:2px solid var(--kam-sem-color-brand);outline-offset:2px}.kpk-field[data-invalid]{border-color:var(--kam-sem-color-danger)}.kpk-field[data-bare]{min-block-size:var(--kam-sem-size-target);padding-block:6px}.kpk-field[data-bare] .kpk-row__name{font-weight:inherit}.kpk-field:disabled{opacity:var(--kam-cmp-picker-field-disabled-opacity);cursor:not-allowed;transform:none}.kpk-field__card{align-items:center;gap:var(--kam-cmp-picker-row-gap);flex:1;min-inline-size:0;display:flex}.kpk-field__placeholder{color:var(--kam-cmp-picker-field-placeholder);font-size:var(--kam-cmp-picker-name);line-height:var(--kam-cmp-picker-name-line);flex:1}.kpk-field__chevron{color:var(--kam-sem-color-text-2);flex:none}.kpk-row__picture{inline-size:var(--kam-cmp-picker-picture);block-size:var(--kam-cmp-picker-picture);border-radius:var(--kam-sem-radius-pill);color:var(--kam-sem-color-text-2);flex:none;place-items:center;display:grid;overflow:hidden}.kpk-row__picture img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.kpk-row__words{gap:2px;min-inline-size:0;display:grid}.kpk-row__name{font-size:var(--kam-cmp-picker-name);font-weight:600;line-height:var(--kam-cmp-picker-name-line);overflow-wrap:break-word}.kpk-row__line{color:var(--kam-sem-color-text-2);font-size:var(--kam-cmp-picker-line);line-height:var(--kam-cmp-picker-line-height);overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){.kpk-field:active{transform:none}}.kpk-list{gap:16px;min-inline-size:0;display:grid}.kpk-list__tools{gap:10px;display:grid}.kpk-list .o-search{inline-size:100%}.kpk-sort{flex-wrap:wrap;gap:8px;display:flex}.kpk-sort__press{border:1px solid var(--kam-cmp-picker-row-border);border-radius:var(--kam-sem-radius-pill);min-block-size:36px;min-inline-size:44px;color:var(--kam-sem-color-text-2);font:inherit;font-size:var(--kam-cmp-picker-line);cursor:pointer;background:0 0;padding:6px 14px;font-weight:600;position:relative}.kpk-sort__press:after{content:"";position:absolute;inset:-4px 0}.kpk-sort__press[aria-checked=true]{border-color:var(--kam-cmp-picker-row-chosen-border);background:var(--kam-cmp-picker-row-chosen-bg);color:var(--kam-sem-color-text)}.kpk-sort__press:focus-visible{outline:2px solid var(--kam-sem-color-brand);outline-offset:2px}.kpk-list__none{color:var(--kam-sem-color-text-2);font-size:var(--kam-cmp-picker-name);line-height:var(--kam-cmp-picker-name-line)}.kpk-list__groups{gap:20px;display:grid}.kpk-list__groups:focus-visible{outline:2px solid var(--kam-sem-color-brand);outline-offset:4px}.kpk-group{gap:8px;display:grid}.kpk-group__head{color:var(--kam-sem-color-text-2);font-size:var(--kam-cmp-picker-head);font-weight:600;line-height:var(--kam-cmp-picker-head-line);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.kpk-group__rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kpk-row{align-items:center;gap:var(--kam-cmp-picker-row-gap);min-block-size:var(--kam-cmp-picker-row-min-block);padding:var(--kam-cmp-picker-row-pad);border:1px solid var(--kam-cmp-picker-row-border);border-radius:var(--kam-cmp-picker-row-radius);background:var(--kam-cmp-picker-row-bg);box-shadow:var(--kam-cmp-picker-row-raise);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--kam-cmp-picker-motion-fast) var(--kam-sem-ease-soft), border-color var(--kam-cmp-picker-motion-fast) var(--kam-sem-ease-soft), transform var(--kam-cmp-picker-motion-fast) var(--kam-sem-ease-soft);display:flex;position:relative}@media (hover:hover) and (pointer:fine){.kpk-row:hover{background:var(--kam-cmp-picker-row-hover)}}.kpk-row:active{transform:scale(var(--kam-cmp-picker-row-press-scale))}.kpk-row:focus-visible{outline:2px solid var(--kam-sem-color-brand);outline-offset:2px}.kpk-row[aria-selected=true]{border-color:var(--kam-cmp-picker-row-chosen-border);background:var(--kam-cmp-picker-row-chosen-bg)}.kpk-row[aria-disabled]{opacity:.45;cursor:not-allowed}.kpk-row__check{inline-size:var(--kam-cmp-picker-check-size);block-size:var(--kam-cmp-picker-check-size);background:var(--kam-cmp-picker-check-bg);box-shadow:var(--kam-cmp-picker-check-rim);color:var(--kam-cmp-picker-check-ink);opacity:0;pointer-events:none;transition:opacity var(--kam-cmp-picker-motion-fast) var(--kam-sem-ease-soft), transform var(--kam-cmp-picker-motion-fast) var(--kam-sem-ease-soft);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:6px;inset-inline-start:calc(var(--kam-cmp-picker-row-pad) + var(--kam-cmp-picker-picture) - var(--kam-cmp-picker-check-size) / 2);transform:scale(.5)}.kpk-row[aria-selected=true] .kpk-row__check{opacity:1;transform:scale(1)}.kpk-row[data-bare]{min-block-size:var(--kam-cmp-picker-row-bare-min-block);padding-inline:var(--kam-cmp-picker-sheet-pad) var(--kam-cmp-picker-row-pad)}.kpk-row[data-bare] .kpk-row__words{flex:1}.kpk-row[data-bare] .kpk-row__check{flex:none;position:static}.kpk-list__add{display:flex}@media (prefers-reduced-motion:reduce){.kpk-row:active{transform:none}}