:where(.tool-reference) button form,:where(.tool-reference):is(button form),:where(.tool-reference) code,:where(.tool-reference):is(code),:where(.tool-reference) h1,:where(.tool-reference):is(h1),:where(.tool-reference) h2,:where(.tool-reference):is(h2),:where(.tool-reference) h3,:where(.tool-reference):is(h3),:where(.tool-reference) h4,:where(.tool-reference):is(h4),:where(.tool-reference) h5,:where(.tool-reference):is(h5),:where(.tool-reference) h6,:where(.tool-reference):is(h6),:where(.tool-reference) input,:where(.tool-reference):is(input),:where(.tool-reference) li,:where(.tool-reference):is(li),:where(.tool-reference) p,:where(.tool-reference):is(p),:where(.tool-reference) pre,:where(.tool-reference):is(pre),:where(.tool-reference) td,:where(.tool-reference):is(td),:where(.tool-reference) textarea,:where(.tool-reference):is(textarea),:where(.tool-reference) th,:where(.tool-reference):is(th),:where(.tool-reference) ul,:where(.tool-reference):is(ul){margin: 0px; padding: 0px;}
:where(.tool-reference) img,:where(.tool-reference):is(img){border: 0px; display: inline;}
:where(.tool-reference) table,:where(.tool-reference):is(table){border-collapse: collapse; border-spacing: 0px;}
:where(.tool-reference) input,:where(.tool-reference):is(input){vertical-align: middle;}
:where(.tool-reference) ul,:where(.tool-reference):is(ul){list-style: none;}
:where(.tool-reference) button,:where(.tool-reference):is(button),:where(.tool-reference) input,:where(.tool-reference):is(input),:where(.tool-reference) textarea,:where(.tool-reference):is(textarea){font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
:where(.tool-reference) button,:where(.tool-reference):is(button){background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none;}
:where(.tool-reference) h1,:where(.tool-reference):is(h1),:where(.tool-reference) h2,:where(.tool-reference):is(h2),:where(.tool-reference) h3,:where(.tool-reference):is(h3),:where(.tool-reference) h4,:where(.tool-reference):is(h4),:where(.tool-reference) h5,:where(.tool-reference):is(h5),:where(.tool-reference) h6,:where(.tool-reference):is(h6),:where(.tool-reference) th,:where(.tool-reference):is(th){font-size: 100%; font-weight: 400;}
:where(.tool-reference) button,:where(.tool-reference):is(button),:where(.tool-reference) input[type="submit"],:where(.tool-reference):is(input[type="submit"]){cursor: pointer;}
:where(.tool-reference) input::-webkit-inner-spin-button,:where(.tool-reference):is(input::-webkit-inner-spin-button),:where(.tool-reference) input::-webkit-outer-spin-button,:where(.tool-reference):is(input::-webkit-outer-spin-button){appearance: none; margin: 0px;}
:where(.tool-reference) input[type="number"],:where(.tool-reference):is(input[type="number"]){}

:where(.tool-reference) ._v2yk82,:where(.tool-reference):is(._v2yk82){background: var(--background--color--1) url("/reference/tools/54a8643d-banner_bg_tiny.D5W9SIMm.jpg") repeat center top/contain;}

:where(.tool-reference) ._1y145w,:where(.tool-reference):is(._1y145w){fill: currentcolor; overflow: hidden;}

:where(.tool-reference) ._k0ch20,:where(.tool-reference):is(._k0ch20){font-size: 100%;}
:where(.tool-reference) ._z8jo7n,:where(.tool-reference):is(._z8jo7n){padding-top: 0px;}
:where(.tool-reference) ._z8jo7n ._jdz6b9,:where(.tool-reference):is(._z8jo7n ._jdz6b9){align-items: flex-start; display: flex; gap: 20px;}
:where(.tool-reference) ._z8jo7n ._jdz6b9 ._1de7fil,:where(.tool-reference):is(._z8jo7n ._jdz6b9 ._1de7fil){width: 605px;}
@media (max-width: 1200px){:where(.tool-reference) ._z8jo7n ._jdz6b9,:where(.tool-reference):is(._z8jo7n ._jdz6b9){flex-wrap: wrap; justify-content: center;}
:where(.tool-reference) ._z8jo7n ._jdz6b9 ._1de7fil,:where(.tool-reference):is(._z8jo7n ._jdz6b9 ._1de7fil){width: 100%;}
}
:where(.tool-reference) ._1k0svqv,:where(.tool-reference):is(._1k0svqv){margin-bottom: 16px;}

:where(.tool-reference) ._rkzfir,:where(.tool-reference):is(._rkzfir){color: var(--text); display: flex;}
:where(.tool-reference) ._5jmhyv,:where(.tool-reference):is(._5jmhyv){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._1kjgaqw,:where(.tool-reference):is(._1kjgaqw){padding: 0px 10px;}
:where(.tool-reference) ._vbo118,:where(.tool-reference):is(._vbo118){margin: 16px 0px;}

:where(.tool-reference) ._cghwp6,:where(.tool-reference):is(._cghwp6){background-size: cover; box-sizing: border-box; margin: 0px auto; padding-left: 20px; padding-right: 20px; padding-top: 74px;}
:where(.tool-reference) ._18ny5ds,:where(.tool-reference):is(._18ny5ds){color: var(--text); margin: 0px auto; max-width: 1200px; padding: 10px 0px;}

:where(.tool-reference) ._q9c1af,:where(.tool-reference):is(._q9c1af){display: flex; justify-content: center;}
:where(.tool-reference) ._q9c1af ._m8u1w9,:where(.tool-reference):is(._q9c1af ._m8u1w9){backdrop-filter: blur(12px); background: rgba(30, 41, 59, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 1rem; padding: 2rem; width: 462px;}
:where(.tool-reference) ._q9c1af ._m8u1w9 ._lzxcn8,:where(.tool-reference):is(._q9c1af ._m8u1w9 ._lzxcn8){color: var(--text); margin-bottom: 12px;}
:where(.tool-reference) ._q9c1af ._m8u1w9 ._kg7raq,:where(.tool-reference):is(._q9c1af ._m8u1w9 ._kg7raq){text-align: center; width: 150px;}
:where(.tool-reference) ._q9c1af ._m8u1w9 ._kg7raq .arco-radio-button-content,:where(.tool-reference):is(._q9c1af ._m8u1w9 ._kg7raq .arco-radio-button-content){align-items: center; display: flex; gap: 4px; height: 100%; justify-content: center;}
@media (max-width: 450px){:where(.tool-reference) ._q9c1af ._m8u1w9,:where(.tool-reference):is(._q9c1af ._m8u1w9){width: auto;}
:where(.tool-reference) ._q9c1af ._kg7raq,:where(.tool-reference):is(._q9c1af ._kg7raq){width: auto !important;}
}

@keyframes skeleton-circle { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}

:where(.tool-reference) ._v1a983 ._stbmnu,:where(.tool-reference):is(._v1a983 ._stbmnu){display: flex; gap: 12px;}
:where(.tool-reference) ._v1a983 ._stbmnu ._1mizso,:where(.tool-reference):is(._v1a983 ._stbmnu ._1mizso){align-items: center; display: flex; gap: 4px;}
:where(.tool-reference) ._v1a983 .arco-divider,:where(.tool-reference):is(._v1a983 .arco-divider){margin: 12px 0px;}

:where(.tool-reference) ._1twv285,:where(.tool-reference):is(._1twv285){margin-top: 12px;}
:where(.tool-reference) ._1twv285 ._cyk6oq,:where(.tool-reference):is(._1twv285 ._cyk6oq){align-items: center; display: flex; gap: 20px; justify-content: space-between;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg){display: flex; flex: 1 1 0%; gap: 12px; justify-content: flex-end;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg ._htp491,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg ._htp491){max-width: 300px;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg ._bdsq6d,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg ._bdsq6d){width: 60px;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg ._bdsq6d > input,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg ._bdsq6d > input){text-align: center;}
:where(.tool-reference) ._1twv285 .arco-divider-horizontal,:where(.tool-reference):is(._1twv285 .arco-divider-horizontal){margin: 12px 0px;}

:where(.tool-reference) ._1dkkaou ._bcwtuj,:where(.tool-reference):is(._1dkkaou ._bcwtuj){margin-bottom: 12px;}
:where(.tool-reference) ._1dkkaou ._1esyqm3,:where(.tool-reference):is(._1dkkaou ._1esyqm3){border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.5rem; box-sizing: border-box; color: rgb(226, 232, 240); font-size: 1.25rem; letter-spacing: 1px; min-height: 69px; padding: 1rem; transition: 0.3s;}
:where(.tool-reference) ._1dkkaou ._1esyqm3,:where(.tool-reference):is(._1dkkaou ._1esyqm3),:where(.tool-reference) ._1dkkaou ._1esyqm3 ._1or5sf9,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._1or5sf9){align-items: center; display: flex; justify-content: center;}
:where(.tool-reference) ._1dkkaou ._1esyqm3 ._1or5sf9,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._1or5sf9){flex-wrap: wrap; user-select: all;}
:where(.tool-reference) ._1dkkaou ._1esyqm3 ._1bs6hyl,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._1bs6hyl){color: rgb(20, 201, 201);}
:where(.tool-reference) ._1dkkaou ._1esyqm3 ._ii7bg0,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._ii7bg0){color: rgb(22, 93, 255);}
:where(.tool-reference) ._1dkkaou ._vtd6x9,:where(.tool-reference):is(._1dkkaou ._vtd6x9){display: flex; gap: 12px; margin-top: 12px;}
:where(.tool-reference) ._1dkkaou ._vtd6x9 .arco-btn,:where(.tool-reference):is(._1dkkaou ._vtd6x9 .arco-btn){flex: 1 1 0%;}

