.logos_logo__Bc7Tt{display:flex;align-items:center;justify-content:center;min-height:32px;max-height:32px;position:relative;& svg{position:relative}}@keyframes logos_rtl__8yicg{to{translate:var(--destination-x)}}.logos_stack___NjYo{display:flex;justify-content:center;width:100%;overflow:hidden;padding:var(--padding-h);position:relative}.logos_v__vR26c{width:100%;display:grid;grid-template-columns:repeat(var(--columns,9),minmax(0,1fr));gap:var(--gap-h);max-width:var(--container)}.logos_marquee__5lhL8{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:var(--container);position:relative;overflow:hidden;margin:0 auto;padding:calc(var(--padding-h) / 2) var(--padding-h);--band:3%;-webkit-mask-image:linear-gradient(to right,transparent,black var(--band),black calc(100% - var(--band)),transparent);mask-image:linear-gradient(to right,transparent,black var(--band),black calc(100% - var(--band)),transparent);@media (max-width:800px){--band:5%}&:after,&:before{content:"";position:absolute;top:0;bottom:0;z-index:2;--margin:0;width:40px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}&:before{left:var(--margin);-webkit-mask-image:linear-gradient(270deg,transparent,black);mask-image:linear-gradient(270deg,transparent,black)}&:after{right:var(--margin);-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}}.logos_h__0M1_w{--gap:60px;display:flex;align-items:center;position:relative;gap:var(--gap);padding:0 calc(var(--gap) / 2)}.logos_marquee__5lhL8{@media (max-width:800px){.logos_h__0M1_w{--speed:140!important;margin-top:16px;gap:52px;padding:0 26px}}}.logos_h__0M1_w[data-marquee=rtl]{--duration:calc(var(--speed) * 1s);--delay:calc((var(--duration) / var(--count)) * (var(--index, 0) - (var(--count) * 1)));--origin-x:calc(((var(--count) - var(--index)) + var(--inset, 0)) * 100%);--origin-y:0;--destination-x:calc(calc((var(--index) + 1 + var(--outset, 0)) * -100%));animation:logos_rtl__8yicg var(--duration) calc(var(--delay) - (var(--count) * 1s)) infinite linear;translate:var(--origin-x) var(--origin-y)}.logos_v__vR26c{.logos_logo__Bc7Tt svg{position:absolute;min-width:var(--svg-width);max-width:var(--svg-width);min-height:var(--svg-height);max-height:var(--svg-height)}}@media (max-width:1120px){.logos_v__vR26c{.logos_logo__Bc7Tt svg{position:relative}}.logos_stack___NjYo{--ends:8px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0;padding-bottom:calc(var(--padding-v) / 2);-webkit-mask-image:linear-gradient(to right,transparent,black var(--ends),black calc(100% - var(--ends)),transparent);mask-image:linear-gradient(to right,transparent,black var(--ends),black calc(100% - var(--ends)),transparent)}.logos_v__vR26c{--gap:52px;min-width:fit-content;display:flex;flex-direction:row;max-width:none;gap:var(--gap);padding:0 calc(var(--gap) / 2);--duration:calc(var(--speed) * 1s);--delay:calc((var(--duration) / var(--count)) * (var(--index, 0) - (var(--count) * 1)));animation:logos_rtl__8yicg var(--duration) calc(var(--delay) - (var(--count) * 1s)) infinite linear;translate:var(--origin-x) var(--origin-y);--origin-x:calc(((var(--count) - var(--index)) + var(--inset, 0)) * 100%);--origin-y:0;--destination-x:calc(calc((var(--index) + 1 + var(--outset, 0)) * -100%))}}.logos_stack___NjYo[data-mobile]{--ends:8px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0;padding-bottom:calc(var(--padding-v) / 2);-webkit-mask-image:linear-gradient(to right,transparent,black var(--ends),black calc(100% - var(--ends)),transparent);mask-image:linear-gradient(to right,transparent,black var(--ends),black calc(100% - var(--ends)),transparent);& .logos_v__vR26c{--gap:52px;min-width:fit-content;display:flex;flex-direction:row;max-width:none;gap:var(--gap);padding:0 calc(var(--gap) / 2);--duration:calc(var(--speed) * 1s);--delay:calc((var(--duration) / var(--count)) * (var(--index, 0) - (var(--count) * 1)));animation:logos_rtl__8yicg var(--duration) calc(var(--delay) - (var(--count) * 1s)) infinite linear;translate:var(--origin-x) var(--origin-y);--origin-x:calc(((var(--count) - var(--index)) + var(--inset, 0)) * 100%);--origin-y:0;--destination-x:calc(calc((var(--index) + 1 + var(--outset, 0)) * -100%));& .logos_logo__Bc7Tt svg{position:relative}}}.logos_canvas__EEQlU{position:relative;overflow:hidden;width:100vw;min-height:400px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;&:before{z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);mask:radial-gradient(60% 45% at 50% 50%,transparent 0,transparent 50%,black 100%);-webkit-mask:radial-gradient(60% 45% at 50% 50%,transparent 0,transparent 50%,black 100%)}&:after,&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}&:after{z-index:2;background:radial-gradient(75% 50% at 50% 50%,transparent 0,transparent 50%,var(--bg-light) 100%)}@media (min-width:2000px){max-width:calc(var(--container) * 1.25);width:100%;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;&:before{mask:radial-gradient(50% 50% at 50% 50%,transparent 0,transparent 50%,black 100%);-webkit-mask:radial-gradient(50% 50% at 50% 50%,transparent 0,transparent 50%,black 100%)}&:after{background:radial-gradient(50% 50% at 50% 50%,transparent 0,transparent 50%,var(--bg-light) 100%)}}@media (pointer:coarse){pointer-events:none}@media (max-width:800px){pointer-events:none}}.logos_cell__SCH3G{position:absolute;border-radius:12px;background-color:var(--w150);display:flex;align-items:center;justify-content:center;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--w700);transform:translateZ(0);will-change:transform,left,top;overflow:hidden}.logos_morph__gOjvK{--morph-rule:var(--border,color-mix(in srgb,var(--w400) 20%,transparent));margin:0 auto;flex-direction:column;justify-content:space-around;color:var(--w700)}.logos_morph__gOjvK,.logos_morph_row__Hs1vr{width:100%;max-width:var(--container);display:flex;align-items:center}.logos_morph_row__Hs1vr{gap:24px;padding-top:40px;border-top:1px solid var(--morph-rule)}.logos_morph_label__8ePCS{flex-shrink:0;font-size:var(--s-text-size);line-height:var(--s-line-height);color:var(--w500);white-space:nowrap}.logos_morph_divider__99k2n{flex-shrink:0;align-self:stretch;width:1px;background-color:var(--morph-rule)}.logos_morph_compact__UQL_p{flex-direction:column;align-items:center;gap:16px;& .logos_morph_label__8ePCS{width:100%;text-align:center}}.logos_morph_stage__5Goku{flex:1 0;min-width:0;position:relative;height:64px;margin-right:calc(var(--padding-h) * -.5)}.logos_morph_dom__iU9FJ{position:absolute;inset:0;pointer-events:none}.logos_morph_dom_item__h0qkQ{position:absolute;left:0;top:50%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0}.logos_morph_track__6Q48O{flex:1 0;min-width:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap-h);margin-right:calc(var(--padding-h) * -.5)}.logos_morph_slot__UNXbn{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:46px;transition:width .6s ease}.logos_morph_current__3pgd1{display:inline-flex;align-items:center;animation:logos_morph_in__eYBZt .7s ease}.logos_morph_outgoing__Bpaub{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;pointer-events:none;animation:logos_morph_out__Vaidv .7s ease forwards}@keyframes logos_morph_in__eYBZt{0%{opacity:0}to{opacity:1}}@keyframes logos_morph_out__Vaidv{0%{opacity:1}to{opacity:0}}@media (max-width:700px){.logos_morph_row__Hs1vr{flex-direction:column;align-items:flex-start;gap:6px}.logos_morph_divider__99k2n{display:none}.logos_morph_track__6Q48O{width:100%}}@media (prefers-reduced-motion:reduce){.logos_morph_slot__UNXbn{transition:none}.logos_morph_current__3pgd1,.logos_morph_outgoing__Bpaub{animation:none}}.network-features_container__GGLfb{width:100%;color:var(--body-neutral);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;height:100%;@media (max-width:880px){height:260px}}.network-features_asset__bnuOe{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:52px;max-width:336px;@media (max-width:420px){justify-content:flex-start;gap:32px}}.network-features_grid__Xwavx{position:relative;display:grid;z-index:2;&:first-child{grid-template-columns:repeat(7,1fr);@media (max-width:420px){grid-template-columns:repeat(4,1fr);gap:12px 4px;position:relative;top:0;z-index:10}}}.network-features_icon__3Ki_7{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:40px;min-width:40px;max-width:40px;max-height:40px;border-radius:12px;outline:1px solid var(--stroke-neutral);background-color:var(--bg-application);transition:box-shadow .4s cubic-bezier(.165,.84,.44,1);& svg{min-width:18px;min-height:18px;max-height:18px;max-width:18px}@media (max-width:420px){min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:8px;& svg{min-width:14px;min-height:14px;max-width:14px;max-height:14px}}}.network-features_feature__Ivrxo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px;flex:0 0 auto;color:var(--gray200);transition:color .2s cubic-bezier(.165,.84,.44,1);&.network-features_active__yMhQi,&:hover{color:var(--white)}&.network-features_active__yMhQi,&:hover{.network-features_label__ktSEZ{display:flex}}&:hover{.network-features_label__ktSEZ{z-index:3}}&.network-features_active__yMhQi .network-features_icon__3Ki_7{box-shadow:var(--shadow-focused-icon)}}.network-features_cell__el_iJ{position:relative;min-width:52px;max-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;@media (max-width:420px){min-width:44px;max-width:44px}}.network-features_path__s9myY{z-index:-1}.network-features_connection__9xu2B{z-index:-1;stroke:var(--brand400)}.network-features_nested__gJYBj{position:relative;display:grid;z-index:2;display:flex;justify-content:center;gap:4px;flex-wrap:wrap;@media (max-width:420px){gap:52px 8px}}.network-features_label__ktSEZ{border-radius:6px;display:none;font-size:var(--font-small);line-height:var(--line-height-small);font-weight:var(--weight-bold);white-space:nowrap;background-color:var(--bg-application);box-shadow:var(--shadows-overlay);color:var(--heading-neutral)}.network-features_label__ktSEZ,.network-features_text__fT3aN{position:absolute;top:-28px;flex-direction:column;justify-content:center;align-items:center;padding:2px 6px;gap:2px;text-align:center}.network-features_text__fT3aN{top:auto;bottom:-18px;display:flex;max-width:40px;white-space:wrap;justify-content:flex-start;box-shadow:none;background-color:var(--transparent);font-size:calc(var(--font-small) - 1px);font-weight:var(--weight-regular);line-height:14px;max-height:14px}.network-features_active__yMhQi{display:flex}@keyframes network-features_drawConnection__YPjpS{to{stroke-dashoffset:0}}.ms12_digitalTwinHeader__TCDY6{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;color:var(--body-neutral);@media (max-width:336px){justify-content:center}}.ms12_digitalTwinHeaderStart__uKSKX{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;font-size:var(--font-regular);line-height:var(--line-height-regular);font-weight:var(--weight-bold)}.ms12_digitalTwinHeaderEnd__wnTdK{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;@media (max-width:336px){display:none}}.ms12_digitalTwin___z07x{margin:0 16px 16px}.dns-security_dnsSecurity__VOXNy{width:100%;max-width:320px;gap:16px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.dns-security_dnsAnimation__N02Yq{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:center;position:relative;min-height:40px;color:var(--icon-neutral)}.dns-security_dnsAnimationStart__sqi8T{-webkit-mask-image:linear-gradient(90deg,transparent 0,black);mask-image:linear-gradient(90deg,transparent 0,black)}.dns-security_dnsAnimationEnd__pHfRG,.dns-security_dnsAnimationStart__sqi8T{display:flex;justify-content:flex-end;width:100%;overflow:hidden;gap:12px;-webkit-mask-size:cover;mask-size:cover}.dns-security_dnsAnimationEnd__pHfRG{-webkit-mask-image:linear-gradient(270deg,transparent 0,black);mask-image:linear-gradient(270deg,transparent 0,black);color:var(--icon-negative)}.dns-security_dnsTrafficIcons__NZoZz{display:flex;gap:12px;width:calc(16px*6 + 12*5);animation:dns-security_marquee__3E3Sm 1s linear infinite}@keyframes dns-security_marquee__3E3Sm{0%{transform:translateX(0)}to{transform:translateX(28px)}}.dns-security_networkCellIcon__rfFcJ{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:40px;min-width:40px;max-width:40px;max-height:40px;border-radius:12px;color:var(--heading-neutral);box-shadow:0 0 0 1px var(--stroke-neutral);background-color:var(--bg-application);transition:box-shadow .4s cubic-bezier(.165,.84,.44,1);& svg{min-width:18px;min-height:18px;max-height:18px;max-width:18px}}.loading_loading__IPsa3{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;box-shadow:0 0 0 .5px var(--stroke-neutral);background-color:var(--background-neutral);-webkit-user-select:none;user-select:none}.loading_shader__q8p86{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;--loading-start:rgba(255,255,255,0.1);--loading-end:rgb(249,249,251)}.dark .loading_shader__q8p86{--loading-start:rgba(255,255,255,0.05);--loading-end:rgb(19,21,34)}.loading_shader__q8p86 canvas{position:absolute;top:0;left:0;z-index:10;opacity:1}.loading_loadingDefault__Kjqfv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(270deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25%,var(--loading-start) 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%),var(--loading-end);background-size:200% 100%;background-position:-100% 0;animation:loading_loadingAnimation__y5xHH .52s cubic-bezier(.55,.055,.675,.19) infinite;z-index:20}@keyframes loading_loadingAnimation__y5xHH{0%{background-position:100% 0}to{background-position:-100% 0}}.topology_component__8JP7Q{width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100%;&[data-diagram=cellular]{& .topology_canvas__bDh7T{margin-bottom:12px;box-shadow:0 0 0 1px var(--stroke-neutral);border-radius:8px}& .topology_node__PGLwl{background-color:var(--bg-application)}}&[data-diagram=blog]{margin:-12px 0;@media (max-width:1120px){& .topology_canvas__bDh7T{box-shadow:0 0 0 1px var(--stroke-neutral);border-radius:6px}}}&[data-diagram=speedtests]{margin:-12px 0;& .topology_node__PGLwl{background-color:var(--bg-application);&[data-variant=badge]{background-color:var(--bg-neutral)}}}&[data-diagram=topology-designer]{margin:-12px 0;max-width:var(--container);& .topology_canvas__bDh7T{background-color:var(--bg-application);box-shadow:var(--shadows-overlay);border-radius:6px;overflow:hidden;aspect-ratio:6/5;min-height:400px;max-height:80vh}& .topology_node__PGLwl{background-color:var(--bg-neutral);position:relative;overflow:visible;&[data-variant=device]{--width:180px;--height:48px;min-width:var(--width);max-width:var(--width);padding:6px 10px!important;gap:8px;align-items:center}&[data-variant=frame]{--height:auto;min-width:var(--width);max-width:var(--width);padding:0!important;background-color:transparent;box-shadow:none;border-radius:12px;align-items:flex-start;&>span{position:absolute;top:10px;left:10px}&[data-complete=true]{background-color:var(--bg-application);& .topology_frame_outline__Uw742 rect{stroke-dashoffset:0}}}}& .topology_frame_outline__Uw742{position:absolute;inset:-.5px;width:calc(100% + 1px);height:calc(100% + 1px);overflow:visible;pointer-events:none;& rect{fill:none;stroke:var(--stroke-neutral);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}}& .topology_device_body__TAApz{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:16px}& .topology_badges__0Se1P{display:flex;gap:4px}& .topology_port__ndF36{position:absolute;font-size:10px;line-height:12px;font-weight:500;padding:1px 4px;border-radius:5px;background-color:var(--bg-neutral);box-shadow:0 0 0 1px var(--stroke-neutral);color:var(--body-neutral);pointer-events:none;white-space:nowrap;--pop:1;transition:opacity .18s ease-out,transform .18s cubic-bezier(.2,.8,.3,1.2);&[data-side=top]{top:0;transform:translate(-50%,-50%) scale(var(--pop))}&[data-side=bottom]{bottom:0;transform:translate(-50%,50%) scale(var(--pop))}&[data-side=left]{left:0;transform:translate(-50%,-50%) scale(var(--pop))}&[data-side=right]{right:0;transform:translate(50%,-50%) scale(var(--pop))}&[data-revealed=false]{--pop:0.7;opacity:0;transition-duration:.12s}}& .topology_node__PGLwl[data-revealed=false]{opacity:0;transform:scale(1.06);box-shadow:0 0 0 1px var(--stroke-neutral),0 6px 16px rgba(9,11,21,.14)}& .topology_node__PGLwl[data-loading=true]{isolation:isolate}& .topology_loading__RLVrD{position:absolute;inset:0;z-index:-1;pointer-events:none}& .react-flow__node:has(.topology_node__PGLwl[data-variant=device]){z-index:2!important}& .topology_diagram__CWo5M[data-inspect=true] .react-flow__node:has(.topology_node__PGLwl[data-variant=device]){cursor:crosshair}& .react-flow__edge>g>path{vector-effect:non-scaling-stroke}& .topology_overlay__cbKa6{pointer-events:none}& .topology_controls__y5hIS{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;pointer-events:none;&>*{pointer-events:auto}}& .topology_play__5_rPW{cursor:pointer!important;background-color:var(--bg-application)}& .topology_inspect__RkGv_{margin-left:auto;cursor:pointer!important}& .topology_caption___GWQO,& .topology_inspect__RkGv_{gap:6px;background-color:var(--bg-application);font-weight:var(--weight-regular)}& .topology_caption___GWQO{padding-top:5px;padding-left:4px}& .topology_caption_count__306Bk,& .topology_elapsed__hFmO6{font-family:var(--tabular);font-weight:500}& .topology_elapsed__hFmO6{margin-left:auto;font-feature-settings:"kern" off;font-kerning:none}& .topology_legend__SdEJE{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:2px;padding:6px;background-color:var(--bg-application);box-shadow:var(--shadows-secondary);border-radius:8px;pointer-events:auto}& .topology_legend_title__SDRHO{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px;padding:0 2px 2px 6px;font-size:var(--font-small);line-height:var(--line-height-small);font-weight:var(--weight-bold)}& .topology_legend_reset__gj9FD{min-width:20px;max-width:20px;min-height:20px;max-height:20px;padding:0;border-radius:6px;cursor:pointer!important;background-color:var(--bg-application);color:var(--icon-neutral)}& .topology_legend_item__XX4OE{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:6px;font-size:var(--font-small);line-height:var(--line-height-small);font-weight:var(--weight-regular);color:var(--body-neutral);cursor:pointer!important;transition:var(--transition-button),opacity .2s ease;&:hover{background-color:var(--bg-neutral)}&[aria-pressed=true]{background-color:var(--bg-brand);color:var(--body-brand);& .topology_legend_eye__edSAh{color:var(--icon-brand)}}&:hover .topology_legend_eye__edSAh{opacity:1}}& .topology_legend_eye__edSAh{margin-left:auto;color:var(--icon-neutral);opacity:0;transition:opacity .15s ease}& .topology_legend__SdEJE[data-inspect=false] .topology_legend_item__XX4OE{cursor:default!important;&:hover{background-color:transparent}& .topology_legend_eye__edSAh{opacity:0}}& .topology_legend__SdEJE[data-active=true] .topology_legend_item__XX4OE[aria-pressed=false]{opacity:.5}& .topology_legend_swatch__7xh33{width:10px;height:10px;border-radius:3px;background-color:var(--color)}& .topology_legend_line__hQ3om{width:16px;height:2px;overflow:visible;& line{stroke:var(--heading-neutral);stroke-width:2;stroke-linecap:round}}& .topology_legend_divider__2SH1Y{height:1px;margin:4px 6px;background-color:var(--stroke-neutral)}@media (prefers-reduced-motion:no-preference){& .topology_node__PGLwl{transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}& .topology_node__PGLwl[data-variant=frame][data-complete=true]{transition:background-color .6s ease .2s;& .topology_frame_outline__Uw742 rect{animation:topology_frame_draw__ALjUU .8s ease-out both}}}}}.topology_canvas__bDh7T{width:100%;min-height:400px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.topology_diagram__CWo5M{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;color:var(--heading-neutral)}.topology_overlay__cbKa6{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.topology_node__PGLwl{padding:4px 8px;--height:28px;min-height:var(--height);max-height:var(--height);background-color:var(--bg-neutral);box-shadow:0 0 0 1px var(--stroke-neutral);border-radius:8px;display:flex;align-items:center;gap:4px;font-family:var(--system);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;&>svg{color:var(--icon-neutral)}&[data-variant=rack]{--width:179px}&[data-variant=rack],&[data-variant=square]{min-width:var(--width);max-width:var(--width)}&[data-variant=square]{--width:85px;--height:auto;flex-direction:column;text-align:center}&[data-variant=badge]{--height:20px;min-width:24px;max-width:24px;font-size:12px;padding-top:4px;justify-content:center;border-radius:6px;background-color:var(--bg-neutral)}&[data-variant=column]{--width:108px;--height:auto;padding:4px!important;align-items:center;justify-content:center;min-width:var(--width);max-width:var(--width);flex-direction:column;text-align:center}&[data-variant=cylinder]{--width:108px;--height:auto;--ellipse:10px;--top-offset:5px;padding:4px!important;padding-top:calc(4px + var(--top-offset))!important;margin-top:calc(var(--top-offset) * -1);max-height:none!important;align-items:center;justify-content:center;min-width:var(--width);max-width:var(--width);flex-direction:column;text-align:center;position:relative;z-index:0;border-radius:0;box-shadow:none;border-left:1px solid var(--stroke-neutral);border-right:1px solid var(--stroke-neutral);&:before{top:calc(var(--ellipse) / -2);background:var(--bg-neutral);z-index:1}&:after,&:before{content:"";position:absolute;left:0;width:100%;height:var(--ellipse);border-radius:50%;box-shadow:0 0 0 1px var(--stroke-neutral)}&:after{bottom:calc(var(--ellipse) / -2);background:var(--bg-application);z-index:-1}}&[data-variant=cube]{--width:108px;--height:auto;--depth:12px;align-items:center;justify-content:center;min-width:var(--width);max-width:var(--width);padding:4px 14px 4px 4px!important;flex-direction:column;text-align:center;position:relative;left:calc(var(--depth) / 2);z-index:0;border-radius:0;&:before{left:0;right:0;bottom:calc(100% + 1px);height:var(--depth);transform:skewX(45deg);transform-origin:bottom left}&:after,&:before{content:"";position:absolute;background:var(--bg-application);box-shadow:0 0 0 1px var(--stroke-neutral);z-index:-1}&:after{top:0;bottom:0;right:calc(100% + 1px);width:var(--depth);transform:skewY(45deg);transform-origin:bottom right}}&[data-node=application-block]{gap:8px;& span{margin-top:-4px}& svg{margin-top:-10px;display:flex;align-items:center;justify-content:center;--size:20px;min-width:var(--size)!important;min-height:var(--size)!important;max-width:var(--size)!important;max-height:var(--size)!important;background-color:var(--white);box-shadow:var(--shadows-overlay);border-radius:3px}}&[data-node=application]{gap:8px;& svg{display:flex;align-items:center;justify-content:center;--size:20px;min-width:var(--size)!important;min-height:var(--size)!important;max-width:var(--size)!important;max-height:var(--size)!important;background-color:var(--white);box-shadow:var(--shadows-overlay);border-radius:3px}}&[data-function=cloud]{background-color:var(--bg-neutral)!important;box-shadow:0 0 0 1px var(--bg-neutral)}&[data-app=redis] svg{background-color:transparent!important;box-shadow:none!important;--size:24px;margin-top:4px;min-width:var(--size)!important;min-height:var(--size)!important;max-width:var(--size)!important;max-height:var(--size)!important}&[data-app=clickhouse] svg{background-color:#F9FF69;box-shadow:0 0 0 .5px #C5CD0A,0 2px 0 0 rgba(9,11,21,.05),0 2px 3px 0 rgba(9,11,21,.05),0 3px 5px 0 rgba(9,11,21,.05)}}@keyframes topology_frame_draw__ALjUU{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.network-design_container__PcwkY{width:100%;height:100%;overflow:hidden;position:relative;@media (max-width:886px){position:absolute;top:0;left:0;right:0;bottom:0}}.network-design_ap__02Wqg{position:absolute;width:40px;height:40px;cursor:grab;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;&:before{content:"";position:absolute;opacity:1;transition:box-shadow .2s cubic-bezier(.165,.84,.44,1)}&.network-design_overlay__2PrfT:before,&[data-dragging=true]:before{content:"";position:absolute;width:33px;height:33px;border-radius:6.5px;box-shadow:var(--shadow-focused);z-index:-1;opacity:1}&:not(.network-design_overlay__2PrfT):not([data-dragging]):hover:before{opacity:1}&.network-design_overlay__2PrfT:before,&:hover:before{width:33px;height:33px;opacity:1;border-radius:6.5px;box-shadow:var(--shadow-initial)}&[data-ap=cellular]{&:before{border-radius:9.5px}}}.network-design_overlay__2PrfT{cursor:grabbing}.network-design_area__dusze,.network-design_heatmap__WaSAu{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.network-design_heatmap__WaSAu{pointer-events:none}.network-design_floorplan__82pZg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:var(--dotted-dark)}
/*# sourceMappingURL=790228d2c6f9c00e.css.map*/