@property --tilt-x{syntax:"<angle>";inherits:true;initial-value:0deg}@property --tilt-y{syntax:"<angle>";inherits:true;initial-value:0deg}@property --tilt-px{syntax:"<percentage>";inherits:true;initial-value:50%}@property --tilt-py{syntax:"<percentage>";inherits:true;initial-value:50%}@property --rim-x{syntax:"<length>";inherits:true;initial-value:0}@property --rim-y{syntax:"<length>";inherits:true;initial-value:0}@property --pop{syntax:"<number>";inherits:true;initial-value:1}.g-ripple{--ripple:currentColor;--ripple-hover:1.02;--ripple-press:0.97;--tilt-x:0deg;--tilt-y:0deg;--tilt-px:50%;--tilt-py:50%;--rim-x:0px;--rim-y:0px;--pop:1;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;isolation:isolate;border:1px solid transparent;border-radius:var(--g-r-control);font-family:inherit;font-weight:700;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transform:perspective(420px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--pop));transition:--pop .15s var(--g-ease-out),border-color .16s var(--g-ease-state),background-color .16s var(--g-ease-state),color .16s var(--g-ease-state)}@media (hover:hover) and (pointer:fine){.g-ripple:hover:not(:disabled):not([aria-disabled=true]){--pop:var(--ripple-hover)}}.g-ripple:active:not(:disabled):not([aria-disabled=true]){--pop:var(--ripple-press);transition-duration:90ms}.g-ripple:focus-visible{outline:none;box-shadow:0 0 0 3px var(--g-accent-soft)}.g-ripple:disabled,.g-ripple[aria-disabled=true]{cursor:not-allowed;transform:none}.g-ripple:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(92% 190% at calc(100% - var(--tilt-px)) calc(100% - var(--tilt-py)),rgba(255,255,255,.16),rgba(255,255,255,0) 76%),radial-gradient(92% 190% at var(--tilt-px) var(--tilt-py),rgba(0,0,0,.11),rgba(0,0,0,0) 76%);box-shadow:inset var(--rim-x) var(--rim-y) 0 0 rgba(0,0,0,.13),inset calc(var(--rim-x) * -1) calc(var(--rim-y) * -1) 0 0 rgba(255,255,255,.26);transition:opacity .15s var(--g-ease-state)}@media (hover:hover) and (pointer:fine){.g-ripple:hover:not(:disabled):not([aria-disabled=true]):after{opacity:1}}.g-ripple[data-variant=ghost]:after{display:none}.g-ripple-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:inherit}.g-ripple-field{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none}.g-ripple-wave{position:absolute;border-radius:50%;transform:scale(.1);opacity:.6;animation:gRipple var(--duration,.6s) cubic-bezier(.16,.84,.34,1) forwards}@keyframes gRipple{60%{opacity:.34}to{transform:scale(1);opacity:0}}.g-ripple[data-size=sm]{min-height:32px;padding-inline:14px;font-size:13px}.g-ripple[data-size=default]{min-height:40px;padding-inline:18px;font-size:14px}.g-ripple[data-size=lg]{min-height:48px;padding-inline:24px;font-size:15.5px}.g-ripple[data-size=icon]{width:40px;min-height:40px;padding:0}.g-ripple[data-size=icon-sm]{width:32px;min-height:32px;padding:0}@media (pointer:coarse){.g-ripple[data-size=default],.g-ripple[data-size=icon-sm],.g-ripple[data-size=icon],.g-ripple[data-size=sm]{min-height:36px}.g-ripple[data-size=icon-sm],.g-ripple[data-size=icon]{width:36px}}.g-ripple[data-size=icon-sm] .g-ripple-label,.g-ripple[data-size=icon] .g-ripple-label{gap:0}.g-ripple[data-variant=default]{background:var(--g-accent);color:var(--g-on-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px var(--g-accent-line)}.g-ripple[data-variant=default]:hover:not(:disabled){background:color-mix(in srgb,var(--g-accent) 86%,#fff)}.g-ripple[data-variant=default]:active:not(:disabled){background:color-mix(in srgb,var(--g-accent) 74%,#fff)}.g-ripple[data-variant=default]:disabled{border-color:var(--mac-hairline,var(--g-line));background:var(--g-fill-2);color:var(--g-ink-faint);box-shadow:none}.g-ripple[data-variant=outline]{border-color:var(--mac-hairline,var(--g-line));background:var(--g-fill);color:var(--g-ink-dim)}.g-ripple[data-variant=outline]:hover:not(:disabled){border-color:var(--g-line-strong);background:var(--g-fill-2);color:var(--g-ink)}.g-ripple[data-variant=secondary]{background:var(--g-fill-2);color:var(--g-ink)}.g-ripple[data-variant=secondary]:hover:not(:disabled){background:color-mix(in srgb,var(--g-ink) 12%,var(--g-fill-2))}.g-ripple[data-variant=ghost]{background:transparent;color:var(--g-ink-dim)}.g-ripple[data-variant=ghost]:hover:not(:disabled){background:var(--g-fill-2);color:var(--g-ink)}.g-ripple[data-variant=destructive]{background:var(--tone-bad,#d9455f);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.g-ripple[data-variant=destructive]:hover:not(:disabled){background:color-mix(in srgb,var(--tone-bad,#d9455f) 88%,#000)}.g-ripple.owner-on{border-color:var(--tone-ok-line,rgba(95,208,138,.34));background:var(--tone-ok-soft,rgba(95,208,138,.12));color:var(--tone-ok,#5fd08a)}.g-ripple.owner-bad{border-color:var(--tone-bad-line,rgba(217,83,111,.34));background:var(--tone-bad-soft,rgba(217,83,111,.12));color:var(--tone-bad,#d9455f)}.g-ripple.owner-bad:hover:not(:disabled){border-color:var(--tone-bad,#d9455f);background:var(--tone-bad-wash,rgba(217,83,111,.2));color:var(--tone-bad,#d9455f)}@media (pointer:coarse){.g-ripple[data-size=sm]{min-height:36px;padding-inline:14px;font-size:14px}.g-ripple[data-size=default]{min-height:42px;padding-inline:18px;font-size:15px}.g-ripple[data-size=lg]{min-height:46px;padding-inline:22px;font-size:16px}.g-ripple[data-size=icon]{width:38px;min-height:38px}.g-ripple[data-size=icon-sm]{width:36px;min-height:36px}}@media (prefers-reduced-motion:reduce){.g-ripple{transition-duration:1ms}.g-ripple:active,.g-ripple:hover{transform:none}.g-ripple:after{opacity:0!important}.g-ripple-wave{animation:none;opacity:0}}