: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) ._a16i1c,:where(.tool-reference):is(._a16i1c){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) ._y6ozzn,:where(.tool-reference):is(._y6ozzn){color: var(--text); margin: 0px auto; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._5nq7en,:where(.tool-reference):is(._5nq7en){color: var(--text); display: flex;}
:where(.tool-reference) ._tvm4l3,:where(.tool-reference):is(._tvm4l3){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._134l3yu,:where(.tool-reference):is(._134l3yu){padding: 0px 10px;}
:where(.tool-reference) ._s01kle,:where(.tool-reference):is(._s01kle){font-size: 40px; font-style: normal; font-weight: 700; line-height: 60px; margin-bottom: 40px; text-align: center;}
:where(.tool-reference) ._oq8pvq,:where(.tool-reference):is(._oq8pvq){backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 12px; margin-bottom: 88px; padding: 60px 100px;}
:where(.tool-reference) ._n3a3xv,:where(.tool-reference):is(._n3a3xv){display: grid; padding-bottom: 40px; padding-left: 38px; position: relative;}
:where(.tool-reference) ._n3a3xv::before,:where(.tool-reference):is(._n3a3xv::before){background-color: color-mix(in srgb, var(--text) calc(0.2 * 100%), transparent); height: 100%; left: 7px; top: 20px; width: 1px;}
:where(.tool-reference) ._n3a3xv::after,:where(.tool-reference):is(._n3a3xv::after),:where(.tool-reference) ._n3a3xv::before,:where(.tool-reference):is(._n3a3xv::before){content: " "; display: block; position: absolute;}
:where(.tool-reference) ._n3a3xv::after,:where(.tool-reference):is(._n3a3xv::after){background-color: rgb(66, 73, 97); border-radius: 100%; height: 15px; left: 0px; top: 12px; width: 15px;}
:where(.tool-reference) ._n3a3xv:last-child,:where(.tool-reference):is(._n3a3xv:last-child){padding-bottom: 0px;}
:where(.tool-reference) ._n3a3xv:last-child::before,:where(.tool-reference):is(._n3a3xv:last-child::before){visibility: hidden;}
:where(.tool-reference) ._1xjjnip,:where(.tool-reference):is(._1xjjnip){align-items: center; display: flex;}
:where(.tool-reference) ._1cb0zjl,:where(.tool-reference):is(._1cb0zjl){font-size: 24px; font-style: normal; font-weight: 600; line-height: 36px; white-space: nowrap;}
:where(.tool-reference) ._c1hc7q,:where(.tool-reference):is(._c1hc7q){border-left: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; margin-left: 20px; opacity: 0.6; padding-left: 20px;}
:where(.tool-reference) ._124tpzt,:where(.tool-reference):is(._124tpzt){list-style-type: decimal; margin-top: 16px; padding-left: 20px;}
:where(.tool-reference) ._antvi9,:where(.tool-reference):is(._antvi9){font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 4px; opacity: 0.6;}
@media (max-width: 508px){:where(.tool-reference) ._oq8pvq,:where(.tool-reference):is(._oq8pvq){padding: 60px 40px;}
:where(.tool-reference) ._n3a3xv,:where(.tool-reference):is(._n3a3xv){padding-left: 0px;}
:where(.tool-reference) ._n3a3xv::after,:where(.tool-reference):is(._n3a3xv::after),:where(.tool-reference) ._n3a3xv::before,:where(.tool-reference):is(._n3a3xv::before){display: none;}
}

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

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

:where(.tool-reference) ._a16i1c,:where(.tool-reference):is(._a16i1c){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) ._y6ozzn,:where(.tool-reference):is(._y6ozzn){color: var(--text); margin: 0px auto; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._5nq7en,:where(.tool-reference):is(._5nq7en){color: var(--text); display: flex;}
:where(.tool-reference) ._tvm4l3,:where(.tool-reference):is(._tvm4l3){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._134l3yu,:where(.tool-reference):is(._134l3yu){padding: 0px 10px;}
:where(.tool-reference) ._s01kle,:where(.tool-reference):is(._s01kle){font-size: 40px; font-style: normal; font-weight: 700; line-height: 60px; margin-bottom: 40px; text-align: center;}
:where(.tool-reference) ._oq8pvq,:where(.tool-reference):is(._oq8pvq){backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 12px; margin-bottom: 88px; padding: 60px 100px;}
:where(.tool-reference) ._n3a3xv,:where(.tool-reference):is(._n3a3xv){display: grid; padding-bottom: 40px; padding-left: 38px; position: relative;}
:where(.tool-reference) ._n3a3xv::before,:where(.tool-reference):is(._n3a3xv::before){background-color: color-mix(in srgb, var(--text) calc(0.2 * 100%), transparent); height: 100%; left: 7px; top: 20px; width: 1px;}
:where(.tool-reference) ._n3a3xv::after,:where(.tool-reference):is(._n3a3xv::after),:where(.tool-reference) ._n3a3xv::before,:where(.tool-reference):is(._n3a3xv::before){content: " "; display: block; position: absolute;}
:where(.tool-reference) ._n3a3xv::after,:where(.tool-reference):is(._n3a3xv::after){background-color: rgb(66, 73, 97); border-radius: 100%; height: 15px; left: 0px; top: 12px; width: 15px;}
:where(.tool-reference) ._n3a3xv:last-child,:where(.tool-reference):is(._n3a3xv:last-child){padding-bottom: 0px;}
:where(.tool-reference) ._n3a3xv:last-child::before,:where(.tool-reference):is(._n3a3xv:last-child::before){visibility: hidden;}
:where(.tool-reference) ._1xjjnip,:where(.tool-reference):is(._1xjjnip){align-items: center; display: flex;}
:where(.tool-reference) ._1cb0zjl,:where(.tool-reference):is(._1cb0zjl){font-size: 24px; font-style: normal; font-weight: 600; line-height: 36px; white-space: nowrap;}
:where(.tool-reference) ._c1hc7q,:where(.tool-reference):is(._c1hc7q){border-left: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; margin-left: 20px; opacity: 0.6; padding-left: 20px;}
:where(.tool-reference) ._124tpzt,:where(.tool-reference):is(._124tpzt){list-style-type: decimal; margin-top: 16px; padding-left: 20px;}
:where(.tool-reference) ._antvi9,:where(.tool-reference):is(._antvi9){font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 4px; opacity: 0.6;}
@media (max-width: 508px){:where(.tool-reference) ._oq8pvq,:where(.tool-reference):is(._oq8pvq){padding: 60px 40px;}
:where(.tool-reference) ._n3a3xv,:where(.tool-reference):is(._n3a3xv){padding-left: 0px;}
:where(.tool-reference) ._n3a3xv::after,:where(.tool-reference):is(._n3a3xv::after),:where(.tool-reference) ._n3a3xv::before,:where(.tool-reference):is(._n3a3xv::before){display: none;}
}
: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;}