/* Shared interaction grammar: content links, action buttons and form fields. */
:root{--nnc-control-radius:8px;--nnc-control-line:#dcd2e8;--nnc-control-focus:#5017bd;--nnc-control-height:44px}
:where(.studio-shell,.garage-page,.account-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;border-radius:var(--nnc-control-radius);border-color:var(--nnc-control-line);font-family:Onest,sans-serif}
:where(.studio-shell,.garage-page,.account-page) select:not([multiple]){appearance:none;min-height:var(--nnc-control-height);padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235017bd' stroke-width='1.8'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
:where(.studio-shell,.garage-page,.account-page) :is(.primary,.secondary,.btn:not(.text):not(.quiet)){min-height:var(--nnc-control-height);border-radius:var(--nnc-control-radius);box-shadow:none}
:where(.studio-shell,.garage-page,.account-page) :is(button,a,input,select,textarea,summary):focus-visible,.k-picker :is(button,input):focus-visible{outline:2px solid var(--nnc-control-focus);outline-offset:3px}
:where(.studio-shell,.garage-page,.account-page) :is(button,input,select,textarea):disabled{cursor:default}
:where(.studio-shell,.garage-page,.account-page) [aria-invalid=true]{border-color:#ac2a24}
@media(max-width:760px){:where(.studio-shell,.garage-page,.account-page) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}}