/* Public controls share Guardcord's fields and pills; motion explains state. */
.public,.signed-in,.docs-shell,.public-content-page,.privacy-page{--public-ease:cubic-bezier(.16,1,.3,1)}
.public .button,.public-content-page .button{min-height:44px;border-radius:100px;transition:background .16s,border-color .16s,color .16s,transform .16s}
.public .button:not(:disabled):active,.public-content-page .button:not(:disabled):active{transform:translateY(1px)}
.public .button[aria-disabled=true],.public-content-page .button[aria-disabled=true]{cursor:wait}
.public .button[aria-busy=true]::after,.verification-surface .button[aria-busy=true]::after{content:'';width:15px;height:15px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:public-pending .8s linear infinite}
.public .button[aria-busy=true]>svg:last-child:not(:first-child){display:none}
@keyframes public-pending{to{transform:rotate(360deg)}}
.public .auth-card input#username,.public .auth-card input#password{background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-control);min-height:48px;padding:12px 13px;font-size:14px;color:var(--text);transition:border-color .16s,background .16s}
.public .auth-card .password-field input#password{padding-right:76px}
.public .auth-card input::placeholder{color:#a59c93}
.public .auth-card input:focus{border-color:var(--lilac)}
.public .auth-card input:user-invalid{border-color:var(--red)}
.public .auth-card .button{min-height:48px}
.public .auth-card .password-field .text-button{min-height:36px;min-width:58px;right:7px;border:1px solid var(--border);border-radius:100px;background:var(--raised);color:var(--text);font-size:11px}
.public .auth-card .password-field .text-button:hover{border-color:var(--lilac)}
.public .auth-card .password-field .text-button[aria-pressed=true]{background:var(--badge-bg);color:var(--badge-text)}
.docs-shell #docs-site-search,.docs-shell #docs-command-search,.resources-page #resource-search{width:100%;min-height:44px;padding:10px 36px 10px 39px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-control);font-size:13px;color:var(--text);caret-color:var(--lilac);transition:border-color .16s}
.docs-shell #docs-site-search::placeholder,.docs-shell #docs-command-search::placeholder,.resources-page #resource-search::placeholder{color:#a59c93}
.docs-site-search>div>.icon,.command-search>.icon,.resource-search>div>.icon{left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}
.docs-shell .docs-site-search>div>.icon{top:22px}
.docs-shell #docs-page-select{background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-control);color:var(--text);min-height:44px}
.command-search:has(input:not(:placeholder-shown)) kbd{display:none}
.docs-shell .docs-code-line button{min-height:44px;padding:9px 13px;border:1px solid var(--field-border);border-radius:100px;background:var(--raised);color:var(--text);gap:8px}
.docs-shell .docs-code-line button:hover{border-color:var(--lilac)}
.docs-shell .docs-code-line button[data-copied]{background:var(--ready-bg);border-color:#3e7257;color:var(--ready-text)}
.docs-shell .command-filters>button,.resource-filterbar button{min-height:44px;transition:color .16s,background .16s,border-color .16s}
[data-selection-track]{position:relative;isolation:isolate}
[data-selection-track]>button{position:relative;z-index:1}
.public-selection-marker{position:absolute;left:0;top:0;z-index:0;pointer-events:none;background:var(--lilac);border-radius:100px;opacity:0;transition:transform .24s var(--public-ease),width .24s var(--public-ease),height .24s var(--public-ease)}
[data-selection-ready=true]>.public-selection-marker{opacity:1}
[data-selection-ready=true]>button[aria-pressed=true]{background:transparent}
[data-selection-ready=true]>button[aria-selected=true]{background:transparent}
[data-selection-style=underline]>.public-selection-marker{border-radius:2px}
[data-selection-style=underline][data-selection-ready=true]>button[aria-pressed=true]{border-bottom-color:transparent}
.public-reading-progress{position:fixed;inset:0 0 auto;z-index:80;height:2px;pointer-events:none;background:transparent}
.public-reading-progress>span{display:block;height:100%;width:100%;background:var(--lilac);transform:scaleX(0);transform-origin:left center}
.privacy-index a[aria-current=location]{color:var(--lilac);text-decoration:underline;text-underline-offset:5px}
.verification-surface .button.primary{border-radius:100px;min-height:48px;transition:background .16s,transform .16s}
.verification-surface .button.primary:not(:disabled):active{transform:translateY(1px)}
.verification-surface .button[aria-busy=true]{cursor:wait}
@media(hover:hover) and (pointer:fine){.public .button>svg:last-child:not(:first-child),.public-content-page .button>svg:last-child:not(:first-child){transition:transform .2s var(--public-ease)}.public .button:hover>svg:last-child:not(:first-child),.public .button:focus-visible>svg:last-child:not(:first-child),.public-content-page .button:hover>svg:last-child:not(:first-child){transform:translate(2px,-2px)}}
@media(max-width:800px){.docs-shell #docs-site-search,.docs-shell #docs-command-search,.docs-shell #docs-page-select,.resources-page #resource-search,.public .auth-card input#username,.public .auth-card input#password{min-height:48px;font-size:16px}.docs-shell .docs-site-search>div>.icon{top:24px}.public .auth-card .password-field .text-button{min-height:44px}.resource-filterbar button{min-height:44px}.public .text-button,.docs-shell .text-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.public .button,.public-content-page .button,.public .button>svg,.public-content-page .button>svg,.public-selection-marker,.verification-surface .button.primary{transition:none}.public .button:active,.public-content-page .button:active,.verification-surface .button.primary:active{transform:none}.public .button[aria-busy=true]::after,.verification-surface .button[aria-busy=true]::after{animation:none}}