: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) ._yull04,:where(.tool-reference):is(._yull04){background: url("/reference/tools/e3d980e8-content_bg.BQEsWxL5.jpg") 0% 0% / cover repeat-y;}
:where(.tool-reference) ._izpfxz,:where(.tool-reference):is(._izpfxz){margin: 0px auto; max-width: 1200px; padding: 130px 16px 80px;}
:where(.tool-reference) ._1i9pa7l,:where(.tool-reference):is(._1i9pa7l){align-items: center; color: var(--text); display: flex; gap: 10px; margin-bottom: 22px;}
:where(.tool-reference) ._1msvr0w,:where(.tool-reference):is(._1msvr0w){color: rgb(142, 164, 185);}
:where(.tool-reference) ._1vwnzzz,:where(.tool-reference):is(._1vwnzzz){color: rgb(97, 121, 145);}
:where(.tool-reference) ._vjc9ho,:where(.tool-reference):is(._vjc9ho){color: var(--text); font-size: 40px; line-height: 1.22; margin: 0px;}
:where(.tool-reference) ._1ckr1b8,:where(.tool-reference):is(._1ckr1b8){color: rgb(175, 195, 215); font-size: 16px; line-height: 1.7; margin: 14px 0px 34px; max-width: 760px;}
:where(.tool-reference) ._vl3hz9,:where(.tool-reference):is(._vl3hz9){align-items: stretch; display: grid; gap: 24px; grid-template-columns: minmax(0px, 1fr) 330px;}
:where(.tool-reference) ._1l3dklw,:where(.tool-reference):is(._1l3dklw),:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){background: rgba(8, 20, 34, 0.76); border: 1px solid rgba(118, 156, 196, 0.2); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 70px;}
:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){min-height: 560px; overflow: hidden; position: relative;}
:where(.tool-reference) ._p9ez9o,:where(.tool-reference):is(._p9ez9o){height: 560px; width: 100%;}
:where(.tool-reference) ._p9ez9o canvas,:where(.tool-reference):is(._p9ez9o canvas){display: block;}
:where(.tool-reference) ._2c6vls,:where(.tool-reference):is(._2c6vls){align-items: center; backdrop-filter: blur(8px); background: rgba(3, 19, 33, 0.72); border: 1px solid rgba(118, 156, 196, 0.24); border-radius: 8px; color: rgb(220, 235, 250); display: flex; gap: 12px; padding: 12px; position: absolute; right: 18px; top: 18px;}
:where(.tool-reference) ._16fnxd3,:where(.tool-reference):is(._16fnxd3){height: 74px; position: relative; width: 74px;}
:where(.tool-reference) ._16fnxd3::before,:where(.tool-reference):is(._16fnxd3::before){content: ""; height: 6px; left: 34px; top: 34px; width: 6px;}
:where(.tool-reference) ._16fnxd3 i,:where(.tool-reference):is(._16fnxd3 i),:where(.tool-reference) ._16fnxd3::before,:where(.tool-reference):is(._16fnxd3::before){background: rgb(255, 255, 255); border-radius: 50%; position: absolute;}
:where(.tool-reference) ._16fnxd3 i,:where(.tool-reference):is(._16fnxd3 i){box-shadow: rgba(255, 255, 255, 0.72) 0px 0px 16px; height: 12px; left: 31px; top: 31px; transition: transform 0.14s linear; width: 12px;}
:where(.tool-reference) ._1di3xkt,:where(.tool-reference):is(._1di3xkt){height: 2px; left: 37px; position: absolute; top: 37px; transform-origin: 0px 50%; width: 33px;}
:where(.tool-reference) ._1di3xkt::after,:where(.tool-reference):is(._1di3xkt::after){border-bottom: 4px solid transparent; border-top: 4px solid transparent; content: ""; height: 0px; position: absolute; right: -1px; top: -3px; width: 0px;}
:where(.tool-reference) ._dwqqjc,:where(.tool-reference):is(._dwqqjc){background: rgb(255, 91, 110);}
:where(.tool-reference) ._dwqqjc::after,:where(.tool-reference):is(._dwqqjc::after){border-left: 7px solid rgb(255, 91, 110);}
:where(.tool-reference) ._1jvbcv0,:where(.tool-reference):is(._1jvbcv0){background: rgb(74, 255, 189); transform: rotate(-90deg);}
:where(.tool-reference) ._1jvbcv0::after,:where(.tool-reference):is(._1jvbcv0::after){border-left: 7px solid rgb(74, 255, 189);}
:where(.tool-reference) ._9svlen,:where(.tool-reference):is(._9svlen){background: rgb(73, 168, 255); transform: rotate(-45deg);}
:where(.tool-reference) ._9svlen::after,:where(.tool-reference):is(._9svlen::after){border-left: 7px solid rgb(73, 168, 255);}
:where(.tool-reference) ._7pnpd4,:where(.tool-reference):is(._7pnpd4){display: grid; font-size: 12px; font-variant-numeric: tabular-nums; gap: 4px; line-height: 1.25; min-width: 96px;}
:where(.tool-reference) ._7pnpd4 strong,:where(.tool-reference):is(._7pnpd4 strong){color: var(--text); font-size: 12px;}
:where(.tool-reference) ._n9u7jq,:where(.tool-reference):is(._n9u7jq){bottom: 18px; color: rgb(220, 235, 250); display: flex; flex-wrap: wrap; font-size: 13px; gap: 12px; left: 22px; position: absolute;}
:where(.tool-reference) ._n9u7jq span,:where(.tool-reference):is(._n9u7jq span){align-items: center; display: inline-flex; gap: 8px; min-height: 24px;}
:where(.tool-reference) ._n9u7jq i,:where(.tool-reference):is(._n9u7jq i){border-radius: 50%; height: 10px; width: 10px;}
:where(.tool-reference) ._1u6tkb1,:where(.tool-reference):is(._1u6tkb1){background: rgb(255, 91, 110);}
:where(.tool-reference) ._vfdgg8,:where(.tool-reference):is(._vfdgg8){background: rgb(74, 255, 189);}
:where(.tool-reference) ._11k8v47,:where(.tool-reference):is(._11k8v47){background: rgb(73, 168, 255);}
:where(.tool-reference) ._1l3dklw,:where(.tool-reference):is(._1l3dklw){padding: 22px;}
:where(.tool-reference) ._15y1zuu,:where(.tool-reference):is(._15y1zuu){align-items: center; color: var(--text); display: flex; gap: 10px; min-height: 32px;}
:where(.tool-reference) ._yr8x7p,:where(.tool-reference):is(._yr8x7p){align-items: center; background: rgb(74, 255, 189); border: 0px; border-radius: 6px; color: rgb(3, 19, 33); cursor: pointer; display: inline-flex; font-weight: 700; gap: 8px; height: 44px; justify-content: center; margin: 22px 0px; width: 100%;}
:where(.tool-reference) ._7mh2z4,:where(.tool-reference):is(._7mh2z4){display: grid; gap: 12px;}
:where(.tool-reference) ._1xajq33,:where(.tool-reference):is(._1xajq33){background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(118, 156, 196, 0.18); border-radius: 8px; display: grid; gap: 8px; padding: 12px;}
:where(.tool-reference) ._1xajq33 h2,:where(.tool-reference):is(._1xajq33 h2){color: var(--text); font-size: 14px; line-height: 1.3; margin: 0px 0px 2px;}
:where(.tool-reference) ._np4tlv,:where(.tool-reference):is(._np4tlv){align-items: center; background: rgba(255, 255, 255, 0.06); border-radius: 6px; color: rgb(175, 195, 215); display: flex; font-size: 13px; gap: 12px; justify-content: space-between; min-height: 34px; padding: 0px 10px;}
:where(.tool-reference) ._np4tlv strong,:where(.tool-reference):is(._np4tlv strong){color: var(--text); font-variant-numeric: tabular-nums;}
:where(.tool-reference) ._bmy80c,:where(.tool-reference):is(._bmy80c){color: rgb(142, 164, 185); font-size: 13px; line-height: 1.6; margin: 20px 0px 0px;}
@media screen and (max-width: 900px){:where(.tool-reference) ._izpfxz,:where(.tool-reference):is(._izpfxz){padding-top: 110px;}
:where(.tool-reference) ._vl3hz9,:where(.tool-reference):is(._vl3hz9){grid-template-columns: 1fr;}
:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){min-height: 430px;}
:where(.tool-reference) ._p9ez9o,:where(.tool-reference):is(._p9ez9o){height: 430px;}
}
@media screen and (max-width: 520px){:where(.tool-reference) ._vjc9ho,:where(.tool-reference):is(._vjc9ho){font-size: 30px;}
:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){min-height: 360px;}
:where(.tool-reference) ._p9ez9o,:where(.tool-reference):is(._p9ez9o){height: 360px;}
:where(.tool-reference) ._n9u7jq,:where(.tool-reference):is(._n9u7jq){padding: 0px 16px 16px; position: static;}
:where(.tool-reference) ._2c6vls,:where(.tool-reference):is(._2c6vls){justify-content: center; margin: 0px 16px 14px; position: static;}
}

