.tool-case-converter *,.tool-case-converter *::before,.tool-case-converter *::after{box-sizing:border-box}.tool-case-converter .caseConverter{display:flex;flex-direction:column;gap:18px;color:var(--color-dark)}.tool-case-converter .caseConverter__editor{overflow:hidden;border:1px solid var(--color-gray-light-medium);border-radius:18px;background-color:var(--color-white);box-shadow:0 12px 34px rgba(var(--color-dark-rgb), 0.06)}.tool-case-converter .caseConverter__toolbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-gray-light-medium);background-color:var(--color-gray-lighter)}@media(max-width: 760px){.tool-case-converter .caseConverter__toolbar{align-items:flex-start;flex-direction:column}}.tool-case-converter .caseConverter__label{font-size:15px;font-weight:700}.tool-case-converter .caseConverter__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tool-case-converter .caseConverter__action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-gray-light-medium);border-radius:10px;background-color:var(--color-white);color:var(--color-dark);font:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s}.tool-case-converter .caseConverter__action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-case-converter .caseConverter__action:hover:not(:disabled),.tool-case-converter .caseConverter__action:focus-visible{color:var(--color-purple);border-color:var(--color-purple)}.tool-case-converter .caseConverter__action:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-purple-rgb), 0.14)}.tool-case-converter .caseConverter__action:disabled{opacity:.42;cursor:not-allowed}.tool-case-converter .caseConverter__copy{color:var(--color-purple);border-color:rgba(var(--color-purple-rgb), 0.35)}.tool-case-converter .caseConverter__copy-done{display:none}.tool-case-converter .caseConverter__copy.is-copied{color:var(--color-white);border-color:var(--color-green);background-color:var(--color-green)}.tool-case-converter .caseConverter__copy.is-copied .caseConverter__copy-default{display:none}.tool-case-converter .caseConverter__copy.is-copied .caseConverter__copy-done{display:inline}.tool-case-converter .caseConverter__field{width:100%;min-height:360px;height:auto;display:block;resize:none;overflow-y:hidden;padding:22px;border:0;outline:0;background-color:var(--color-white);color:var(--color-dark);font:inherit;font-size:17px;line-height:1.65}.tool-case-converter .caseConverter__field::-moz-placeholder{color:var(--color-gray-medium-light)}.tool-case-converter .caseConverter__field::placeholder{color:var(--color-gray-medium-light)}.tool-case-converter .caseConverter__field:focus{box-shadow:inset 0 0 0 2px rgba(var(--color-purple-rgb), 0.2)}@media(max-width: 600px){.tool-case-converter .caseConverter__field{min-height:280px;padding:16px;font-size:16px}}.tool-case-converter .caseConverter__footer{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;border-top:1px solid var(--color-gray-light-medium);background-color:var(--color-gray-lighter)}@media(max-width: 600px){.tool-case-converter .caseConverter__footer{align-items:flex-start;flex-direction:column}}.tool-case-converter .caseConverter__counters{display:flex;align-items:center;gap:0;color:var(--color-gray-medium);font-size:12px;font-variant-numeric:tabular-nums}.tool-case-converter .caseConverter__counters span{display:inline-flex;align-items:center;gap:4px}.tool-case-converter .caseConverter__counters span+span::before{content:"";width:1px;height:14px;display:inline-block;margin:0 10px;background-color:var(--color-gray-light-medium)}.tool-case-converter .caseConverter__counters strong{color:var(--color-dark)}.tool-case-converter .caseConverter__status{min-height:18px;color:var(--color-green);font-size:12px;font-weight:600;text-align:right}.tool-case-converter .caseConverter__status.is-error{color:var(--color-red)}.tool-case-converter .caseConverter__modes{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:12px}@media(max-width: 1480px){.tool-case-converter .caseConverter__modes{grid-template-columns:repeat(12, minmax(0, 1fr))}.tool-case-converter .caseConverter__modes .caseConverter__mode{grid-column:span 3}.tool-case-converter .caseConverter__modes .caseConverter__mode:nth-child(5){grid-column:2/span 3}}@media(max-width: 900px){.tool-case-converter .caseConverter__modes{grid-template-columns:repeat(2, minmax(0, 1fr))}.tool-case-converter .caseConverter__modes .caseConverter__mode,.tool-case-converter .caseConverter__modes .caseConverter__mode:nth-child(5){grid-column:auto}.tool-case-converter .caseConverter__modes .caseConverter__mode:last-child{width:calc(50% - 6px);grid-column:1/-1;justify-self:center}}@media(max-width: 560px){.tool-case-converter .caseConverter__modes{grid-template-columns:1fr}.tool-case-converter .caseConverter__modes .caseConverter__mode:last-child{width:100%;grid-column:auto}}.tool-case-converter .caseConverter__mode{min-width:0;min-height:68px;display:flex;align-items:center;gap:11px;padding:10px 14px 10px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-gray-light-medium);border-radius:14px;background-color:var(--color-gray-lighter);color:var(--color-dark);font:inherit;font-size:14px;font-weight:700;line-height:1.35;text-align:left;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s}.tool-case-converter .caseConverter__mode:hover:not(.is-active){border-color:var(--color-gray-medium-light);background-color:var(--color-gray-light)}.tool-case-converter .caseConverter__mode:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-purple-rgb), 0.16)}.tool-case-converter .caseConverter__mode.is-active{border-color:var(--color-purple);background-color:var(--color-purple);color:var(--color-white);box-shadow:0 10px 24px rgba(var(--color-purple-rgb), 0.18)}.tool-case-converter .caseConverter__mode-code{width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-light-medium);border-radius:11px;background-color:var(--color-white);color:var(--color-gray);font-size:14px;font-weight:800;letter-spacing:-0.02em;transition:color .2s,border-color .2s,background-color .2s}.tool-case-converter .caseConverter__mode.is-active .tool-case-converter .caseConverter__mode-code{border-color:rgba(var(--color-white-rgb), 0.22);background-color:rgba(var(--color-white-rgb), 0.15);color:var(--color-white)}.tool-case-converter .caseConverter__privacy{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:0;color:var(--color-gray-medium);font-size:13px;line-height:1.5;text-align:center}.tool-case-converter .caseConverter__privacy svg{width:17px;height:17px;flex:0 0 17px;margin-top:1px;fill:none;stroke:var(--color-purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}