: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) ._9sfc3h,:where(.tool-reference):is(._9sfc3h){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) ._1g1nibi,:where(.tool-reference):is(._1g1nibi){color: var(--text); margin: 0px auto 80px; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._4hhbg2,:where(.tool-reference):is(._4hhbg2){color: var(--text); display: flex;}
:where(.tool-reference) ._1e17916,:where(.tool-reference):is(._1e17916){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._1ic7q9n,:where(.tool-reference):is(._1ic7q9n){padding: 0px 10px;}
:where(.tool-reference) ._1hn4q26,:where(.tool-reference):is(._1hn4q26){color: var(--text); font-weight: 400; text-align: center;}
:where(.tool-reference) ._1hn4q26,:where(.tool-reference):is(._1hn4q26){font-size: 28px; margin: 40px 0px 20px;}
:where(.tool-reference) ._38v3p0,:where(.tool-reference):is(._38v3p0){color: var(--text); font-size: 18px; font-weight: 400;}
:where(.tool-reference) ._1o6ec6q,:where(.tool-reference):is(._1o6ec6q){color: var(--text); font-size: 16px; line-height: 2; opacity: 0.9; padding: 10px 0px; text-indent: 2em;}
:where(.tool-reference) ._xl07qm,:where(.tool-reference):is(._xl07qm){height: 250px;}
:where(.tool-reference) ._xdkj94,:where(.tool-reference):is(._xdkj94),:where(.tool-reference) ._xl07qm,:where(.tool-reference):is(._xl07qm){display: block; margin: auto; max-width: 100%;}
:where(.tool-reference) ._xdkj94,:where(.tool-reference):is(._xdkj94){height: 60px;}
:where(.tool-reference) ._1lt2uxz,:where(.tool-reference):is(._1lt2uxz){background: linear-gradient(167.9deg, rgba(255, 255, 255, 0.2) 0.01%, rgba(213, 124, 255, 0.4) 99.57%); border-radius: 20px; padding: 20px;}
:where(.tool-reference) ._1lt2uxz,:where(.tool-reference):is(._1lt2uxz),:where(.tool-reference) ._ri9zl8,:where(.tool-reference):is(._ri9zl8){display: flex; flex-wrap: wrap;}
:where(.tool-reference) ._ri9zl8,:where(.tool-reference):is(._ri9zl8){border-radius: 8px; flex: 1 1 40%; padding: 15px 20px; width: 40%;}
:where(.tool-reference) ._ri9zl8:hover,:where(.tool-reference):is(._ri9zl8:hover){background: rgba(213, 124, 255, 0.2);}
:where(.tool-reference) ._11q93pf,:where(.tool-reference):is(._11q93pf){border-radius: 8px; display: flex; flex: 1 1 100%; padding: 15px 20px; width: 100%;}
:where(.tool-reference) ._11q93pf:hover,:where(.tool-reference):is(._11q93pf:hover){background: rgba(213, 124, 255, 0.2);}
:where(.tool-reference) ._11q93pf:first-of-type,:where(.tool-reference):is(._11q93pf:first-of-type){border-bottom: 1px solid rgb(255, 255, 255);}
:where(.tool-reference) ._6g2fdi,:where(.tool-reference):is(._6g2fdi){border-top: 1px solid rgba(255, 255, 255, 0.3); margin: 10px 0px; width: 100%;}
:where(.tool-reference) ._ji5uc2,:where(.tool-reference):is(._ji5uc2){margin-left: 4px;}
:where(.tool-reference) ._iyimje,:where(.tool-reference):is(._iyimje){opacity: 0.6;}
:where(.tool-reference) ._1s1uh58,:where(.tool-reference):is(._1s1uh58){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: 20px 0px; padding: 24px 10px;}
:where(.tool-reference) ._h2zhnj,:where(.tool-reference):is(._h2zhnj){flex: 1 1 40%; min-width: 250px; width: 50%;}
:where(.tool-reference) ._18prm1x,:where(.tool-reference):is(._18prm1x){backdrop-filter: blur(5px); border: 1px solid rgb(255, 255, 255); border-collapse: collapse; margin: 10px 0px; min-width: 500px; width: 100%;}
:where(.tool-reference) ._18prm1x tr,:where(.tool-reference):is(._18prm1x tr){align-items: flex-start;}
:where(.tool-reference) ._175ehom,:where(.tool-reference):is(._175ehom),:where(.tool-reference) ._87lnuz,:where(.tool-reference):is(._87lnuz){background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px 20px; vertical-align: top; word-break: break-word;}
:where(.tool-reference) ._175ehom:hover,:where(.tool-reference):is(._175ehom:hover),:where(.tool-reference) ._87lnuz:hover,:where(.tool-reference):is(._87lnuz:hover){background: rgba(255, 255, 255, 0.5);}
:where(.tool-reference) ._175ehom,:where(.tool-reference):is(._175ehom){background: rgba(255, 255, 255, 0.2); font-weight: 700; width: 150px;}
:where(.tool-reference) ._11va7oq,:where(.tool-reference):is(._11va7oq){overflow: auto;}

: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) .skeleton-line,:where(.tool-reference):is(.skeleton-line){list-style: none; margin: 0px; padding: 0px;}
:where(.tool-reference) .skeleton-line-row,:where(.tool-reference):is(.skeleton-line-row){background-color: rgba(242, 243, 245, 0.6); border-radius: 5px; height: 16px;}
:where(.tool-reference) .skeleton-line-row:not(:last-child),:where(.tool-reference):is(.skeleton-line-row:not(:last-child)){margin-bottom: 16px;}
:where(.tool-reference) .skeleton-animation .skeleton-line-row,:where(.tool-reference):is(.skeleton-animation .skeleton-line-row),:where(.tool-reference) .skeleton-animation .skeleton-shape,:where(.tool-reference):is(.skeleton-animation .skeleton-shape){animation: 1.5s linear 0s infinite normal none running skeleton-circle; background: linear-gradient(90deg, rgba(242, 243, 245, 0.6) 25%, rgb(107, 119, 133) 37%, rgba(242, 243, 245, 0.6) 63%) 0% 0% / 400% 100%;}
@keyframes skeleton-circle { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}

:where(.tool-reference) .skeleton-line,:where(.tool-reference):is(.skeleton-line){list-style: none; margin: 0px; padding: 0px;}
:where(.tool-reference) .skeleton-line-row,:where(.tool-reference):is(.skeleton-line-row){background-color: rgba(242, 243, 245, 0.6); border-radius: 5px; height: 16px;}
:where(.tool-reference) .skeleton-line-row:not(:last-child),:where(.tool-reference):is(.skeleton-line-row:not(:last-child)){margin-bottom: 16px;}
:where(.tool-reference) .skeleton-animation .skeleton-line-row,:where(.tool-reference):is(.skeleton-animation .skeleton-line-row),:where(.tool-reference) .skeleton-animation .skeleton-shape,:where(.tool-reference):is(.skeleton-animation .skeleton-shape){animation: 1.5s linear 0s infinite normal none running skeleton-circle; background: linear-gradient(90deg, rgba(242, 243, 245, 0.6) 25%, rgb(107, 119, 133) 37%, rgba(242, 243, 245, 0.6) 63%) 0% 0% / 400% 100%;}
@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;}