@keyframes cm-blink { 
  50% { opacity: 0; }
}
@keyframes cm-blink2 { 
  50% { opacity: 0; }
}


: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) ._vwrvq7,:where(.tool-reference):is(._vwrvq7){background-size: cover; box-sizing: border-box; margin: 0px auto; min-height: calc(-64px + 100vh); padding-left: 20px; padding-right: 20px; padding-top: 88px;}
:where(.tool-reference) ._tze69o,:where(.tool-reference):is(._tze69o){margin: 0px auto; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._1whqv8a,:where(.tool-reference):is(._1whqv8a),:where(.tool-reference) ._67ofpv,:where(.tool-reference):is(._67ofpv){color: var(--text);}
:where(.tool-reference) ._1whqv8a,:where(.tool-reference):is(._1whqv8a){opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._1sx8nzv,:where(.tool-reference):is(._1sx8nzv){padding: 0px 10px;}
:where(.tool-reference) ._fm84jz,:where(.tool-reference):is(._fm84jz){color: var(--text); font-size: 40px; font-style: normal; font-weight: 700; line-height: 60px; margin: 0px auto 40px; max-width: 600px; text-align: center;}
:where(.tool-reference) ._1wcj9pe,:where(.tool-reference):is(._1wcj9pe){display: flex; height: calc(-500px + 100vh);}
:where(.tool-reference) ._71si3l,:where(.tool-reference):is(._71si3l){backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.04); border: 0px; box-sizing: border-box; color: var(--text); height: 100%; outline: none; overflow: auto; padding: 16px 20px; resize: none; width: 100%; display: block !important;}
:where(.tool-reference) ._71si3l .cm-editor,:where(.tool-reference):is(._71si3l .cm-editor),:where(.tool-reference) ._71si3l .cm-gutters,:where(.tool-reference):is(._71si3l .cm-gutters){background-color: transparent;}
:where(.tool-reference) ._71si3l .ͼ1 .cm-scroller,:where(.tool-reference):is(._71si3l .ͼ1 .cm-scroller){font-family: rubik, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;}
:where(.tool-reference) ._kwaxfs,:where(.tool-reference):is(._kwaxfs){background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 12px 0px 0px 12px; box-sizing: border-box; color: var(--text); flex: 1 1 0%; outline: none; overflow: auto; padding: 16px 20px; resize: none; width: 100%; display: block !important;}
:where(.tool-reference) ._15y9431,:where(.tool-reference):is(._15y9431),:where(.tool-reference) ._kwaxfs,:where(.tool-reference):is(._kwaxfs){backdrop-filter: blur(5px);}
:where(.tool-reference) ._15y9431,:where(.tool-reference):is(._15y9431){background: transparent; border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: color-mix(in srgb, var(--text) calc(0.4 * 100%), transparent) rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4) currentcolor; border-image: initial; border-radius: 0px 12px 12px 0px; flex: 2 1 0%; overflow: hidden; position: relative;}
:where(.tool-reference) ._9pm5yq,:where(.tool-reference):is(._9pm5yq){align-items: center; backdrop-filter: blur(2.5px); background: linear-gradient(90deg, rgba(213, 124, 255, 0.05), rgba(255, 255, 255, 0.07)); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 8px; box-sizing: border-box; color: var(--text); display: flex; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding: 12px 20px; position: absolute; right: 20px; top: 16px;}
:where(.tool-reference) ._9pm5yq:hover,:where(.tool-reference):is(._9pm5yq:hover){border: 1px solid var(--accent);}
:where(.tool-reference) ._9pm5yq[disabled],:where(.tool-reference):is(._9pm5yq[disabled]){border: 1px solid rgba(255, 255, 255, 0.8); opacity: 0.5;}
:where(.tool-reference) ._18xyeba,:where(.tool-reference):is(._18xyeba){margin-right: 8px;}
:where(.tool-reference) ._1nq3c56,:where(.tool-reference):is(._1nq3c56){color: var(--text); font-size: 32px; font-weight: 400; margin: 20px 0px; text-align: center;}
:where(.tool-reference) ._1gaaojj,:where(.tool-reference):is(._1gaaojj){color: var(--text); font-size: 16px; line-height: 2; padding: 10px 0px; text-indent: 2em;}
:where(.tool-reference) ._836shj,:where(.tool-reference):is(._836shj){border-radius: 20px; display: block; margin: 0px auto; max-height: 300px; max-width: 100%; opacity: 0.7;}
@media (max-width: 700px){:where(.tool-reference) ._1wcj9pe,:where(.tool-reference):is(._1wcj9pe){flex-wrap: wrap;}
:where(.tool-reference) ._15y9431,:where(.tool-reference):is(._15y9431){border: 1px solid rgba(255, 255, 255, 0.4); flex: 1 1 100%;}
}

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