: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) ._u9121r,:where(.tool-reference):is(._u9121r){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) ._1ux2dto,:where(.tool-reference):is(._1ux2dto){color: var(--text); margin: 0px auto; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._1yjlq40,:where(.tool-reference):is(._1yjlq40){color: var(--text); display: flex;}
:where(.tool-reference) ._1lopsfs,:where(.tool-reference):is(._1lopsfs){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._kxi7tl,:where(.tool-reference):is(._kxi7tl){padding: 0px 10px;}
:where(.tool-reference) ._7ixqod,:where(.tool-reference):is(._7ixqod){flex: 0 0 400px;}
:where(.tool-reference) ._7ixqod,:where(.tool-reference):is(._7ixqod),:where(.tool-reference) ._vsvnnv,:where(.tool-reference):is(._vsvnnv){align-items: center;}
:where(.tool-reference) ._vsvnnv,:where(.tool-reference):is(._vsvnnv){display: flex; flex-direction: column; margin: 20px 0px;}
:where(.tool-reference) ._1smglfq,:where(.tool-reference):is(._1smglfq){height: 300px; margin: 20px auto 0px; position: relative; width: 400px;}
:where(.tool-reference) ._ovt7rq,:where(.tool-reference):is(._ovt7rq){display: block; height: 100%; width: 100%;}
:where(.tool-reference) ._1bw9ijt,:where(.tool-reference):is(._1bw9ijt){display: block; font-size: 36px; height: 50%; left: 0px;}
:where(.tool-reference) ._1bw9ijt,:where(.tool-reference):is(._1bw9ijt){bottom: 0px; position: absolute; text-align: center; width: 100%;}
:where(.tool-reference) ._afbe5b,:where(.tool-reference):is(._afbe5b){font-size: 16px;}
:where(.tool-reference) ._1knkb51,:where(.tool-reference):is(._1knkb51){left: 50%; list-style-type: none; padding: 0px; top: 50%;}
:where(.tool-reference) ._1knkb51,:where(.tool-reference):is(._1knkb51),:where(.tool-reference) ._doeplz,:where(.tool-reference):is(._doeplz){position: absolute;}
:where(.tool-reference) ._doeplz:first-child,:where(.tool-reference):is(._doeplz:first-child){transform: rotate(140deg) translate(120px) rotate(220deg);}
:where(.tool-reference) ._doeplz:nth-child(2),:where(.tool-reference):is(._doeplz:nth-child(2)){transform: rotate(180deg) translate(120px) rotate(180deg);}
:where(.tool-reference) ._doeplz:nth-child(3),:where(.tool-reference):is(._doeplz:nth-child(3)){transform: rotate(220deg) translate(120px) rotate(140deg);}
:where(.tool-reference) ._doeplz:nth-child(4),:where(.tool-reference):is(._doeplz:nth-child(4)){transform: rotate(265deg) translate(120px) rotate(95deg);}
:where(.tool-reference) ._doeplz:nth-child(5),:where(.tool-reference):is(._doeplz:nth-child(5)){transform: rotate(310deg) translate(100px) rotate(50deg);}
:where(.tool-reference) ._doeplz:nth-child(6),:where(.tool-reference):is(._doeplz:nth-child(6)){transform: rotate(1turn) translate(90px) rotate(0deg);}
:where(.tool-reference) ._doeplz:nth-child(7),:where(.tool-reference):is(._doeplz:nth-child(7)){transform: rotate(52deg) translate(90px) rotate(308deg);}
:where(.tool-reference) ._1nqzld9,:where(.tool-reference):is(._1nqzld9){align-items: center; display: flex; justify-content: center; margin-bottom: 20px;}
:where(.tool-reference) ._s3r4wl,:where(.tool-reference):is(._s3r4wl){margin-right: 10px;}
:where(.tool-reference) ._1jk3jnq,:where(.tool-reference):is(._1jk3jnq){font-size: 12px;}
:where(.tool-reference) ._72o2pd,:where(.tool-reference):is(._72o2pd){align-items: center; display: flex; font-size: 16px; margin-right: -24px;}
:where(.tool-reference) ._72o2pd a,:where(.tool-reference):is(._72o2pd a){color: var(--text);}
:where(.tool-reference) ._1robmlk,:where(.tool-reference):is(._1robmlk){display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; margin-left: 20px; min-width: 250px; padding: 12px 10px 20px;}
:where(.tool-reference) ._y7inlk,:where(.tool-reference):is(._y7inlk){display: flex; flex-wrap: wrap; gap: 12px; margin: 0px 10px 12px;}
:where(.tool-reference) ._xbiay3,:where(.tool-reference):is(._xbiay3){align-items: baseline; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 12px; color: color-mix(in srgb, var(--text) calc(0.62 * 100%), transparent); display: flex; flex: 1 1 120px; font-size: 12px; gap: 6px; padding: 10px 14px;}
:where(.tool-reference) ._xbiay3 strong,:where(.tool-reference):is(._xbiay3 strong){color: var(--text); font-size: 20px; font-weight: 500;}
:where(.tool-reference) ._xbiay3 small,:where(.tool-reference):is(._xbiay3 small){font-size: 11px;}
:where(.tool-reference) ._ges2q1,:where(.tool-reference):is(._ges2q1){height: 18px; margin-left: 10px; width: 24px;}
:where(.tool-reference) ._1bqnmgm,:where(.tool-reference):is(._1bqnmgm),:where(.tool-reference) ._x0avwm,:where(.tool-reference):is(._x0avwm){align-items: center; background: linear-gradient(110deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.016)); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset; display: flex; margin: 6px 10px; min-height: 150px; overflow: hidden; padding: 16px 18px;}
:where(.tool-reference) ._8ol62d,:where(.tool-reference):is(._8ol62d){flex: 0 0 auto; line-height: 1;}
:where(.tool-reference) ._jlllbf,:where(.tool-reference):is(._jlllbf){flex: 1 1 0%; margin-left: 20px; min-width: 0px;}
:where(.tool-reference) ._1338m06,:where(.tool-reference):is(._1338m06){display: block; height: 138px; width: 100%;}
:where(.tool-reference) ._1ev7fvj,:where(.tool-reference):is(._1ev7fvj){font-size: 18px;}
:where(.tool-reference) ._9fbpm0,:where(.tool-reference):is(._9fbpm0){color: var(--accent); font-size: 48px; margin-top: 10px;}
:where(.tool-reference) ._7sava0,:where(.tool-reference):is(._7sava0){color: rgb(74, 255, 189);}
:where(.tool-reference) ._1f9mder,:where(.tool-reference):is(._1f9mder){color: color-mix(in srgb, var(--text) calc(0.5 * 100%), transparent); font-size: 12px; margin-top: 9px; white-space: nowrap;}
:where(.tool-reference) ._13ihdtw,:where(.tool-reference):is(._13ihdtw){align-items: center; background-image: linear-gradient(90deg, var(--accent), var(--accent-light)); border: 0px; border-radius: 100%; color: rgb(0, 0, 0); display: flex; font-size: 16px; height: 160px; justify-content: center; margin: 100px auto 50px; position: relative; width: 160px;}
:where(.tool-reference) ._13ihdtw:hover,:where(.tool-reference):is(._13ihdtw:hover){background: var(--accent);}
:where(.tool-reference) ._13ihdtw::after,:where(.tool-reference):is(._13ihdtw::after){animation: 2s ease-out 2s infinite normal both running _1yr3br2; border: 2px solid var(--accent); border-radius: 100%; content: " "; display: block; inset: 0px; opacity: 0; position: absolute;}
:where(.tool-reference) ._13ihdtw:disabled::after,:where(.tool-reference):is(._13ihdtw:disabled::after){animation: auto ease 0s 1 normal none running none;}
@keyframes _1yr3br2 { 
  0% { opacity: 0; transform: scale(1); }
  12.5% { opacity: 0; transform: scale(0.995); }
  16.667% { opacity: 1; }
  50% { opacity: 0; transform: scale(1.3); }
}
:where(.tool-reference) ._iji9qp,:where(.tool-reference):is(._iji9qp){color: var(--text); font-size: 24px; margin: 1em 0px 0px; text-align: center;}
:where(.tool-reference) ._xyjynw,:where(.tool-reference):is(._xyjynw){font-size: 12px; text-align: center;}
:where(.tool-reference) ._f63qhz,:where(.tool-reference):is(._f63qhz){display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -10px; margin-right: -10px; margin-top: 20px; padding-bottom: 80px; position: relative;}
:where(.tool-reference) ._grgomz,:where(.tool-reference):is(._grgomz){align-items: stretch; backdrop-filter: blur(3px); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; box-shadow: rgba(9, 8, 45, 0.2) 0px 12px 48px; color: var(--text); cursor: pointer; display: flex; justify-content: center; margin: 5px 10px; padding: 10px 15px; text-decoration: none;}
:where(.tool-reference) ._grgomz:hover,:where(.tool-reference):is(._grgomz:hover){background: rgba(255, 255, 255, 0.12);}
:where(.tool-reference) ._1ohoaya,:where(.tool-reference):is(._1ohoaya){margin-right: 10px;}
:where(.tool-reference) ._102j14n,:where(.tool-reference):is(._102j14n),:where(.tool-reference) ._1qxxqjw,:where(.tool-reference):is(._1qxxqjw){flex: 0 0 auto; width: auto;}
@keyframes _3urmmj { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
:where(.tool-reference) ._i959yu,:where(.tool-reference):is(._i959yu){position: absolute; text-indent: -9999px; visibility: hidden;}
:where(.tool-reference) ._1xkq0e7,:where(.tool-reference):is(._1xkq0e7){}
:where(.tool-reference) ._5frzmd,:where(.tool-reference):is(._5frzmd){display: flex; flex-wrap: wrap; justify-content: center;}
@media (max-width: 760px){:where(.tool-reference) ._1robmlk,:where(.tool-reference):is(._1robmlk){margin-left: 0px; padding-left: 0px; padding-right: 0px; width: 100%;}
:where(.tool-reference) ._y7inlk,:where(.tool-reference):is(._y7inlk){margin-left: 0px; margin-right: 0px;}
:where(.tool-reference) ._xbiay3,:where(.tool-reference):is(._xbiay3){flex: 1 1 0%; justify-content: center; padding-left: 8px; padding-right: 8px;}
:where(.tool-reference) ._1bqnmgm,:where(.tool-reference):is(._1bqnmgm),:where(.tool-reference) ._x0avwm,:where(.tool-reference):is(._x0avwm){margin-left: 0px; margin-right: 0px; padding: 14px;}
:where(.tool-reference) ._9fbpm0,:where(.tool-reference):is(._9fbpm0){font-size: 38px;}
:where(.tool-reference) ._jlllbf,:where(.tool-reference):is(._jlllbf){margin-left: 12px;}
:where(.tool-reference) ._1338m06,:where(.tool-reference):is(._1338m06){height: 112px;}
}
@keyframes _1nbsrqe { 
  100% { transform: rotate(1turn); }
}

:where(.tool-reference) .drawing_canvas,:where(.tool-reference):is(.drawing_canvas){display: none; height: 512px; inset: 70px 0px 0px 50%; pointer-events: none; position: absolute; transform: translate(-50%); width: 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) ._u9121r,:where(.tool-reference):is(._u9121r){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) ._1ux2dto,:where(.tool-reference):is(._1ux2dto){color: var(--text); margin: 0px auto; max-width: 1200px; padding: 10px 0px;}
:where(.tool-reference) ._1yjlq40,:where(.tool-reference):is(._1yjlq40){color: var(--text); display: flex;}
:where(.tool-reference) ._1lopsfs,:where(.tool-reference):is(._1lopsfs){color: var(--text); opacity: 0.6; text-decoration: none;}
:where(.tool-reference) ._kxi7tl,:where(.tool-reference):is(._kxi7tl){padding: 0px 10px;}
:where(.tool-reference) ._7ixqod,:where(.tool-reference):is(._7ixqod){flex: 0 0 400px;}
:where(.tool-reference) ._7ixqod,:where(.tool-reference):is(._7ixqod),:where(.tool-reference) ._vsvnnv,:where(.tool-reference):is(._vsvnnv){align-items: center;}
:where(.tool-reference) ._vsvnnv,:where(.tool-reference):is(._vsvnnv){display: flex; flex-direction: column; margin: 20px 0px;}
:where(.tool-reference) ._1smglfq,:where(.tool-reference):is(._1smglfq){height: 300px; margin: 20px auto 0px; position: relative; width: 400px;}
:where(.tool-reference) ._ovt7rq,:where(.tool-reference):is(._ovt7rq){display: block; height: 100%; width: 100%;}
:where(.tool-reference) ._1bw9ijt,:where(.tool-reference):is(._1bw9ijt){display: block; font-size: 36px; height: 50%; left: 0px;}
:where(.tool-reference) ._1bw9ijt,:where(.tool-reference):is(._1bw9ijt){bottom: 0px; position: absolute; text-align: center; width: 100%;}
:where(.tool-reference) ._afbe5b,:where(.tool-reference):is(._afbe5b){font-size: 16px;}
:where(.tool-reference) ._1knkb51,:where(.tool-reference):is(._1knkb51){left: 50%; list-style-type: none; padding: 0px; top: 50%;}
:where(.tool-reference) ._1knkb51,:where(.tool-reference):is(._1knkb51),:where(.tool-reference) ._doeplz,:where(.tool-reference):is(._doeplz){position: absolute;}
:where(.tool-reference) ._doeplz:first-child,:where(.tool-reference):is(._doeplz:first-child){transform: rotate(140deg) translate(120px) rotate(220deg);}
:where(.tool-reference) ._doeplz:nth-child(2),:where(.tool-reference):is(._doeplz:nth-child(2)){transform: rotate(180deg) translate(120px) rotate(180deg);}
:where(.tool-reference) ._doeplz:nth-child(3),:where(.tool-reference):is(._doeplz:nth-child(3)){transform: rotate(220deg) translate(120px) rotate(140deg);}
:where(.tool-reference) ._doeplz:nth-child(4),:where(.tool-reference):is(._doeplz:nth-child(4)){transform: rotate(265deg) translate(120px) rotate(95deg);}
:where(.tool-reference) ._doeplz:nth-child(5),:where(.tool-reference):is(._doeplz:nth-child(5)){transform: rotate(310deg) translate(100px) rotate(50deg);}
:where(.tool-reference) ._doeplz:nth-child(6),:where(.tool-reference):is(._doeplz:nth-child(6)){transform: rotate(1turn) translate(90px) rotate(0deg);}
:where(.tool-reference) ._doeplz:nth-child(7),:where(.tool-reference):is(._doeplz:nth-child(7)){transform: rotate(52deg) translate(90px) rotate(308deg);}
:where(.tool-reference) ._1nqzld9,:where(.tool-reference):is(._1nqzld9){align-items: center; display: flex; justify-content: center; margin-bottom: 20px;}
:where(.tool-reference) ._s3r4wl,:where(.tool-reference):is(._s3r4wl){margin-right: 10px;}
:where(.tool-reference) ._1jk3jnq,:where(.tool-reference):is(._1jk3jnq){font-size: 12px;}
:where(.tool-reference) ._72o2pd,:where(.tool-reference):is(._72o2pd){align-items: center; display: flex; font-size: 16px; margin-right: -24px;}
:where(.tool-reference) ._72o2pd a,:where(.tool-reference):is(._72o2pd a){color: var(--text);}
:where(.tool-reference) ._1robmlk,:where(.tool-reference):is(._1robmlk){display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; margin-left: 20px; min-width: 250px; padding: 12px 10px 20px;}
:where(.tool-reference) ._y7inlk,:where(.tool-reference):is(._y7inlk){display: flex; flex-wrap: wrap; gap: 12px; margin: 0px 10px 12px;}
:where(.tool-reference) ._xbiay3,:where(.tool-reference):is(._xbiay3){align-items: baseline; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 12px; color: color-mix(in srgb, var(--text) calc(0.62 * 100%), transparent); display: flex; flex: 1 1 120px; font-size: 12px; gap: 6px; padding: 10px 14px;}
:where(.tool-reference) ._xbiay3 strong,:where(.tool-reference):is(._xbiay3 strong){color: var(--text); font-size: 20px; font-weight: 500;}
:where(.tool-reference) ._xbiay3 small,:where(.tool-reference):is(._xbiay3 small){font-size: 11px;}
:where(.tool-reference) ._ges2q1,:where(.tool-reference):is(._ges2q1){height: 18px; margin-left: 10px; width: 24px;}
:where(.tool-reference) ._1bqnmgm,:where(.tool-reference):is(._1bqnmgm),:where(.tool-reference) ._x0avwm,:where(.tool-reference):is(._x0avwm){align-items: center; background: linear-gradient(110deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.016)); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset; display: flex; margin: 6px 10px; min-height: 150px; overflow: hidden; padding: 16px 18px;}
:where(.tool-reference) ._8ol62d,:where(.tool-reference):is(._8ol62d){flex: 0 0 auto; line-height: 1;}
:where(.tool-reference) ._jlllbf,:where(.tool-reference):is(._jlllbf){flex: 1 1 0%; margin-left: 20px; min-width: 0px;}
:where(.tool-reference) ._1338m06,:where(.tool-reference):is(._1338m06){display: block; height: 138px; width: 100%;}
:where(.tool-reference) ._1ev7fvj,:where(.tool-reference):is(._1ev7fvj){font-size: 18px;}
:where(.tool-reference) ._9fbpm0,:where(.tool-reference):is(._9fbpm0){color: var(--accent); font-size: 48px; margin-top: 10px;}
:where(.tool-reference) ._7sava0,:where(.tool-reference):is(._7sava0){color: rgb(74, 255, 189);}
:where(.tool-reference) ._1f9mder,:where(.tool-reference):is(._1f9mder){color: color-mix(in srgb, var(--text) calc(0.5 * 100%), transparent); font-size: 12px; margin-top: 9px; white-space: nowrap;}
:where(.tool-reference) ._13ihdtw,:where(.tool-reference):is(._13ihdtw){align-items: center; background-image: linear-gradient(90deg, var(--accent), var(--accent-light)); border: 0px; border-radius: 100%; color: rgb(0, 0, 0); display: flex; font-size: 16px; height: 160px; justify-content: center; margin: 100px auto 50px; position: relative; width: 160px;}
:where(.tool-reference) ._13ihdtw:hover,:where(.tool-reference):is(._13ihdtw:hover){background: var(--accent);}
:where(.tool-reference) ._13ihdtw::after,:where(.tool-reference):is(._13ihdtw::after){animation: 2s ease-out 2s infinite normal both running _1yr3br2; border: 2px solid var(--accent); border-radius: 100%; content: " "; display: block; inset: 0px; opacity: 0; position: absolute;}
:where(.tool-reference) ._13ihdtw:disabled::after,:where(.tool-reference):is(._13ihdtw:disabled::after){animation: auto ease 0s 1 normal none running none;}
@keyframes _1yr3br2 { 
  0% { opacity: 0; transform: scale(1); }
  12.5% { opacity: 0; transform: scale(0.995); }
  16.667% { opacity: 1; }
  50% { opacity: 0; transform: scale(1.3); }
}
:where(.tool-reference) ._iji9qp,:where(.tool-reference):is(._iji9qp){color: var(--text); font-size: 24px; margin: 1em 0px 0px; text-align: center;}
:where(.tool-reference) ._xyjynw,:where(.tool-reference):is(._xyjynw){font-size: 12px; text-align: center;}
:where(.tool-reference) ._f63qhz,:where(.tool-reference):is(._f63qhz){display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -10px; margin-right: -10px; margin-top: 20px; padding-bottom: 80px; position: relative;}
:where(.tool-reference) ._grgomz,:where(.tool-reference):is(._grgomz){align-items: stretch; backdrop-filter: blur(3px); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; box-shadow: rgba(9, 8, 45, 0.2) 0px 12px 48px; color: var(--text); cursor: pointer; display: flex; justify-content: center; margin: 5px 10px; padding: 10px 15px; text-decoration: none;}
:where(.tool-reference) ._grgomz:hover,:where(.tool-reference):is(._grgomz:hover){background: rgba(255, 255, 255, 0.12);}
:where(.tool-reference) ._1ohoaya,:where(.tool-reference):is(._1ohoaya){margin-right: 10px;}
:where(.tool-reference) ._102j14n,:where(.tool-reference):is(._102j14n),:where(.tool-reference) ._1qxxqjw,:where(.tool-reference):is(._1qxxqjw){flex: 0 0 auto; width: auto;}
@keyframes _3urmmj { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
:where(.tool-reference) ._i959yu,:where(.tool-reference):is(._i959yu){position: absolute; text-indent: -9999px; visibility: hidden;}
:where(.tool-reference) ._1xkq0e7,:where(.tool-reference):is(._1xkq0e7){}
:where(.tool-reference) ._5frzmd,:where(.tool-reference):is(._5frzmd){display: flex; flex-wrap: wrap; justify-content: center;}
@media (max-width: 760px){:where(.tool-reference) ._1robmlk,:where(.tool-reference):is(._1robmlk){margin-left: 0px; padding-left: 0px; padding-right: 0px; width: 100%;}
:where(.tool-reference) ._y7inlk,:where(.tool-reference):is(._y7inlk){margin-left: 0px; margin-right: 0px;}
:where(.tool-reference) ._xbiay3,:where(.tool-reference):is(._xbiay3){flex: 1 1 0%; justify-content: center; padding-left: 8px; padding-right: 8px;}
:where(.tool-reference) ._1bqnmgm,:where(.tool-reference):is(._1bqnmgm),:where(.tool-reference) ._x0avwm,:where(.tool-reference):is(._x0avwm){margin-left: 0px; margin-right: 0px; padding: 14px;}
:where(.tool-reference) ._9fbpm0,:where(.tool-reference):is(._9fbpm0){font-size: 38px;}
:where(.tool-reference) ._jlllbf,:where(.tool-reference):is(._jlllbf){margin-left: 12px;}
:where(.tool-reference) ._1338m06,:where(.tool-reference):is(._1338m06){height: 112px;}
}
@keyframes _1nbsrqe { 
  100% { transform: rotate(1turn); }
}
:where(.tool-reference) .drawing_canvas,:where(.tool-reference):is(.drawing_canvas){display: none; height: 512px; inset: 70px 0px 0px 50%; pointer-events: none; position: absolute; transform: translate(-50%); width: 100%;}

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