:where(.tool-reference) .collapse,:where(.tool-reference):is(.collapse){border: 1px solid rgba(229, 230, 235, 0.067); border-radius: 8px; line-height: 1.5715; overflow: hidden;}
:where(.tool-reference) .collapse-item,:where(.tool-reference):is(.collapse-item){box-sizing: border-box;}
:where(.tool-reference) .collapse-item-active > .collapse-item-header,:where(.tool-reference):is(.collapse-item-active > .collapse-item-header){background-color: color-mix(in srgb, var(--text) calc(0.4 * 100%), transparent); border-color: rgba(229, 230, 235, 0.067); transition: border-color;}
:where(.tool-reference) .collapse-item-active > .collapse-item-header .collapse-item-header-title,:where(.tool-reference):is(.collapse-item-active > .collapse-item-header .collapse-item-header-title){font-weight: 500;}
:where(.tool-reference) .collapse-item-header,:where(.tool-reference):is(.collapse-item-header){align-items: center; background-color: color-mix(in srgb, var(--text) calc(0.5 * 100%), transparent); border-bottom: 1px solid rgba(0, 0, 0, 0.6); box-sizing: border-box; color: var(--text); cursor: pointer; display: flex; font-size: 16px; justify-content: space-between; line-height: 24px; overflow: hidden; padding-bottom: 8px; padding-top: 8px; position: relative; transition: border-color 0.19s;}
:where(.tool-reference) .collapse-item-header-left,:where(.tool-reference):is(.collapse-item-header-left){padding-left: 20px; padding-right: 20px;}
:where(.tool-reference) .collapse-item-header-right + .collapse-item-content,:where(.tool-reference):is(.collapse-item-header-right + .collapse-item-content){padding-left: 20px;}
:where(.tool-reference) .collapse-item-header-title,:where(.tool-reference):is(.collapse-item-header-title){display: inline;}
:where(.tool-reference) .collapse-item .collapse-item-icon-hover,:where(.tool-reference):is(.collapse-item .collapse-item-icon-hover){left: 20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%);}
:where(.tool-reference) .collapse-item .collapse-item-icon-right,:where(.tool-reference):is(.collapse-item .collapse-item-icon-right){left: unset; right: 20px;}
:where(.tool-reference) .collapse-item .collapse-item-icon-right > .collapse-item-header-icon-down,:where(.tool-reference):is(.collapse-item .collapse-item-icon-right > .collapse-item-header-icon-down){transform: rotate(-90deg);}
:where(.tool-reference) .collapse-item-content,:where(.tool-reference):is(.collapse-item-content){background-color: color-mix(in srgb, var(--text) calc(0.2 * 100%), transparent); color: var(--text); font-size: 14px; opacity: 0.8; overflow: hidden; padding-left: 20px; padding-right: 20px; position: relative;}
:where(.tool-reference) .collapse-item-content-box,:where(.tool-reference):is(.collapse-item-content-box){padding: 30px 0px;}
:where(.tool-reference) .collapse-item.collapse-item-disabled > .collapse-item-content,:where(.tool-reference):is(.collapse-item.collapse-item-disabled > .collapse-item-content){color: rgb(201, 205, 212);}
:where(.tool-reference) .collapse-item-no-icon > .collapse-item-header,:where(.tool-reference):is(.collapse-item-no-icon > .collapse-item-header){padding-left: 20px; padding-right: 20px;}
:where(.tool-reference) .collapse-item:last-of-type,:where(.tool-reference):is(.collapse-item:last-of-type){border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
:where(.tool-reference) .collapse.collapse-borderless,:where(.tool-reference):is(.collapse.collapse-borderless){border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;}
:where(.tool-reference) .collapse::after,:where(.tool-reference):is(.collapse::after){clear: both; content: ""; display: table;}

:where(.tool-reference) .collapse,:where(.tool-reference):is(.collapse){border: 1px solid rgba(229, 230, 235, 0.067); border-radius: 8px; line-height: 1.5715; overflow: hidden;}
:where(.tool-reference) .collapse-item,:where(.tool-reference):is(.collapse-item){box-sizing: border-box;}
:where(.tool-reference) .collapse-item-active > .collapse-item-header,:where(.tool-reference):is(.collapse-item-active > .collapse-item-header){background-color: color-mix(in srgb, var(--text) calc(0.4 * 100%), transparent); border-color: rgba(229, 230, 235, 0.067); transition: border-color;}
:where(.tool-reference) .collapse-item-active > .collapse-item-header .collapse-item-header-title,:where(.tool-reference):is(.collapse-item-active > .collapse-item-header .collapse-item-header-title){font-weight: 500;}
:where(.tool-reference) .collapse-item-header,:where(.tool-reference):is(.collapse-item-header){align-items: center; background-color: color-mix(in srgb, var(--text) calc(0.5 * 100%), transparent); border-bottom: 1px solid rgba(0, 0, 0, 0.6); box-sizing: border-box; color: var(--text); cursor: pointer; display: flex; font-size: 16px; justify-content: space-between; line-height: 24px; overflow: hidden; padding-bottom: 8px; padding-top: 8px; position: relative; transition: border-color 0.19s;}
:where(.tool-reference) .collapse-item-header-left,:where(.tool-reference):is(.collapse-item-header-left){padding-left: 20px; padding-right: 20px;}
:where(.tool-reference) .collapse-item-header-right + .collapse-item-content,:where(.tool-reference):is(.collapse-item-header-right + .collapse-item-content){padding-left: 20px;}
:where(.tool-reference) .collapse-item-header-title,:where(.tool-reference):is(.collapse-item-header-title){display: inline;}
:where(.tool-reference) .collapse-item .collapse-item-icon-hover,:where(.tool-reference):is(.collapse-item .collapse-item-icon-hover){left: 20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%);}
:where(.tool-reference) .collapse-item .collapse-item-icon-right,:where(.tool-reference):is(.collapse-item .collapse-item-icon-right){left: unset; right: 20px;}
:where(.tool-reference) .collapse-item .collapse-item-icon-right > .collapse-item-header-icon-down,:where(.tool-reference):is(.collapse-item .collapse-item-icon-right > .collapse-item-header-icon-down){transform: rotate(-90deg);}
:where(.tool-reference) .collapse-item-content,:where(.tool-reference):is(.collapse-item-content){background-color: color-mix(in srgb, var(--text) calc(0.2 * 100%), transparent); color: var(--text); font-size: 14px; opacity: 0.8; overflow: hidden; padding-left: 20px; padding-right: 20px; position: relative;}
:where(.tool-reference) .collapse-item-content-box,:where(.tool-reference):is(.collapse-item-content-box){padding: 30px 0px;}
:where(.tool-reference) .collapse-item.collapse-item-disabled > .collapse-item-content,:where(.tool-reference):is(.collapse-item.collapse-item-disabled > .collapse-item-content){color: rgb(201, 205, 212);}
:where(.tool-reference) .collapse-item-no-icon > .collapse-item-header,:where(.tool-reference):is(.collapse-item-no-icon > .collapse-item-header){padding-left: 20px; padding-right: 20px;}
:where(.tool-reference) .collapse-item:last-of-type,:where(.tool-reference):is(.collapse-item:last-of-type){border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
:where(.tool-reference) .collapse.collapse-borderless,:where(.tool-reference):is(.collapse.collapse-borderless){border-width: medium; border-style: none; border-color: currentcolor; border-image: initial;}
:where(.tool-reference) .collapse::after,:where(.tool-reference):is(.collapse::after){clear: both; content: ""; display: table;}
:where(.tool-reference) ._1y145w,:where(.tool-reference):is(._1y145w){fill: currentcolor; overflow: hidden;}
@keyframes skeleton-circle { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
:where(.tool-reference) ._cghwp6,:where(.tool-reference):is(._cghwp6){background-size: cover; box-sizing: border-box; margin: 0px auto; padding-left: 20px; padding-right: 20px; padding-top: 74px;}
:where(.tool-reference) ._18ny5ds,:where(.tool-reference):is(._18ny5ds){color: var(--text); margin: 0px auto; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._rkzfir,:where(.tool-reference):is(._rkzfir){color: var(--text); display: flex;}
:where(.tool-reference) ._5jmhyv,:where(.tool-reference):is(._5jmhyv){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._1kjgaqw,:where(.tool-reference):is(._1kjgaqw){padding: 0px 10px;}
:where(.tool-reference) ._vbo118,:where(.tool-reference):is(._vbo118){margin: 16px 0px;}

:where(.tool-reference) h1,:where(.tool-reference):is(h1){font-size: 2em; margin: 0.67em 0px;}
:where(.tool-reference) pre,:where(.tool-reference):is(pre){font-family: monospace, monospace; font-size: 1em;}
:where(.tool-reference) a,:where(.tool-reference):is(a){background-color: transparent;}
:where(.tool-reference) code,:where(.tool-reference):is(code){font-family: monospace, monospace; font-size: 1em;}
:where(.tool-reference) img,:where(.tool-reference):is(img){border-style: none;}
:where(.tool-reference) button,:where(.tool-reference):is(button),:where(.tool-reference) input,:where(.tool-reference):is(input),:where(.tool-reference) textarea,:where(.tool-reference):is(textarea){font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;}
:where(.tool-reference) button,:where(.tool-reference):is(button),:where(.tool-reference) input,:where(.tool-reference):is(input){overflow: visible;}
:where(.tool-reference) button,:where(.tool-reference):is(button){text-transform: none;}
:where(.tool-reference) button,:where(.tool-reference):is(button){appearance: button;}
:where(.tool-reference) textarea,:where(.tool-reference):is(textarea){overflow: auto;}
@keyframes arco-loading-circle { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
:where(.tool-reference) .arco-radio-button > input[type="radio"],:where(.tool-reference):is(.arco-radio-button > input[type="radio"]){height: 0px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 0px;}
:where(.tool-reference) .arco-radio-button > input[type="radio"]:focus + .arco-radio-icon-hover::before,:where(.tool-reference):is(.arco-radio-button > input[type="radio"]:focus + .arco-radio-icon-hover::before){background-color: var(--color-fill-2);}
:where(.tool-reference) .arco-radio-checked .arco-radio-icon,:where(.tool-reference):is(.arco-radio-checked .arco-radio-icon){background-color: rgb(var(--primary-6)); border-color: rgb(var(--primary-6));}
:where(.tool-reference) .arco-radio-checked .arco-radio-icon::after,:where(.tool-reference):is(.arco-radio-checked .arco-radio-icon::after){background-color: var(--color-white); transform: scale(0.4);}
:where(.tool-reference) .arco-radio-checked:hover .arco-radio-icon,:where(.tool-reference):is(.arco-radio-checked:hover .arco-radio-icon){border-color: rgb(var(--primary-6));}
:where(.tool-reference) .arco-radio-checked.arco-radio-disabled .arco-radio-icon,:where(.tool-reference):is(.arco-radio-checked.arco-radio-disabled .arco-radio-icon),:where(.tool-reference) .arco-radio-checked.arco-radio-disabled:hover .arco-radio-icon,:where(.tool-reference):is(.arco-radio-checked.arco-radio-disabled:hover .arco-radio-icon){background-color: var(--color-primary-light-3); border-color: transparent;}
:where(.tool-reference) .arco-radio-checked.arco-radio-disabled .arco-radio-icon::after,:where(.tool-reference):is(.arco-radio-checked.arco-radio-disabled .arco-radio-icon::after){background-color: var(--color-fill-2);}
:where(.tool-reference) .arco-radio-checked.arco-radio-disabled .arco-radio-label,:where(.tool-reference):is(.arco-radio-checked.arco-radio-disabled .arco-radio-label){color: var(--color-text-4);}
:where(.tool-reference) .arco-radio-group-button,:where(.tool-reference):is(.arco-radio-group-button){background-color: var(--color-fill-2); display: inline-flex; padding: 1.5px;}
:where(.tool-reference) .arco-radio-button,:where(.tool-reference):is(.arco-radio-button),:where(.tool-reference) .arco-radio-group-button,:where(.tool-reference):is(.arco-radio-group-button){border-radius: var(--border-radius-small); line-height: 26px;}
:where(.tool-reference) .arco-radio-button,:where(.tool-reference):is(.arco-radio-button){background-color: transparent; color: var(--color-text-2); cursor: pointer; display: inline-block; font-size: 14px; margin: 1.5px; position: relative; transition: 0.1s linear;}
:where(.tool-reference) .arco-radio-button-content,:where(.tool-reference):is(.arco-radio-button-content){display: block; padding: 0px 12px; position: relative;}
:where(.tool-reference) .arco-radio-button:not(:first-of-type)::before,:where(.tool-reference):is(.arco-radio-button:not(:first-of-type)::before){background-color: var(--color-neutral-3); content: ""; display: block; height: 14px; left: -2px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.1s linear; width: 1px;}
:where(.tool-reference) .arco-radio-button.arco-radio-checked + .arco-radio-button::before,:where(.tool-reference):is(.arco-radio-button.arco-radio-checked + .arco-radio-button::before),:where(.tool-reference) .arco-radio-button.arco-radio-checked::before,:where(.tool-reference):is(.arco-radio-button.arco-radio-checked::before),:where(.tool-reference) .arco-radio-button:hover + .arco-radio-button::before,:where(.tool-reference):is(.arco-radio-button:hover + .arco-radio-button::before),:where(.tool-reference) .arco-radio-button:hover::before,:where(.tool-reference):is(.arco-radio-button:hover::before){opacity: 0;}
:where(.tool-reference) .arco-radio-button:hover,:where(.tool-reference):is(.arco-radio-button:hover){background-color: var(--color-bg-5); color: var(--color-text-1);}
:where(.tool-reference) .arco-radio-button.arco-radio-checked,:where(.tool-reference):is(.arco-radio-button.arco-radio-checked){background-color: var(--color-bg-5); color: rgb(var(--primary-6));}
:where(.tool-reference) .arco-radio-button.arco-radio-disabled,:where(.tool-reference):is(.arco-radio-button.arco-radio-disabled){background-color: transparent; color: var(--color-text-4); cursor: not-allowed;}
:where(.tool-reference) .arco-radio-button.arco-radio-disabled.arco-radio-checked,:where(.tool-reference):is(.arco-radio-button.arco-radio-disabled.arco-radio-checked){background-color: var(--color-bg-5); color: var(--color-primary-light-3);}
:where(.tool-reference) .arco-radio-group-size-small .arco-radio-button,:where(.tool-reference):is(.arco-radio-group-size-small .arco-radio-button),:where(.tool-reference) .arco-radio-group-size-small.arco-radio-group-button,:where(.tool-reference):is(.arco-radio-group-size-small.arco-radio-group-button){font-size: 14px; line-height: 22px;}
:where(.tool-reference) .arco-radio-group-size-large .arco-radio-button,:where(.tool-reference):is(.arco-radio-group-size-large .arco-radio-button),:where(.tool-reference) .arco-radio-group-size-large.arco-radio-group-button,:where(.tool-reference):is(.arco-radio-group-size-large.arco-radio-group-button){font-size: 14px; line-height: 30px;}
:where(.tool-reference) .arco-radio-group-size-mini .arco-radio-button,:where(.tool-reference):is(.arco-radio-group-size-mini .arco-radio-button),:where(.tool-reference) .arco-radio-group-size-mini.arco-radio-group-button,:where(.tool-reference):is(.arco-radio-group-size-mini.arco-radio-group-button){font-size: 12px; line-height: 18px;}
:where(.tool-reference) .arco-divider-horizontal,:where(.tool-reference):is(.arco-divider-horizontal){border-bottom: 1px solid var(--color-neutral-3); clear: both; margin: 20px 0px; max-width: 100%; min-width: 100%; position: relative; width: 100%;}
:where(.tool-reference) .arco-divider-horizontal.arco-divider-with-text,:where(.tool-reference):is(.arco-divider-horizontal.arco-divider-with-text){margin: 20px 0px;}
:where(.tool-reference) .arco-switch,:where(.tool-reference):is(.arco-switch){background-color: var(--color-fill-4); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; box-sizing: border-box; cursor: pointer; height: 24px; line-height: 24px; min-width: 40px; outline: none; overflow: hidden; padding: 0px; position: relative; transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); vertical-align: middle;}
:where(.tool-reference) .arco-switch-handle,:where(.tool-reference):is(.arco-switch-handle){align-items: center; background-color: var(--color-bg-white); border-radius: 50%; color: var(--color-neutral-3); display: flex; font-size: 12px; height: 16px; justify-content: center; left: 4px; position: absolute; top: 4px; transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); width: 16px;}
:where(.tool-reference) .arco-switch-checked .arco-switch-handle,:where(.tool-reference):is(.arco-switch-checked .arco-switch-handle){color: rgb(var(--primary-6)); left: calc(100% - 20px);}
:where(.tool-reference) .arco-switch[disabled] .arco-switch-handle,:where(.tool-reference):is(.arco-switch[disabled] .arco-switch-handle){color: var(--color-fill-2);}
:where(.tool-reference) .arco-switch[disabled].arco-switch-checked .arco-switch-handle,:where(.tool-reference):is(.arco-switch[disabled].arco-switch-checked .arco-switch-handle){color: var(--color-primary-light-3);}
:where(.tool-reference) .arco-switch[disabled],:where(.tool-reference):is(.arco-switch[disabled]){background-color: var(--color-fill-2); cursor: not-allowed;}
:where(.tool-reference) .arco-switch[disabled] .arco-switch-text,:where(.tool-reference):is(.arco-switch[disabled] .arco-switch-text){color: var(--color-white);}
:where(.tool-reference) .arco-switch[disabled].arco-switch-checked,:where(.tool-reference):is(.arco-switch[disabled].arco-switch-checked){background-color: var(--color-primary-light-3);}
:where(.tool-reference) .arco-switch[disabled].arco-switch-checked .arco-switch-text,:where(.tool-reference):is(.arco-switch[disabled].arco-switch-checked .arco-switch-text){color: var(--color-white);}
:where(.tool-reference) .arco-switch-loading .arco-switch-handle,:where(.tool-reference):is(.arco-switch-loading .arco-switch-handle){color: var(--color-neutral-3);}
:where(.tool-reference) .arco-switch-loading.arco-switch-checked .arco-switch-handle,:where(.tool-reference):is(.arco-switch-loading.arco-switch-checked .arco-switch-handle){color: var(--color-primary-light-3);}
:where(.tool-reference) .arco-switch-small .arco-switch-handle,:where(.tool-reference):is(.arco-switch-small .arco-switch-handle){border-radius: 8px; height: 12px; left: 2px; top: 2px; width: 12px;}
:where(.tool-reference) .arco-switch-small .arco-switch-handle-icon,:where(.tool-reference):is(.arco-switch-small .arco-switch-handle-icon){left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) scale(0.66667);}
:where(.tool-reference) .arco-switch-small.arco-switch-checked .arco-switch-handle,:where(.tool-reference):is(.arco-switch-small.arco-switch-checked .arco-switch-handle){left: calc(100% - 14px);}
:where(.tool-reference) .arco-switch-type-round .arco-switch-handle,:where(.tool-reference):is(.arco-switch-type-round .arco-switch-handle){border-radius: 2px;}
:where(.tool-reference) .arco-switch-type-round.arco-switch-small .arco-switch-handle,:where(.tool-reference):is(.arco-switch-type-round.arco-switch-small .arco-switch-handle){border-radius: 1px;}
:where(.tool-reference) .arco-switch-type-line .arco-switch-handle,:where(.tool-reference):is(.arco-switch-type-line .arco-switch-handle){background-color: var(--color-bg-white); border-radius: 10px; box-shadow: 0 1px 3px var(--color-neutral-6); height: 20px; left: 0px; top: 2px; width: 20px;}
:where(.tool-reference) .arco-switch-type-line.arco-switch-checked .arco-switch-handle,:where(.tool-reference):is(.arco-switch-type-line.arco-switch-checked .arco-switch-handle){left: calc(100% - 20px);}
:where(.tool-reference) .arco-switch-type-line.arco-switch-small .arco-switch-handle,:where(.tool-reference):is(.arco-switch-type-line.arco-switch-small .arco-switch-handle){border-radius: 8px; height: 16px; top: 0px; width: 16px;}
:where(.tool-reference) .arco-switch-type-line.arco-switch-small .arco-switch-handle-icon,:where(.tool-reference):is(.arco-switch-type-line.arco-switch-small .arco-switch-handle-icon){transform: translate(-50%, -50%) scale(1);}
:where(.tool-reference) .arco-switch-type-line.arco-switch-small.arco-switch-checked .arco-switch-handle,:where(.tool-reference):is(.arco-switch-type-line.arco-switch-small.arco-switch-checked .arco-switch-handle){left: calc(100% - 16px);}
:where(.tool-reference) .arco-input-wrapper,:where(.tool-reference):is(.arco-input-wrapper){background-color: var(--color-fill-2); border: 1px solid transparent; border-radius: var(--border-radius-small); box-sizing: border-box; color: var(--color-text-1); cursor: text; display: inline-flex; font-size: 14px; padding-left: 12px; padding-right: 12px; transition: color 0.1s linear, border-color 0.1s linear, background-color 0.1s linear; width: 100%;}
:where(.tool-reference) .arco-input-wrapper:hover,:where(.tool-reference):is(.arco-input-wrapper:hover){background-color: var(--color-fill-3); border-color: transparent;}
:where(.tool-reference) .arco-input-wrapper.arco-input-focus,:where(.tool-reference):is(.arco-input-wrapper.arco-input-focus),:where(.tool-reference) .arco-input-wrapper:focus-within,:where(.tool-reference):is(.arco-input-wrapper:focus-within){background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); z-index: 1;}
:where(.tool-reference) .arco-input-wrapper.arco-input-disabled,:where(.tool-reference):is(.arco-input-wrapper.arco-input-disabled){cursor: not-allowed;}
:where(.tool-reference) .arco-input-wrapper.arco-input-disabled,:where(.tool-reference):is(.arco-input-wrapper.arco-input-disabled),:where(.tool-reference) .arco-input-wrapper.arco-input-disabled:hover,:where(.tool-reference):is(.arco-input-wrapper.arco-input-disabled:hover){background-color: var(--color-fill-2); border-color: transparent; color: var(--color-text-4);}
:where(.tool-reference) .arco-input-wrapper.arco-input-disabled .arco-input-prefix,:where(.tool-reference):is(.arco-input-wrapper.arco-input-disabled .arco-input-prefix),:where(.tool-reference) .arco-input-wrapper.arco-input-disabled .arco-input-suffix,:where(.tool-reference):is(.arco-input-wrapper.arco-input-disabled .arco-input-suffix){color: inherit;}
:where(.tool-reference) .arco-input-wrapper.arco-input-error,:where(.tool-reference):is(.arco-input-wrapper.arco-input-error){background-color: var(--color-danger-light-1); border-color: transparent;}
:where(.tool-reference) .arco-input-wrapper.arco-input-error:hover,:where(.tool-reference):is(.arco-input-wrapper.arco-input-error:hover){background-color: var(--color-danger-light-2); border-color: transparent;}
:where(.tool-reference) .arco-input-wrapper.arco-input-error.arco-input-wrapper-focus,:where(.tool-reference):is(.arco-input-wrapper.arco-input-error.arco-input-wrapper-focus),:where(.tool-reference) .arco-input-wrapper.arco-input-error:focus-within,:where(.tool-reference):is(.arco-input-wrapper.arco-input-error:focus-within){background-color: var(--color-bg-2); border-color: rgb(var(--danger-6)); box-shadow: 0 0 0 0 var(--color-danger-light-2); z-index: 1;}
:where(.tool-reference) .arco-input-wrapper .arco-input-prefix,:where(.tool-reference):is(.arco-input-wrapper .arco-input-prefix),:where(.tool-reference) .arco-input-wrapper .arco-input-suffix,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix){align-items: center; display: inline-flex; flex-shrink: 0; user-select: none; white-space: nowrap;}
:where(.tool-reference) .arco-input-wrapper .arco-input-prefix > svg,:where(.tool-reference):is(.arco-input-wrapper .arco-input-prefix > svg),:where(.tool-reference) .arco-input-wrapper .arco-input-suffix > svg,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix > svg){font-size: 14px;}
:where(.tool-reference) .arco-input-wrapper .arco-input-prefix,:where(.tool-reference):is(.arco-input-wrapper .arco-input-prefix){color: var(--color-text-2); padding-right: 12px;}
:where(.tool-reference) .arco-input-wrapper .arco-input-suffix,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix){color: var(--color-text-2); padding-left: 12px;}
:where(.tool-reference) .arco-input-wrapper .arco-input-suffix .arco-feedback-icon,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix .arco-feedback-icon){display: inline-flex;}
:where(.tool-reference) .arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-validating,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-validating){color: rgb(var(--primary-6));}
:where(.tool-reference) .arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-success,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-success){color: rgb(var(--success-6));}
:where(.tool-reference) .arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-warning,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-warning){color: rgb(var(--warning-6));}
:where(.tool-reference) .arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-error,:where(.tool-reference):is(.arco-input-wrapper .arco-input-suffix .arco-feedback-icon-status-error){color: rgb(var(--danger-6));}
:where(.tool-reference) .arco-input-wrapper .arco-input-clear-btn,:where(.tool-reference):is(.arco-input-wrapper .arco-input-clear-btn){align-self: center; color: var(--color-text-2); cursor: pointer; font-size: 12px; visibility: hidden;}
:where(.tool-reference) .arco-input-wrapper .arco-input-clear-btn > svg,:where(.tool-reference):is(.arco-input-wrapper .arco-input-clear-btn > svg){position: relative; transition: color 0.1s linear;}
:where(.tool-reference) .arco-input-wrapper:hover .arco-input-clear-btn,:where(.tool-reference):is(.arco-input-wrapper:hover .arco-input-clear-btn){visibility: visible;}
:where(.tool-reference) .arco-input-wrapper:not(.arco-input-focus) .arco-input-icon-hover:hover::before,:where(.tool-reference):is(.arco-input-wrapper:not(.arco-input-focus) .arco-input-icon-hover:hover::before){background-color: var(--color-fill-4);}
:where(.tool-reference) .arco-input-wrapper .arco-input,:where(.tool-reference):is(.arco-input-wrapper .arco-input){appearance: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; color: inherit; cursor: inherit; line-height: 1.5715; outline: none; padding-left: 0px; padding-right: 0px; width: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
:where(.tool-reference) .arco-input-wrapper .arco-input::placeholder,:where(.tool-reference):is(.arco-input-wrapper .arco-input::placeholder){color: var(--color-text-3);}
:where(.tool-reference) .arco-input-wrapper .arco-input[disabled]::placeholder,:where(.tool-reference):is(.arco-input-wrapper .arco-input[disabled]::placeholder){color: var(--color-text-4);}
:where(.tool-reference) .arco-input-wrapper .arco-input[disabled],:where(.tool-reference):is(.arco-input-wrapper .arco-input[disabled]){-webkit-text-fill-color: var(--color-text-4);}
:where(.tool-reference) .arco-input-wrapper .arco-input.arco-input-size-mini,:where(.tool-reference):is(.arco-input-wrapper .arco-input.arco-input-size-mini){font-size: 12px; line-height: 1.667; padding-bottom: 1px; padding-top: 1px;}
:where(.tool-reference) .arco-input-wrapper .arco-input.arco-input-size-small,:where(.tool-reference):is(.arco-input-wrapper .arco-input.arco-input-size-small){font-size: 14px; line-height: 1.5715; padding-bottom: 2px; padding-top: 2px;}
:where(.tool-reference) .arco-input-wrapper .arco-input.arco-input-size-medium,:where(.tool-reference):is(.arco-input-wrapper .arco-input.arco-input-size-medium){font-size: 14px; line-height: 1.5715; padding-bottom: 4px; padding-top: 4px;}
:where(.tool-reference) .arco-input-wrapper .arco-input.arco-input-size-large,:where(.tool-reference):is(.arco-input-wrapper .arco-input.arco-input-size-large){font-size: 14px; line-height: 1.5715; padding-bottom: 6px; padding-top: 6px;}
:where(.tool-reference) .arco-input-wrapper .arco-input-word-limit,:where(.tool-reference):is(.arco-input-wrapper .arco-input-word-limit){color: var(--color-text-3); font-size: 12px;}
:where(.tool-reference) .arco-input-outer > .arco-input-wrapper,:where(.tool-reference):is(.arco-input-outer > .arco-input-wrapper){border-radius: 0px;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix > svg,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-prefix > svg),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix > svg,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-mini .arco-input-wrapper .arco-input-suffix > svg){font-size: 12px;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-input,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-mini .arco-input-prepend .arco-input){border-bottom-left-radius: 0px; border-color: transparent; border-top-left-radius: 0px; height: 100%; margin: -1px -13px -1px -12px; width: auto;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-input,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-mini .arco-input-append .arco-input){border-bottom-right-radius: 0px; border-color: transparent; border-top-right-radius: 0px; height: 100%; margin: -1px -12px -1px -13px; width: auto;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix > svg,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-prefix > svg),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix > svg,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-small .arco-input-wrapper .arco-input-suffix > svg){font-size: 14px;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-input,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-small .arco-input-prepend .arco-input){border-bottom-left-radius: 0px; border-color: transparent; border-top-left-radius: 0px; height: 100%; margin: -1px -13px -1px -12px; width: auto;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-input,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-small .arco-input-append .arco-input){border-bottom-right-radius: 0px; border-color: transparent; border-top-right-radius: 0px; height: 100%; margin: -1px -12px -1px -13px; width: auto;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix > svg,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-prefix > svg),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix),:where(.tool-reference) .arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix > svg,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-large .arco-input-wrapper .arco-input-suffix > svg){font-size: 14px;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-input,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-large .arco-input-prepend .arco-input){border-bottom-left-radius: 0px; border-color: transparent; border-top-left-radius: 0px; height: 100%; margin: -1px -13px -1px -12px; width: auto;}
:where(.tool-reference) .arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-input,:where(.tool-reference):is(.arco-input-outer.arco-input-outer-size-large .arco-input-append .arco-input){border-bottom-right-radius: 0px; border-color: transparent; border-top-right-radius: 0px; height: 100%; margin: -1px -12px -1px -13px; width: auto;}
:where(.tool-reference) .arco-input-prepend .arco-input,:where(.tool-reference):is(.arco-input-prepend .arco-input){border-bottom-right-radius: 0px; border-color: transparent; border-top-right-radius: 0px;}
:where(.tool-reference) .arco-input-prepend .arco-input,:where(.tool-reference):is(.arco-input-prepend .arco-input){height: 100%; margin: -1px -12px -1px -13px; width: auto;}
:where(.tool-reference) .arco-input-append .arco-input,:where(.tool-reference):is(.arco-input-append .arco-input){border-bottom-left-radius: 0px; border-color: transparent; border-top-left-radius: 0px;}
:where(.tool-reference) .arco-input-append .arco-input,:where(.tool-reference):is(.arco-input-append .arco-input){height: 100%; margin: -1px -13px -1px -12px; width: auto;}
:where(.tool-reference) .arco-input-group > .arco-input-wrapper:not(:last-child),:where(.tool-reference):is(.arco-input-group > .arco-input-wrapper:not(:last-child)){border-right: 1px solid var(--color-neutral-3); margin-right: -1px;}
:where(.tool-reference) .arco-input-group > .arco-input-wrapper:not(:last-child):focus-within,:where(.tool-reference):is(.arco-input-group > .arco-input-wrapper:not(:last-child):focus-within){border-right-color: rgb(var(--primary-6));}
:where(.tool-reference) .arco-input-group > .arco-input-wrapper.arco-input-error:not(:last-child):focus-within,:where(.tool-reference):is(.arco-input-group > .arco-input-wrapper.arco-input-error:not(:last-child):focus-within){border-right-color: rgb(var(--danger-6));}
:where(.tool-reference) .arco-input-wrapper.arco-input-password:not(.arco-input-disabled) .arco-input-suffix,:where(.tool-reference):is(.arco-input-wrapper.arco-input-password:not(.arco-input-disabled) .arco-input-suffix){color: var(--color-text-2); cursor: pointer; font-size: 12px;}
:where(.tool-reference) .arco-input-number,:where(.tool-reference):is(.arco-input-number){border-radius: var(--border-radius-small); box-sizing: border-box; position: relative; width: 100%;}
:where(.tool-reference) .arco-input-number .arco-input-wrapper,:where(.tool-reference):is(.arco-input-number .arco-input-wrapper){position: relative;}
:where(.tool-reference) .arco-input-number-mode-embed .arco-input-number-step,:where(.tool-reference):is(.arco-input-number-mode-embed .arco-input-number-step){border-radius: 1px; bottom: 4px; opacity: 0; overflow: hidden; position: absolute; right: 4px; top: 4px; transition: 0.1s linear; width: 18px;}
:where(.tool-reference) .arco-input-number-mode-embed .arco-input-number-step .arco-input-number-step-button,:where(.tool-reference):is(.arco-input-number-mode-embed .arco-input-number-step .arco-input-number-step-button){border-width: medium; border-style: none; border-image: initial; border-color: var(--color-neutral-3); font-size: 10px; height: 50%; width: 100%;}
:where(.tool-reference) .arco-input-number-mode-embed .arco-input-suffix,:where(.tool-reference):is(.arco-input-number-mode-embed .arco-input-suffix){justify-content: flex-end; min-width: 6px;}
:where(.tool-reference) .arco-input-number-mode-embed .arco-input-suffix-has-feedback,:where(.tool-reference):is(.arco-input-number-mode-embed .arco-input-suffix-has-feedback){min-width: 32px;}
:where(.tool-reference) .arco-input-number-mode-embed .arco-input-suffix-has-feedback .arco-input-number-step,:where(.tool-reference):is(.arco-input-number-mode-embed .arco-input-suffix-has-feedback .arco-input-number-step){right: 30px;}
:where(.tool-reference) .arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-suffix:has(.arco-input-number-suffix),:where(.tool-reference):is(.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-suffix:has(.arco-input-number-suffix)),:where(.tool-reference) .arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-suffix:has(.arco-input-number-suffix),:where(.tool-reference):is(.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-suffix:has(.arco-input-number-suffix)){padding-left: 4px;}
:where(.tool-reference) .arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-step,:where(.tool-reference):is(.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-step),:where(.tool-reference) .arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-step,:where(.tool-reference):is(.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-step){opacity: 1;}
:where(.tool-reference) .arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-suffix,:where(.tool-reference):is(.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-suffix),:where(.tool-reference) .arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-suffix,:where(.tool-reference):is(.arco-input-number-mode-embed:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-suffix){opacity: 0; pointer-events: none;}
:where(.tool-reference) .arco-input-number-mode-embed.arco-input-wrapper:not(.arco-input-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover,:where(.tool-reference):is(.arco-input-number-mode-embed.arco-input-wrapper:not(.arco-input-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover){background-color: var(--color-fill-4);}
:where(.tool-reference) .arco-slider,:where(.tool-reference):is(.arco-slider){align-items: center; display: inline-flex; width: 100%;}
:where(.tool-reference) .arco-slider-track,:where(.tool-reference):is(.arco-slider-track){cursor: pointer; flex: 1 1 0%; height: 12px; position: relative; width: 100%;}
:where(.tool-reference) .arco-slider-track::before,:where(.tool-reference):is(.arco-slider-track::before){background-color: var(--color-fill-3); border-radius: 2px; content: ""; display: block; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
:where(.tool-reference) .arco-slider-track.arco-slider-track-vertical,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-vertical){height: 100%; margin-bottom: 6px; margin-right: 0px; margin-top: 6px; max-width: 12px; min-height: 200px; transform: translateY(0px); width: 12px;}
:where(.tool-reference) .arco-slider-track.arco-slider-track-vertical::before,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-vertical::before){height: 100%; left: 50%; top: unset; transform: translate(-50%); width: 2px;}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled::before,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled::before){background-color: var(--color-fill-2);}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled .arco-slider-bar,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled .arco-slider-bar){background-color: var(--color-fill-3);}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled .arco-slider-btn,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled .arco-slider-btn){cursor: not-allowed;}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled .arco-slider-btn::after,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled .arco-slider-btn::after){border-color: var(--color-fill-3);}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled .arco-slider-dots .arco-slider-dot,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled .arco-slider-dots .arco-slider-dot){border-color: var(--color-fill-2);}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled .arco-slider-dots .arco-slider-dot-active,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled .arco-slider-dots .arco-slider-dot-active){border-color: var(--color-fill-3);}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled .arco-slider-ticks .arco-slider-tick,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled .arco-slider-ticks .arco-slider-tick){background: var(--color-fill-2);}
:where(.tool-reference) .arco-slider-track.arco-slider-track-disabled .arco-slider-ticks .arco-slider-tick-active,:where(.tool-reference):is(.arco-slider-track.arco-slider-track-disabled .arco-slider-ticks .arco-slider-tick-active){background: var(--color-fill-3);}
:where(.tool-reference) .arco-slider-bar,:where(.tool-reference):is(.arco-slider-bar){background-color: rgb(var(--primary-6)); border-radius: 2px; height: 2px; position: absolute; top: 50%; transform: translateY(-50%);}
:where(.tool-reference) .arco-slider-track-vertical .arco-slider-bar,:where(.tool-reference):is(.arco-slider-track-vertical .arco-slider-bar){height: unset; left: 50%; top: unset; transform: translate(-50%); width: 2px;}
:where(.tool-reference) .arco-slider-btn,:where(.tool-reference):is(.arco-slider-btn){transform: translate(-50%);}
:where(.tool-reference) .arco-slider-btn,:where(.tool-reference):is(.arco-slider-btn),:where(.tool-reference) .arco-slider-btn::after,:where(.tool-reference):is(.arco-slider-btn::after){height: 12px; left: 0px; position: absolute; top: 0px; width: 12px;}
:where(.tool-reference) .arco-slider-btn::after,:where(.tool-reference):is(.arco-slider-btn::after){background: var(--color-bg-2); border: 2px solid rgb(var(--primary-6)); border-radius: 50%; box-sizing: border-box; content: ""; display: inline-block; transition: 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);}
:where(.tool-reference) .arco-slider-btn.arco-slider-btn-active::after,:where(.tool-reference):is(.arco-slider-btn.arco-slider-btn-active::after),:where(.tool-reference) .arco-slider-btn:hover::after,:where(.tool-reference):is(.arco-slider-btn:hover::after){box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; transform: scale(1.16667);}
:where(.tool-reference) .arco-slider-track-vertical .arco-slider-btn,:where(.tool-reference):is(.arco-slider-track-vertical .arco-slider-btn){bottom: 0px; left: 0px; top: unset; transform: translateY(50%);}
:where(.tool-reference) .arco-slider-input > .arco-input-number,:where(.tool-reference):is(.arco-slider-input > .arco-input-number){height: 32px; line-height: normal; overflow: visible; width: 60px;}
:where(.tool-reference) .arco-slider-input > .arco-input-number input,:where(.tool-reference):is(.arco-slider-input > .arco-input-number input){text-align: center;}
:where(.tool-reference) ._1twv285,:where(.tool-reference):is(._1twv285){margin-top: 12px;}
:where(.tool-reference) ._1twv285 ._cyk6oq,:where(.tool-reference):is(._1twv285 ._cyk6oq){align-items: center; display: flex; gap: 20px; justify-content: space-between;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg){display: flex; flex: 1 1 0%; gap: 12px; justify-content: flex-end;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg ._htp491,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg ._htp491){max-width: 300px;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg ._bdsq6d,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg ._bdsq6d){width: 60px;}
:where(.tool-reference) ._1twv285 ._cyk6oq ._pr00mg ._bdsq6d > input,:where(.tool-reference):is(._1twv285 ._cyk6oq ._pr00mg ._bdsq6d > input){text-align: center;}
:where(.tool-reference) ._1twv285 .arco-divider-horizontal,:where(.tool-reference):is(._1twv285 .arco-divider-horizontal){margin: 12px 0px;}
@keyframes arco-msg-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes arco-msg-scale { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
:where(.tool-reference) .arco-btn,:where(.tool-reference):is(.arco-btn){align-items: center; appearance: none; box-sizing: border-box; cursor: pointer; display: inline-flex; font-weight: 400; justify-content: center; line-height: 1.5715; outline: none; position: relative; transition: 0.1s linear; user-select: none; white-space: nowrap;}
:where(.tool-reference) .arco-btn > a:only-child,:where(.tool-reference):is(.arco-btn > a:only-child){color: currentcolor;}
:where(.tool-reference) .arco-btn:active,:where(.tool-reference):is(.arco-btn:active){transition: none;}
:where(.tool-reference) .arco-btn.arco-btn-only-icon .arco-btn-icon,:where(.tool-reference):is(.arco-btn.arco-btn-only-icon .arco-btn-icon){display: flex; justify-content: center;}
:where(.tool-reference) .arco-btn-primary,:where(.tool-reference):is(.arco-btn-primary),:where(.tool-reference) .arco-btn-primary[type="button"],:where(.tool-reference):is(.arco-btn-primary[type="button"]),:where(.tool-reference) .arco-btn-primary[type="submit"],:where(.tool-reference):is(.arco-btn-primary[type="submit"]){background-color: rgb(var(--primary-6)); border: 1px solid transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary:hover,:where(.tool-reference):is(.arco-btn-primary:hover),:where(.tool-reference) .arco-btn-primary[type="button"]:hover,:where(.tool-reference):is(.arco-btn-primary[type="button"]:hover),:where(.tool-reference) .arco-btn-primary[type="submit"]:hover,:where(.tool-reference):is(.arco-btn-primary[type="submit"]:hover){background-color: rgb(var(--primary-5)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary:focus-visible,:where(.tool-reference):is(.arco-btn-primary:focus-visible),:where(.tool-reference) .arco-btn-primary[type="button"]:focus-visible,:where(.tool-reference):is(.arco-btn-primary[type="button"]:focus-visible),:where(.tool-reference) .arco-btn-primary[type="submit"]:focus-visible,:where(.tool-reference):is(.arco-btn-primary[type="submit"]:focus-visible){box-shadow: 0 0 0 .25em rgb(var(--primary-3));}
:where(.tool-reference) .arco-btn-primary:active,:where(.tool-reference):is(.arco-btn-primary:active),:where(.tool-reference) .arco-btn-primary[type="button"]:active,:where(.tool-reference):is(.arco-btn-primary[type="button"]:active),:where(.tool-reference) .arco-btn-primary[type="submit"]:active,:where(.tool-reference):is(.arco-btn-primary[type="submit"]:active){background-color: rgb(var(--primary-7)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-loading,:where(.tool-reference):is(.arco-btn-primary.arco-btn-loading),:where(.tool-reference) .arco-btn-primary[type="button"].arco-btn-loading,:where(.tool-reference):is(.arco-btn-primary[type="button"].arco-btn-loading),:where(.tool-reference) .arco-btn-primary[type="submit"].arco-btn-loading,:where(.tool-reference):is(.arco-btn-primary[type="submit"].arco-btn-loading){background-color: rgb(var(--primary-6)); border: 1px solid transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-primary.arco-btn-disabled),:where(.tool-reference) .arco-btn-primary[type="button"].arco-btn-disabled,:where(.tool-reference):is(.arco-btn-primary[type="button"].arco-btn-disabled),:where(.tool-reference) .arco-btn-primary[type="submit"].arco-btn-disabled,:where(.tool-reference):is(.arco-btn-primary[type="submit"].arco-btn-disabled){background-color: var(--color-primary-light-3); border: 1px solid transparent; color: var(--text); cursor: not-allowed;}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-warning,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-warning){background-color: rgb(var(--warning-6)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-warning:hover,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-warning:hover){background-color: rgb(var(--warning-5)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-warning:focus-visible,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-warning:focus-visible){box-shadow: 0 0 0 .25em rgb(var(--warning-3));}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-warning:active,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-warning:active){background-color: rgb(var(--warning-7)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-warning.arco-btn-loading,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-warning.arco-btn-loading){background-color: rgb(var(--warning-6)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-warning.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled){background-color: var(--color-warning-light-3); border: 1px solid transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-danger,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-danger){background-color: rgb(var(--danger-6)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-danger:hover,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-danger:hover){background-color: rgb(var(--danger-5)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-danger:focus-visible,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-danger:focus-visible){box-shadow: 0 0 0 .25em rgb(var(--danger-3));}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-danger:active,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-danger:active){background-color: rgb(var(--danger-7)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-danger.arco-btn-loading,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-danger.arco-btn-loading){background-color: rgb(var(--danger-6)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-danger.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled){background-color: var(--color-danger-light-3); border: 1px solid transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-success,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-success){background-color: rgb(var(--success-6)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-success:hover,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-success:hover){background-color: rgb(var(--success-5)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-success:focus-visible,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-success:focus-visible){box-shadow: 0 0 0 .25em rgb(var(--success-3));}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-success:active,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-success:active){background-color: rgb(var(--success-7)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-success.arco-btn-loading,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-success.arco-btn-loading){background-color: rgb(var(--success-6)); border-color: transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-primary.arco-btn-status-success.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-primary.arco-btn-status-success.arco-btn-disabled){background-color: var(--color-success-light-3); border: 1px solid transparent; color: var(--text);}
:where(.tool-reference) .arco-btn-secondary,:where(.tool-reference):is(.arco-btn-secondary),:where(.tool-reference) .arco-btn-secondary[type="button"],:where(.tool-reference):is(.arco-btn-secondary[type="button"]),:where(.tool-reference) .arco-btn-secondary[type="submit"],:where(.tool-reference):is(.arco-btn-secondary[type="submit"]){background-color: var(--color-secondary); border: 1px solid transparent; color: var(--color-text-2);}
:where(.tool-reference) .arco-btn-secondary:hover,:where(.tool-reference):is(.arco-btn-secondary:hover),:where(.tool-reference) .arco-btn-secondary[type="button"]:hover,:where(.tool-reference):is(.arco-btn-secondary[type="button"]:hover),:where(.tool-reference) .arco-btn-secondary[type="submit"]:hover,:where(.tool-reference):is(.arco-btn-secondary[type="submit"]:hover){background-color: var(--color-secondary-hover); border-color: transparent; color: var(--color-text-2);}
:where(.tool-reference) .arco-btn-secondary:focus-visible,:where(.tool-reference):is(.arco-btn-secondary:focus-visible),:where(.tool-reference) .arco-btn-secondary[type="button"]:focus-visible,:where(.tool-reference):is(.arco-btn-secondary[type="button"]:focus-visible),:where(.tool-reference) .arco-btn-secondary[type="submit"]:focus-visible,:where(.tool-reference):is(.arco-btn-secondary[type="submit"]:focus-visible){box-shadow: 0 0 0 .25em var(--color-neutral-4);}
:where(.tool-reference) .arco-btn-secondary:active,:where(.tool-reference):is(.arco-btn-secondary:active),:where(.tool-reference) .arco-btn-secondary[type="button"]:active,:where(.tool-reference):is(.arco-btn-secondary[type="button"]:active),:where(.tool-reference) .arco-btn-secondary[type="submit"]:active,:where(.tool-reference):is(.arco-btn-secondary[type="submit"]:active){background-color: var(--color-secondary-active); border-color: transparent; color: var(--color-text-2);}
:where(.tool-reference) .arco-btn-secondary.arco-btn-loading,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-loading),:where(.tool-reference) .arco-btn-secondary[type="button"].arco-btn-loading,:where(.tool-reference):is(.arco-btn-secondary[type="button"].arco-btn-loading),:where(.tool-reference) .arco-btn-secondary[type="submit"].arco-btn-loading,:where(.tool-reference):is(.arco-btn-secondary[type="submit"].arco-btn-loading){background-color: var(--color-secondary); border: 1px solid transparent; color: var(--color-text-2);}
:where(.tool-reference) .arco-btn-secondary.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-disabled),:where(.tool-reference) .arco-btn-secondary[type="button"].arco-btn-disabled,:where(.tool-reference):is(.arco-btn-secondary[type="button"].arco-btn-disabled),:where(.tool-reference) .arco-btn-secondary[type="submit"].arco-btn-disabled,:where(.tool-reference):is(.arco-btn-secondary[type="submit"].arco-btn-disabled){background-color: var(--color-secondary-disabled); border: 1px solid transparent; color: var(--color-text-4); cursor: not-allowed;}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-warning,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-warning){background-color: var(--color-warning-light-1); border-color: transparent; color: rgb(var(--warning-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-warning:hover,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-warning:hover){background-color: var(--color-warning-light-2); border-color: transparent; color: rgb(var(--warning-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-warning:focus-visible,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-warning:focus-visible){box-shadow: 0 0 0 .25em rgb(var(--warning-3));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-warning:active,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-warning:active){background-color: var(--color-warning-light-3); border-color: transparent; color: rgb(var(--warning-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-warning.arco-btn-loading,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-warning.arco-btn-loading){background-color: var(--color-warning-light-1); border-color: transparent; color: rgb(var(--warning-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled){background-color: var(--color-warning-light-1); border: 1px solid transparent; color: var(--color-warning-light-3);}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-danger,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-danger){background-color: var(--color-danger-light-1); border-color: transparent; color: rgb(var(--danger-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-danger:hover,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-danger:hover){background-color: var(--color-danger-light-2); border-color: transparent; color: rgb(var(--danger-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-danger:focus-visible,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-danger:focus-visible){box-shadow: 0 0 0 .25em rgb(var(--danger-3));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-danger:active,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-danger:active){background-color: var(--color-danger-light-3); border-color: transparent; color: rgb(var(--danger-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-danger.arco-btn-loading,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-danger.arco-btn-loading){background-color: var(--color-danger-light-1); border-color: transparent; color: rgb(var(--danger-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled){background-color: var(--color-danger-light-1); border: 1px solid transparent; color: var(--color-danger-light-3);}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-success,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-success){background-color: var(--color-success-light-1); border-color: transparent; color: rgb(var(--success-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-success:hover,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-success:hover){background-color: var(--color-success-light-2); border-color: transparent; color: rgb(var(--success-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-success:focus-visible,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-success:focus-visible){box-shadow: 0 0 0 .25em rgb(var(--success-3));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-success:active,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-success:active){background-color: var(--color-success-light-3); border-color: transparent; color: rgb(var(--success-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-success.arco-btn-loading,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-success.arco-btn-loading){background-color: var(--color-success-light-1); border-color: transparent; color: rgb(var(--success-6));}
:where(.tool-reference) .arco-btn-secondary.arco-btn-status-success.arco-btn-disabled,:where(.tool-reference):is(.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled){background-color: var(--color-success-light-1); border: 1px solid transparent; color: var(--color-success-light-3);}
:where(.tool-reference) .arco-btn-size-large,:where(.tool-reference):is(.arco-btn-size-large){border-radius: var(--border-radius-small); font-size: 14px; height: 36px; padding: 0px 19px;}
:where(.tool-reference) .arco-btn-size-large:not(.arco-btn-only-icon) .arco-btn-icon,:where(.tool-reference):is(.arco-btn-size-large:not(.arco-btn-only-icon) .arco-btn-icon){margin-right: 8px;}
:where(.tool-reference) .arco-btn-size-large svg,:where(.tool-reference):is(.arco-btn-size-large svg){vertical-align: -2px;}
:where(.tool-reference) .arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading,:where(.tool-reference):is(.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading){padding-left: 8px; padding-right: 8px;}
:where(.tool-reference) .arco-btn-size-large.arco-btn-only-icon,:where(.tool-reference):is(.arco-btn-size-large.arco-btn-only-icon){height: 36px; padding: 0px; width: 36px;}
:where(.tool-reference) .arco-btn-size-large.arco-btn-shape-circle,:where(.tool-reference):is(.arco-btn-size-large.arco-btn-shape-circle){border-radius: var(--border-radius-circle); height: 36px; padding: 0px; text-align: center; width: 36px;}
:where(.tool-reference) .arco-btn-size-large.arco-btn-shape-round,:where(.tool-reference):is(.arco-btn-size-large.arco-btn-shape-round){border-radius: 18px;}
:where(.tool-reference) .arco-btn-group .arco-btn-primary:not(:last-child),:where(.tool-reference):is(.arco-btn-group .arco-btn-primary:not(:last-child)){border-right: 1px solid rgb(var(--primary-5));}
:where(.tool-reference) .arco-btn-group .arco-btn-secondary:not(:last-child),:where(.tool-reference):is(.arco-btn-group .arco-btn-secondary:not(:last-child)){border-right: 1px solid var(--color-secondary-hover);}
:where(.tool-reference) .arco-btn-group .arco-btn:first-child,:where(.tool-reference):is(.arco-btn-group .arco-btn:first-child){border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
:where(.tool-reference) .arco-btn-group .arco-btn:last-child,:where(.tool-reference):is(.arco-btn-group .arco-btn:last-child){border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
:where(.tool-reference) .arco-btn-group .arco-btn:not(:first-child):not(:last-child),:where(.tool-reference):is(.arco-btn-group .arco-btn:not(:first-child):not(:last-child)){border-radius: 0px;}
:where(.tool-reference) ._1dkkaou ._bcwtuj,:where(.tool-reference):is(._1dkkaou ._bcwtuj){margin-bottom: 12px;}
:where(.tool-reference) ._1dkkaou ._1esyqm3,:where(.tool-reference):is(._1dkkaou ._1esyqm3){border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.5rem; box-sizing: border-box; color: rgb(226, 232, 240); font-size: 1.25rem; letter-spacing: 1px; min-height: 69px; padding: 1rem; transition: 0.3s;}
:where(.tool-reference) ._1dkkaou ._1esyqm3,:where(.tool-reference):is(._1dkkaou ._1esyqm3),:where(.tool-reference) ._1dkkaou ._1esyqm3 ._1or5sf9,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._1or5sf9){align-items: center; display: flex; justify-content: center;}
:where(.tool-reference) ._1dkkaou ._1esyqm3 ._1or5sf9,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._1or5sf9){flex-wrap: wrap; user-select: all;}
:where(.tool-reference) ._1dkkaou ._1esyqm3 ._1bs6hyl,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._1bs6hyl){color: rgb(20, 201, 201);}
:where(.tool-reference) ._1dkkaou ._1esyqm3 ._ii7bg0,:where(.tool-reference):is(._1dkkaou ._1esyqm3 ._ii7bg0){color: rgb(22, 93, 255);}
:where(.tool-reference) ._1dkkaou ._vtd6x9,:where(.tool-reference):is(._1dkkaou ._vtd6x9){display: flex; gap: 12px; margin-top: 12px;}
:where(.tool-reference) ._1dkkaou ._vtd6x9 .arco-btn,:where(.tool-reference):is(._1dkkaou ._vtd6x9 .arco-btn){flex: 1 1 0%;}
:where(.tool-reference) ._v1a983 ._stbmnu,:where(.tool-reference):is(._v1a983 ._stbmnu){display: flex; gap: 12px;}
:where(.tool-reference) ._v1a983 ._stbmnu ._1mizso,:where(.tool-reference):is(._v1a983 ._stbmnu ._1mizso){align-items: center; display: flex; gap: 4px;}
:where(.tool-reference) ._v1a983 .arco-divider,:where(.tool-reference):is(._v1a983 .arco-divider){margin: 12px 0px;}
:where(.tool-reference) ._nwnkox .arco-divider,:where(.tool-reference):is(._nwnkox .arco-divider){margin: 12px 0px;}
:where(.tool-reference) ._q9c1af,:where(.tool-reference):is(._q9c1af){display: flex; justify-content: center;}
:where(.tool-reference) ._q9c1af ._m8u1w9,:where(.tool-reference):is(._q9c1af ._m8u1w9){backdrop-filter: blur(12px); background: rgba(30, 41, 59, 0.6); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 1rem; padding: 2rem; width: 462px;}
:where(.tool-reference) ._q9c1af ._m8u1w9 ._lzxcn8,:where(.tool-reference):is(._q9c1af ._m8u1w9 ._lzxcn8){color: var(--text); margin-bottom: 12px;}
:where(.tool-reference) ._q9c1af ._m8u1w9 ._kg7raq,:where(.tool-reference):is(._q9c1af ._m8u1w9 ._kg7raq){text-align: center; width: 150px;}
:where(.tool-reference) ._q9c1af ._m8u1w9 ._kg7raq .arco-radio-button-content,:where(.tool-reference):is(._q9c1af ._m8u1w9 ._kg7raq .arco-radio-button-content){align-items: center; display: flex; gap: 4px; height: 100%; justify-content: center;}
@media (max-width: 450px){:where(.tool-reference) ._q9c1af ._m8u1w9,:where(.tool-reference):is(._q9c1af ._m8u1w9){width: auto;}
:where(.tool-reference) ._q9c1af ._kg7raq,:where(.tool-reference):is(._q9c1af ._kg7raq){width: auto !important;}
}
:where(.tool-reference) ._k0ch20,:where(.tool-reference):is(._k0ch20){font-size: 100%;}
:where(.tool-reference) ._z8jo7n,:where(.tool-reference):is(._z8jo7n){padding-top: 0px;}
:where(.tool-reference) ._z8jo7n ._jdz6b9,:where(.tool-reference):is(._z8jo7n ._jdz6b9){align-items: flex-start; display: flex; gap: 20px;}
:where(.tool-reference) ._z8jo7n ._jdz6b9 ._1de7fil,:where(.tool-reference):is(._z8jo7n ._jdz6b9 ._1de7fil){width: 605px;}
@media (max-width: 1200px){:where(.tool-reference) ._z8jo7n ._jdz6b9,:where(.tool-reference):is(._z8jo7n ._jdz6b9){flex-wrap: wrap; justify-content: center;}
:where(.tool-reference) ._z8jo7n ._jdz6b9 ._1de7fil,:where(.tool-reference):is(._z8jo7n ._jdz6b9 ._1de7fil){width: 100%;}
}
:where(.tool-reference) ._1k0svqv,:where(.tool-reference):is(._1k0svqv){margin-bottom: 16px;}

:where(.tool-reference) ._v2yk82,:where(.tool-reference):is(._v2yk82){background: var(--background--color--1) url("/reference/tools/54a8643d-banner_bg_tiny.D5W9SIMm.jpg") repeat center top/contain;}