@import"https://unpkg.com/normalize.css"layer(normalize);.bg-indigo-gradient[data-astro-cid-2wk52pe6]{background:linear-gradient(to right,#6366f1,#8b5cf6)}@layer normalize,base,demo,debug,exploding;@layer exploding{[data-exploded=true]{.keypad-wrapper section{transition-delay:0s}.keypad{translate:calc(-50% - 1rem) 0;transition-delay:0s,.26s;@media (max-width: 768px){translate:0 calc(50% + 1rem)}}.keypad__base{--depth: 2.5}.keypad__single{--depth: -1}.keypad__single--left{--depth: -2}.keypad__double{--depth: 0}.keypad__base,.key{translate:0 calc(var(--depth) * 10vh);transition-delay:.52s}}.keypad{transition-delay:.26s,.52s}.key,.keypad__base{transition-property:translate;transition-duration:.26s;transition-timing-function:ease-out}[data-exploded=true] .key:after{opacity:1;transition-delay:.52s}.key:after{z-index:-1;content:"";position:absolute;opacity:0;inset:0;transition-property:opacity;transition-duration:.26s;transition-timing-function:ease-out;background:repeating-linear-gradient(-45deg,#0000 0 5px,#69f 5px 6px)}}@layer demo{:root{--travel: 20}.keypad{position:relative;aspect-ratio:400 / 310;display:flex;place-items:center;width:clamp(280px,35vw,400px);-webkit-tap-highlight-color:#0000;transition-property:translate,transform;transition-duration:.26s;transition-timing-function:ease-out;transform-style:preserve-3d;.key{transform-style:preserve-3d;border:0;background:#0000;padding:0;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;&[data-pressed=true],&:active{.key__content{translate:0 calc(var(--travel) * 1%)}}}.key__content{width:100%;display:inline-block;height:100%;transition:translate .12s ease-out;container-type:inline-size}.keypad__single .key__text{width:52%;height:62%;translate:45% -16%}.key__text{height:46%;width:86%;position:absolute;font-size:12cqi;z-index:21;top:5%;left:0;mix-blend-mode:normal;color:#f0f0f0;translate:8% 10%;transform:rotateX(36deg) rotateY(45deg) rotateX(-90deg) rotate(0);text-align:left;padding:1ch}.keypad__single{position:absolute;width:40.5%;left:54%;bottom:36%;height:46%;clip-path:polygon(0 0,54% 0,89% 24%,100% 70%,54% 100%,46% 100%,0 69%,12% 23%,47% 0%);-webkit-mask:url(https://assets.codepen.io/605876/keypad-single.png?format=auto&quality=86) 50% 50% / 100% 100%;mask:url(https://assets.codepen.io/605876/keypad-single.png?format=auto&quality=86) 50% 50% / 100% 100%;&.keypad__single--left{left:29.3%;bottom:54.2%}.key__text{font-size:18cqi}img{top:0;opacity:1;width:96%;position:absolute;left:50%;translate:-50% 1%}}.key__mask{width:100%;height:100%;display:inline-block}.keypad__double{position:absolute;background:#ff2b0000;width:64%;height:65%;left:6%;bottom:17.85%;clip-path:polygon(34% 0,93% 44%,101% 78%,71% 100%,66% 100%,0 52%,0 44%,7% 17%,30% 0);-webkit-mask:url(https://assets.codepen.io/605876/keypad-double.png?format=auto&quality=86) 50% 50% / 100% 100%;mask:url(https://assets.codepen.io/605876/keypad-double.png?format=auto&quality=86) 50% 50% / 100% 100%;img{top:0;opacity:1;width:99%;position:absolute;left:50%;translate:-50% 1%}}.key img{filter:hue-rotate(calc(var(--hue, 0) * 1deg)) saturate(var(--saturate, 1)) brightness(var(--brightness, 1))}.keypad__base{position:absolute;bottom:0;width:100%}img{transition:translate .12s ease-out;width:100%}}}.valencia-stripes[data-astro-cid-k3ovrttn]{background:repeating-linear-gradient(0deg,#d40015,#d40015 10px,#fbd013 10px 20px);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.hero-grid-background[data-astro-cid-k3ovrttn]:before{--size: 45px;--line: color-mix(in hsl, currentColor, transparent 80%);content:"";height:100%;width:100%;position:absolute;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;left:0;pointer-events:none;z-index:0}