@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap";:root{--brand-primary: #F23DB3;--brand-primary-light: #F564C7;--brand-primary-dark: #D42A9B;--brand-secondary: #FFFFFF;--brand-white: #FFFFFF;--brand-neutral: #1A1A1A;--brand-orange: #f25c05;--brand-lilac: #bf9bbf;--brand-gray-50: #F9F9F9;--brand-gray-100: #F5F5F5;--brand-gray-200: #E5E7EB;--brand-gray-300: #D1D5DB;--brand-gray-400: #9CA3AF;--brand-gray-500: #6B7280;--brand-gray-600: #4B5563;--brand-gray-700: #374151;--brand-gray-800: #1F2937;--brand-gray-900: #111827;--brand-gradient-primary: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);--brand-gradient-hero: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-orange) 100%);--brand-gradient-lilac: linear-gradient(135deg, var(--brand-lilac) 0%, var(--brand-primary) 100%);--brand-font-main: "Inter", sans-serif;--brand-font-heading: "Baloo 2", sans-serif}.baloo-2-eidos{font-family:"Baloo 2",sans-serif;font-optical-sizing:auto;font-style:normal}.keycap-wrapper{background:transparent;border:none;padding:0;cursor:pointer;display:inline-block}.keycap{position:relative;display:inline-block;width:300px;height:80px;border-radius:10px;background:linear-gradient(180deg,#282828,#202020);box-shadow:inset -8px 0 8px #00000026,inset 0 -8px 8px #00000040,0 0 0 2px #000000bf,10px 20px 25px #0006;overflow:hidden;transition:transform .1s ease-in-out,box-shadow .1s ease-in;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.keycap .letter{position:absolute;left:12px;top:12px;color:#e9e9e9;font-size:16px;font-weight:500;transition:transform .1s ease-in-out;z-index:2;text-align:left}.keycap:before{content:"";position:absolute;top:3px;left:4px;bottom:14px;right:12px;background:linear-gradient(90deg,#232323,#4a4a4a);border-radius:10px;box-shadow:-10px -10px 10px #ffffff40,10px 5px 10px #00000026;border-left:1px solid #0004;border-bottom:1px solid #0004;border-top:1px solid #0009;transition:all .1s ease-in-out}.keycap-wrapper:active .keycap{transform:translateY(2px);box-shadow:inset -4px 0 4px #0000001a,inset 0 -4px 4px #00000026,0 0 0 2px #00000080,5px 10px 15px #0000004d}.keycap-wrapper:active .keycap:before{top:5px;left:5px;bottom:11px;right:11px;box-shadow:-5px -5px 5px #ffffff26,5px 3px 5px #0000001a}.keycap-wrapper:active .keycap .letter{transform:translateY(1px)}