mirotone/dist/styles.css

Miro UI Kit for building Apps & plugins

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,700&display=swap");:root{--border-widths-none:0;--border-widths-sm:1px;--border-widths-md:2px;--border-widths-lg:4px;--font-sizes-125:0.625rem;--font-sizes-150:0.75rem;--font-sizes-175:0.875rem;--font-sizes-200:1rem;--font-sizes-225:1.125rem;--font-sizes-250:1.25rem;--font-sizes-300:1.5rem;--font-sizes-400:2rem;--font-sizes-500:2.5rem;--font-sizes-600:3rem;--font-sizes-800:4rem;--font-sizes-900:4.5rem;--fonts-heading:Roobert,sans-serif;--fonts-body:OpenSans,Open Sans,sans-serif;--sizes-1:4px;--sizes-2:8px;--sizes-3:12px;--sizes-4:16px;--sizes-5:20px;--sizes-6:24px;--sizes-7:28px;--sizes-8:32px;--sizes-9:36px;--sizes-10:40px;--sizes-11:44px;--sizes-12:48px;--sizes-13:52px;--sizes-14:56px;--sizes-15:60px;--sizes-16:64px;--sizes-17:68px;--sizes-18:72px;--sizes-19:76px;--sizes-20:80px;--sizes-21:84px;--sizes-22:88px;--sizes-23:92px;--sizes-24:96px;--sizes-25:100px;--sizes-26:104px;--sizes-27:108px;--sizes-28:112px;--sizes-29:116px;--sizes-30:120px;--sizes-31:124px;--sizes-32:128px;--sizes-33:132px;--sizes-34:136px;--sizes-35:140px;--sizes-36:144px;--sizes-37:148px;--sizes-38:152px;--sizes-39:156px;--sizes-40:160px;--sizes-41:164px;--sizes-42:168px;--sizes-43:172px;--sizes-44:176px;--sizes-45:180px;--sizes-46:184px;--sizes-47:188px;--sizes-48:192px;--sizes-49:196px;--sizes-50:200px;--sizes-51:204px;--sizes-52:208px;--sizes-53:212px;--sizes-54:216px;--sizes-55:220px;--sizes-56:224px;--sizes-57:228px;--sizes-58:232px;--sizes-59:236px;--sizes-60:240px;--sizes-61:244px;--sizes-62:248px;--sizes-63:252px;--sizes-64:256px;--sizes-65:260px;--sizes-66:264px;--sizes-67:268px;--sizes-68:272px;--sizes-69:276px;--sizes-70:280px;--sizes-71:284px;--sizes-72:288px;--sizes-73:292px;--sizes-74:296px;--sizes-75:300px;--sizes-76:304px;--sizes-77:308px;--sizes-78:312px;--sizes-79:316px;--sizes-80:320px;--sizes-81:324px;--sizes-82:328px;--sizes-83:332px;--sizes-84:336px;--sizes-85:340px;--sizes-86:344px;--sizes-87:348px;--sizes-88:352px;--sizes-89:356px;--sizes-90:360px;--sizes-91:364px;--sizes-92:368px;--sizes-93:372px;--sizes-94:376px;--sizes-95:380px;--sizes-96:384px;--sizes-97:388px;--sizes-98:392px;--sizes-99:396px;--sizes-100:400px;--sizes-101:404px;--sizes-102:408px;--sizes-103:412px;--sizes-104:416px;--sizes-105:420px;--sizes-106:424px;--sizes-107:428px;--sizes-108:432px;--sizes-109:436px;--sizes-110:440px;--sizes-111:444px;--sizes-112:448px;--sizes-113:452px;--sizes-114:456px;--sizes-115:460px;--sizes-116:464px;--sizes-117:468px;--sizes-118:472px;--sizes-119:476px;--sizes-120:480px;--sizes-121:484px;--sizes-122:488px;--sizes-123:492px;--sizes-124:496px;--sizes-125:500px;--sizes-126:504px;--sizes-127:508px;--sizes-128:512px;--sizes-129:516px;--sizes-130:520px;--sizes-131:524px;--sizes-132:528px;--sizes-133:532px;--sizes-134:536px;--sizes-135:540px;--sizes-136:544px;--sizes-137:548px;--sizes-138:552px;--sizes-139:556px;--sizes-140:560px;--sizes-141:564px;--sizes-142:568px;--sizes-143:572px;--sizes-144:576px;--sizes-145:580px;--sizes-146:584px;--sizes-147:588px;--sizes-148:592px;--sizes-149:596px;--sizes-150:600px;--sizes-151:604px;--sizes-152:608px;--sizes-153:612px;--sizes-154:616px;--sizes-155:620px;--sizes-156:624px;--sizes-157:628px;--sizes-158:632px;--sizes-159:636px;--sizes-160:640px;--sizes-161:644px;--sizes-162:648px;--sizes-163:652px;--sizes-164:656px;--sizes-165:660px;--sizes-166:664px;--sizes-167:668px;--sizes-168:672px;--sizes-169:676px;--sizes-170:680px;--sizes-171:684px;--sizes-172:688px;--sizes-173:692px;--sizes-174:696px;--sizes-175:700px;--sizes-176:704px;--sizes-177:708px;--sizes-178:712px;--sizes-179:716px;--sizes-180:720px;--sizes-181:724px;--sizes-182:728px;--sizes-183:732px;--sizes-184:736px;--sizes-185:740px;--sizes-186:744px;--sizes-187:748px;--sizes-188:752px;--sizes-189:756px;--sizes-190:760px;--sizes-191:764px;--sizes-192:768px;--sizes-193:772px;--sizes-194:776px;--sizes-195:780px;--sizes-196:784px;--sizes-197:788px;--sizes-198:792px;--sizes-199:796px;--sizes-200:800px;--sizes-icon-200:16px;--sizes-icon-300:24px;--sizes-icon-400:32px;--stroke-widths-thin:1.5px;--stroke-widths-normal:2px;--stroke-widths-bold:4px;--z-indices-dropdownMenu:100;--z-indices-select:200;--z-indices-popover:300;--z-indices-tooltip:400;--colors-black:#000;--colors-transparent:#ffffff00;--colors-white:#fff;--colors-blue-100:#f2f4fc;--colors-blue-150:#e8ecfc;--colors-blue-200:#d9dffc;--colors-blue-250:#c7d0fd;--colors-blue-300:#b1bdfd;--colors-blue-350:#97a8fe;--colors-blue-400:#7a90fe;--colors-blue-450:#5b76fe;--colors-blue-50:#f7f8fc;--colors-blue-500:#3859ff;--colors-blue-550:#314cd9;--colors-blue-600:#2a41b6;--colors-blue-650:#243797;--colors-blue-700:#1e2d7b;--colors-blue-750:#192563;--colors-blue-800:#151f4e;--colors-blue-850:#12193e;--colors-blue-900:#101633;--colors-blue-950:#0f142e;--colors-gray-100:#f3f4f6;--colors-gray-150:#ebecf0;--colors-gray-200:#e0e1e6;--colors-gray-250:#d1d4db;--colors-gray-300:#c1c3cd;--colors-gray-350:#adb1bd;--colors-gray-400:#979cab;--colors-gray-450:#7f8497;--colors-gray-50:#f6f7f9;--colors-gray-500:#656b81;--colors-gray-550:#575c6f;--colors-gray-600:#4a4e5e;--colors-gray-650:#3f424f;--colors-gray-700:#343741;--colors-gray-750:#2b2e35;--colors-gray-800:#24262c;--colors-gray-850:#1e1f24;--colors-gray-900:#1a1b1e;--colors-gray-950:#18191c;--colors-green-100:#eaf6e6;--colors-green-150:#dff1da;--colors-green-200:#cee9c8;--colors-green-250:#badeb1;--colors-green-300:#a1d295;--colors-green-350:#85c476;--colors-green-400:#65b452;--colors-green-450:#42a22b;--colors-green-50:#eff9ec;--colors-green-500:#1c8f00;--colors-green-550:#1a7b02;--colors-green-600:#186904;--colors-green-650:#175906;--colors-green-700:#154b08;--colors-green-750:#143e09;--colors-green-800:#13340a;--colors-green-850:#122b0b;--colors-green-900:#11260c;--colors-green-950:#11230c;--colors-red-100:#fdf2f3;--colors-red-150:#fbe6e8;--colors-red-200:#f8d5d8;--colors-red-250:#f4bfc5;--colors-red-300:#f0a5ad;--colors-red-350:#eb8792;--colors-red-400:#e56673;--colors-red-450:#df4051;--colors-red-50:#fef7f8;--colors-red-500:#d8182c;--colors-red-550:#b91829;--colors-red-600:#9c1825;--colors-red-650:#821823;--colors-red-700:#6b1720;--colors-red-750:#57171e;--colors-red-800:#46171c;--colors-red-850:#38171a;--colors-red-900:#2f1719;--colors-red-950:#2b1719;--colors-yellow-100:#fff9e3;--colors-yellow-150:#fff7d9;--colors-yellow-200:#fff4cb;--colors-yellow-250:#ffefb9;--colors-yellow-300:#ffeba3;--colors-yellow-350:#ffe58b;--colors-yellow-400:#ffdf6f;--colors-yellow-450:#ffd850;--colors-yellow-50:#fffae7;--colors-yellow-500:#ffd02f;--colors-yellow-550:#d7b029;--colors-yellow-600:#b39223;--colors-yellow-650:#91771e;--colors-yellow-700:#746019;--colors-yellow-750:#5a4b15;--colors-yellow-800:#453911;--colors-yellow-850:#342c0f;--colors-yellow-900:#28220d;--colors-yellow-950:#231e0c;--radii-0:0px;--radii-25:2px;--radii-50:4px;--radii-75:6px;--radii-100:8px;--radii-200:16px;--radii-round:999px;--space-0:0px;--space-25:2px;--space-50:4px;--space-100:8px;--space-150:12px;--space-200:16px;--space-300:24px;--space-400:32px;--space-500:40px;--space-600:48px;--space-700:56px;--space-800:64px;--space-1200:96px;--space-1600:128px;--light-color:var(--white);--dark-color:var(--indigo700);--primary-text-color:var(--indigo700);--secondary-text-color:var(--indigo600);--accent-color:var(--blue700);--primary-action-color:var(--blue700);--text-selection-color:var(--blue400);--code-selection-color:var(--whiteAlpha40);--highlight-light-color:var(--whiteAlpha40);--highlight-dark-color:var(--indigo200);--blue100:var(--colors-blue-50);--blue200:var(--colors-blue-200);--blue300:var(--colors-blue-250);--blue400:var(--colors-blue-350);--blue500:var(--colors-blue-400);--blue600:var(--colors-blue-500);--blue700:var(--colors-blue-550);--blue800:var(--colors-blue-600);--blue900:var(--colors-blue-750);--indigo50:#f5f5f7;--indigo100:var(--colors-gray-300);--indigo200:var(--colors-gray-350);--indigo300:var(--colors-gray-400);--indigo400:var(--colors-gray-450);--indigo500:var(--colors-gray-500);--indigo600:var(--colors-gray-600);--indigo700:var(--colors-gray-700);--indigoAlpha80:rgba(5,0,56,.8);--indigoAlpha40:rgba(5,0,56,.4);--indigoAlpha20:rgba(5,0,56,.2);--indigoAlpha12:rgba(5,0,56,.12);--indigoAlpha8:rgba(5,0,56,.08);--indigoAlpha6:rgba(5,0,56,.06);--indigoAlpha4:rgba(5,0,56,.04);--green100:var(--colors-green-100);--green400:var(--colors-green-300);--green700:var(--colors-green-550);--green800:var(--colors-green-650);--black:#090909;--blackAlpha80:rgba(9,9,9,.8);--blackAlpha60:rgba(9,9,9,.6);--blackAlpha40:rgba(9,9,9,.4);--blackAlpha20:rgba(9,9,9,.2);--red50:#fef7f7;--red100:var(--colors-red-50);--red400:var(--colors-red-350);--red600:var(--colors-red-500);--red700:var(--colors-red-600);--red800:var(--colors-red-700);--red900:var(--colors-red-900);--yellow100:var(--colors-yellow-50);--yellow400:var(--colors-yellow-400);--yellow700:var(--colors-yellow-550);--white:#fff;--whiteAlpha80:hsla(0,0%,100%,.8);--whiteAlpha40:hsla(0,0%,100%,.4);--whiteAlpha20:hsla(0,0%,100%,.2);--header-font:"Open Sans",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;--body-font:"Open Sans",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--font-weight-black:800;--font-size-small:12px;--font-size-medium:14px;--font-size-large:16px;--font-size-xlarge:20px;--font-size-xxlarge:24px;--font-size-xxxlarge:28px;--border-radius-small:calc(var(--border-radius-large)/4);--border-radius-medium:calc(var(--border-radius-large)/2);--border-radius-large:8px;--border-radius-xlarge:calc(var(--border-radius-large)*2);--border-radius-xxlarge:calc(var(--border-radius-large)*4);--border-radius-circle:50%;--space-xxxsmall:calc(var(--space-xsmall)/4);--space-xxsmall:calc(var(--space-xsmall)/2);--space-xsmall:8px;--space-small:calc(var(--space-xsmall)*2);--space-medium:calc(var(--space-xsmall)*3);--space-large:calc(var(--space-xsmall)*4);--space-xlarge:calc(var(--space-xsmall)*5);--space-xxlarge:calc(var(--space-xsmall)*6);--space-xxxlarge:calc(var(--space-xsmall)*8);--icon-size:24px;--input-height:48px;--grid-tc-12:repeat(12,1fr);--grid-tc-1:repeat(1,1fr);--grid-gap:var(--space-xsmall)}body,html{height:100%}body{background-color:var(--white);color:var(--indigo700);font-family:var(--body-font);margin:0;padding:0}.grid{grid-column-gap:var(--grid-gap);grid-row-gap:var(--grid-gap);align-content:stretch;display:grid;grid-template-columns:var(--grid-tc-12)}.grid>*{align-self:center}.grid>.cs1{grid-column-start:1}.grid>.cs2{grid-column-start:2}.grid>.cs3{grid-column-start:3}.grid>.cs4{grid-column-start:4}.grid>.cs5{grid-column-start:5}.grid>.cs6{grid-column-start:6}.grid>.cs7{grid-column-start:7}.grid>.cs8{grid-column-start:8}.grid>.cs9{grid-column-start:9}.grid>.cs10{grid-column-start:10}.grid>.cs11{grid-column-start:11}.grid>.cs12{grid-column-start:12}.grid>.ce1{grid-column-end:2}.grid>.ce2{grid-column-end:3}.grid>.ce3{grid-column-end:4}.grid>.ce4{grid-column-end:5}.grid>.ce5{grid-column-end:6}.grid>.ce6{grid-column-end:7}.grid>.ce7{grid-column-end:8}.grid>.ce8{grid-column-end:9}.grid>.ce9{grid-column-end:10}.grid>.ce10{grid-column-end:11}.grid>.ce11{grid-column-end:12}.grid>.ce12{grid-column-end:13}.centered{display:flex;flex-direction:column;height:100%;place-content:center;place-items:center}.button{align-items:center;border:1px solid;border-radius:var(--border-radius-medium);cursor:pointer;display:inline-flex;font-size:var(--font-size-large);gap:var(--space-small);height:48px;padding:0 var(--space-small);position:relative;text-overflow:ellipsis;vertical-align:text-top;white-space:nowrap}.button [class*=icon-]{height:var(--icon-size);position:relative;width:var(--icon-size)}.button-icon:before,.button:before{border:2px solid transparent;border-radius:var(--border-radius-medium);bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.button-group{display:flex}.button:nth-child(n){margin:0 var(--space-small) var(--space-small) 0}.button:last-child{margin:0}.button:focus{outline:none}.button[disabled]{cursor:not-allowed;opacity:.4;pointer-events:none}.button-primary{background-color:var(--blue700);border-color:var(--blue700);color:var(--white)}.button-primary:enabled:hover,.button-primary:focus-visible,a.button-primary:hover{background-color:var(--blue800);border-color:var(--blue800);color:var(--white)}.button-primary:enabled:active,a.button-primary:active{background-color:var(--blue900);border-color:var(--blue900)}.button-primary:focus-visible:before,a.button-primary:focus-visible:before{border-color:var(--white);box-shadow:0 0 0 var(--border-radius-medium) var(--blue500)}.button-secondary{background-color:var(--indigo50);border-color:var(--indigo50);color:var(--indigo700)}.button-secondary:enabled:hover,a.button-secondary:hover{background-color:var(--indigo100);border-color:var(--indigo100);color:var(--indigo700)}.button-secondary:enabled:active,a.button-secondary:active{background-color:var(--indigo200);border-color:var(--indigo200)}.button-secondary:focus-visible:before{border-color:var(--white);box-shadow:0 0 0 var(--border-radius-medium) var(--blue500)}.button-tertiary{background-color:#fff;border:none;color:var(--indigo700)}.button-tertiary:focus-visible,.button-tertiary:hover{background-color:var(--blue100);color:var(--blue600)}.button-tertiary:active{background-color:transparent;color:var(--blue600)}.button-tertiary:focus-visible:before{border-color:var(--blue600);box-shadow:0 0 0 var(--border-radius-medium) var(--blue500)}.button-danger{background-color:var(--red700);color:var(--white)}.button-danger:enabled:hover,.button-danger:focus-visible,a.button-danger:hover{background-color:var(--red800);color:var(--white)}.button-danger:enabled:active,a.button-danger:active{background-color:var(--red900);color:var(--white)}.button-danger:focus-visible:before{border-color:var(--white);box-shadow:0 0 0 var(--border-radius-medium) var(--red400)}.button-secondary-border{background-color:transparent;border-color:var(--indigo400);color:var(--indigo700)}.button-secondary-border:enabled:hover{background-color:var(--indigo100)}.button-secondary-border:enabled:active{background-color:var(--indigo200)}.button-secondary-border:focus-visible:before{border-color:var(--indigo500);box-shadow:0 0 0 var(--border-radius-medium) var(--indigo400)}.button-primary [class*=icon-]{filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(336deg) brightness(108%) contrast(100%)}.button-tertiary:focus-visible [class*=icon-],.button-tertiary:hover [class*=icon-]{filter:invert(62%) sepia(65%) saturate(5902%) hue-rotate(214deg) brightness(106%) contrast(101%)}.button-danger-border [class*=icon-]{filter:invert(38%) sepia(74%) saturate(3637%) hue-rotate(338deg) brightness(80%) contrast(114%)}.button-danger [class*=icon-]{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(34deg) brightness(102%) contrast(102%)}.button-danger-border{background-color:transparent;border-color:var(--red600);color:var(--red700)}.button-danger-border:enabled:hover{background-color:var(--red50)}.button-danger-border:enabled:active{background-color:var(--red100)}.button-danger-border:focus-visible:before{border-color:var(--red700);box-shadow:0 0 0 var(--border-radius-medium) var(--red400)}.button-icon{align-items:center;background-color:var(--white);background-position:var(--space-small) center;background-repeat:no-repeat;background-size:var(--icon-size);border:0 solid;border-radius:var(--border-radius-medium);cursor:pointer;display:inline-flex;height:48px;justify-content:center;outline:none;padding:var(--space-xxsmall) var(--space-small) var(--space-xxsmall) calc(var(--space-medium) + var(--icon-size));position:relative;vertical-align:text-top}.button-icon:empty{background-position:50%;padding:var(--space-xxsmall);width:48px}.button-icon:hover{background-color:var(--indigo100);outline:none}.button-icon:active{background-color:var(--indigo200)}.button-icon[disabled]{cursor:not-allowed;opacity:.4;pointer-events:none}.button-icon:focus-visible:before{border-color:var(--blue600);box-shadow:0 0 0 var(--border-radius-medium) var(--blue500)}.button-icon-small{--icon-size:20px;font-size:var(--font-size-small)}.button-icon-small:empty{height:36px;width:36px}.button-loading{--spinner-size:1em;border:none;color:transparent!important;cursor:wait;min-width:48px;position:relative}.button-loading:after{-webkit-animation:spinning .5s linear infinite;animation:spinning .5s linear infinite;border:2px solid var(--white);border-color:transparent var(--white) var(--white) transparent;border-radius:24px;bottom:0;content:"";height:var(--spinner-size);left:0;margin:auto;position:absolute;right:0;top:0;width:var(--spinner-size)}.button-secondary.button-loading:after,.button-tertiary.button-loading:after{border-bottom-color:var(--indigo700);border-right-color:var(--indigo700)}.button-loading[disabled]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a.button{height:48px;line-height:48px;text-decoration:none}.button{--offset:-5px;--onset:calc(var(--offset)*-0.25)}.button.button-medium{--offset:-9px}.button.button-small{--offset:-10px}.button [class*=icon-],.button.button-medium [class*=icon-],.button.button-small [class*=icon-]{margin:0 var(--offset)}.button:has([class*=icon-]){gap:calc(var(--space-small) + var(--onset))}.button:has([class*=icon-]:not(:only-child)){--offset:-6px}.button [class*=icon-]:not(:only-child){margin:0 var(--offset)}.button-small{--spinner-size:0.8em;font-size:var(--font-size-medium);padding:0 var(--space-small)}.button-small,a.button-small{height:36px;line-height:34px}.button-loading.button-small{padding:0 var(--space-xsmall)}.button-medium{--spinner-size:0.8em}.button-medium,a.button-medium{height:40px;line-height:38px}.button-loading.button-medium{padding:0 var(--space-small)}@-webkit-keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.checkbox>input{height:16px;margin:0;opacity:0;width:16px}.checkbox{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-medium);line-height:20px;margin:0 0 var(--space-small) 0;position:relative}.checkbox span{margin:0 0 0 var(--space-medium)}.checkbox span:before{background-color:var(--white);border:1px solid var(--indigo400);border-radius:var(--border-radius-medium);box-sizing:border-box;content:"";display:block;height:16px;left:0;position:absolute;top:0;transform:translateY(2px);transition:background-color .25s,border .25s;width:16px}.checkbox input:active+span:before,.checkbox input:focus-visible+span:before{outline:2px solid var(--blue500)}.checkbox:hover span:before{border-color:var(--blue700)}.checkbox:focus-visible{outline:none}.checkbox:focus-visible span:before{box-shadow:0 0 0 var(--border-radius-medium) var(--blue400)}.checkbox input:checked+span:before{background-color:var(--blue700);border-color:var(--blue700)}.checkbox:hover input:checked+span:before{background-color:var(--blue800)}.checkbox span:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='%23fff' d='M8.278 11.222l-.062.062a1 1 0 0 0 .009 1.423L11 15.414l5-5A1 1 0 0 0 14.586 9L11 12.586l-1.293-1.349a1 1 0 0 0-1.43-.015z'></path></svg>");background-position:-4px -4px;content:"";display:block;height:16px;left:0;position:absolute;top:2px;transform:scale(0);transform-origin:50%;transition:transform .25s .2s;width:16px}.checkbox input:checked+span:after{transform:scale(1)}.checkbox.miro-checkbox--disabled{cursor:not-allowed;opacity:.4}.h1,h1{font-size:var(--font-size-xxxlarge);line-height:36px}.h1,.h2,h1,h2{font-family:var(--header-font);font-stretch:normal;font-style:normal;font-weight:var(--font-weight-bold);letter-spacing:normal}.h2,h2{font-size:var(--font-size-xxlarge);line-height:32px}.h3,h3{font-size:var(--font-size-xlarge);line-height:28px}.h3,.h4,h3,h4{font-family:var(--header-font);font-stretch:normal;font-style:normal;font-weight:var(--font-weight-medium);letter-spacing:normal}.h4,h4{font-size:var(--font-size-large);line-height:24px}.p-large,p{font-size:var(--font-size-large);line-height:24px}.p-large,.p-medium,p{font-family:var(--body-font);font-stretch:normal;font-style:normal;font-weight:var(--font-weight-normal);letter-spacing:normal}.p-medium{font-size:var(--font-size-medium);line-height:20px}.p-small{font-family:var(--body-font);font-size:var(--font-size-small);font-stretch:normal;font-style:normal;font-weight:var(--font-weight-normal);letter-spacing:normal;line-height:18px}.input,.input-decoration{align-items:center;background-color:var(--white);color:var(--indigo700);display:inline-flex;font-size:var(--font-size-large);outline:none}.input{border:1px solid var(--indigo400);border-radius:var(--border-radius-medium);height:var(--input-height);padding-left:var(--space-small);padding-right:var(--space-small);width:100%}.input::-webkit-input-placeholder{color:var(--indigo500)}.input::-ms-input-placeholder{color:var(--indigo500)}.input::-moz-placeholder{color:var(--indigo500);opacity:1}.input-group:hover .input,.input-group:hover .input-decoration,.input-group:hover .select,.input-group:hover .textarea,.input:hover{border-color:var(--indigo500)}.input-group:focus-within .input,.input-group:focus-within .input-decoration,.input-group:focus-within .select,.input-group:focus-within .textarea,.input:focus{border-color:var(--blue600)}.input-group:focus-within,.input:focus-visible,.select:focus-visible,.textarea:focus-visible{box-shadow:0 0 0 var(--border-radius-medium) var(--blue400)}.input-group:focus-within .input,.input-group:focus-within .select,.input-group:focus-within .textarea{box-shadow:none}.input:-moz-read-only, .textarea:-moz-read-only{background-color:var(--indigo50);border-color:var(--indigo400);color:var(--indigo700);outline:none}.input:read-only,.textarea:read-only{background-color:var(--indigo50);border-color:var(--indigo400);color:var(--indigo700);outline:none}.input:disabled,.select:disabled,.textarea:disabled{background-color:#fff;border-color:var(--indigo400);color:var(--indigo400);cursor:not-allowed;outline:none}.input-small,.input-small .input-decoration{font-size:var(--font-size-medium);height:36px;padding:var(--space-xsmall) 12px var(--space-xsmall)}.status-text{color:var(--indigo500);font-size:var(--font-size-medium);margin-top:var(--space-xxsmall)}.success div.status-text{color:var(--green800)}.success input.input{border-color:var(--green700)}.error div.status-text{color:var(--red700)}.error .input{border-color:var(--red700)}.input-decoration+.input,.input-decoration+.select,.input-decoration+.textarea{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;padding-left:0}.input-decoration+.input,.input-decoration+.textarea{padding-right:var(--space-small)}.input-decoration+.select{padding-right:var(--space-xlarge)}.input+.input-decoration,.select+.input-decoration,.textarea+.input-decoration{border-left:none;border-right-width:1px}.textarea{background-color:var(--white);border:1px solid;border-color:var(--indigo400);border-radius:var(--border-radius-medium);box-sizing:border-box;color:var(--indigo700);display:inline-block;font-family:var(--body-font);font-size:var(--font-size-large);outline:none;padding:12px var(--space-small) 12px;resize:none;scrollbar-width:thin;vertical-align:top;width:100%}.textarea-small{font-size:var(--font-size-medium);padding:var(--space-xsmall) 12px var(--space-xsmall)}.textarea::-webkit-input-placeholder{color:var(--indigo500)}.textarea:-ms-input-placeholder{color:var(--indigo500)}.textarea:-moz-placeholder{color:var(--indigo500);opacity:1}.tabs{background:var(--indigo200);border-radius:var(--border-radius-medium);padding:var(--space-xxxsmall)}.tabs .tabs-header-list{-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.tabs .tab{border-radius:var(--border-radius-medium);color:var(--indigo600);cursor:pointer;display:inline-block;font-size:var(--font-size-small);margin:0 0 0 var(--space-xxxsmall);outline:none;position:relative;text-align:center;transition-duration:.3s;white-space:nowrap;width:100%}.tabs .tab:first-child{margin:0}.tabs .tab:focus{background-color:var(--indigo50);color:var(--indigo700);outline:none}.tab:active,.tab:hover,.tabs .tab.tab-active{background:var(--white);color:var(--indigo700)}.tabs .tab:hover:before{opacity:0}.tab-active:focus-visible:before,.tab:focus-visible:before{border:2px solid var(--blue900);border-radius:var(--border-radius-medium);bottom:-1px;box-shadow:0 0 0 var(--border-radius-medium) var(--blue400);content:"";left:-1px;position:absolute;right:-1px;top:-1px}.tabs .tab-text{display:inline-block;padding:var(--space-xxsmall) 0}.tabs .tab-badge:after{color:var(--indigo600);content:attr(data-badge);display:inline-block;margin-left:var(--space-xsmall)}.tabs .tabs-header-selector{background-color:var(--blue700);display:inline-block;height:var(--space-xxxsmall);left:0;position:absolute;top:calc(100% - 1px);z-index:1}.tabs .tabs-header-selector-animated{transition-duration:.6s;transition-timing-function:cubic-bezier(0,0,.2,1)}.link{--box-shadow-color:transparent;border-bottom:1px solid;cursor:pointer;display:inline;font-size:inherit;outline:none;position:relative;text-decoration:none;transition:border .25s,color .25s}.link:focus-visible:before{border:1px solid transparent;border-radius:var(--border-radius-medium);box-shadow:0 0 0 var(--border-radius-medium) var(--box-shadow-color);content:"";inset:-1px calc(var(--space-xxxsmall)*-1);position:absolute}.link.link-primary{color:var(--blue700)}.link.link-primary:hover{border-bottom-color:currentColor;color:var(--blue800)}.link.link-primary:active{border-bottom-color:currentColor;color:var(--blue900)}.link-primary:focus-visible:before,.link:focus-visible:before{--box-shadow-color:var(--blue400);border-color:currentColor}.link.link-primary-light{border-bottom-color:var(--blue400);color:var(--blue600)}.link.link-primary-light:active,.link.link-primary-light:hover{border-bottom-color:currentColor;color:var(--blue600)}.link.link-danger{border-bottom-color:var(--red600);color:var(--red700)}.link.link-danger:hover{border-bottom-color:currentColor;color:var(--red800)}.link.link-danger:active{border-bottom-color:currentColor;color:var(--red900)}.link-danger:focus-visible:before{--box-shadow-color:var(--red400);border-color:currentColor}.link.link-text{border-bottom-color:var(--indigo600);color:var(--indigo600)}.link.link-text:active,.link.link-text:hover{border-bottom-color:currentColor;color:var(--indigo700)}.link-text:focus-visible:before{--box-shadow-color:var(--indigo400);border-color:currentColor}.toggle{cursor:pointer;display:flex;margin:0 0 var(--space-small) 0;min-height:20px;min-width:30px;outline:none;position:relative;vertical-align:top}.toggle input[type=checkbox]+span:before{height:16px;width:28px}.toggle input[type=checkbox]+span:after{height:12px;width:12px}.toggle input[type=checkbox]:checked+span:after{transform:translateX(12px)}.toggle span{font-size:var(--font-size-medium);line-height:18px;padding:0 0 0 var(--space-xlarge)}.toggle input[type=checkbox]{left:1px;opacity:0;position:absolute;top:2px;z-index:-1}.toggle input[type=checkbox]+span{position:relative}.toggle input[type=checkbox]+span:before{background-color:var(--indigo400);border-radius:10px;content:"";display:block;left:0;position:absolute;top:1px;transform:translateY(1px)}.toggle input[type=checkbox]+span:after{background:var(--white);border-radius:50%;content:"";display:block;left:0;margin:2px;position:absolute;top:2px}.toggle input[type=checkbox]:checked+span:before{background-color:var(--blue700)}.toggle span{vertical-align:top}.toggle input[type=checkbox]+span:before{transition-delay:.05s;transition:background-color .3s cubic-bezier(.35,0,.25,1)}.toggle input[type=checkbox]+span:after{transition-delay:.05s;transition:transform .3s cubic-bezier(.35,0,.25,1)}.toggle:not(.toggle--disabled):hover span:before{background-color:var(--indigo500)}.toggle:not(.toggle--disabled):focus-visible span:before{box-shadow:0 0 0 var(--border-radius-medium) var(--blue400)}.toggle:not(.toggle--disabled):hover input[type=checkbox]:checked+span:before{background-color:var(--blue800)}.toggle input:focus-visible+span:before{outline:3px solid var(--blue500)}.toggle.toggle--disabled{opacity:.4}.radiobutton{align-items:flex-start;display:flex;font-size:var(--font-size-medium);line-height:20px;margin:0 0 var(--space-small) 0;min-height:20px;position:relative;vertical-align:top}.radiobutton input{max-height:1px;max-width:1px;opacity:0}.radiobutton input:active+span:before,.radiobutton input:focus-visible+span:before{outline:2px solid var(--blue500)}.radiobutton input:checked+span:before{background-color:var(--blue700);border-color:var(--blue700)}.radiobutton input:checked+span:after{transform:scale(1)}.radiobutton input:checked+span:active:before{background-color:var(--blue900);border-color:var(--blue900)}.radiobutton input:checked:disabled+span:before{border-color:var(--blue700);opacity:.2}.radiobutton input:disabled+span{color:var(--indigo500)}.radiobutton input:disabled+span:before{border-color:var(--indigo400);opacity:.4}.radiobutton span{cursor:pointer;margin:0 0 0 var(--space-medium)}.radiobutton span:after,.radiobutton span:before{border-radius:var(--border-radius-circle);box-sizing:border-box;content:"";position:absolute}.radiobutton span:before{background:var(--white);border:1px solid var(--indigo400);height:16px;left:0;top:2px;transition:border-color .25s,background-color .25s,opacity .25s;width:16px}.radiobutton span:after{background:var(--white);height:6px;left:5px;top:7px;transform:scale(0);transform-origin:center;transition:transform .25s .2s;width:6px}.radiobutton span:hover:before{border-color:var(--blue600)}.radiobutton span:active:before{border-color:var(--blue700)}.radiobutton:focus-visible{outline:none}.radiobutton:focus-visible input:checked+span:before,.radiobutton:focus-visible span:before{border-color:var(--blue600);box-shadow:0 0 0 var(--border-radius-medium) var(--blue400)}.hr,hr{border:1px solid var(--indigo200);margin:var(--space-medium) 0}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--white);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOS43MDcgMTAuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMiAxNS40MTRsMy43MDctMy43MDdhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDEyIDEyLjU4NmwtMi4yOTMtMi4yOTN6Ii8+PC9zdmc+);background-position:right 7px center;background-repeat:no-repeat;border:1px solid;border-color:var(--indigo400);border-radius:var(--border-radius-medium);box-sizing:border-box;color:var(--indigo700);cursor:pointer;display:inline-block;font-family:var(--body-font);font-size:var(--font-size-large);height:var(--input-height);outline:none;padding:var(--space-xsmall) var(--space-xlarge) var(--space-xsmall) var(--space-small);text-overflow:ellipsis;vertical-align:top;white-space:nowrap;width:100%}.select::-webkit-select-placeholder{color:var(--indigo500)}.select:-ms-select-placeholder{color:var(--indigo500)}.select:-moz-placeholder{color:var(--indigo500);opacity:1}.select:hover{border-color:var(--indigo500)}.select:focus{border-color:var(--blue600)}.select[disabled]{background-color:var(--white);border-color:var(--indigo400);color:var(--indigo700);cursor:not-allowed;opacity:.4;outline:none}.select:focus-visible{box-shadow:0 0 0 var(--border-radius-medium) var(--blue400)}.select-small{font-size:var(--font-size-medium);height:36px;padding:var(--space-xsmall) 12px var(--space-xsmall)}.label{border-radius:var(--border-radius-small);display:inline-block;font-size:11px;font-weight:var(--font-weight-bold);height:16px;line-height:16px;padding:0 var(--space-xxsmall);text-transform:uppercase}.label-info{background-color:var(--blue700);color:var(--white)}.label-warning{background-color:var(--yellow700);color:var(--indigo700)}.app-card{background:#fff;border-left-width:1px;border:1px solid var(--accent-color);border-left:var(--space-xsmall) solid var(--accent-color);border-radius:var(--border-radius-medium);max-width:368px;min-width:284px;padding:var(--space-medium) var(--space-medium) var(--space-medium) var(--space-small);position:relative}.app-card+.app-card{margin-top:var(--space-small)}.app-card--title{color:var(--indigo700);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:24px;margin-block:0;width:100%}.app-card--description{margin-block:0}.app-card--body{align-items:flex-end;display:flex;justify-content:space-between}.app-card--tags{flex:1}.app-card--app-logo{display:block;width:24px}.tag{--color:var(--black);--background:var(--indigo50);align-items:center;background-color:var(--background);border-radius:var(--border-radius-medium);color:var(--color,inherit);display:inline-flex;flex-direction:row;font-size:var(--font-size-medium);gap:var(--space-xsmall);line-height:30px;min-height:30px;padding:0 calc(var(--space-xsmall)/4*3);vertical-align:top}.app-card--tags .tag{margin-top:var(--space-xsmall)}.tag.icon{background-position:var(--space-xsmall) center;background-size:18px;display:inline-flex;padding-left:calc(16px + var(--space-small));width:auto}.tag.icon:empty{padding-right:0}.tag-image{border-radius:10px;height:20px;width:20px}a.tag{text-decoration:none;transition:transform .1s ease-in-out}a.tag:focus-within,a.tag:hover{background-color:var(--color,inherit);color:var(--background,var(--indigo50))}a.tag:active{transform:translateY(2px)}.tag button.icon{background-color:transparent;background-position:50%;background-size:15px;border:none;border-radius:4px;cursor:pointer;display:inline-block;height:30px;margin-right:calc(var(--space-xsmall)/4*3*-1);padding:0;position:relative;width:30px}.tag button.icon:focus-visible{border:1px solid var(--white);outline:2px solid var(--blue600)}.tag button.icon:hover{filter:invert(20%)}.tag button.icon:active{filter:invert(30%)}.tag button.icon:hover:after{background-color:var(--indigo100);border-radius:4px;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.input-group{border-radius:var(--border-radius-medium);display:flex}.input-group .input,.input-group .select,.input-group .textarea{border-radius:0;flex:4}.input-group .one-fourth{flex:1}.input-group .two-fourth{flex:2}.input-group .three-fourth{flex:3}.input-group .input:not(:last-child),.input-group .select:not(:last-child),.input-group .textarea:not(:last-child){border-right-width:0}.input-group :first-child{border-bottom-left-radius:var(--border-radius-medium);border-left-width:1px;border-top-left-radius:var(--border-radius-medium)}.input-group .border-left{border-left:1px solid var(--indigo400)}.input-group .border-right{border-right:1px solid var(--indigo400)}.input-group .border-right+.input,.input-group .border-right+.select,.input-group .border-right+.textarea{padding-left:var(--space-small)}.input-group :last-child{border-bottom-right-radius:var(--border-radius-medium);border-right-width:1px;border-top-right-radius:var(--border-radius-medium)}.input-decoration{border:1px solid var(--indigo400);border-right-width:0;padding-left:var(--space-xsmall);padding-right:var(--space-xsmall);pointer-events:none}.input-decoration svg{aspect-ratio:1/1;width:24px}.form-group-small .input-decoration svg{aspect-ratio:1/1;max-width:16px}.table{--row-height:50px;border-collapse:separate;border-spacing:0;color:var(--indigo700);font-size:var(--font-size-medium);text-align:left;width:100%}.table th{border-bottom:1px solid var(--indigo200);color:var(--indigo600);padding-bottom:var(--space-small);text-align:left}.table td,.table th{height:var(--row-height);padding:var(--space-xxsmall)}.table:not(.table__no-sticky-headers) thead{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.table .checkbox,.table .radiobutton{margin-bottom:0}.form-group{margin-bottom:16px;position:relative}.form-group label{color:var(--indigo700);display:block;font-size:var(--font-size-large);margin-bottom:var(--space-xsmall)}.form-group label:hover+.input-group .input-decoration,.form-group label:hover+.input-group .input:not(:disabled),.form-group label:hover+.input-group .select,.form-group label:hover+.input-group .textarea:not(:disabled),.form-group label:hover+.input:not(:disabled),.form-group label:hover+.select,.form-group label:hover+.textarea:not(:disabled){border-color:var(--blue600)}.form-group-small .input-decoration,.form-group-small label{font-size:var(--font-size-medium)}.form-group-small label{display:block;margin-bottom:var(--space-xsmall)}.icon-arrow-line-shape{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2929 8.29289L3.29289 19.2929C2.90237 19.6834 2.90237 20.3166 3.29289 20.7071C3.68342 21.0976 4.31658 21.0976 4.70711 20.7071L15.7071 9.70711L18 12L21 3L12 6L14.2929 8.29289Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-arrow-line{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.8401 21.1201L15.192 13.6062L17.293 15.7072C17.8634 16.2776 18.8397 15.9726 18.984 15.179L21.2424 2.75781L8.82121 5.0162C8.02756 5.1605 7.72259 6.13678 8.29299 6.70718L10.394 8.80819L2.8801 19.1601C2.50676 19.6579 2.50676 20.3423 2.8801 20.8401C3.34402 21.4586 4.22154 21.584 4.8401 21.1201ZM17.3576 12.9434L15.3796 10.9654L7.0001 17.0001L13.0348 8.62052L11.0568 6.64253L18.7578 5.24233L17.3576 12.9434Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-arrow-shape{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 6.00022C2.44772 6.00022 2 6.44793 2 7.00022V17.0002C2 17.5525 2.44772 18.0002 3 18.0002H11V21.7162C11 22.588 12.0377 23.0423 12.6783 22.451L24 12.0002L12.6783 1.5494C12.0377 0.958104 11 1.41245 11 2.2842V6.00022H3ZM13 8.00021V4.82864L21.1716 12.0002L13 19.1718V16.0002H4V8.00021H13Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-babble{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.42673 22.6507L13.0731 19H18C20.7614 19 23 16.7614 23 14V7C23 4.23858 20.7614 2 18 2H6C3.23858 2 1 4.23858 1 7V14C1 16.7614 3.23858 19 6 19V21.4713C6 22.2997 6.67157 22.9713 7.5 22.9713C7.8361 22.9713 8.16245 22.8584 8.42673 22.6507ZM12.3814 17L8 20.4425V17H6C4.34315 17 3 15.6569 3 14V7C3 5.34315 4.34315 4 6 4H18C19.6569 4 21 5.34315 21 7V14C21 15.6569 19.6569 17 18 17H12.3814Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-card{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14C6 13.4477 6.44772 13 7 13H17C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H7C6.44771 15 6 14.5523 6 14Z' fill='%23050038'/%3E%3Cpath d='M16.5 8C15.6716 8 15 8.67157 15 9.5C15 10.3284 15.6716 11 16.5 11C17.3284 11 18 10.3284 18 9.5C18 8.67157 17.3284 8 16.5 8Z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM20 6H4V18H20V6Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-chat{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 15H16V18C16 19.1046 15.1046 20 14 20H3L0 23V10C0 8.89543 0.89543 8 2 8H6V5C6 3.89543 6.89543 3 8 3H22C23.1046 3 24 3.89543 24 5V18L21 15ZM2 10V18H14V10H2ZM8 5V7.99995H14C15.1046 7.99995 16 8.89538 16 9.99995V13H22V5H8Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-comment{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10C7 9.44772 7.44772 9 8 9H16C16.5523 9 17 9.44772 17 10C17 10.5523 16.5523 11 16 11H8C7.44772 11 7 10.5523 7 10Z' fill='%23050038'/%3E%3Cpath d='M8 13C7.44772 13 7 13.4477 7 14C7 14.5523 7.44772 15 8 15H16C16.5523 15 17 14.5523 17 14C17 13.4477 16.5523 13 16 13H8Z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H9L12 23L15 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4ZM4 18.0059V6H20L19.9941 18H14.1716L12 20.1716L9.82843 18L4 18.0059Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-edit{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0858 4.58548C22.8669 5.36653 22.8669 6.63286 22.0858 7.41391L9.91426 19.5855L4.48359 20.6963C3.94251 20.8069 3.41416 20.458 3.30349 19.9169C3.27644 19.7847 3.27644 19.6484 3.30349 19.5162L4.41426 14.0855L16.5858 1.91391C17.3669 1.13286 18.6332 1.13286 19.4143 1.91391L22.0858 4.58548ZM14.4927 6.83548L17.1643 9.50706L8.92487 17.7464L5.56636 18.4334L6.2533 15.0749L14.4927 6.83548ZM18 3.32812L15.9069 5.42127L18.5785 8.09284L20.6716 5.9997L18 3.32812Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-eraser{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9999 19.9997C18.9999 19.4474 18.5522 18.9997 17.9999 18.9997H14.4142L21.2928 12.121C22.4644 10.9494 22.4644 9.04995 21.2928 7.87838L17.1213 3.7068C15.9497 2.53523 14.0502 2.53523 12.8786 3.7068L2.70705 13.8784C1.53548 15.05 1.53548 16.9494 2.70705 18.121L5.58573 20.9997H17.9999C18.5522 20.9997 18.9999 20.552 18.9999 19.9997ZM11.5857 18.9997L16.2928 14.2926L10.707 8.7068L4.12126 15.2926C3.73074 15.6831 3.73074 16.3163 4.12126 16.7068L6.41416 18.9997H11.5857Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-frame{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5H18V3C18 2.44772 18.4477 2 19 2C19.5523 2 20 2.44772 20 3V5H22C22.5523 5 23 5.44772 23 6C23 6.55228 22.5523 7 22 7H20V17H22C22.5523 17 23 17.4477 23 18C23 18.5523 22.5523 19 22 19H20V21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21V19H6V21C6 21.5523 5.55228 22 5 22C4.44772 22 4 21.5523 4 21V19H2C1.44772 19 1 18.5523 1 18C1 17.4477 1.44772 17 2 17H4V7H2C1.44772 7 1 6.55228 1 6C1 5.44772 1.44772 5 2 5H4V3C4 2.44772 4.44772 2 5 2C5.55228 2 6 2.44772 6 3V5ZM6 7V17H18V7H6Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-frames{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10C8 9.44772 8.44772 9 9 9H15C15.5523 9 16 9.44772 16 10C16 10.5523 15.5523 11 15 11H9C8.44772 11 8 10.5523 8 10Z' fill='%23050038'/%3E%3Cpath d='M9 13C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H15C15.5523 15 16 14.5523 16 14C16 13.4477 15.5523 13 15 13H9Z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5H18V3C18 2.44772 18.4477 2 19 2C19.5523 2 20 2.44772 20 3V5H22C22.5523 5 23 5.44772 23 6C23 6.55228 22.5523 7 22 7H20V17H22C22.5523 17 23 17.4477 23 18C23 18.5523 22.5523 19 22 19H20V21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21V19H6V21C6 21.5523 5.55228 22 5 22C4.44772 22 4 21.5523 4 21V19H2C1.44772 19 1 18.5523 1 18C1 17.4477 1.44772 17 2 17H4V7H2C1.44772 7 1 6.55228 1 6C1 5.44772 1.44772 5 2 5H4V3C4 2.44772 4.44772 2 5 2C5.55228 2 6 2.44772 6 3V5ZM6 7V17H18V7H6Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-line{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.70711 20.7071L20.7071 4.70711C21.0976 4.31658 21.0976 3.68342 20.7071 3.29289C20.3166 2.90237 19.6834 2.90237 19.2929 3.29289L3.29289 19.2929C2.90237 19.6834 2.90237 20.3166 3.29289 20.7071C3.68342 21.0976 4.31658 21.0976 4.70711 20.7071Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-mockup{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V20ZM17.5858 19L12 13.4142L6.4142 19H17.5858ZM5 17.5858L10.5858 12L5 6.41423V17.5858ZM6.4142 5L12 10.5858L17.5858 5H6.4142ZM19 17.5858L13.4142 12L19 6.41421L19 17.5858Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-oval{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-parallelogram{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.70441 3C5.25594 3 4.86232 3.29857 4.74143 3.73044L0.262703 19.7304C0.0842153 20.3681 0.563539 21 1.22569 21H18.2954C18.7438 21 19.1375 20.7014 19.2583 20.2696L23.7371 4.26956C23.9156 3.63192 23.4362 3 22.7741 3H5.70441ZM2.54405 19L6.46293 5H21.4557L17.5368 19H2.54405Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-rectangle{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4V20H20V4H4ZM3 2C2.44772 2 2 2.44772 2 3V21C2 21.5523 2.44772 22 3 22H21C21.5523 22 22 21.5523 22 21V3C22 2.44772 21.5523 2 21 2H3Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-rhombus{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.707 0.496018C12.3165 0.105494 11.6833 0.105494 11.2928 0.496018L0.495774 11.293C0.10525 11.6836 0.10525 12.3167 0.495774 12.7072L11.2928 23.5043C11.6833 23.8948 12.3165 23.8948 12.707 23.5043L23.504 12.7072C23.8945 12.3167 23.8945 11.6836 23.504 11.293L12.707 0.496018ZM2.61709 12.0001L11.9999 2.61734L21.3827 12.0001L11.9999 21.3829L2.61709 12.0001Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-rounded{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 2H7C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2ZM4 7C4 5.34315 5.34315 4 7 4H17C18.6569 4 20 5.34315 20 7V17C20 18.6569 18.6569 20 17 20H7C5.34315 20 4 18.6569 4 17V7Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-shapes{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 14C17.5376 14 20 11.5376 20 8.5C20 5.46243 17.5376 3 14.5 3C11.4624 3 9 5.46243 9 8.5C9 8.66854 9.0076 8.83532 9.0224 9H13C13.5523 9 14 9.44771 14 10V13.9776C14.1647 13.9924 14.3315 14 14.5 14ZM14 15.9836V21C14 21.5523 13.5523 22 13 22H2C1.44772 22 1 21.5523 1 21V10C1 9.44771 1.44772 9 2 9H7.0164C7.00552 8.83474 7 8.66801 7 8.5C7 4.35786 10.3579 1 14.5 1C18.6421 1 22 4.35786 22 8.5C22 12.6421 18.6421 16 14.5 16C14.332 16 14.1653 15.9945 14 15.9836ZM3 20V11H12V20H3Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-star{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.2958 22.1388L12.0001 19.1399L17.7043 22.1388C17.9145 22.2494 18.1554 22.2875 18.3895 22.2473C18.9773 22.1465 19.3722 21.5882 19.2713 21.0003L18.1819 14.6485L22.7968 10.1502C22.9668 9.98439 23.0775 9.76715 23.1117 9.53211C23.1975 8.94184 22.7885 8.3938 22.1982 8.30803L15.8207 7.38131L12.9685 1.60227C12.8634 1.38928 12.691 1.21688 12.478 1.11177C11.9432 0.84779 11.2956 1.0674 11.0316 1.60227L8.17945 7.38131L1.8019 8.30803C1.56685 8.34218 1.34961 8.45287 1.18382 8.62295C0.767483 9.05007 0.776223 9.73384 1.20335 10.1502L5.81819 14.6485L4.72877 21.0003C4.68862 21.2344 4.72676 21.4752 4.83729 21.6855C5.11485 22.2134 5.76784 22.4164 6.2958 22.1388ZM16.033 13.9503L16.985 19.5011L12.0001 16.8804L7.01511 19.5011L7.96715 13.9503L3.93424 10.0192L9.50758 9.20933L12.0001 4.15903L14.4925 9.20933L20.0659 10.0192L16.033 13.9503Z' fill='%23050038'/%3E%3C/svg%3E")}.icon-sticky-bulk{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0074 4H4V19C4 19.5523 3.55228 20 3 20C2.44772 20 2 19.5523 2 19V2H19.0074C19.5596 2 20.0074 2.44772 20.0074 3C20.0074 3.55228 19.5596 4 19.0074 4Z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 5.99995C5 5.44766 5.44772 4.99995 6 4.99995H21C21.5523 4.99995 22