[data-pressable],.pressable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-pressable] *,.pressable *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-pressable].is-pressing:not(:where(svg *)),[data-pressable].is-held:not(:where(svg *)){transition:transform var(--press-ms,.45s) ease-out, box-shadow var(--press-ms,.45s) ease-out;transform:scale(1.03);box-shadow:0 10px 26px #1f263338}[data-pressable].is-held:not(:where(svg *)){transition-duration:.12s}@property --press-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.press-ring{z-index:2000;pointer-events:none;box-sizing:border-box;--press-angle:0deg;background:conic-gradient(var(--pgs-yellow,#f9b100) var(--press-angle), transparent 0);-webkit-mask-composite:xor;animation:press-ring-fill var(--press-ms,.45s) linear forwards;padding:3px;position:fixed;transform:scale(1.03);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.press-ring.done{--press-angle:360deg;animation:none}@keyframes press-ring-fill{0%{--press-angle:0deg}to{--press-angle:360deg}}@media (prefers-reduced-motion:reduce){[data-pressable].is-pressing:not(:where(svg *)),[data-pressable].is-held:not(:where(svg *)){transition:none;transform:none}.press-ring{transform:none}}