: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) ins.adsbygoogle[data-ad-status="unfilled"],:where(.tool-reference):is(ins.adsbygoogle[data-ad-status="unfilled"]){display: none !important;}

: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) ._ka6qqj,:where(.tool-reference):is(._ka6qqj){background-size: cover; box-sizing: border-box; margin: 0px auto; min-height: calc(-64px + 100vh); padding-left: 20px; padding-right: 20px; padding-top: 74px;}
:where(.tool-reference) ._jx1r5k,:where(.tool-reference):is(._jx1r5k){color: var(--text); margin: 0px auto; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._jv36us,:where(.tool-reference):is(._jv36us){color: var(--text); display: flex;}
:where(.tool-reference) ._r9xloc,:where(.tool-reference):is(._r9xloc){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._f0oel9,:where(.tool-reference):is(._f0oel9){padding: 0px 10px;}
:where(.tool-reference) ._1y2iyvb,:where(.tool-reference):is(._1y2iyvb){align-items: center; backdrop-filter: blur(2px); display: flex; margin: 50px auto 20px; max-width: 960px; overflow: hidden;}
:where(.tool-reference) ._1y2iyvb:hover ._1328mft,:where(.tool-reference):is(._1y2iyvb:hover ._1328mft){border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: var(--accent) currentcolor var(--accent) var(--accent); border-image: initial;}
:where(.tool-reference) ._1328mft,:where(.tool-reference):is(._1328mft){align-items: center; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: color-mix(in srgb, var(--text) calc(0.4 * 100%), transparent) currentcolor rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4); border-image: initial; border-bottom-left-radius: 8px; border-top-left-radius: 8px; box-sizing: border-box; display: flex; flex: 1 1 0%; height: 52px; position: relative;}
:where(.tool-reference) ._1328mft:hover,:where(.tool-reference):is(._1328mft:hover){border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: var(--accent) currentcolor var(--accent) var(--accent); border-image: initial;}
:where(.tool-reference) ._1od2z02,:where(.tool-reference):is(._1od2z02){align-items: center; display: flex; margin-left: 16px; margin-right: 8px;}
:where(.tool-reference) ._17gv8mu,:where(.tool-reference):is(._17gv8mu){background-color: transparent; border: 0px; color: var(--text); flex: 1 1 1%; font-size: 16px; height: 100%; outline: 0px; padding: 0px 40px 0px 0px; text-overflow: ellipsis; width: 1%;}
:where(.tool-reference) ._17gv8mu::placeholder,:where(.tool-reference):is(._17gv8mu::placeholder){color: color-mix(in srgb, var(--text) calc(0.3 * 100%), transparent);}
:where(.tool-reference) ._6zcxu4,:where(.tool-reference):is(._6zcxu4){cursor: pointer; position: absolute; right: 15px; top: 14px;}
:where(.tool-reference) ._1dl5sim,:where(.tool-reference):is(._1dl5sim){background-image: linear-gradient(90deg, var(--accent), var(--accent-light)); border-bottom-right-radius: 8px; border-top-right-radius: 8px; color: rgb(31, 37, 66); cursor: pointer; font-size: 16px; font-weight: 600; height: 100%; line-height: 52px; padding: 0px 40px; transition: 0.3s; user-select: none; white-space: nowrap;}
:where(.tool-reference) ._1dl5sim:hover,:where(.tool-reference):is(._1dl5sim:hover){background-image: linear-gradient(90deg, var(--accent), var(--accent));}
:where(.tool-reference) ._l0j6kv,:where(.tool-reference):is(._l0j6kv){background: linear-gradient(167.9deg, rgba(255, 255, 255, 0.2) 0.01%, rgba(213, 124, 255, 0.4) 99.57%); border-radius: 20px; display: flex; flex-wrap: wrap; margin: 15px 0px; padding: 12px 8px;}
:where(.tool-reference) ._icez22,:where(.tool-reference):is(._icez22){box-sizing: border-box; flex: 1 1 25%; min-width: 250px; width: 25%;}
:where(.tool-reference) ._16oo4up,:where(.tool-reference):is(._16oo4up){margin: 20px;}
:where(.tool-reference) ._70usog,:where(.tool-reference):is(._70usog){cursor: pointer; list-style-type: disc; padding: 5px 0px;}
:where(.tool-reference) ._70usog:hover,:where(.tool-reference):is(._70usog:hover){text-decoration: underline;}
:where(.tool-reference) ._h0z7p6,:where(.tool-reference):is(._h0z7p6){font-size: 18px; margin: 1em 0px;}
:where(.tool-reference) ._1gb8o8o,:where(.tool-reference):is(._1gb8o8o),:where(.tool-reference) ._k3iwul,:where(.tool-reference):is(._k3iwul){font-size: 16px; margin-top: 20px;}
:where(.tool-reference) ._k3iwul,:where(.tool-reference):is(._k3iwul){text-indent: 2em;}
:where(.tool-reference) ._7yx0cf,:where(.tool-reference):is(._7yx0cf){border-bottom: 1px dotted rgb(255, 255, 255); color: var(--text); text-decoration: none;}

:where(.tool-reference) ._11xj7yu,:where(.tool-reference):is(._11xj7yu){border-radius: 20px; color: var(--text--color--1); font-weight: 400; padding: 12px 20px;}
:where(.tool-reference) ._11xj7yu:hover,:where(.tool-reference):is(._11xj7yu:hover){background: rgba(255, 255, 255, 0.2);}
:where(.tool-reference) ._to28ap,:where(.tool-reference):is(._to28ap){color: color-mix(in srgb, var(--text) calc(0.6 * 100%), transparent); font-size: 12px; line-height: 18px; margin-bottom: 8px;}
:where(.tool-reference) ._jrskb,:where(.tool-reference):is(._jrskb),:where(.tool-reference) ._to28ap,:where(.tool-reference):is(._to28ap){align-items: center; display: flex;}
:where(.tool-reference) ._jrskb,:where(.tool-reference):is(._jrskb){flex: 1 1 0%;}
:where(.tool-reference) ._1pu5vjm,:where(.tool-reference):is(._1pu5vjm){align-items: center; display: flex; font-size: 16px; line-height: 24px;}
:where(.tool-reference) ._gtrg9a,:where(.tool-reference):is(._gtrg9a){flex: 1 1 0%; word-break: break-all;}
:where(.tool-reference) ._n8lo37 ._to28ap,:where(.tool-reference):is(._n8lo37 ._to28ap){margin-bottom: 0px; margin-right: 10px;}
:where(.tool-reference) ._n8lo37 ._1pu5vjm,:where(.tool-reference):is(._n8lo37 ._1pu5vjm){flex: 1 1 0%; text-align: right;}

: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) ._11xj7yu,:where(.tool-reference):is(._11xj7yu){border-radius: 20px; color: var(--text--color--1); font-weight: 400; padding: 12px 20px;}
:where(.tool-reference) ._11xj7yu:hover,:where(.tool-reference):is(._11xj7yu:hover){background: rgba(255, 255, 255, 0.2);}
:where(.tool-reference) ._to28ap,:where(.tool-reference):is(._to28ap){color: color-mix(in srgb, var(--text) calc(0.6 * 100%), transparent); font-size: 12px; line-height: 18px; margin-bottom: 8px;}
:where(.tool-reference) ._jrskb,:where(.tool-reference):is(._jrskb),:where(.tool-reference) ._to28ap,:where(.tool-reference):is(._to28ap){align-items: center; display: flex;}
:where(.tool-reference) ._jrskb,:where(.tool-reference):is(._jrskb){flex: 1 1 0%;}
:where(.tool-reference) ._1pu5vjm,:where(.tool-reference):is(._1pu5vjm){align-items: center; display: flex; font-size: 16px; line-height: 24px;}
:where(.tool-reference) ._gtrg9a,:where(.tool-reference):is(._gtrg9a){flex: 1 1 0%; word-break: break-all;}
:where(.tool-reference) ._n8lo37 ._to28ap,:where(.tool-reference):is(._n8lo37 ._to28ap){margin-bottom: 0px; margin-right: 10px;}
:where(.tool-reference) ._n8lo37 ._1pu5vjm,:where(.tool-reference):is(._n8lo37 ._1pu5vjm){flex: 1 1 0%; text-align: right;}

: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;}