.toast-enter-active[data-v-0ccbe1e4],.toast-leave-active[data-v-0ccbe1e4]{transition:all 1s ease-in-out}.toast-enter-from[data-v-0ccbe1e4],.toast-leave-to[data-v-0ccbe1e4]{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.reverse-enter-active[data-v-0ccbe1e4],.reverse-leave-active[data-v-0ccbe1e4]{transition:all .5s ease-in-out}.reverse-enter-from[data-v-0ccbe1e4],.reverse-leave-to[data-v-0ccbe1e4]{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.tools-wrap[data-v-0ccbe1e4]{position:relative;margin-left:auto;margin-right:auto;margin-top:3rem;margin-bottom:3rem;width:100%;padding-left:.5rem;padding-right:.5rem}.tools-container[data-v-0ccbe1e4]{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 640px){.tools-container[data-v-0ccbe1e4]{max-width:640px}}@media (min-width: 768px){.tools-container[data-v-0ccbe1e4]{max-width:768px}}@media (min-width: 1024px){.tools-container[data-v-0ccbe1e4]{max-width:1024px}}@media (min-width: 1280px){.tools-container[data-v-0ccbe1e4]{max-width:1280px}}@media (min-width: 1536px){.tools-container[data-v-0ccbe1e4]{max-width:1536px}}.tools-container[data-v-0ccbe1e4]{margin-left:auto;margin-right:auto;display:grid;max-width:1024px;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-content:center;gap:1rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.75rem}.with-unit[data-v-0ccbe1e4]{grid-column:span 2 / span 2;display:flex;align-items:center;gap:1rem}.tools-title[data-v-0ccbe1e4]{margin-bottom:3rem;text-align:center}.tools-title h1[data-v-0ccbe1e4]{font-weight:700;color:var(--clr-main);font-size:clamp(1.25rem,1.027rem + 1.02vw,2.25rem)}.result-wrap[data-v-0ccbe1e4]{margin-left:auto;margin-right:auto;display:grid;width:100%;max-width:1024px;gap:1rem;margin-top:clamp(2rem,1.666rem + 1.53vw,3.5rem)}.result-title[data-v-0ccbe1e4]{text-align:center;font-weight:700;color:var(--clr-main);font-size:clamp(1.25rem,1.083rem + .76vw,2rem)}pre[data-v-0ccbe1e4]{max-width:calc(100% - 3rem);cursor:text;width:clamp(17.5rem,7.747rem + 44.586vw,61.25rem)}.copy-icon[data-v-0ccbe1e4]{height:1.5rem;width:1.5rem;min-width:2rem;cursor:pointer}.preview[data-v-0ccbe1e4]{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 640px){.preview[data-v-0ccbe1e4]{max-width:640px}}@media (min-width: 768px){.preview[data-v-0ccbe1e4]{max-width:768px}}@media (min-width: 1024px){.preview[data-v-0ccbe1e4]{max-width:1024px}}@media (min-width: 1280px){.preview[data-v-0ccbe1e4]{max-width:1280px}}@media (min-width: 1536px){.preview[data-v-0ccbe1e4]{max-width:1536px}}.preview[data-v-0ccbe1e4]{max-width:1024px;margin-top:clamp(1rem,.889rem + .51vw,1.5rem)}.preview-content[data-v-0ccbe1e4]{border-radius:.5rem;border-width:1px;padding:1.5rem .5rem;color:var(--clr-main)}