.pr-fall-stage{pointer-events:none;position:absolute;inset:-56px 0 220px;overflow:hidden}@media (max-width:1099px){.pr-fall-stage{bottom:190px}}@media (max-width:767px){.pr-fall-stage{bottom:150px}}@media (min-width:1400px){.pr-fall-stage{width:100%;max-width:1280px;left:50%;right:auto;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%)}}.pr-fall-note{opacity:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--nc) 70%, transparent), inset 0 1px 0 #ffffff14, 0 0 18px color-mix(in srgb, var(--nc) 55%, transparent), 0 0 42px color-mix(in srgb, var(--nc) 30%, transparent);will-change:transform, opacity;background:linear-gradient(#12121ae0 0%,#08080ee0 100%);border:1px solid #0000;border-radius:10px;position:absolute;top:0}.pr-fall-note:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--nc) 25%, transparent) 0%, transparent 55%, color-mix(in srgb, var(--ncl) 18%, transparent) 100%);pointer-events:none;border-radius:9px;position:absolute;inset:1px}.pr-fall-note:after{content:"";background:linear-gradient(90deg, transparent, var(--ncl) 50%, transparent);opacity:.7;pointer-events:none;height:1px;position:absolute;bottom:3px;left:14%;right:14%}
.pr-keyboard{isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:manipulation;--pr-active-black-top:color-mix(in srgb, var(--app-anything-purple) 90%, #000);--pr-active-black-bottom:color-mix(in srgb, var(--app-anything-blue) 80%, #000);--pr-active-black-glow:color-mix(in srgb, var(--app-anything-purple) 60%, transparent);--pr-active-white-top:color-mix(in srgb, var(--app-anything-purple) 32%, #e3e3e0);--pr-active-white-bottom:color-mix(in srgb, var(--app-anything-blue) 24%, #cacac7);background:#0a0a10;width:100%;height:220px;position:relative;transform:translateZ(0)}@media (max-width:1099px){.pr-keyboard{height:190px}}@media (max-width:767px){.pr-keyboard{height:150px}}@media (min-width:1400px){.pr-keyboard{max-width:1280px;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%)}}.pr-keyboard__landing-aura{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--app-anything-purple) 6%, transparent) 60%, color-mix(in srgb, var(--app-anything-blue) 16%, transparent) 100%);pointer-events:none;z-index:1;height:140px;position:absolute;top:-140px;left:0;right:0}.pr-keyboard__landing{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--app-anything-green) 80%, transparent), color-mix(in srgb, var(--app-anything-blue) 95%, transparent) 35%, color-mix(in srgb, var(--app-anything-purple) 95%, transparent) 65%, color-mix(in srgb, var(--app-anything-blue) 80%, transparent) 88%, transparent);height:2px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--app-anything-blue) 70%, transparent)) drop-shadow(0 0 16px color-mix(in srgb, var(--app-anything-purple) 50%, transparent));z-index:4;pointer-events:none;position:absolute;top:0;left:0;right:0}.pr-keyboard__whites{z-index:2;display:flex;position:absolute;inset:0 0 2px}.pr-keyboard__blacks{pointer-events:none;z-index:3;position:absolute;inset:0}.pr-key{cursor:pointer;font:inherit;border:0;outline:0;margin:0;padding:0;transition:background .1s,box-shadow .2s;position:relative}.pr-key:focus-visible{outline:2px solid var(--app-anything-purple);outline-offset:-3px}.pr-key__label{letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.pr-key--white .pr-key__label{color:#374151;bottom:10px}.pr-key--black .pr-key__label{color:#ffffff94;font-size:9px;bottom:8px}@media (max-width:767px){.pr-key__label{font-size:9px}.pr-key--white .pr-key__label{bottom:7px}.pr-key--black .pr-key__label{font-size:8px;bottom:5px}}@media (hover:none) and (pointer:coarse){.pr-key__label{display:none}}.pr-key--white{background:linear-gradient(#e3e3e0 0%,#d6d6d3 50%,#cacac7 100%);border-right:1px solid #1f2937;border-radius:0 0 6px 6px;flex:1 1 0;box-shadow:inset 0 -8px 14px -8px #00000038,inset 0 1px #ffffffb3,0 2px 3px -1px #00000059}.pr-key--white:last-child{border-right:0}.pr-key--white:hover{background:linear-gradient(#ececea 0%,#dedddb 50%,#d2d1cf 100%)}.pr-key--white[data-target=tint]{background:linear-gradient(180deg, color-mix(in srgb, var(--pr-active-white-top) 50%, #e3e3e0) 0%, color-mix(in srgb, var(--pr-active-white-bottom) 50%, #cacac7) 100%)}@keyframes pr-target-pulse-white{0%,to{box-shadow:inset 0 -8px 14px -8px #00000038, inset 0 1px 0 #ffffffb3, 0 2px 3px -1px #00000059, 0 0 12px 1px color-mix(in srgb, var(--app-anything-purple) 50%, transparent)}50%{box-shadow:inset 0 -8px 14px -8px #00000038, inset 0 1px 0 #ffffffb3, 0 2px 3px -1px #00000059, 0 0 22px 3px color-mix(in srgb, var(--app-anything-purple) 75%, transparent), 0 0 42px 6px color-mix(in srgb, var(--app-anything-blue) 45%, transparent)}}.pr-key--white[data-target=pulse]{z-index:1;animation:1.4s ease-in-out infinite pr-target-pulse-white}.pr-key--white[data-flash=true]{background:linear-gradient(180deg, var(--pr-active-white-top) 0%, var(--pr-active-white-bottom) 100%)}.pr-key--black{pointer-events:auto;background:linear-gradient(#374151 0%,#1f2937 50%,#000 100%);border-radius:0 0 3px 3px;height:62%;position:absolute;top:0;box-shadow:0 4px 6px -1px #00000073,inset 0 -3px #4b5563,inset 0 1px #ffffff0f}.pr-key--black:hover{background:linear-gradient(#455065 0%,#2a3445 50%,#0a0a12 100%)}.pr-key--black[data-target=tint]{box-shadow:0 4px 6px -1px #00000073, inset 0 -3px 0 color-mix(in srgb, var(--app-anything-purple) 55%, #4b5563), inset 0 1px 0 #ffffff0f}@keyframes pr-target-pulse-black{0%,to{box-shadow:0 4px 6px -1px #00000073, inset 0 -3px 0 color-mix(in srgb, var(--app-anything-purple) 35%, #4b5563), 0 0 12px 1px color-mix(in srgb, var(--app-anything-purple) 55%, transparent), 0 0 24px 2px color-mix(in srgb, var(--app-anything-blue) 28%, transparent)}50%{box-shadow:0 4px 6px -1px #00000073, inset 0 -3px 0 color-mix(in srgb, var(--app-anything-purple) 70%, #4b5563), 0 0 22px 3px color-mix(in srgb, var(--app-anything-purple) 85%, transparent), 0 0 44px 6px color-mix(in srgb, var(--app-anything-blue) 50%, transparent)}}.pr-key--black[data-target=pulse]{z-index:1;animation:1.4s ease-in-out infinite pr-target-pulse-black}.pr-key--black[data-flash=true]{background:linear-gradient(180deg, var(--pr-active-black-top) 0%, var(--pr-active-black-bottom) 100%);box-shadow:0 4px 6px -1px #00000073, 0 0 18px var(--pr-active-black-glow), inset 0 -3px 0 #ffffff2e, inset 0 1px 0 #ffffff2e}
.pr-experience{z-index:1;position:relative}