@layer reset,base,components,routes;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}}@layer base{:root{background-color:var(--color-ash-200, #F4F4F5);font-feature-settings:"tnum";color:red}html,body{overscroll-behavior-y:none}[data-debug-css] *:not(svg *){outline:1px solid hsla(200,100%,50%,.5);outline-offset:-.5px}a,button{all:unset;cursor:pointer;outline:revert}input:where([type=text],[type=email]){all:unset;cursor:text;caret-color:var(--color-pika-600, #643BFF)}dialog{all:unset}}@layer components{.relative{position:relative;display:flex;flex-direction:column}.component-divider{display:flex;flex-direction:column}.component-divider>.line-1{block-size:1px;background-color:var(--color-ash-200, #F4F4F5)}.component-divider>.line-2{block-size:1px;background-color:var(--color-white, #FFFFFF)}.component-percentage-off{padding-block:2px;padding-inline:6px;display:flex;align-items:center;block-size:24px;background-color:var(--color-pika-100, #F1F0FF);border-radius:8px}:hover:active>.component-percentage-off{background-color:revert}.component-percentage-off>.text{font-family:Inter;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--color-pika-600, #643BFF)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.component-spinner:not(.component-spinner--inverted){block-size:16px;inline-size:16px;color:var(--color-pika-600, #643BFF);animation:spin .2s linear infinite}.component-spinner.component-spinner--inverted{block-size:16px;inline-size:16px;color:var(--color-white, #FFFFFF);animation:spin .2s linear infinite}.checkbox[data-state=unchecked]{display:flex;justify-content:center;align-items:center;block-size:18px;inline-size:18px;background-color:var(--color-ash-200, #F4F4F5);border-radius:31.25%;box-shadow:0 0 0 1px var(--color-ash-200, #F4F4F5),inset 0 0 0 1px var(--color-white, #FFFFFF),inset 0 2px 2px 2px #0000000d;cursor:pointer}.checkbox[data-state=unchecked]>.icon{display:none}.checkbox[data-state=checked]{display:flex;justify-content:center;align-items:center;block-size:18px;inline-size:18px;background-color:var(--color-pika-600, #643BFF);border-radius:31.25%;box-shadow:0 0 0 1px var(--color-pika-600, #643BFF),inset 0 0 0 1px var(--color-white, #FFFFFF),inset 0 2px 2px 2px #0000000d;cursor:pointer}.checkbox[data-state=checked]>.icon{block-size:14px;inline-size:14px;color:#fff}.help-dropdown{position:absolute;inset-block-start:auto;inset-block-end:calc(100% + 8px);inset-inline-start:auto;inset-inline-end:-16px;z-index:1000;padding-block:8px;padding-inline:4px;display:flex;flex-direction:column;gap:2px;block-size:fit-content;inline-size:max-content;background-color:var(--color-white, #FFFFFF);border-radius:8px;box-shadow:var(--shadow-sm, 0px 1px 1px 0px rgba(9, 9, 11, .16), 0px 2px 4px 0px rgba(9, 9, 11, .08), 0px 2px 13px 0px rgba(9, 9, 11, .04))}.help-dropdown>.item{padding-inline:8px;display:flex;align-items:center;block-size:28px;border-radius:8px}.help-dropdown>.item:is(:hover,:focus-visible){background-color:var(--color-ash-200, #F4F4F5)}.help-dropdown>.item:is(:hover,:focus-visible):active{background-color:var(--color-ash-300, #E4E4E7)}.help-dropdown>.item:is(:hover,:focus-visible)>.label{color:var(--color-ash-800, #3F3F46)}.help-dropdown>.item>.label{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:0;color:var(--color-ash-600, #71717A)}.dropdown{padding-block:4px;display:flex;flex-direction:column;gap:2px;block-size:fit-content;background-color:var(--color-white, #FFFFFF);border-radius:16px;box-shadow:var(--shadow-lg, 0px 2px 4px 0px rgba(0, 0, 0, .1), 0px 7px 7px 0px rgba(0, 0, 0, .09), 0px 15px 9px 0px rgba(0, 0, 0, .05), 0px 26px 10px 0px rgba(0, 0, 0, .01))}.dropdown[data-dropdown-id=framework]{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;z-index:1000}.dropdown[data-dropdown-id=framework][data-dropdown-value=svg]{inset-block-start:-4px}.dropdown[data-dropdown-id=framework][data-dropdown-value=react-jsx]{inset-block-start:-42px}.dropdown[data-dropdown-id=framework][data-dropdown-value=react-tsx]{inset-block-start:-74px}.dropdown[data-dropdown-id=framework][data-dropdown-value=react-native-jsx]{inset-block-start:-106px}.dropdown[data-dropdown-id=framework][data-dropdown-value=react-native-tsx]{inset-block-start:-138px}.dropdown[data-dropdown-id=framework][data-dropdown-value=solid-jsx]{inset-block-start:-176px}.dropdown[data-dropdown-id=framework][data-dropdown-value=solid-tsx]{inset-block-start:-208px}.dropdown[data-dropdown-id=variant]{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;z-index:1000}.dropdown[data-dropdown-id=variant][data-dropdown-value=stroke]{inset-block-start:-4px}.dropdown[data-dropdown-id=variant][data-dropdown-value=solid]{inset-block-start:-36px}.dropdown[data-dropdown-id=variant][data-dropdown-value=contrast]{inset-block-start:-68px}.dropdown[data-dropdown-id=variant][data-dropdown-value=duo-stroke]{inset-block-start:-100px}.dropdown[data-dropdown-id=variant][data-dropdown-value=duo-solid]{inset-block-start:-132px}.dropdown[data-dropdown-id=account]{position:absolute;inset-block-start:auto;inset-block-end:-4px;inset-inline-start:calc(100% + 12px);inset-inline-end:auto;z-index:1000}.dropdown>.items{padding-inline:4px;display:flex;flex-direction:column}.dropdown>.items>.item{display:flex;align-items:center;gap:8px;block-size:32px;border-radius:12px}.dropdown>.items>.item:hover{background-color:var(--color-ash-200, #F4F4F5)}.dropdown>.items>.item:hover>.frame>.icon{color:var(--color-pika-600, #643BFF)}.dropdown>.items>.item:hover>.text{color:var(--color-ash-900, #27272A)}.dropdown>.items>.item:hover:active{background-color:var(--color-ash-300, #E4E4E7)}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=incentivize]:hover{background-color:var(--color-pika-100, #F1F0FF)}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=incentivize]:hover :is(.icon,.text){color:var(--color-pika-600, #643BFF)!important}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=incentivize]:hover:active{background-color:var(--color-pika-600, #643BFF)}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=incentivize]:hover:active :is(.icon,.text){color:var(--color-white, #FFFFFF)!important}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=deincentivize]:hover{background-color:var(--color-rose-50, #FFF1F2)}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=deincentivize]:hover :is(.icon,.text){color:var(--color-rose-500, #F43F5E)!important}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=deincentivize]:hover:active{background-color:var(--color-rose-500, #F43F5E)}.dropdown[data-dropdown-id=account]>.items>.item[data-dropdown-item-id=deincentivize]:hover:active :is(.icon,.text){color:var(--color-white, #FFFFFF)!important}.dropdown>.items>.item>.frame{display:flex;flex-direction:column;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.dropdown>.items>.item>.frame>.icon{block-size:20px;inline-size:20px;color:var(--color-ash-500, #A1A1AA)}.dropdown>.items>.item>.text{flex-grow:1;font-family:Inter;font-size:14px;font-weight:500;letter-spacing:0;color:var(--color-ash-600, #71717A)}.dropdown>.items>.item>.check-frame{display:flex;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.dropdown>.items>.item>.check-frame>.icon{block-size:16px;inline-size:16px;color:var(--color-pika-600, #643BFF)}}@layer routes{.route-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;block-size:100dvh}.route-login{padding:24px;display:flex;gap:24px;block-size:100dvh;background-color:var(--color-ash-100, #FAFAFA)}.route-login .label-field{display:flex;flex-direction:column;gap:8px}.route-login .label-field>.label{padding-inline:4px;display:flex;flex-direction:column}.route-login .label-field>.label>.text{font-family:Inter;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--color-ash-700, #52525B)}.route-login .label-field>.text-field{display:flex;justify-content:center;block-size:40px;background-color:var(--color-ash-100, #FAFAFA);border-radius:16px;box-shadow:0 0 0 1px #09090a1a,0 1px #09090a14}.route-login .label-field>.text-field:is(:hover,:focus-visible){box-shadow:0 0 0 1px #09090b29,0 1px #09090b1a}.route-login .label-field>.text-field:focus-within{box-shadow:0 2px 4px #5314ff14,0 0 0 1px var(--color-pika-700, #5314FF)}.route-login .label-field>.text-field:focus-within>.frame>.icon{color:var(--color-pika-600, #643BFF)}.route-login .label-field>.text-field:not(:focus-within)[data-input-state=filled]>.frame>.icon{color:var(--color-ash-700, #52525B)}.route-login .label-field>.text-field[data-input-state=invalid]{box-shadow:0 0 0 1px var(--color-rose-600, #E11D48)!important}.route-login .label-field>.text-field[data-input-state=invalid]>.frame>.icon{color:var(--color-rose-500, #F43F5E)!important}.route-login .label-field>.text-field>.frame{display:flex;justify-content:center;align-items:center;block-size:40px;inline-size:40px}.route-login .label-field>.text-field>.frame>.icon{block-size:20px;inline-size:20px;color:var(--color-ash-500, #A1A1AA)}.route-login .label-field>.text-field>.input{flex-grow:1;font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-ash-1000, #18181B)}.route-login .label-field>.text-field>.input::placeholder{color:var(--color-ash-500, #A1A1AA)}.route-login .label-field>.error-message{padding-inline:4px;display:flex;flex-direction:column}.route-login .label-field>.error-message>.text{font-family:Inter;font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--color-rose-500, #F43F5E)}.route-login .submit-button{display:flex;justify-content:center;align-items:center;block-size:40px;background-color:var(--color-ash-300, #E4E4E7);border-radius:16px}.route-login .submit-button[data-form-state=ready]{background-image:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%);background-color:var(--color-pika-600, #643BFF);box-shadow:0 1px 1px #09090a29,0 2px 4px #09090a14,0 2px 13px #09090a0a}.route-login .submit-button[data-form-state=ready]>.text{color:var(--color-white, #FFFFFF)}.route-login .submit-button>.text{font-family:Inter;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--color-ash-500, #A1A1AA)}.route-login .column-1{flex-grow:1;display:flex;flex-direction:column}.route-login .column-1>.head{display:flex;justify-content:space-between;align-items:center;gap:25px}.route-login .column-1>.body{flex-grow:1;padding-block:64px;padding-inline:24px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1024px){.route-login .column-1>.body{padding-inline:revert}}.route-login .logo{block-size:48px;inline-size:188.3999938965px}.route-login .get-license-button{display:flex;align-items:center;block-size:32px;background-color:var(--color-white, #FFFFFF);border-radius:12px;box-shadow:var(--shadow-sm, 0px 1px 1px 0px rgba(9, 9, 11, .16), 0px 2px 4px 0px rgba(9, 9, 11, .08), 0px 2px 13px 0px rgba(9, 9, 11, .04)),inset 0 0 0 1px var(--color-white, #FFFFFF)}.route-login .get-license-button>.frame{display:flex;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.route-login .get-license-button>.frame>.icon{block-size:16px;inline-size:16px;color:var(--color-pika-600, #643BFF)}.route-login .get-license-button>.text{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-pika-600, #643BFF)}.route-login .form{display:flex;flex-direction:column;gap:40px;inline-size:448px}@media (max-width: 1024px){.route-login .form{width:100%;max-width:448px}}.route-login .form>.title{display:flex;flex-direction:column;gap:12px}.route-login .form>.title>.text-h1{font-family:Inter;font-size:32px;font-weight:500;letter-spacing:-.02em;color:var(--color-ash-900, #27272A)}.route-login .form>.title>.text-h2{font-family:Inter;font-size:14px;font-weight:500;letter-spacing:0;color:var(--color-ash-600, #71717A)}.route-login .form>.content{padding-block-end:24px;display:flex;flex-direction:column;gap:24px}.route-login .form>.content>.fields{display:flex;flex-direction:column;gap:20px}.route-login .form>.content>.options{padding-inline:4px;display:flex;justify-content:space-between;align-items:center;gap:8px}.route-login .form>.content>.options>.remember-me{display:flex;align-items:center;gap:6px}.route-login .form>.content>.options>.remember-me>.text{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-ash-800, #3F3F46)}.route-login .form>.content>.options>.help{position:relative}.route-login .form>.content>.options>.help>.help-button{display:flex;align-items:center;gap:4px}.route-login .form>.content>.options>.help>.help-button>.icon{block-size:20px;inline-size:20px;color:var(--color-ash-700, #52525B)}.route-login .form>.content>.options>.help>.help-button>.text{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-ash-800, #3F3F46)}.route-login .form>.content>.disclosure{margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:baseline;gap:8px}.route-login .form>.content>.disclosure>.text{font-family:Inter;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--color-ash-700, #52525B)}.route-login .column-2{padding-block-start:80px;padding-inline-start:80px;display:flex;flex-direction:column;gap:80px;inline-size:960px;background-image:linear-gradient(180deg,rgba(100,59,255,0) 0%,rgba(100,59,255,.01) 12.99%,rgba(100,59,255,.03) 24.17%,rgba(100,59,255,.07) 33.77%,rgba(100,59,255,.13) 41.97%,rgba(100,59,255,.19) 49%,rgba(100,59,255,.26) 55.06%,rgba(100,59,255,.34) 60.35%,rgba(100,59,255,.43) 65.08%,rgba(100,59,255,.52) 69.47%,rgba(100,59,255,.61) 73.71%,rgba(100,59,255,.69) 78.01%,rgba(100,59,255,.78) 82.58%,rgba(100,59,255,.86) 87.64%,rgba(100,59,255,.93) 93.37%,var(--color-pika-600, #643BFF) 100%);background-color:var(--color-ash-100, #FAFAFA);border-radius:24px;box-shadow:inset 0 0 0 2px var(--color-white, #FFFFFF),0 1px 3px #09090a0a,0 1px #09090a14;overflow:hidden}@media (max-width: 1024px){.route-login .column-2{display:none}}.route-login .testimonial{padding-inline-end:80px;display:flex;flex-direction:column;gap:24px}.route-login .testimonial>.label{font-family:Inter;font-size:20px;font-weight:500;letter-spacing:0;color:var(--color-ash-1000, #18181B)}.route-login .testimonial>.testimonialee{display:flex;align-items:center;gap:12px}.route-login .testimonial>.testimonialee>.images{display:flex;align-items:center}.route-login .testimonial>.testimonialee>.images>.image-container.image-container--company{position:relative;block-size:40px;inline-size:40px}.route-login .testimonial>.testimonialee>.images>.image-container.image-container--company:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:0 1.11111px 1.66667px #ffffffa8 inset,0 1.11111px 2.22222px #0000001f,0 .55556px .55556px #00000014}.route-login .testimonial>.testimonialee>.images>.image-container.image-container--company>.image{block-size:40px;inline-size:40px;border-radius:8px}.route-login .testimonial>.testimonialee>.images>.image-container.image-container--person{position:relative;margin-left:-4px;block-size:42px;inline-size:42px}.route-login .testimonial>.testimonialee>.images>.image-container.image-container--person:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1000px;box-shadow:0 1.11111px 1.66667px #ffffffa8 inset,0 1.11111px 2.22222px #0000001f,0 .55556px .55556px #00000014}.route-login .testimonial>.testimonialee>.images>.image-container.image-container--person>.image{block-size:42px;inline-size:42px;border-radius:1000px}.route-login .testimonial>.testimonialee>.name-description{display:flex;flex-direction:column;inline-size:336px}.route-login .testimonial>.testimonialee>.name-description>.label.label--name{display:flex;align-items:center;gap:4px;font-family:Inter;font-size:16px;font-weight:500;letter-spacing:.01em;color:var(--color-ash-1000, #18181B)}.route-login .testimonial>.testimonialee>.name-description>.label.label--name>.inline-icon{block-size:16px;inline-size:16px;color:var(--twitter-blue, #2B99FF)}.route-login .testimonial>.testimonialee>.name-description>.label.label--description{font-family:Inter;font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--color-ash-600, #71717A)}.route-login .image.image--marketing{flex-grow:1;background-image:url(/marketing/marketing-2.png);background-size:1280px auto}.route-app{display:flex;block-size:100dvh;background-color:var(--color-ash-200, #F4F4F5)}.route-app .column-1{padding-block:12px;padding-inline:12px;display:flex}@media (max-width: 1280px){.route-app .column-1{display:none}}.route-app .column-1>.card{display:flex;flex-direction:column;inline-size:256px;background-color:var(--color-ash-100, #FAFAFA);border-radius:16px;box-shadow:var(--shadow-sm, 0px 1px 1px 0px rgba(9, 9, 11, .16), 0px 2px 4px 0px rgba(9, 9, 11, .08), 0px 2px 13px 0px rgba(9, 9, 11, .04)),0 0 0 5px #09090b08}.route-app .column-1>.card>.head{padding-block-start:16px;padding-block-end:8px;padding-inline:16px;display:flex}.route-app .column-1>.card>.head>button>.logo{block-size:40px;inline-size:157px}.route-app .column-1>.card>.body{flex-grow:1;padding-block-start:16px;padding-block-end:8px;display:flex;flex-direction:column;gap:4px;overflow-y:scroll}.route-app .column-1>.card>.foot{padding-block:6px;display:flex;flex-direction:column}.route-app .category{padding-inline:16px;display:flex;flex-direction:column}.route-app .category>.category-button{padding-inline-end:10px;display:flex;align-items:center;gap:8px;block-size:32px;border-radius:12px}.route-app .category>.category-button:is(:hover,:focus-visible){background-color:var(--color-ash-200, #F4F4F5)}.route-app .category>.category-button:is(:hover,:focus-visible):active{background-color:var(--color-ash-300, #E4E4E7)}.route-app .category>.category-button>.frame{display:flex;flex-direction:column;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.route-app .category>.category-button>.frame>.icon{block-size:16px;inline-size:16px;color:var(--color-ash-600, #71717A)}.route-app .category>.category-button>.text{flex-grow:1;font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-ash-800, #3F3F46)}.route-app .category>.category-button>.count-text{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-ash-500, #A1A1AA)}.route-app .active-category{position:relative;padding-inline:16px;display:flex;flex-direction:column}.route-app .active-category:after{content:"";position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:1px;inset-inline-end:auto;margin-top:auto;margin-bottom:auto;block-size:28px;inline-size:3px;background-color:var(--color-pika-600, #643BFF);border-top-right-radius:3px;border-bottom-right-radius:3px}.route-app .active-category>.category-button{padding-inline-end:10px;display:flex;align-items:center;gap:8px;block-size:32px;background-color:var(--color-white, #FFFFFF);border-radius:12px;box-shadow:var(--shadow-sm, 0px 1px 1px 0px rgba(9, 9, 11, .16), 0px 2px 4px 0px rgba(9, 9, 11, .08), 0px 2px 13px 0px rgba(9, 9, 11, .04)),inset 0 0 0 1px var(--color-white, #FFFFFF)}.route-app .active-category>.category-button>.frame{display:flex;flex-direction:column;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.route-app .active-category>.category-button>.frame>.icon{block-size:16px;inline-size:16px;color:var(--color-pika-600, #643BFF)}.route-app .active-category>.category-button>.text{flex-grow:1;font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-ash-1000, #18181B)}.route-app .active-category>.category-button>.count-text{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-pika-600, #643BFF)}.route-app .account{position:relative;padding-inline:16px;display:flex;flex-direction:column}.route-app .account>.account-button{padding-inline-end:10px;display:flex;align-items:center;gap:8px;block-size:32px;border-radius:12px}.route-app .account>.account-button:is(:hover,:focus-visible){background-color:var(--color-ash-200, #F4F4F5)}.route-app .account>.account-button:is(:hover,:focus-visible):active{background-color:var(--color-ash-300, #E4E4E7)}.route-app .account>.account-button>.frame{display:flex;flex-direction:column;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.route-app .account>.account-button>.frame>.icon{block-size:16px;inline-size:16px;color:var(--color-pika-600, #643BFF)}.route-app .account>.account-button>.text{flex-grow:1;font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-ash-800, #3F3F46)}.route-app .account>.account-button>.chevron-icon{block-size:16px;inline-size:16px;color:var(--color-ash-400, #D4D4D8)}.route-app .column-2{flex-grow:1;display:flex;flex-direction:column}.route-app .seach-bar-container{padding-block-start:24px;padding-inline:24px;block-size:72px}.route-app .search-bar{position:relative;z-index:10;display:flex;block-size:48px;background-color:var(--color-white, #FFFFFF);border-radius:20px;box-shadow:0 1px #09090b0f,0 0 0 1px #09090b0f}.route-app .search-bar:is(:hover,:focus-visible){box-shadow:0 1px 5px #09090b1a,0 0 0 1px #09090b0f}.route-app .search-bar:focus-within{box-shadow:0 4px 8px #5314ff1f,0 4px 2px -2px #5314ff4d,0 0 0 1px var(--color-pika-700, #5314FF)}.route-app .search-bar:focus-within>.frame>.icon{color:var(--color-pika-600, #643BFF)}.route-app .search-bar>.frame{padding-inline:12px;display:flex;align-items:center;inline-size:63px}.route-app .search-bar>.frame>.icon{block-size:24px;inline-size:24px;color:var(--color-ash-500, #A1A1AA)}.route-app .search-bar>.input{flex-grow:1;font-family:Inter;font-size:16px;font-weight:400;letter-spacing:.01em;text-align:center;color:var(--color-pika-700, #5314FF)}.route-app .search-bar>.input::placeholder{color:var(--color-ash-500, #A1A1AA)}.route-app .search-bar>.shortcut-container{padding-inline:12px;display:flex;justify-content:center;align-items:center}.route-app .search-bar>.shortcut-container>.shortcut-button{padding-inline:6px;display:flex;justify-content:center;block-size:24px;background-color:var(--color-pika-100, #F1F0FF);border-radius:8px}.route-app .search-bar>.shortcut-container>.shortcut-button>.text{font-family:Inter;font-size:16px;font-weight:400;letter-spacing:.01em;color:var(--color-pika-600, #643BFF)}.route-app .search-bar-mask{position:relative;z-index:0;block-size:24px;background-image:linear-gradient(180deg,var(--color-ash-200, #F4F4F5) 0%,rgba(244,244,245,0) 100%)}.route-app .empty-search-results{flex-grow:1;padding-block:64px;padding-inline:24px;display:flex;flex-direction:column;align-items:center}.route-app .empty-search-results>.text{font-family:Inter;font-size:16px;font-weight:400;letter-spacing:.01em;text-align:center;color:var(--color-ash-700, #52525B)}.route-app .empty-search-results>.text strong{font-weight:500}.route-app .empty-search-results>.text a{text-decoration:underline}.route-app .search-results{flex-grow:1;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));grid-auto-rows:100px;gap:20px;overflow-y:scroll}.route-app .search-result-button{display:flex;flex-direction:column;border-radius:18px}.route-app .search-result-button:is(:hover,:focus-visible){background-color:var(--color-ash-100, #FAFAFA)}.route-app .search-result-button:focus{background-color:var(--color-white, #FFFFFF);box-shadow:0 0 0 1px var(--color-pika-600, #643BFF),0 0 0 2px #643bff33,0 1px 1px #09090b1f,0 3px 5px #09090b1f}.route-app .search-result-button>.frame{flex-grow:1;display:flex;justify-content:center;align-items:center}.route-app .search-result-button>.frame>.icon{block-size:24px;inline-size:24px;color:var(--color-pika-600, #643BFF)}.route-app .search-result-button>.text-container{padding-inline:4px;display:flex;flex-direction:column;justify-content:center;block-size:24px}.route-app .search-result-button>.text-container>.text{font-family:Inter;font-size:10px;font-weight:400;letter-spacing:0;text-align:center;color:var(--color-ash-600, #71717A);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-app .search-result-button>.text-container>.text>.highlight{background-color:#d6cdf6}.route-app .column-3{padding:12px;display:flex}@media (max-width: 768px){.route-app .column-3{display:none}}.route-app .column-3>.card{display:flex;flex-direction:column;inline-size:256px;background-color:var(--color-ash-100, #FAFAFA);border-radius:16px;box-shadow:var(--shadow-sm, 0px 1px 1px 0px rgba(9, 9, 11, .16), 0px 2px 4px 0px rgba(9, 9, 11, .08), 0px 2px 13px 0px rgba(9, 9, 11, .04)),0 0 0 5px #09090b08}.route-app .column-3>.card>.head{padding-block-start:16px;padding-block-end:12px;padding-inline:16px;display:flex;flex-direction:column;gap:12px}.route-app .column-3>.card>.body{padding-block:12px;padding-inline:16px;display:flex;flex-direction:column;gap:24px}.route-app .selected-name{display:flex;align-items:center;gap:4px}.route-app .selected-name>.text{font-family:Inter;font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--color-ash-600, #71717A)}.route-app .selected-name>.icon{block-size:16px;inline-size:16px;color:var(--color-ash-500, #A1A1AA)}.route-app .selected-icon{display:flex;justify-content:center;align-items:center;block-size:144px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--color-ash-300, #E4E4E7)}.route-app .selected-icon>.icon{block-size:64px;inline-size:64px;color:var(--color, var(--color-pika-700, #5314FF))}.route-app .label-color-input{display:flex;justify-content:space-between;align-items:center}.route-app .label-color-input>.text{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.0139999998em;color:var(--color-ash-600, #71717A)}.route-app .label-color-input>.color-input{padding-inline-end:8px;display:flex;align-items:center;block-size:32px;background-color:var(--color-ash-200, #F4F4F5);border-radius:12px}.route-app .label-color-input>.color-input:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px var(--color-ash-300, #E4E4E7)}.route-app .label-color-input>.color-input:focus-within{box-shadow:inset 0 0 0 1px var(--color, var(--color-pika-700, #5314FF))}.route-app .label-color-input>.color-input>.color-container{display:flex;flex-direction:column;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.route-app .label-color-input>.color-input>.color-container>.color{block-size:14px;inline-size:14px;background-color:var(--color, var(--color-pika-700, #5314FF));border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff80}.route-app .label-color-input>.color-input>.input{inline-size:7ch;font-family:Inter;font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--color-ash-800, #3F3F46)}.route-app .label-select{position:relative;display:flex;justify-content:space-between;align-items:center}.route-app .label-select>.text{font-family:Inter;font-size:14px;font-weight:400;letter-spacing:.0139999998em;color:var(--color-ash-600, #71717A)}.route-app .label-select>.select{display:flex;align-items:center;block-size:32px;background-color:var(--color-ash-200, #F4F4F5);border-radius:12px}.route-app .label-select>.select:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px var(--color-ash-300, #E4E4E7)}.route-app .label-select>.select:is(:hover,:focus-visible)>.chevron-frame>.icon{color:var(--color-ash-500, #A1A1AA)}.route-app .label-select>.select>.frame{display:flex;flex-direction:column;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.route-app .label-select>.select>.frame>.icon{block-size:20px;inline-size:20px;color:var(--color-ash-600, #71717A)}.route-app .label-select>.select>.text{font-family:Inter;font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--color-ash-800, #3F3F46)}.route-app .label-select>.select>.chevron-frame{display:flex;justify-content:center;align-items:center;block-size:32px;inline-size:32px}.route-app .label-select>.select>.chevron-frame>.icon{block-size:12px;inline-size:12px;color:var(--color-ash-400, #D4D4D8)}.route-app .buttons{display:flex;flex-direction:column;gap:12px}.route-app .copy-button{display:flex;justify-content:center;align-items:center;gap:8px;block-size:32px;background-image:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%);background-color:var(--color-pika-600, #643BFF);border-radius:12px;box-shadow:0 1px 1px #09090a29,0 2px 4px #09090a14,0 2px 13px #09090a0a}.route-app .copy-button>.icon{block-size:16px;inline-size:16px;color:var(--color-white, #FFFFFF)}.route-app .copy-button>.text{font-family:Inter;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--color-white, #FFFFFF)}.route-app .download-button{display:flex;justify-content:center;align-items:center;gap:8px;block-size:32px;background-color:var(--color-ash-100, #FAFAFA);border-radius:12px;box-shadow:inset 0 0 0 1px var(--color-ash-300, #E4E4E7)}.route-app .download-button>.icon{block-size:16px;inline-size:16px;color:var(--color-ash-700, #52525B)}.route-app .download-button>.text{font-family:Inter;font-size:14px;font-weight:500;letter-spacing:.01em;color:var(--color-ash-700, #52525B)}}