.nfp-pinned{--enter-from:-8px;inset:var(--pin-top) auto var(--pin-bottom) var(--pin-left);width:var(--pin-width);max-height:min(var(--pin-cap), var(--pin-room));margin:var(--space-xs) 0 var(--space-md);z-index:1000;background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);opacity:0;transform:translateY(var(--enter-from));transition:opacity var(--transition-enter), transform var(--transition-enter), display var(--transition-enter), overlay var(--transition-enter);transition-behavior:allow-discrete;position:fixed}.nfp-pinned:where([data-side=above]){--enter-from:8px;margin:var(--space-md) 0 var(--space-xs)}.nfp-pinned:is([open],.is-open){opacity:1;transform:none}@starting-style{.nfp-pinned:is([open],.is-open){opacity:0;transform:translateY(var(--enter-from))}}.nfp-option-row{padding:var(--space-sm) var(--space-md);min-height:var(--touch-min);cursor:pointer;color:var(--color-ink);border-bottom:1px solid var(--color-hairline);transition:background var(--transition-fast);align-items:center;display:flex}.nfp-option-row:last-child{border-bottom:none}@media (hover:hover) and (pointer:fine){.nfp-option-row:hover{background:var(--color-surface)}}.nfp-option-row.is-active{background:var(--color-caret)}.nfp-option-row:active{background:var(--color-caret-pressed)}