.gsi-material-button{--gsi-btn-bg:var(--card);--gsi-btn-border:var(--border);--gsi-btn-text:var(--foreground);--gsi-btn-state:color-mix(in oklch,var(--primary)12%,transparent);--gsi-btn-font:var(--font-family-sans,system-ui,sans-serif);-webkit-user-select:none;user-select:none;appearance:none;background-color:var(--gsi-btn-bg);border:1px solid var(--gsi-btn-border);border-radius:var(--radius,.875rem);box-sizing:border-box;color:var(--gsi-btn-text);cursor:pointer;font-family:var(--gsi-btn-font);letter-spacing:.25px;text-align:center;vertical-align:middle;white-space:nowrap;width:100%;max-width:400px;height:44px;box-shadow:0 1px 2px color-mix(in oklch,var(--foreground)4%,transparent);background-image:none;outline:none;padding:0 12px;font-size:14px;transition:background-color .218s,border-color .218s,box-shadow .218s;position:relative;overflow:hidden}.gsi-material-button:disabled{cursor:default;opacity:.55}.gsi-material-button:not(:disabled):hover{border-color:color-mix(in oklch,var(--primary)35%,var(--gsi-btn-border));box-shadow:0 1px 3px color-mix(in oklch,var(--foreground)8%,transparent)}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus-visible .gsi-material-button-state{background-color:var(--gsi-btn-state);opacity:1}.gsi-material-button-state{opacity:0;pointer-events:none;transition:opacity .218s;position:absolute;inset:0}.gsi-material-button-content-wrapper{flex-flow:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gsi-material-button-icon{width:20px;min-width:20px;height:20px;margin-right:12px}.gsi-material-button-icon svg{width:20px;height:20px;display:block}.gsi-material-button-contents{font-family:var(--gsi-btn-font);text-overflow:ellipsis;vertical-align:top;color:var(--gsi-btn-text);flex-grow:0;font-weight:500;overflow:hidden}.gsi-material-button .gsi-sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}