: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) ._yull04,:where(.tool-reference):is(._yull04){background: url("/reference/tools/e3d980e8-content_bg.BQEsWxL5.jpg") 0% 0% / cover repeat-y;}
:where(.tool-reference) ._izpfxz,:where(.tool-reference):is(._izpfxz){margin: 0px auto; max-width: 1200px; padding: 130px 16px 80px;}
:where(.tool-reference) ._1i9pa7l,:where(.tool-reference):is(._1i9pa7l){align-items: center; color: var(--text); display: flex; gap: 10px; margin-bottom: 22px;}
:where(.tool-reference) ._1msvr0w,:where(.tool-reference):is(._1msvr0w){color: rgb(142, 164, 185);}
:where(.tool-reference) ._1vwnzzz,:where(.tool-reference):is(._1vwnzzz){color: rgb(97, 121, 145);}
:where(.tool-reference) ._vjc9ho,:where(.tool-reference):is(._vjc9ho){color: var(--text); font-size: 40px; line-height: 1.22; margin: 0px;}
:where(.tool-reference) ._1ckr1b8,:where(.tool-reference):is(._1ckr1b8){color: rgb(175, 195, 215); font-size: 16px; line-height: 1.7; margin: 14px 0px 34px; max-width: 760px;}
:where(.tool-reference) ._vl3hz9,:where(.tool-reference):is(._vl3hz9){align-items: stretch; display: grid; gap: 24px; grid-template-columns: minmax(0px, 1fr) 330px;}
:where(.tool-reference) ._1l3dklw,:where(.tool-reference):is(._1l3dklw),:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){background: rgba(8, 20, 34, 0.76); border: 1px solid rgba(118, 156, 196, 0.2); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 70px;}
:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){min-height: 560px; overflow: hidden; position: relative;}
:where(.tool-reference) ._p9ez9o,:where(.tool-reference):is(._p9ez9o){height: 560px; width: 100%;}
:where(.tool-reference) ._p9ez9o canvas,:where(.tool-reference):is(._p9ez9o canvas){display: block;}
:where(.tool-reference) ._2c6vls,:where(.tool-reference):is(._2c6vls){align-items: center; backdrop-filter: blur(8px); background: rgba(3, 19, 33, 0.72); border: 1px solid rgba(118, 156, 196, 0.24); border-radius: 8px; color: rgb(220, 235, 250); display: flex; gap: 12px; padding: 12px; position: absolute; right: 18px; top: 18px;}
:where(.tool-reference) ._16fnxd3,:where(.tool-reference):is(._16fnxd3){height: 74px; position: relative; width: 74px;}
:where(.tool-reference) ._16fnxd3::before,:where(.tool-reference):is(._16fnxd3::before){content: ""; height: 6px; left: 34px; top: 34px; width: 6px;}
:where(.tool-reference) ._16fnxd3 i,:where(.tool-reference):is(._16fnxd3 i),:where(.tool-reference) ._16fnxd3::before,:where(.tool-reference):is(._16fnxd3::before){background: rgb(255, 255, 255); border-radius: 50%; position: absolute;}
:where(.tool-reference) ._16fnxd3 i,:where(.tool-reference):is(._16fnxd3 i){box-shadow: rgba(255, 255, 255, 0.72) 0px 0px 16px; height: 12px; left: 31px; top: 31px; transition: transform 0.14s linear; width: 12px;}
:where(.tool-reference) ._1di3xkt,:where(.tool-reference):is(._1di3xkt){height: 2px; left: 37px; position: absolute; top: 37px; transform-origin: 0px 50%; width: 33px;}
:where(.tool-reference) ._1di3xkt::after,:where(.tool-reference):is(._1di3xkt::after){border-bottom: 4px solid transparent; border-top: 4px solid transparent; content: ""; height: 0px; position: absolute; right: -1px; top: -3px; width: 0px;}
:where(.tool-reference) ._dwqqjc,:where(.tool-reference):is(._dwqqjc){background: rgb(255, 91, 110);}
:where(.tool-reference) ._dwqqjc::after,:where(.tool-reference):is(._dwqqjc::after){border-left: 7px solid rgb(255, 91, 110);}
:where(.tool-reference) ._1jvbcv0,:where(.tool-reference):is(._1jvbcv0){background: rgb(74, 255, 189); transform: rotate(-90deg);}
:where(.tool-reference) ._1jvbcv0::after,:where(.tool-reference):is(._1jvbcv0::after){border-left: 7px solid rgb(74, 255, 189);}
:where(.tool-reference) ._9svlen,:where(.tool-reference):is(._9svlen){background: rgb(73, 168, 255); transform: rotate(-45deg);}
:where(.tool-reference) ._9svlen::after,:where(.tool-reference):is(._9svlen::after){border-left: 7px solid rgb(73, 168, 255);}
:where(.tool-reference) ._7pnpd4,:where(.tool-reference):is(._7pnpd4){display: grid; font-size: 12px; font-variant-numeric: tabular-nums; gap: 4px; line-height: 1.25; min-width: 96px;}
:where(.tool-reference) ._7pnpd4 strong,:where(.tool-reference):is(._7pnpd4 strong){color: var(--text); font-size: 12px;}
:where(.tool-reference) ._n9u7jq,:where(.tool-reference):is(._n9u7jq){bottom: 18px; color: rgb(220, 235, 250); display: flex; flex-wrap: wrap; font-size: 13px; gap: 12px; left: 22px; position: absolute;}
:where(.tool-reference) ._n9u7jq span,:where(.tool-reference):is(._n9u7jq span){align-items: center; display: inline-flex; gap: 8px; min-height: 24px;}
:where(.tool-reference) ._n9u7jq i,:where(.tool-reference):is(._n9u7jq i){border-radius: 50%; height: 10px; width: 10px;}
:where(.tool-reference) ._1u6tkb1,:where(.tool-reference):is(._1u6tkb1){background: rgb(255, 91, 110);}
:where(.tool-reference) ._vfdgg8,:where(.tool-reference):is(._vfdgg8){background: rgb(74, 255, 189);}
:where(.tool-reference) ._11k8v47,:where(.tool-reference):is(._11k8v47){background: rgb(73, 168, 255);}
:where(.tool-reference) ._1l3dklw,:where(.tool-reference):is(._1l3dklw){padding: 22px;}
:where(.tool-reference) ._15y1zuu,:where(.tool-reference):is(._15y1zuu){align-items: center; color: var(--text); display: flex; gap: 10px; min-height: 32px;}
:where(.tool-reference) ._yr8x7p,:where(.tool-reference):is(._yr8x7p){align-items: center; background: rgb(74, 255, 189); border: 0px; border-radius: 6px; color: rgb(3, 19, 33); cursor: pointer; display: inline-flex; font-weight: 700; gap: 8px; height: 44px; justify-content: center; margin: 22px 0px; width: 100%;}
:where(.tool-reference) ._7mh2z4,:where(.tool-reference):is(._7mh2z4){display: grid; gap: 12px;}
:where(.tool-reference) ._1xajq33,:where(.tool-reference):is(._1xajq33){background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(118, 156, 196, 0.18); border-radius: 8px; display: grid; gap: 8px; padding: 12px;}
:where(.tool-reference) ._1xajq33 h2,:where(.tool-reference):is(._1xajq33 h2){color: var(--text); font-size: 14px; line-height: 1.3; margin: 0px 0px 2px;}
:where(.tool-reference) ._np4tlv,:where(.tool-reference):is(._np4tlv){align-items: center; background: rgba(255, 255, 255, 0.06); border-radius: 6px; color: rgb(175, 195, 215); display: flex; font-size: 13px; gap: 12px; justify-content: space-between; min-height: 34px; padding: 0px 10px;}
:where(.tool-reference) ._np4tlv strong,:where(.tool-reference):is(._np4tlv strong){color: var(--text); font-variant-numeric: tabular-nums;}
:where(.tool-reference) ._bmy80c,:where(.tool-reference):is(._bmy80c){color: rgb(142, 164, 185); font-size: 13px; line-height: 1.6; margin: 20px 0px 0px;}
@media screen and (max-width: 900px){:where(.tool-reference) ._izpfxz,:where(.tool-reference):is(._izpfxz){padding-top: 110px;}
:where(.tool-reference) ._vl3hz9,:where(.tool-reference):is(._vl3hz9){grid-template-columns: 1fr;}
:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){min-height: 430px;}
:where(.tool-reference) ._p9ez9o,:where(.tool-reference):is(._p9ez9o){height: 430px;}
}
@media screen and (max-width: 520px){:where(.tool-reference) ._vjc9ho,:where(.tool-reference):is(._vjc9ho){font-size: 30px;}
:where(.tool-reference) ._y1n2vt,:where(.tool-reference):is(._y1n2vt){min-height: 360px;}
:where(.tool-reference) ._p9ez9o,:where(.tool-reference):is(._p9ez9o){height: 360px;}
:where(.tool-reference) ._n9u7jq,:where(.tool-reference):is(._n9u7jq){padding: 0px 16px 16px; position: static;}
:where(.tool-reference) ._2c6vls,:where(.tool-reference):is(._2c6vls){justify-content: center; margin: 0px 16px 14px; position: static;}
}

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