/* The same controls and motion contracts ship in the catalog and product. */
select[data-k-enhanced][hidden]{display:none!important}
.k-dropdown{display:inline-flex;position:relative;min-width:0;width:100%;font-family:var(--k-font-sans);font-weight:400}
.k-dropdown--compact{width:auto;direction:ltr}
.k-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--k-color-border-control);border-radius:var(--k-radius-control);background:var(--k-color-surface-raised);color:var(--k-color-text-primary);font:inherit;font-size:1rem;line-height:1.5;text-align:start;cursor:pointer}
.k-dropdown--compact .k-dropdown-trigger{min-height:44px;min-width:80px;padding:9px 12px;font-size:.875rem;font-weight:500}
.k-dropdown-value{min-width:0;overflow-wrap:anywhere}
.k-dropdown-trigger:hover{background:var(--k-color-action-secondary-hover)}
.k-dropdown-trigger[aria-expanded=true]{border-color:var(--k-color-action-primary-bg);background:var(--k-color-surface-raised)}
.k-dropdown-trigger:active{background:var(--k-color-action-secondary-pressed)}
.k-dropdown-trigger:focus-visible,.k-dropdown-option:focus-visible{outline:2px solid var(--k-color-focus);outline-offset:3px}
.k-dropdown-trigger[aria-invalid=true]{border-color:var(--k-color-status-negative-border)}
.k-dropdown-trigger:disabled{background:var(--k-color-action-disabled-bg);color:var(--k-color-action-disabled-fg);border-color:var(--k-color-action-disabled-border);cursor:not-allowed}
.k-dropdown svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.k-dropdown-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.k-dropdown-menu{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:6px;overflow:auto;overscroll-behavior:contain;z-index:80;border:1px solid var(--k-color-border-subtle);border-radius:var(--k-radius-card);background:var(--k-color-surface-raised);color:var(--k-color-text-primary);box-shadow:0 12px 32px #1525281a,0 2px 6px #15252808;font-family:var(--k-font-sans);font-size:.9375rem;font-weight:400;line-height:1.5}
.k-dropdown-menu[hidden]{display:none!important}
.k-dropdown-menu::backdrop{background:transparent}
.k-dropdown-option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:var(--k-radius-control);cursor:pointer;outline-offset:-2px!important;overflow-wrap:anywhere;box-sizing:border-box}
.k-dropdown-option>span:first-child{flex:1;min-width:0}
.k-dropdown-option:focus,.k-dropdown-option:hover{background:var(--k-color-action-secondary-hover)}
.k-dropdown-option[aria-selected=true]{background:var(--k-color-status-info-bg);color:var(--k-color-text-link);font-weight:500}
.k-dropdown-option[aria-selected=false]>svg{visibility:hidden}
.k-dropdown-code{color:var(--k-color-text-secondary);font-size:.75rem;font-weight:400}
.k-dropdown-option[aria-disabled=true]{color:var(--k-color-action-disabled-fg);cursor:not-allowed}
.k-dropdown-option :lang(fa),:lang(fa) .k-dropdown:not(.k-dropdown--compact){font-family:var(--k-font-fa);line-height:1.6;letter-spacing:normal}
/* Use color feedback for actions; movement is reserved for an appearing layer. */
:is(.k-button,.btn,.action,.record-action,.guide-button,.btn-copy,.btn-extend,.btn-gold,.tbuy,.btn-unbind,.link-copy,.k-dropdown-trigger){transition:background-color var(--k-motion-fast) var(--k-motion-ease),color var(--k-motion-fast) var(--k-motion-ease),border-color var(--k-motion-fast) var(--k-motion-ease)}
:is(.record-action,.guide-button,.btn-extend,.btn-gold,.tbuy):not(:disabled):not([aria-disabled=true]):active{background:var(--k-color-action-primary-pressed)}
:is(.btn-ghost,.action.secondary,.record-action.secondary,.link-copy,.btn-unbind):not(:disabled):not([aria-disabled=true]):active{background:var(--k-color-action-secondary-pressed);color:var(--k-color-action-secondary-fg)}
.k-dropdown-trigger>svg{transition:transform var(--k-motion-default) var(--k-motion-ease)}
@keyframes k-layer-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes k-feedback-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .k-dropdown-menu:not([hidden]){animation:k-layer-enter var(--k-motion-default) var(--k-motion-ease)}
 :is(.k-dialog,.krem-dialog)[open],.modal-overlay.open .modal{animation:k-layer-enter var(--k-motion-slow) var(--k-motion-ease)}
 .toast.show,.k-toast:not(:empty),details[open]>:not(summary){animation:k-feedback-enter var(--k-motion-default) var(--k-motion-ease)}
}
@media(prefers-reduced-motion:reduce){
 *,::before,::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Disabled actions retain their state even under a more specific hover rule. */
:is(.k-button,.btn,.action,.record-action,.guide-button,.btn-copy,.btn-extend,.btn-gold,.tbuy,.btn-unbind,.link-copy):is(:disabled,[aria-disabled=true]),
:is(.k-button,.btn,.action,.record-action,.guide-button,.btn-copy,.btn-extend,.btn-gold,.tbuy,.btn-unbind,.link-copy):is(:disabled,[aria-disabled=true]):is(:hover,:active){background:var(--k-color-action-disabled-bg);color:var(--k-color-action-disabled-fg);border-color:var(--k-color-action-disabled-border);cursor:not-allowed}