.darpan-enter{--dp-lx:50%;--dp-ly:0%;--dp-wake:0;--dp-press:0;--dp-radius:999px;--dp-tint:255 255 255;--dp-ink:255 255 255;position:relative;display:flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.9em;border:0;border-radius:var(--dp-radius);font:inherit;font-weight:500;letter-spacing:.01em;color:rgb(var(--dp-ink));text-decoration:none;text-align:center;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(120% 140% at var(--dp-lx) var(--dp-ly),rgb(var(--dp-tint)/calc(.22 + .1 * var(--dp-wake) + .06 * var(--dp-press))),rgb(var(--dp-tint)/calc(.1 + .05 * var(--dp-wake))) 60%,rgb(var(--dp-tint)/.07) 100%);box-shadow:inset 0 1px 0 0 rgb(var(--dp-tint)/calc(.55 + .25 * var(--dp-wake))),inset 0 -1px 0 0 rgb(0 0 0/calc(.18 + .1 * var(--dp-press))),inset 0 0 0 1px rgb(var(--dp-tint)/.16),0 calc(10px - 6px * var(--dp-press)) calc(26px - 14px * var(--dp-press)) rgb(0 0 0/calc(.2 + .06 * var(--dp-wake)));transform:translateY(calc(-2px * var(--dp-wake) + 3px * var(--dp-press))) scale(calc(1 + .012 * var(--dp-wake) - .035 * var(--dp-press)));transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),background .42s cubic-bezier(.16,1,.3,1)}.darpan-enter[data-pressing=true]{transition:transform 90ms cubic-bezier(.4,0,1,1),box-shadow 90ms cubic-bezier(.4,0,1,1),background 90ms cubic-bezier(.4,0,1,1)}.darpan-enter__pane{position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(3px) saturate(160%) brightness(1.04);backdrop-filter:blur(3px) saturate(160%) brightness(1.04);transition:-webkit-backdrop-filter .42s cubic-bezier(.16,1,.3,1);transition:backdrop-filter .42s cubic-bezier(.16,1,.3,1);transition:backdrop-filter .42s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .42s cubic-bezier(.16,1,.3,1)}@supports ((-webkit-backdrop-filter:url("#test")) or (backdrop-filter:url("#test"))){.darpan-enter__pane{-webkit-backdrop-filter:url(#darpan-lens) blur(3px) saturate(160%) brightness(1.04);backdrop-filter:url(#darpan-lens) blur(3px) saturate(160%) brightness(1.04)}.darpan-enter[data-pressing=true] .darpan-enter__pane{-webkit-backdrop-filter:url(#darpan-lens-pressed) blur(2px) saturate(180%) brightness(1.07);backdrop-filter:url(#darpan-lens-pressed) blur(2px) saturate(180%) brightness(1.07);transition:none}}.darpan-enter__sheen{inset:0;border-radius:inherit;opacity:calc(.35 * var(--dp-wake) + .25 * var(--dp-press));background:radial-gradient(60% 120% at var(--dp-lx) var(--dp-ly),rgb(var(--dp-tint)/.75),rgb(var(--dp-tint)/0) 70%);transition:opacity .42s cubic-bezier(.16,1,.3,1)}.darpan-enter__contact,.darpan-enter__sheen{position:absolute;pointer-events:none;mix-blend-mode:screen}.darpan-enter__contact{border-radius:999px;width:160px;height:160px;margin:-80px 0 0 -80px;left:var(--dp-lx);top:var(--dp-ly);background:radial-gradient(circle,rgb(var(--dp-tint)/.55),rgb(var(--dp-tint)/0) 65%);opacity:0;transform:scale(.4);transition:opacity .3s ease-out,transform .3s cubic-bezier(.16,1,.3,1)}.darpan-enter[data-pressing=true] .darpan-enter__contact{opacity:1;transform:scale(1);transition:opacity 80ms ease-out,transform .12s cubic-bezier(.16,1,.3,1)}.darpan-enter__label{position:relative;z-index:1;white-space:nowrap}.darpan-enter__mark{position:relative;z-index:1;width:1.15em;height:1.15em;flex:none;opacity:calc(.75 + .25 * var(--dp-wake));transition:opacity .42s cubic-bezier(.16,1,.3,1)}.darpan-enter:focus-visible{outline:2px solid rgb(var(--dp-tint)/.9);outline-offset:3px}.darpan-enter[data-busy=true]{cursor:progress}.darpan-enter[data-busy=true] .darpan-enter__pane{animation:darpan-hand-over 1.4s cubic-bezier(.16,1,.3,1) infinite}@keyframes darpan-hand-over{0%,to{opacity:.85}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.darpan-enter,.darpan-enter[data-pressing=true]{transform:none;transition:box-shadow .12s linear,background .12s linear}.darpan-enter__contact,.darpan-enter__sheen{transition:opacity .12s linear;transform:none}.darpan-enter[data-busy=true] .darpan-enter__pane{animation:none;opacity:1}}@media (forced-colors:active){.darpan-enter{border:2px solid ButtonBorder;background:ButtonFace;color:ButtonText}}