.liquid-glass--hero-role{--glass-padding:.7rem 1.5rem;--border-radius:9999px;width:auto;min-width:15.5rem;height:auto;min-height:2.85rem;padding:var(--glass-padding);border-radius:var(--border-radius);cursor:grab;touch-action:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.liquid-glass--hero-role:active{cursor:grabbing}.liquid-glass--hero-role .liquid-glass--bend{z-index:0;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);filter:url(#hero-role-glass-blur);position:absolute;inset:0}.liquid-glass--hero-role .liquid-glass--face{z-index:1;border-radius:var(--border-radius);position:absolute;inset:0;box-shadow:0 4px 4px #00000026,0 0 12px #00000014}.liquid-glass--hero-role .liquid-glass--edge{z-index:2;border-radius:var(--border-radius);pointer-events:none;position:absolute;inset:0;box-shadow:inset 3px 3px 3px #ffffff73,inset -3px -3px 3px #ffffff73}.liquid-glass--hero-role .liquid-glass__content{z-index:3;pointer-events:none;position:relative}@media (max-width:768px),(pointer:coarse){.liquid-glass--hero-role{cursor:default;touch-action:pan-y}.liquid-glass--hero-role .liquid-glass--bend{filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0f}}@media (prefers-reduced-motion:reduce){.liquid-glass--hero-role{cursor:default;touch-action:auto}}