._ip-converter_1sl7w_1{width:100%;max-width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline);padding-bottom:calc(var(--page-padding-block) * 1.4);display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem);color:var(--chakra-colors-fg, #1a202c)}._ip-converter_1sl7w_1 :where(header h1){font-size:clamp(1.75rem,2vw + 1rem,2.25rem);margin-bottom:.5rem}._ip-converter_1sl7w_1 :where(header p){color:var(--chakra-colors-muted-fg, #4a5568)}._converter-area_1sl7w_20{display:flex;flex-direction:column;gap:2rem}._input-group_1sl7w_26{display:flex;flex-direction:column;gap:.75rem}._input-label_1sl7w_32{font-weight:600;font-size:.95rem;color:var(--chakra-colors-fg, #1a202c)}._octet-row_1sl7w_38{display:flex;align-items:center;gap:0}._octet-field_1sl7w_44{display:flex;align-items:center}._dot_1sl7w_49{font-size:1.5rem;font-weight:700;color:var(--chakra-colors-muted-fg, #4a5568);padding:0 .25rem;-webkit-user-select:none;user-select:none}._octet-input_1sl7w_57{padding:.75rem .5rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-align:center;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);transition:border-color .2s ease}._octet-input_1sl7w_57:focus{outline:none;border-color:var(--chakra-colors-primary, #3182ce)}._decimal-input_1sl7w_72{width:5rem;font-size:1.1rem}._decimal-input_1sl7w_72::-webkit-outer-spin-button,._decimal-input_1sl7w_72::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._decimal-input_1sl7w_72{-moz-appearance:textfield}._binary-input_1sl7w_84{width:7.5rem;font-size:1rem;letter-spacing:.05em}._copy-row_1sl7w_90{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}._value-string_1sl7w_97{flex:1;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,SFMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;background:var(--chakra-colors-bg-subtle, #f7fafc);border-radius:.375rem;color:var(--chakra-colors-muted-fg, #4a5568);word-break:break-all}._copy-button_1sl7w_108{padding:.5rem 1rem;font-size:.9rem;font-weight:500;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.375rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);cursor:pointer;transition:all .2s ease;white-space:nowrap}._copy-button_1sl7w_108:hover{background:var(--chakra-colors-bg-subtle, #f7fafc);border-color:var(--chakra-colors-primary, #3182ce)}@media screen and (max-width:640px){._octet-row_1sl7w_38{flex-wrap:wrap;gap:.5rem}._decimal-input_1sl7w_72{width:4rem}._binary-input_1sl7w_84{width:6rem;font-size:.85rem}._dot_1sl7w_49{display:none}._octet-field_1sl7w_44:not(:last-child):after{content:".";font-size:1.25rem;font-weight:700;color:var(--chakra-colors-muted-fg, #4a5568);margin-left:.25rem}}