.SubnettingDemo_container__twKjo>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.SubnettingDemo_bitRows__7F6MF>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.SubnettingDemo_bitRow__xCgGy{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.SubnettingDemo_bitRow__xCgGy{flex-direction:row;align-items:center}}.SubnettingDemo_bitRowButtons__FVzW_{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:.5rem;flex:1;max-width:600px}.SubnettingDemo_bitButton__CidLC{display:flex;height:3rem;width:100%;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.SubnettingDemo_bitButton__CidLC:focus-visible,.SubnettingDemo_bitButton__CidLC:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(220 38 38/0.4)}.SubnettingDemo_bitButtonSelected__U673a{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.SubnettingDemo_octetValue__hUiGj{display:flex;min-width:96px;flex-direction:column;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.SubnettingDemo_octetValueNumber__FWrzY{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.SubnettingDemo_octetValueNumberZero__yQMac{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.SubnettingDemo_octetValueLabel__fnfxy{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.SubnettingDemo_bitLegend__7wUQt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.SubnettingDemo_statCardGrid__SkVwC{display:grid;gap:1rem}@media (min-width:768px){.SubnettingDemo_statCardGrid__SkVwC{grid-template-columns:2fr 1fr}}.SubnettingDemo_statCard__TISmA{height:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.SubnettingDemo_statCardPrimary__HtOmR{display:flex;flex-direction:column;gap:1.5rem}.SubnettingDemo_summaryRow__1ABlv{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));background-color:rgb(255 255 255/.95);padding:1rem 1.25rem;text-align:center;--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.SubnettingDemo_summaryLabel__6_12G{font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.SubnettingDemo_summaryValue__50VTa{font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.SubnettingDemo_ipFormInline__nkOJg{display:flex;align-items:center;gap:.75rem}.SubnettingDemo_ipFormRow__cUib0{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.SubnettingDemo_ipFormRow__cUib0{flex-direction:row;align-items:center;justify-content:space-between}}.SubnettingDemo_hostCount__3S0gx{display:flex;align-items:baseline;gap:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.SubnettingDemo_hostLabel__j3DIt{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.SubnettingDemo_hostValue__y5gtL{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.SubnettingDemo_ipInputLabel___smoE{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.SubnettingDemo_ipInputControl__mbZeI{border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.SubnettingDemo_ipInputControl__mbZeI:focus{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity))}.SubnettingDemo_ipResultTable__NaVUK{margin-top:1.5rem;width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;line-height:1.25rem;table-layout:fixed}.SubnettingDemo_ipResultColTag__gFwTQ{width:18%}.SubnettingDemo_ipResultColBinary__bjyod{width:52%}.SubnettingDemo_ipResultColIp__HTc9K{width:30%}.SubnettingDemo_ipResultTable__NaVUK thead th{background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.025em;color:rgb(55 65 81/var(--tw-text-opacity))}.SubnettingDemo_ipResultTable__NaVUK tbody th,.SubnettingDemo_ipResultTable__NaVUK thead th{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;text-align:left;--tw-text-opacity:1}.SubnettingDemo_ipResultTable__NaVUK tbody th{background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem 1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:rgb(17 24 39/var(--tw-text-opacity))}.SubnettingDemo_ipResultTable__NaVUK td{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.75rem 1rem;text-align:left;vertical-align:top}.SubnettingDemo_ipResultTable__NaVUK tbody tr:last-child td,.SubnettingDemo_ipResultTable__NaVUK tbody tr:last-child th{border-bottom-width:0}.SubnettingDemo_ipResultGrid__CWnSm{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.SubnettingDemo_ipResultGrid__CWnSm{flex-direction:row;gap:1.5rem}}.SubnettingDemo_ipResultColumn__qLBS_{display:flex;flex:1 1 0%;flex-direction:column;gap:.75rem}.SubnettingDemo_ipResultItem__gZ665{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:1rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:.5rem;text-align:left}.SubnettingDemo_ipResultHeading__dIni2{font-size:1.25rem}.SubnettingDemo_ipResultHeading__dIni2,.SubnettingDemo_ipResultValue__prWhT{line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.SubnettingDemo_ipResultValue__prWhT{font-size:1.125rem;display:block}.SubnettingDemo_ipResultValues__KxUs_{display:flex;flex-direction:column;gap:.5rem;text-align:left}.SubnettingDemo_ipResultBinary__8OgyO{display:block}.SubnettingDemo_ipResultBinary__8OgyO,.SubnettingDemo_ipResultCellBinary__I_UjK{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity));white-space:nowrap}.SubnettingDemo_sliderControl__50nEt{margin-top:.75rem;width:100%}.SubnettingDemo_sliderLabel__vPd3F{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.SubnettingDemo_statLabel__sUqRB{font-size:.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.SubnettingDemo_statGroup__6vFgG>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.SubnettingDemo_cidrSectionLayout__74ax5{display:flex;flex-direction:column;gap:1.5rem}.SubnettingDemo_cidrColumnPrimary__LW5nt{display:flex;flex-direction:column;gap:1.25rem}.SubnettingDemo_cidrColumnSecondary__vCugJ{display:flex;flex-direction:column;gap:1rem}.SubnettingDemo_cidrInputPanel__UbYJU{border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:1rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.SubnettingDemo_cidrInputForm__MloJs{display:flex;flex-direction:column;gap:.75rem}.SubnettingDemo_cidrSummaryList__jVl9h{margin-top:1rem}.SubnettingDemo_cidrSummaryList__jVl9h>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.SubnettingDemo_cidrSummaryHeading__ecoom{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.SubnettingDemo_cidrSummaryItem__ILBeA{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.SubnettingDemo_cidrSummaryLabel__Dpczc{font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.SubnettingDemo_cidrSummaryValue__XszsG{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.SubnettingDemo_cidrSummaryIndented__AulMx{padding-left:1.25rem}@media (min-width:1024px){.SubnettingDemo_cidrSectionLayout__74ax5{flex-direction:row;align-items:flex-start}.SubnettingDemo_cidrColumnPrimary__LW5nt{flex:0 0 70%}.SubnettingDemo_cidrColumnSecondary__vCugJ{flex:0 0 30%}}.SubnettingDemo_note___ewwP,.SubnettingDemo_statNote__U4VJ3{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.SubnettingDemo_note___ewwP{text-align:center}.SubnettingDemo_summaryScenarioTable__Tv6k_{margin-top:1rem;width:100%;overflow-x:auto}.SubnettingDemo_summaryScenarioTable__Tv6k_ :where(table){width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.SubnettingDemo_summaryScenarioTable__Tv6k_ :where(th){text-align:center}.SubnettingDemo_summaryScenarioTable__Tv6k_ :where(td){text-align:center}.SubnettingDemo_statNoteDivider__7gs5f{padding-left:.5rem;padding-right:.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.SubnettingDemo_statValue__T0Nnj{font-size:1.5rem;line-height:2rem;font-weight:600}.SubnettingDemo_statValueHighlight__h_6By{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.SubnettingDemo_statValueNeutral__c8yMR{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.SubnettingDemo_statValueTight__9tl8F{line-height:1.375}.SubnettingDemo_binaryMaskValue__Dgkl0{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.SubnettingDemo_binaryMaskNetwork__Mgyyh{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.SubnettingDemo_binaryMaskHost__qHwDC{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.SubnettingDemo_usableHostsBreakdown__8KAD0{margin-top:.75rem}.SubnettingDemo_usableHostsBreakdown__8KAD0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.SubnettingDemo_usableHostsBreakdown__8KAD0{font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.SubnettingDemo_usableHostsBreakdown__8KAD0 span{font-weight:600}.SubnettingDemo_binaryMaskDot__1ajNb,.SubnettingDemo_maskDot__XiLQM{padding-left:.25rem;padding-right:.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.SubnettingDemo_statColumn__jv2JX{display:flex;flex-direction:column;gap:1rem}.SubnettingDemo_statCardFull__mGZmH{margin-top:1rem;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.SubnettingDemo_scenarioTable__sdZWM{width:100%;min-width:520px;border-collapse:collapse;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.SubnettingDemo_scenarioTable__sdZWM th{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));padding:.5rem 1rem;text-align:center;font-weight:600;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}.SubnettingDemo_scenarioTable__sdZWM td{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity));padding:.5rem 1rem;text-align:center}.SubnettingDemo_scenarioTable__sdZWM tbody tr:nth-child(2n) td{background-color:rgb(248 250 252/.6)}.SubnettingDemo_scenarioTable__sdZWM tbody tr:last-child td{border-bottom-width:0}.SubnettingDemo_scenarioTableRowActive__blb9B td{background-color:rgb(220 38 38/.1)!important;font-weight:600!important;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.SubnettingDemo_ipResultLabelIndented__0747D{padding-left:1.25rem}