.power-button{--pb-surface:#e4e5e7;--pb-surface-light:#ecedef;--pb-surface-dark:#c9cbcf;--pb-shadow:#00000040;--pb-icon:#9ca3af;--pb-glow:#64748b;--pb-glow-90:#64748be6;--pb-glow-70:#64748bb3;--pb-glow-50:#64748b80;--pb-glow-30:#64748b4d;--pb-glow-20:#64748b33;--pb-glow-10:#64748b1a;--pb-ease:.3s ease-in-out;--pb-bounce:.3s cubic-bezier(.42,-.5,.42,1.5)}.power-button--blue{--pb-glow:#3b82f6;--pb-glow-90:#3b82f6e6;--pb-glow-70:#3b82f6b3;--pb-glow-50:#3b82f680;--pb-glow-30:#3b82f64d;--pb-glow-20:#3b82f633;--pb-glow-10:#3b82f61a}.power-button--emerald{--pb-glow:#10b981;--pb-glow-90:#10b981e6;--pb-glow-70:#10b981b3;--pb-glow-50:#10b98180;--pb-glow-30:#10b9814d;--pb-glow-20:#10b98133;--pb-glow-10:#10b9811a}.power-button--red{--pb-glow:#ef4444;--pb-glow-90:#ef4444e6;--pb-glow-70:#ef4444b3;--pb-glow-50:#ef444480;--pb-glow-30:#ef44444d;--pb-glow-20:#ef444433;--pb-glow-10:#ef44441a}.power-button--amber{--pb-glow:#f59e0b;--pb-glow-90:#f59e0be6;--pb-glow-70:#f59e0bb3;--pb-glow-50:#f59e0b80;--pb-glow-30:#f59e0b4d;--pb-glow-20:#f59e0b33;--pb-glow-10:#f59e0b1a}.power-button--violet{--pb-glow:#8b5cf6;--pb-glow-90:#8b5cf6e6;--pb-glow-70:#8b5cf6b3;--pb-glow-50:#8b5cf680;--pb-glow-30:#8b5cf64d;--pb-glow-20:#8b5cf633;--pb-glow-10:#8b5cf61a}:is(.dark,[data-theme=dark]) .power-button{--pb-surface:#1e1e1e;--pb-surface-light:#2a2a2a;--pb-surface-dark:#141414;--pb-shadow:#0009;--pb-icon:#4b5563}.power-button{cursor:pointer;background:linear-gradient(var(--pb-surface-dark),var(--pb-surface));box-shadow:0 0 0 2px transparent,inset 0 0 4px var(--pb-surface-dark),0 2px 2px var(--pb-surface-light),0 0 0 3px var(--pb-glow-10);transition:box-shadow var(--pb-ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;outline:none;position:relative}.power-button--pressed{box-shadow:0 0 0 2px var(--pb-glow-30),inset 0 0 4px var(--pb-surface-dark),0 2px 2px var(--pb-surface-light),0 0 0 2px var(--pb-glow-90)}.power-button--sm{width:5rem;height:5rem;font-size:8px}.power-button--md{width:6.5rem;height:6.5rem;font-size:11px}.power-button--lg{width:8rem;height:8rem;font-size:14px}.power-button--xl{width:10rem;height:10rem;font-size:17px}.power-button:focus-visible{box-shadow:0 0 0 2px var(--pb-glow-50),inset 0 0 4px var(--pb-surface-dark),0 2px 2px var(--pb-surface-light)}.power-button--disabled{opacity:.5;cursor:not-allowed}.power-button__ring{border-radius:inherit;background:linear-gradient(var(--pb-surface-light),var(--pb-surface-dark));box-shadow:0 12px 12px 4px var(--pb-shadow);transition:box-shadow var(--pb-bounce),transform var(--pb-bounce);pointer-events:none;position:absolute;inset:1.5em}.power-button--pressed .power-button__ring{box-shadow:0 6px 6px 0 var(--pb-shadow),0 0 16px 4px var(--pb-glow-30),0 0 32px 8px var(--pb-glow-10);transform:scale(.98)}.power-button__center{border-radius:inherit;background:linear-gradient(transparent,var(--pb-surface-light));background-color:var(--pb-surface-dark);box-shadow:inset 0 1px 0 var(--pb-surface-light),inset 0 -1px 0 var(--pb-surface-light);transition:background-color var(--pb-ease),box-shadow var(--pb-ease),transform var(--pb-bounce);pointer-events:none;position:absolute;inset:3em;overflow:hidden}.power-button--pressed .power-button__center{background-color:var(--pb-surface-light);box-shadow:inset 0 1px 0 var(--pb-glow-70),inset 0 -1px 0 var(--pb-glow-50),inset 0 0 16px 4px var(--pb-glow-30),0 0 8px var(--pb-glow-70),0 0 24px var(--pb-glow-50),0 0 40px var(--pb-glow-30);transform:scale(.98)}.power-button__center:before{content:"";border-radius:inherit;background:radial-gradient(circle,var(--pb-glow-20)0%,transparent 70%);opacity:0;transition:opacity var(--pb-ease);position:absolute;inset:0}.power-button--pressed .power-button__center:before{opacity:1;animation:2s ease-in-out infinite pb-pulse}.power-button__icon{z-index:1;width:1.5em;height:1.5em;transition:filter var(--pb-ease),transform var(--pb-bounce);pointer-events:none;position:absolute;top:calc(50% - .75em);left:calc(50% - .75em)}.power-button__icon-stroke{stroke:var(--pb-icon);transition:stroke var(--pb-ease)}.power-button--pressed .power-button__icon{filter:drop-shadow(0 0 4px var(--pb-glow))drop-shadow(0 0 8px var(--pb-glow-70))drop-shadow(0 0 16px var(--pb-glow-50))drop-shadow(0 0 24px var(--pb-glow-30));animation:2s ease-in-out infinite pb-icon-pulse;transform:scale(.98)}.power-button--pressed .power-button__icon-stroke{stroke:var(--pb-glow)}.power-button:after{content:"";border-radius:inherit;transition:box-shadow var(--pb-ease);pointer-events:none;position:absolute;inset:-8px;box-shadow:0 0 #0000}.power-button--pressed:after{box-shadow:0 0 16px 2px var(--pb-glow-30),0 0 32px 4px var(--pb-glow-20),0 0 48px 8px var(--pb-glow-10);animation:2s ease-in-out infinite pb-outer-pulse}@keyframes pb-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes pb-icon-pulse{0%,to{filter:drop-shadow(0 0 4px var(--pb-glow))drop-shadow(0 0 8px var(--pb-glow-70))drop-shadow(0 0 16px var(--pb-glow-50))drop-shadow(0 0 24px var(--pb-glow-30))}50%{filter:drop-shadow(0 0 6px var(--pb-glow))drop-shadow(0 0 12px var(--pb-glow-70))drop-shadow(0 0 20px var(--pb-glow-50))drop-shadow(0 0 32px var(--pb-glow-30))}}@keyframes pb-outer-pulse{0%,to{box-shadow:0 0 16px 2px var(--pb-glow-30),0 0 32px 4px var(--pb-glow-20),0 0 48px 8px var(--pb-glow-10)}50%{box-shadow:0 0 24px 4px var(--pb-glow-30),0 0 40px 8px var(--pb-glow-20),0 0 64px 12px var(--pb-glow-10)}}.power-button .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}