@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;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{cursor:pointer;font-weight:600;width:100%;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}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:none;border-style:none;border-radius:4px;border:1px solid rgba(0,0,0,.1)}input[type=color]::-webkit-color-swatch{border:none;border-style:none;border-radius:4px;border:1px solid rgba(0,0,0,.1)}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)}}#loader{border:8px solid var(--framer-color-bg-secondary);border-radius:50%;border-top:8px solid var(--framer-color-text);width:80px;height:80px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:absolute;top:240px;left:144px;z-index:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#onboarding{display:none;flex-direction:column;align-items:start;padding:4px 16px;height:100%;gap:12px;margin:0}#onboardgif{position:relative;background-color:var(--framer-color-bg-secondary);width:288px;height:264px;border-radius:8px;margin:4px 0 16px;overflow:hidden}#onboardgif iframe{border:none}#learnmorecta{position:absolute;right:10px;bottom:6px;font-family:var(--framer-font-family);font-style:normal;font-weight:500;font-size:11px;line-height:18px;letter-spacing:.2px;color:#333;opacity:.7}#freeusestext{font-family:var(--framer-font-family);font-style:normal;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.1px;color:var(--framer-color-text)}#activatespectrumbtn{margin:4px 0}#continuetrial{margin:0 0 16px}#keyinput{width:288px;height:40px;margin:0;font-family:var(--framer-font-family);font-style:normal;font-weight:600;font-size:12px;line-height:18px;letter-spacing:.2px;padding:0 40px 0 16px;color:var(--framer-color-text);box-sizing:border-box;border:none;border-radius:8px;outline:none;background:var(--framer-color-bg-secondary)}#keyinput:focus{border-color:var(--framer-color-tint)}#keyinput::placeholder{font-family:var(--framer-font-family);font-style:normal;font-weight:500;font-size:12px;line-height:18px;letter-spacing:.2px;color:var(--framer-color-text);opacity:.5}.submitarrow{fill:var(--framer-color-text)}#submitkeybtn{position:absolute;top:488.5px;left:264px;background:transparent;border:transparent;cursor:pointer;outline:none}#errormsg{position:absolute;top:456px;right:20px;font-family:var(--framer-font-family);font-style:normal;font-weight:500;font-size:12px;line-height:18px;letter-spacing:.2px;color:#e44242}#main{z-index:1;display:none}#navigation{position:fixed;top:0;margin:0;padding:0 16px 4px;border-bottom:1px solid var(--framer-color-bg-secondary);height:36px;width:100%}#navigation button{width:auto;height:36px;background:transparent;border:none;outline:none;padding:0;margin:0 16px 0 0;font-family:var(--framer-font-family);font-style:normal;font-size:12px;line-height:14px;text-align:center;letter-spacing:.2px;color:var(--framer-color-text);float:left;cursor:pointer}#basecolortab{font-weight:600;opacity:1}#fromselectiontab{font-weight:400;opacity:.7}#basecolorcontainer{display:flex;flex-direction:column;align-items:start;padding:4px 16px;height:100%;gap:12px;margin:52px 0 0}.section{display:flex;float:left;align-items:center}.controllabel{width:92px;font-family:var(--framer-font-family);font-style:normal;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.1px;color:var(--framer-color-text)}.inputbox{width:172px;height:36px;font-family:var(--framer-font-family);font-style:normal;font-weight:600;font-size:12px;line-height:18px;letter-spacing:.2px;color:var(--framer-color-text);box-sizing:border-box;border:none;border-radius:8px;outline:none;background:var(--framer-color-bg-secondary);margin-left:24px}.inputbox:focus{border-color:var(--framer-color-tint)}.inputdropdown{width:172px;height:36px;font-family:var(--framer-font-family);font-style:normal;font-weight:600;font-size:12px;line-height:16px;letter-spacing:.2px;color:var(--framer-color-text);box-sizing:border-box;border:none;border-radius:8px;outline:none;background:var(--framer-color-bg-secondary);margin-left:24px;background-position:center;background-position-x:calc(100% - 12px);background-repeat:no-repeat;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0gMCA2IEwgMyAzIEwgMCAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMSkgcm90YXRlKDkwIDEuNSAzKSIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM4ODg4ODgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==);padding:0 12px}.inputdropdown:focus{border-color:var(--framer-color-tint)}.inputslider{--thumbSize: 16px;--trackSize: 4px;--thumbBg: var(--framer-color-text);--trackBg: var(--framer-color-bg-secondary);--progressBg: var(--framer-color-text);--webkitProgressPercent: 00%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:24px;width:172px;height:36px;background:transparent;padding:8px 0 0}.inputslider:focus{outline:none;box-shadow:none}.inputslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumbSize);height:var(--thumbSize);background-color:var(--thumbBg);border-radius:calc(var(--thumbSize) / 2);border:none;box-shadow:0 2px 6px #0003;margin-top:calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1)}.inputslider::-moz-range-thumb{-moz-appearance:none;appearance:none;width:var(--thumbSize);height:var(--thumbSize);background-color:var(--thumbBg);border-radius:calc(var(--thumbSize) / 2);border:none;box-shadow:0 2px 6px #0003;margin-top:calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1)}.inputslider::-ms-thumb{-ms-appearance:none;appearance:none;width:var(--thumbSize);height:var(--thumbSize);background-color:var(--thumbBg);border-radius:calc(var(--thumbSize) / 2);border:none;box-shadow:0 2px 6px #0003;margin-top:calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1)}.inputslider::-webkit-slider-runnable-track{height:var(--trackSize);background-image:linear-gradient(90deg,var(--progressBg) var(--webkitProgressPercent),var(--trackBg) var(--webkitProgressPercent));border-radius:calc(var(--trackSize) / 2)}.inputslider::-moz-range-track{height:var(--trackSize);background-color:var(--trackBg);border-radius:calc(var(--trackSize) / 2)}.inputslider::-ms-track{height:var(--trackSize);background-color:var(--trackBg);border-radius:calc(var(--trackSize) / 2)}.inputslider::-moz-range-progress{height:var(--trackSize);background-color:var(--progressBg);border-radius:calc(var(--trackSize) / 2) 0 0 calc(var(--trackSize) / 2)}.inputslider::-ms-fill-lower{height:var(--trackSize);background-color:var(--progressBg);border-radius:calc(var(--trackSize) / 2) 0 0 calc(var(--trackSize) / 2)}.framer-button-secondary,.framer-button-primary{height:40px;width:288px}#colorpicker{width:20px;height:20px;opacity:.01;cursor:pointer}#colorpickerlabel{position:absolute;top:64px;left:144px;width:20px;height:20px;border-radius:4px;cursor:pointer;background-color:#814de5}#inputcolor{padding-left:44px}#submit{position:absolute;top:60px;left:268px;background:transparent;border:transparent;cursor:pointer;outline:none}.palettelist{list-style-type:none;margin:4px 0 12px;padding:0;width:288px;height:124px;border-radius:8px;overflow:hidden}.palettelist li{float:left;margin:0;width:48px;height:124px;position:relative;transition:transform .2s ease-in-out}.palettelist li:hover{z-index:2}.palettelist label{display:block;position:absolute;inset:0;padding:2px;z-index:1;transition:transform .2s ease-in-out}.palettelist li label:hover{transform:scaleX(1.2)}.palettelist button{display:none;position:absolute;width:96%;height:24px;top:48px;left:2%;padding:0;z-index:2;background-color:#0000002a;color:#fff;font-family:var(--framer-font-family);font-style:normal;font-weight:600;font-size:10px;line-height:10px;letter-spacing:0px;border-radius:8px}.palettelist li:hover .copycolorbtn{display:block}#numberofcolors{--webkitProgressPercent: 50%}#gapofcolors{--webkitProgressPercent: 20%}#shufflebuttoncontainer{padding:12px 0 8px}#buttonsandselection{padding:16px 0;border-top:1px solid var(--framer-color-bg-secondary)}#placeholder_text{display:block;margin:0 24px;width:240px;font-family:var(--framer-font-family);font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.2px;color:var(--framer-color-text);text-align:center}#applybutton{display:none;margin:4px 0}#loader,#loader2,#loader3{display:inline-block;width:24px;height:24px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#fff;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#fromselectioncontainer{display:none;padding:0;margin:52px 0 0}#fromselectionemptystate{display:flex;flex-direction:column;align-items:center;justify-content:center;height:320px}#fromselectionill{padding:0 0 20px 12px;text-align:center}#fromselectionplaceholdertext{width:240px;margin:0 auto;font-family:var(--framer-font-family);font-style:normal;font-weight:400;font-size:13px;line-height:18px;text-align:center;letter-spacing:.2px;color:var(--framer-color-text)}#extractbtn{position:absolute;bottom:20px;left:16px}#fromselectioncontrols{display:none;flex-direction:column;align-items:start;padding:4px 16px;height:100%;gap:12px;margin:0}#selection{padding-bottom:4px;display:flex;align-items:center}.selectioncontrollabel{font-family:var(--framer-font-family);font-style:normal;font-weight:500;font-size:12px;line-height:16px;letter-spacing:.1px;color:var(--framer-color-text);text-align:left;width:96px}#selectioninfo{position:relative;width:160px;height:36px;font-family:var(--framer-font-family);font-style:normal;font-weight:600;font-size:12px;line-height:18px;letter-spacing:.2px;box-sizing:border-box;border:none;border-radius:8px;outline:none;background:var(--framer-color-bg-secondary);color:var(--framer-color-text);margin-left:32px}#layericon{position:absolute;top:10px;left:12px}#layericonpath{fill:var(--framer-color-text)}#layers_text{position:absolute;top:10px;left:36px;margin:0}#refresh{position:absolute;top:3px;left:120px;background:transparent;border:transparent;cursor:pointer;outline:none}#refreshiconpath{stroke:var(--framer-color-text)}.fspalettelist{list-style-type:none;margin:4px 0 8px;padding:0;width:288px;height:124px;border-radius:8px;overflow:hidden}.fspalettelist li{float:left;margin:0;width:48px;height:124px;position:relative;transition:transform .2s ease-in-out}.fspalettelist li:hover{z-index:2}.fspalettelist label{display:block;position:absolute;inset:0;padding:2px;z-index:1;transition:transform .2s ease-in-out}.fspalettelist li label:hover{transform:scaleX(1.2)}.fspalettelist button{display:none;position:absolute;width:96%;height:24px;top:48px;left:2%;padding:0;z-index:2;background-color:#0000002a;color:#fff;font-family:var(--framer-font-family);font-style:normal;font-weight:600;font-size:10px;line-height:10px;letter-spacing:0px;border-radius:8px}.fspalettelist li:hover .fscopycolorbtn{display:block}#fsnumberofcolors{--webkitProgressPercent: 50%}.fsinputslider{--thumbSize: 16px;--trackSize: 4px;--thumbBg: var(--framer-color-text);--trackBg: var(--framer-color-bg-secondary);--progressBg: var(--framer-color-text);--webkitProgressPercent: 00%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:24px;width:164px;height:36px;background:transparent;padding:8px 0 0}.fsinputslider:focus{outline:none;box-shadow:none}.fsinputslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumbSize);height:var(--thumbSize);background-color:var(--thumbBg);border-radius:calc(var(--thumbSize) / 2);border:none;box-shadow:0 2px 6px #0003;margin-top:calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1)}.fsinputslider::-moz-range-thumb{-moz-appearance:none;appearance:none;width:var(--thumbSize);height:var(--thumbSize);background-color:var(--thumbBg);border-radius:calc(var(--thumbSize) / 2);border:none;box-shadow:0 2px 6px #0003;margin-top:calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1)}.fsinputslider::-ms-thumb{-ms-appearance:none;appearance:none;width:var(--thumbSize);height:var(--thumbSize);background-color:var(--thumbBg);border-radius:calc(var(--thumbSize) / 2);border:none;box-shadow:0 2px 6px #0003;margin-top:calc(((var(--thumbSize) - var(--trackSize)) / 2) * -1)}.fsinputslider::-webkit-slider-runnable-track{height:var(--trackSize);background-image:linear-gradient(90deg,var(--progressBg) var(--webkitProgressPercent),var(--trackBg) var(--webkitProgressPercent));border-radius:calc(var(--trackSize) / 2)}.fsinputslider::-moz-range-track{height:var(--trackSize);background-color:var(--trackBg);border-radius:calc(var(--trackSize) / 2)}.fsinputslider::-ms-track{height:var(--trackSize);background-color:var(--trackBg);border-radius:calc(var(--trackSize) / 2)}.fsinputslider::-moz-range-progress{height:var(--trackSize);background-color:var(--progressBg);border-radius:calc(var(--trackSize) / 2) 0 0 calc(var(--trackSize) / 2)}.fsinputslider::-ms-fill-lower{height:var(--trackSize);background-color:var(--progressBg);border-radius:calc(var(--trackSize) / 2) 0 0 calc(var(--trackSize) / 2)}#fsshufflebuttoncontainer{padding:12px 0 8px}#fsbuttonsandselection{padding:16px 0;border-top:1px solid var(--framer-color-bg-secondary)}#fsplaceholder_text{display:block;margin:0 24px;width:240px;font-family:var(--framer-font-family);font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.2px;color:var(--framer-color-text);text-align:center}#fsapplybutton{display:none;margin:4px 0}