@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--framer-font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body,html,#root{height:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--framer-font-family);font-size:12px;line-height:1.5;font-weight:500;color:var(--framer-color-text, #333);background:var(--framer-color-bg, #fff);color-scheme:light dark;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-user-select:none;user-select:none}p{color:var(--framer-color-text-secondary)}a{text-decoration:none;color:var(--framer-color-tint, #09f)}input,button,textarea,select{overflow:hidden;text-overflow:ellipsis;flex-shrink:0;height:30px;width:134px;color:var(--framer-color-text);font-size:12px;font-family:var(--framer-font-family);caret-color:var(--framer-color-text);background:var(--framer-color-bg-tertiary);border-radius:8px;font-weight:500;padding:0 10px;outline:none;border:none}input[type=tel],input[type=text],input[type=email],input[type=number],input[type=password],input[type=color]{white-space:nowrap;padding:0 10px;font-size:12px;color:var(--framer-color-text)}input:focus,select:focus{box-shadow:inset 0 0 0 1px var(--framer-color-tint)}[data-framer-theme=dark] input{caret-color:#fff}input[type=checkbox]{appearance:none;width:12px;height:12px;margin:0;padding:0;border-radius:4px;border:1px solid transparent;background-color:var(--framer-color-bg-secondary)}input[type=checkbox]:checked{background-color:var(--framer-color-tint);border-color:var(--framer-color-tint);background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZD0iTTMgNmwyIDIgNC00IiBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI4LjUiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIj48L3BhdGg+PHBhdGggZD0iTTMgNmw2IDAiIGZpbGw9InRyYW5zcGFyZW50IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI2IiBzdHJva2UtZGFzaG9mZnNldD0iNiIgPjwvcGF0aD48L3N2Zz4=)}hr{border:none;width:100%;flex-shrink:0;height:1px;background-color:var(--framer-color-divider)}textarea{height:50px;min-height:30px;padding:8px 10px;resize:vertical}textarea:focus{box-shadow:inset 0 0 0 1px var(--framer-color-tint)}textarea::-webkit-resizer{border:1px solid transparent;background:no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 1.5 7.5 L 7.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path><path d='M 5.5 7.5 L 7.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23CCCCCC' stroke-linecap='round'></path></svg>")}input::placeholder{color:var(--framer-color-text-tertiary)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input::placeholder,textarea::placeholder{color:var(--framer-color-text-tertiary)}[data-framer-theme=dark] textarea::-webkit-resizer{border:1px solid transparent;background:no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M 1.5 7.5 L 7.5 1.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path><path d='M 5.5 7.5 L 7.5 5.5' fill='transparent' stroke-width='1.5' stroke='%23555555' stroke-linecap='round'></path></svg>")}button{display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;width:100%;-webkit-user-select:none;user-select:none;background-color:var(--framer-color-bg-tertiary);transition:background-color .2s}button:focus,button:hover{background-color:var(--framer-color-bg-secondary)}button:active{background-color:#ddd}[data-framer-theme=dark] button:active{background-color:#232323}button:disabled{background-color:var(--framer-color-bg-tertiary);opacity:.5;cursor:default}select{background-position:center;background-position-x:calc(100% - 8px);background-repeat:no-repeat;-webkit-appearance:none;color:var(--framer-color-text);appearance:none;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM4ODg4ODgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==);padding:0 16px 1px 8px}select:disabled{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiNiYmJiYmIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==)}[data-framer-theme=dark] select{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==)}[data-framer-theme=dark] select{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM3Nzc3NzciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==)}input[type=range]{cursor:ew-resize;height:30px;margin:0;overflow:hidden;-webkit-appearance:none;appearance:none;background-color:var(--framer-color-bg-tertiary)}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:50%;transform:translate(0);box-shadow:-1000px 0 0 1000px #ccc;height:10px;width:0px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:50%;transform:translate(0);box-shadow:-1000px 0 0 1000px #ccc;height:10px;width:0px}[data-framer-theme=dark] input[type=range]::-webkit-slider-thumb{box-shadow:-1000px 0 0 1000px #666}[data-framer-theme=dark] input[type=range]::-moz-range-thumb{box-shadow:-1000px 0 0 1000px #666}input[type=range]:focus{border:0;box-shadow:none;outline:none}input[type=range]::-moz-focus-outer{border:0;box-shadow:none;outline:none}input[type=color i]{border-style:none;padding:0}input[type=color]::-webkit-color-swatch-wrapper{border-style:none;padding:0}input[type=color]::-moz-color-swatch{border:1px solid rgba(0,0,0,.1);border-style:none;border-radius:4px}input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.1);border-style:none;border-radius:4px}input[type=color]{appearance:none;-webkit-appearance:none;padding:5px}input[type=file]{background:none;border-radius:0;width:auto;display:inline}input::file-selector-button{color:var(--framer-color-text);background-color:var(--framer-color-bg-tertiary);font-family:var(--framer-font-family);font-weight:600;border-radius:8px;cursor:pointer;outline:none;border:none;height:30px;padding:0 10px;margin-right:8px}input::file-selector-button:hover{background-color:var(--framer-color-bg-secondary)}.framer-divider{height:1px;width:100%;background-color:var(--framer-color-divider)}.framer-button-primary{color:var(--framer-color-text-reversed);background-color:var(--framer-color-tint)}.framer-button-primary:hover,.framer-button-primary:focus{background-color:var(--framer-color-tint-dark)}.framer-button-primary:active,[data-framer-theme=dark] .framer-button-primary:active{background-color:var(--framer-color-tint-extra-dark, #0077ff)}.framer-button-primary:disabled{background-color:var(--framer-color-tint);opacity:.5}#framer-environment-error{all:unset;display:none;position:fixed;width:100%;height:100%;flex-direction:column;gap:10px;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;background:#fff}#framer-environment-error>p{all:unset;color:#666;font-size:12px;line-height:1.5;max-width:220px;margin:0;padding:0;text-align:center}#framer-environment-error>p>a{all:unset;text-decoration:none;color:var(--framer-color-tint, #09f)}.framer-spinner{width:12px;height:12px;--spinner-translate: 0;background-color:var(--framer-color-text);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAApNJREFUSA2tlUtLlFEYgEe7mtFFQ8NLFBG1SJAwahtiLVy5ceVSEPQH1LZf0Lp9FO1bdYNyI7gyBFcS2kAzilYq3sfxeYZ55Zv6FGfohWfOd97vnPd23u9MXeZoaeb1Q7gPHXAFzsAS5GACxiEPqVKXqs1kmtAPQi+cAtedToz1PJ8ExxPwDl7CAlRImoN7rBiF86ABHTiGAzMIh8n3O+ifwWc4EL0n5TGTYQijvjNSxbUadozInUeGZ3nuh1WYgpIkM+hGMwYajAgdrfUn+AaLoLTCAxiAOxCZxL4RdB+gZMjxEjwHo4hS8Jh5DR9hz0mKaNizegoNEI7Wee6FXJTISG6AUgDr+QImoAiHie+mwZJow/PRps4uwnsnRj8Epqc4voVJJ8eULOtW4BFYYjPpgjc+3IWI2sh/wFeoVl6xYQ48dDGLfjOwc/ygQqz595hUMVouS9QHBm4l6k3HWpnBLqicgVrlCxujSbR1Swd+UDpQYRS/oVaZZ2MWwlZBB9Zdxf+QTYw8SRgq6sAvz7vH6JULEB9USVHFjzZskgPRQR4ayxoXXIdaHdg9HrB2rErByWxZERnYtrWUzD0esDbtTmXPhzXwHrKLxEUbYGbVyDkWWwkdadfqbPmwDXZSCyh2VAf8BM/nOOJH5Y0QopMt2I5U/KO4DZZJB47XwEX+ex0mGroMV8sLwp56gyuGwiyW4SZ4c8bt2cZzO7jBNeqtsRHbeZ1g9krsMbhfYPv/c5gecA+4yAVuitFszE5Hjva872OMdXagF19JIoOYWyozMTI3J0tmA6gLvXPfO1cc/XOqOLe/HbjwD8yCXRD3VNJROEgatiRZMJsKsbZHia3nAdphtq8fkiWyXJbBe8uM1aXKPouNnz2Bm1kwAAAAAElFTkSuQmCC);mask-size:12px;animation-duration:.8s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.framer-spinner-large{width:24px;height:24px;--spinner-translate: 0;mask:url(data:image/png;base64,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);mask-size:24px;background-color:var(--framer-color-text);animation-duration:.8s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.framer-button-primary .framer-spinner,.framer-button-primary .framer-spinner-large{background-color:var(--framer-color-text-reversed)}@keyframes spin{0%{transform:translate(var(--spinner-translate),var(--spinner-translate)) rotate(0)}to{transform:translate(var(--spinner-translate),var(--spinner-translate)) rotate(360deg)}}.framer-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.framer-hide-scrollbar::-webkit-scrollbar{display:none}.component-analyzer button,.component-analyzer [role=button],.component-analyzer a,.component-analyzer .component-item,.component-analyzer .tab-button{pointer-events:auto!important;cursor:pointer!important}main{display:flex;flex-direction:column;align-items:start;padding:0;height:100%;gap:0}.component-analyzer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0;background:var(--framer-color-bg, #ffffff);color:var(--framer-color-text, #333333);height:100%;overflow:hidden;display:flex;flex-direction:column;outline:none}.header{padding:16px 16px 12px;border-bottom:1px solid var(--framer-color-divider);background:var(--framer-color-bg)}.header-content{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:8px}.header-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.header-icon img{width:100%;height:100%}.header-title{font-size:14px;font-weight:600;color:var(--framer-color-text, #333333);margin:0}.close-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--framer-color-text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:var(--framer-color-bg-secondary);color:var(--framer-color-text)}.loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--framer-color-text-secondary);flex:1;text-align:center;gap:12px;flex-direction:column}.loading p{margin:0;font-size:14px;width:100%;text-align:center}.loading .scan-icon{width:24px;height:24px;animation:scan-orbit 1.6s linear infinite;display:block;margin:0 auto;filter:brightness(0) saturate(100%) invert(42%) sepia(82%) saturate(2766%) hue-rotate(212deg) brightness(97%) contrast(94%)}.results{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0 16px 16px;width:100%}.summary{margin-bottom:12px;padding:8px 12px;background:var(--framer-color-bg-secondary);border-radius:6px;font-size:13px;color:var(--framer-color-text-secondary)}.summary p{margin:0}.tab-navigation{display:flex;width:100%;border-radius:8px;padding:3px;height:36px;margin-bottom:12px;position:relative;overflow:hidden}.tab-background{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:6px;z-index:1;transition:none;pointer-events:none}.tab-background.dark{background-color:#ffffff1f;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}.tab-background.light{background-color:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.tab-navigation.dark{background-color:#ffffff14}.tab-navigation.light{background-color:#f0f0f0}.tab-button{flex:1;padding:0 16px;border:none;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;pointer-events:auto!important}.tab-button.active.dark{background-color:transparent;color:#fff}.tab-button.active.light{background-color:transparent;color:#000}.tab-button.inactive.dark{background-color:transparent;color:#fff9}.tab-button.inactive.light{background-color:transparent;color:#00000080}.tab-content{display:flex;align-items:center;gap:6px}.tab-badge{font-size:11px;font-weight:500;padding:2px 6px;border-radius:8px;min-width:18px;text-align:center;line-height:1.2;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button.active .tab-badge{background-color:#6a7078;color:#fff;color:var(--framer-color-text-reversed, white)}.tab-button.active.dark .tab-badge{background-color:#ffffff40;color:#fff}.tab-button.inactive .tab-badge{background-color:#b8b9bc;color:#fff;color:var(--framer-color-text-reversed, white)}.tab-button.inactive.dark .tab-badge{background-color:#ffffff26;color:#ffffffe6}.component-list-container{flex:1;position:relative;border-radius:8px;border:1px solid var(--framer-color-divider);overflow:hidden}.component-list-container.empty{border-color:transparent}.component-list{height:100%;overflow-y:auto;background:var(--framer-color-bg);display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.scroll-scrim{position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to top,var(--framer-color-bg, white) 0%,transparent 100%);pointer-events:none;z-index:10}.scroll-scrim-top{position:absolute;top:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,var(--framer-color-bg, white) 0%,transparent 100%);pointer-events:none;z-index:10}.dark .scroll-scrim{background:linear-gradient(to top,var(--framer-color-bg, #1e1e1e) 0%,transparent 100%)}.dark .scroll-scrim-top{background:linear-gradient(to bottom,var(--framer-color-bg, #1e1e1e) 0%,transparent 100%)}.component-item{padding:12px;cursor:pointer!important;transition:background-color .15s ease;border-bottom:1px solid var(--framer-color-divider);overflow:hidden;pointer-events:auto!important;flex-shrink:0;position:relative}.component-item.animating{pointer-events:none}.component-item.animating-in{opacity:0;transform:translate(-20px)}.component-item:last-child{margin-bottom:0}.component-list.has-scroll .component-item:last-child{border-bottom:none}.component-item:hover{background:#2d6df612!important}.component-item:hover .component-name{color:#2d6df6!important}.component-item.light:hover .usage-count{border-color:#e9eff8!important;background:#fff!important;color:#545b64!important}.component-item.dark:hover .usage-count{background:#ffffff26!important;border-color:#fff3!important;color:#ffffffe6!important}.component-item:hover .component-icon img{filter:brightness(0) saturate(100%) invert(38%) sepia(87%) saturate(2311%) hue-rotate(211deg) brightness(96%) contrast(100%)!important;opacity:1!important}.component-content{display:flex;height:24px;align-items:center;gap:8px}.component-icon{width:13px;height:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.component-icon img{width:100%;height:100%;filter:grayscale(1) opacity(.5);transition:filter .15s ease,opacity .15s ease}.component-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.component-name{font-weight:500;font-size:14px;color:var(--framer-color-text, #333333);line-height:1.2;flex:1;min-width:0;overflow:hidden;white-space:nowrap;position:relative;transition:color .15s ease}.component-item.unused .component-name{font-style:italic}.component-name-inner{display:inline-block;padding-right:12px;text-overflow:ellipsis}.component-name.scrolling .component-name-inner{animation:component-name-scroll var(--scroll-duration, 3s) linear 1 forwards}@keyframes component-name-scroll{0%{transform:translate(0)}10%{transform:translate(0)}90%{transform:translate(calc(-1 * var(--scroll-distance, 0px)))}to{transform:translate(calc(-1 * var(--scroll-distance, 0px)))}}.usage-count{font-size:12px;padding:2px 8px;border-radius:12px;white-space:nowrap;line-height:1.4;flex-shrink:0;border:1px solid var(--framer-color-divider);transition:all .15s ease}.usage-count.usage-high,.usage-count.usage-mid,.usage-count.usage-low{background:var(--framer-color-bg-tertiary, white);color:var(--framer-color-text)}.component-item.dark .usage-count.usage-high,.component-item.dark .usage-count.usage-mid,.component-item.dark .usage-count.usage-low,.dark .usage-count.usage-high,.dark .usage-count.usage-mid,.dark .usage-count.usage-low{background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.usage-count.usage-single{background:#fff5f5;color:#684545;border:1px solid rgba(135,0,0,.06)}.component-item.dark .usage-count.usage-single,.dark .usage-count.usage-single{background:#ff323226;color:#fffffff2;border:1px solid rgba(255,50,50,.25)}.delete-button{background:none;border:none;padding:0;cursor:pointer!important;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;width:24px;height:24px;flex-shrink:0;opacity:0;pointer-events:auto!important;position:relative;z-index:10}.delete-button img{transition:opacity .2s ease}.delete-button:hover:not(:disabled) img{content:url(/img/delete.svg)}.component-item:hover .delete-button{opacity:1}.delete-button.disabled{cursor:not-allowed;opacity:.5}.component-item:hover .delete-button.disabled{opacity:.5}.footer{width:100%;padding-top:12px;margin-top:auto}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--framer-color-text-secondary);text-align:center}.tabs-empty{height:100%;padding:40px 16px}.empty-state p{font-size:14px;line-height:1.4}.empty-illustration{width:80px;height:80px;margin-bottom:16px;opacity:.9}.scan-button{background:#2d6df6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer!important;transition:background-color .15s ease;display:flex;align-items:center;gap:8px;width:auto;margin:0 auto;justify-content:center;pointer-events:auto!important}.footer .scan-button{width:100%}.scan-button:hover:not(:disabled){background:#2d6df6}.scan-icon{transform-origin:center;will-change:transform}.scan-button:hover .scan-icon{animation:scan-orbit 1.6s linear infinite}@keyframes scan-orbit{0%{transform:translate(1.5px)}25%{transform:translateY(1.5px)}50%{transform:translate(-1.5px)}75%{transform:translateY(-1.5px)}to{transform:translate(1.5px)}}.scan-button:disabled{opacity:.6;cursor:not-allowed}.scan-button img{width:13px;height:13px;filter:brightness(0) invert(1)}.framer-button-primary{background:var(--framer-color-tint);color:var(--framer-color-text-reversed);border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease;width:100%;box-sizing:border-box}.framer-button-primary:hover:not(:disabled){background:var(--framer-color-tint-dark)}.framer-button-primary:disabled{opacity:.6;cursor:not-allowed}.framer-button-secondary{background:var(--framer-color-bg-tertiary);color:var(--framer-color-text);border:1px solid var(--framer-color-divider);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .15s ease}.framer-button-secondary:hover{background:var(--framer-color-bg-secondary)}.component-list::-webkit-scrollbar{display:none}