.p21.p21-reference.p21-facilities-page .p21-hero{color:#fff;background:#082d4a;min-height:240px}.p21.p21-reference.p21-facilities-page .p21-hero-photo{object-position:center 44%;width:100%}.p21.p21-reference.p21-facilities-page .p21-hero:after{background:linear-gradient(90deg,#032b49e8,#052b4966 60%,#032b4933)}.p21.p21-reference.p21-facilities-page .p21-hero-inner{padding:24px 4% 32px}.p21.p21-reference.p21-facilities-page .p21-hero :is(h1,p,a,.p21-eyebrow){color:#fff}.p21.p21-reference.p21-facilities-page .p21-hero-copy>p{max-width:570px}.p21.p21-reference.p21-facilities-page .p21-eyebrow{letter-spacing:.14em;margin-bottom:12px;font-size:12px}.p21.p21-reference.p21-facilities-page .p21-hero h1{font-size:48px}.p21.p21-reference.p21-facilities-page .p21-body{max-width:1660px;padding:24px 4% 20px}.p21.p21-reference.p21-facilities-page .p21-section-heading{margin-bottom:18px}.p21.p21-reference.p21-facilities-page .p21-section-heading p{margin:4px 0 0 36px;font-size:15px}.p21.p21-reference.p21-facilities-page .p21-read{margin-top:0}.p21.p21-reference.p21-facilities-page .p21-facility-heading{align-items:center;gap:12px;font-size:25px;display:flex}.p21.p21-reference.p21-facilities-page .p21-facility-heading:before{content:"";background:linear-gradient(#c6e8ff 0 30%,#069aff 30% 65%,#d7efff 65%);flex-shrink:0;width:24px;height:10px}.p21.p21-reference.p21-facilities-page .p21-facility-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.p21.p21-reference.p21-facilities-page .p21-facility-grid article{text-align:center;background:#ffffffa6;border:1px solid #deebfc;border-radius:8px;padding:16px 12px 20px}.p21.p21-reference.p21-facilities-page .p21-facility-icon{color:#0074ff;background:#e5f2ff;border-radius:50%;flex-shrink:0;place-items:center;width:66px;height:66px;display:grid}.p21.p21-reference.p21-facilities-page .p21-facility-grid .p21-facility-icon{margin:0 auto 12px}.p21.p21-reference.p21-facilities-page .p21-facility-icon svg{color:#0074ff}.p21.p21-reference.p21-facilities-page .p21-facility-grid h3{margin-bottom:8px;font-size:16px}.p21.p21-reference.p21-facilities-page .p21-facility-grid p{font-size:14px;line-height:1.5}.p21.p21-reference.p21-facilities-page .p21-support-section,.p21.p21-reference.p21-facilities-page .p21-access-section{margin-top:26px}.p21.p21-reference.p21-facilities-page .p21-support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p21.p21-reference.p21-facilities-page .p21-support-grid article{text-align:left;align-items:center;gap:24px;padding:22px;display:flex}.p21.p21-reference.p21-facilities-page .p21-support-grid .p21-facility-icon{margin:0}.p21.p21-reference.p21-facilities-page .p21-facility-cta>div{align-items:center;gap:24px;max-width:1536px;margin:auto;display:flex}.p21.p21-reference.p21-facilities-page .p21-support-grid article>div{overflow-wrap:anywhere;min-width:0}.p21.p21-reference.p21-facilities-page .p21-access-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:stretch;gap:20px;display:grid}.p21.p21-reference.p21-facilities-page .p21-access-layout>div>p{margin:6px 0 18px 36px;font-size:14px}.p21.p21-reference.p21-facilities-page .p21-access-list{background:#ffffffa6;border:1px solid #deebfc;border-radius:8px;gap:0;padding:4px 22px;list-style:none;display:grid}.p21.p21-reference.p21-facilities-page .p21-access-list li{border-bottom:1px solid #deebf8;align-items:center;gap:24px;padding:15px 0;font-size:14px;display:flex}.p21.p21-reference.p21-facilities-page .p21-access-list li:last-child{border:0}.p21.p21-reference.p21-facilities-page .p21-access-list strong{font-weight:600}.p21.p21-reference.p21-facilities-page .p21-access-list span{color:var(--p21-muted);margin-top:5px;font-size:13px;display:block}.p21.p21-reference.p21-facilities-page .p21-access-list svg{color:#0074ff}.p21.p21-reference.p21-facilities-page .p21-access-map{background:#11334a;border:1px solid #d9e8f9;border-radius:9px;overflow:hidden}.p21.p21-reference.p21-facilities-page .p21-access-cartography{position:relative}.p21.p21-reference.p21-facilities-page .p21-access-map-canvas{width:100%;height:340px;position:relative;overflow:hidden}.p21.p21-reference.p21-facilities-page .p21-access-preview,.p21-access-marker-lines{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.p21.p21-reference.p21-facilities-page .p21-access-live-map{position:absolute;inset:0}.p21.p21-reference.p21-facilities-page .p21-access-live-map.pending{opacity:0}.p21.p21-reference.p21-facilities-page .p21-access-marker-lines{z-index:1}.p21.p21-reference.p21-facilities-page .p21-access-north{z-index:2;color:#fff;text-align:center;text-shadow:0 1px 4px #00263d;pointer-events:none;font-size:12px;line-height:1.15;display:grid;position:absolute;top:15px;left:67px}.p21.p21-reference.p21-facilities-page .p21-access-north span+span{font-size:23px}.p21.p21-reference.p21-facilities-page .p21-access-area-label{z-index:2;color:#fff;text-align:center;text-shadow:0 1px 3px #003149;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:700;line-height:1.25;position:absolute;transform:translate(-50%,-50%)}.p21.p21-reference.p21-facilities-page .p21-access-area-break{display:none}.p21.p21-reference.p21-facilities-page .p21-access-place{z-index:3;cursor:pointer;color:#fff;white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;line-height:1.3;display:flex;position:absolute;transform:translate(-50%,-18px)}.p21-access-place[aria-expanded=true] .p21-access-place-icon,.p21.p21-reference.p21-facilities-page .p21-access-place:is(:hover,:focus-visible) .p21-access-place-icon{box-shadow:0 0 0 3px var(--route-color)}.p21.p21-reference.p21-facilities-page .p21-access-place-icon{width:36px;height:36px;color:var(--route-color);background:#fffffff2;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 8px #001d3b55}.p21.p21-reference.p21-facilities-page .p21-access-place-icon svg{color:inherit}.p21.p21-reference.p21-facilities-page .p21-access-place-distance{background:#052e47eb;border:1px solid #ffffff50;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.p21.p21-reference.p21-facilities-page .p21-access-place:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #fff}.p21.p21-reference.p21-facilities-page .p21-access-place-popup{z-index:5;color:#fff;background:#052b43f2;border:1px solid #ffffff80;border-radius:6px;width:220px;max-width:calc(100% - 16px);padding:13px 30px 13px 13px;font-size:13px;line-height:1.4;position:absolute;transform:translate(-50%);box-shadow:0 3px 14px #001d3b55}.p21.p21-reference.p21-facilities-page .p21-access-place-popup>strong{font-weight:600;display:block}.p21.p21-reference.p21-facilities-page .p21-access-place-popup>span{margin-top:5px;font-size:12px;display:block}.p21.p21-reference.p21-facilities-page .p21-access-place-popup>button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:4px;right:4px}.p21.p21-reference.p21-facilities-page .p21-access-place-popup>button:focus-visible{outline:2px solid #54d1ff}.p21.p21-reference.p21-facilities-page .p21-access-map-controls{z-index:4;border-radius:5px;gap:1px;display:grid;position:absolute;top:12px;left:12px;overflow:hidden;box-shadow:0 2px 8px #001d3b55}.p21.p21-reference.p21-facilities-page .p21-access-map-controls button{color:#006aff;cursor:pointer;background:#fffffff2;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.p21.p21-reference.p21-facilities-page .p21-access-map-controls button:hover{background:#e4f2ff}.p21.p21-reference.p21-facilities-page .p21-access-map-controls button:focus-visible{outline-offset:-3px;outline:2px solid #006aff}.p21.p21-reference.p21-facilities-page .p21-access-map-controls button:disabled{opacity:.55;cursor:wait}.p21.p21-reference.p21-facilities-page .p21-access-legend{z-index:4;color:#073260;background:#fffffff0;border:1px solid #d9e9f9;border-radius:6px;gap:10px;width:188px;padding:14px 12px;font-size:11px;line-height:1.3;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 3px 12px #00284422}.p21.p21-reference.p21-facilities-page .p21-access-legend>strong{font-size:13px;font-weight:600}.p21.p21-reference.p21-facilities-page .p21-access-legend>span{align-items:center;gap:8px;display:flex}.p21.p21-reference.p21-facilities-page .p21-access-legend small{color:#315675;margin-top:2px;font-size:11px;display:block}.p21.p21-reference.p21-facilities-page .p21-access-legend i{flex-shrink:0;width:22px;height:3px;display:block}.p21.p21-reference.p21-facilities-page .p21-access-legend i.area{background:#1b9edc66;border:1px solid #159cff;border-radius:3px;height:13px}.p21.p21-reference.p21-facilities-page .p21-access-legend i.point{background:#fff;border:3px solid #073260;border-radius:50%;width:12px;height:12px;margin:0 5px}.p21.p21-reference.p21-facilities-page .p21-access-map-credit{z-index:4;color:#12314d;background:#ffffffd9;border-radius:2px;padding:1px 4px;font-size:11px;position:absolute;bottom:5px;right:7px}.p21.p21-reference.p21-facilities-page .p21-access-tile-status{z-index:4;color:#fff;background:#052e47e6;border-radius:3px;padding:3px 7px;font-size:12px;position:absolute;bottom:5px;left:7px}.p21.p21-reference.p21-facilities-page .p21-access-live-map .maplibregl-ctrl-scale{color:#12314d;background:#ffffffe6;border-color:#12314d;font:10px/1.4 DM Sans,sans-serif}.p21.p21-reference.p21-facilities-page .p21-access-map figcaption{color:var(--p21-muted);background:#eaf4ff;padding:10px 14px;font-size:12px}.p21.p21-reference.p21-facilities-page .p21-access-map figcaption a{align-items:center;gap:5px;display:inline-flex}.p21.p21-reference.p21-facilities-page .p21-support-grid h3{margin-bottom:6px}.p21.p21-reference.p21-facilities-page .p21-facility-cta{background:linear-gradient(90deg,#e7f3ff,#e7f3ffed),url(../../../portal/v21/profil/kawasan-darat-1600.webp) 50%/cover;padding:24px 4%}.p21.p21-reference.p21-facilities-page .p21-facility-cta h2{font-size:22px}.p21.p21-reference.p21-facilities-page .p21-facility-cta p{margin-top:5px;font-size:14px}.p21.p21-reference.p21-facilities-page .p21-facility-cta .p21-actions{flex-wrap:nowrap;margin:0 0 0 auto}@media (width<=1200px){.p21.p21-reference.p21-facilities-page .p21-support-grid article{gap:14px;padding:18px}.p21.p21-reference.p21-facilities-page .p21-access-layout{grid-template-columns:1fr 1fr}.p21.p21-reference.p21-facilities-page .p21-facility-cta>div{flex-wrap:wrap}.p21.p21-reference.p21-facilities-page .p21-facility-cta .p21-actions{margin-left:90px}}@media (width<=760px){.p21.p21-reference.p21-facilities-page .p21-hero h1{font-size:36px}.p21.p21-reference.p21-facilities-page .p21-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p21.p21-reference.p21-facilities-page .p21-access-layout{grid-template-columns:1fr}.p21.p21-reference.p21-facilities-page .p21-facility-cta .p21-actions{flex-wrap:wrap;margin:0}.p21.p21-reference.p21-facilities-page .p21-access-list li{grid-template-columns:28px 1fr}.p21.p21-reference.p21-facilities-page .p21-access-list span{grid-column:2}.p21.p21-reference.p21-facilities-page .p21-facility-heading{font-size:23px}.p21.p21-reference.p21-facilities-page .p21-access-map img{height:auto}.p21.p21-reference.p21-facilities-page .p21-facility-cta>div{gap:16px}.p21.p21-reference.p21-facilities-page .p21-support-grid{grid-template-columns:1fr}}@container access-map (width<=640px){.p21.p21-reference.p21-facilities-page .p21-access-legend{width:auto;box-shadow:none;background:#eaf4ff;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));position:static}.p21.p21-reference.p21-facilities-page .p21-access-legend>strong{grid-column:1/-1}.p21.p21-reference.p21-facilities-page .p21-access-map-canvas{height:340px}}@container access-map (width<=440px){.p21.p21-reference.p21-facilities-page .p21-access-area-break{display:inline}.p21.p21-reference.p21-facilities-page .p21-access-area-space{display:none}}.p21.p21-reference.p21-facilities-page .p21-access-map{container:access-map/inline-size}@media (width<=700px),(width<=950px) and (height<=500px) and (pointer:coarse){.p21.p21-reference.p21-facilities-page .p21-body{padding:28px 20px 32px}.p21.p21-reference.p21-facilities-page .p21-section-heading{margin-bottom:16px}.p21.p21-reference.p21-facilities-page .p21-facility-heading{font-size:24px;font-weight:600;line-height:31px}.p21.p21-reference.p21-facilities-page .p21-facility-heading:before{display:none}.p21.p21-reference.p21-facilities-page .p21-section-heading p{margin:6px 0 0;font-size:16px;line-height:26px}.p21.p21-reference.p21-facilities-page .p21-facility-grid{grid-template-columns:minmax(0,1fr);gap:0}.p21.p21-reference.p21-facilities-page .p21-facility-grid article{border:0;border-bottom:1px solid var(--p21-line);text-align:left;background:0 0;border-radius:0;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;padding:16px 0;display:grid}.p21.p21-reference.p21-facilities-page .p21-facility-grid .p21-facility-icon{border-radius:8px;grid-area:1/1/3;width:44px;height:44px;margin:0}.p21.p21-reference.p21-facilities-page .p21-facility-icon svg{width:26px;height:26px}.p21.p21-reference.p21-facilities-page .p21-facility-grid h3{grid-column:2;margin:0;font-size:17px;font-weight:600;line-height:25px}.p21.p21-reference.p21-facilities-page .p21-facility-grid p{grid-column:2;font-size:15px;line-height:24px}.p21.p21-reference.p21-facilities-page .p21-support-grid article>div{grid-area:1/2/3}.p21.p21-reference.p21-facilities-page :is(.p21-support-section,.p21-access-section){margin-top:32px}.p21.p21-reference.p21-facilities-page .p21-access-layout{grid-template-columns:minmax(0,1fr);gap:20px}.p21.p21-reference.p21-facilities-page .p21-access-list{background:0 0;border:0;border-radius:0;padding:0}.p21.p21-reference.p21-facilities-page .p21-access-list li{padding:0;display:block}.p21.p21-reference.p21-facilities-page .p21-access-list button{width:100%;min-height:76px;color:var(--p21-ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:14px;padding:14px 0;display:flex}.p21.p21-reference.p21-facilities-page .p21-access-list button>span{min-width:0;color:var(--p21-ink);flex:1;margin:0;font-size:16px;line-height:24px}.p21.p21-reference.p21-facilities-page .p21-access-list button>svg{flex-shrink:0}.p21.p21-reference.p21-facilities-page .p21-access-list small{color:var(--p21-muted);margin-top:4px;font-size:14px;line-height:22px;display:block}.p21.p21-reference.p21-facilities-page .p21-access-map{border-radius:8px}.p21.p21-reference.p21-facilities-page .p21-access-map-canvas{height:clamp(330px,65svh,430px)}.p21.p21-reference.p21-facilities-page .p21-access-map-controls{left:auto;right:12px}.p21.p21-reference.p21-facilities-page .p21-access-area-label{white-space:normal;box-sizing:border-box;width:124px;padding:4px 6px;font-size:12px;line-height:16px}.p21.p21-reference.p21-facilities-page .p21-access-sheet{z-index:3;overscroll-behavior:contain;border:1px solid var(--p21-line);max-height:calc(100% - 170px);color:var(--p21-ink);background:#fff;border-radius:14px;position:absolute;bottom:54px;left:12px;right:12px;overflow-y:auto;box-shadow:0 6px 24px #082a4526}.p21.p21-reference.p21-facilities-page .p21-access-map-controls button,.p21.p21-reference.p21-facilities-page .p21-access-place-icon{width:44px;height:44px}.p21.p21-reference.p21-facilities-page .p21-access-place.is-selected .p21-access-place-icon{box-shadow:0 0 0 3px var(--route-color)}.p21.p21-reference.p21-facilities-page .p21-access-map-credit{box-sizing:border-box;place-items:center;min-width:60px;min-height:44px;padding:4px 6px;display:grid}.p21.p21-reference.p21-facilities-page .p21-access-tile-status{max-width:calc(100% - 85px);padding:6px;font-size:12px;line-height:18px}.p21.p21-reference.p21-facilities-page .p21-access-mobile{color:var(--p21-ink);background:#fff;padding:12px}.p21.p21-reference.p21-facilities-page .p21-access-destinations{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.p21.p21-reference.p21-facilities-page .p21-access-destinations button{border:1px solid var(--p21-line);min-width:0;min-height:76px;color:var(--p21-blue);font:inherit;cursor:pointer;background:#edf5ff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:13px;line-height:19px;display:flex}.p21.p21-reference.p21-facilities-page .p21-access-destinations [aria-pressed=true]{border-color:var(--p21-blue);background:var(--p21-blue);color:#fff}.p21.p21-reference.p21-facilities-page .p21-access-mobile-details{border:0;margin:0;padding:12px}.p21.p21-reference.p21-facilities-page .p21-access-mobile-details header{grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.p21.p21-reference.p21-facilities-page .p21-access-mobile-details header>svg{color:var(--p21-blue)}.p21.p21-reference.p21-facilities-page .p21-access-mobile-details h3{margin:0;font-size:17px;font-weight:600;line-height:25px}.p21.p21-reference.p21-facilities-page .p21-access-mobile-details p{color:var(--p21-muted);margin:8px 0 0;font-size:16px;line-height:24px}.p21.p21-reference.p21-facilities-page .p21-access-mobile-details .p21-access-selected-distance{color:var(--p21-ink);font-weight:600}.p21.p21-reference.p21-facilities-page .p21-access-mobile-details button{width:44px;height:44px;color:var(--p21-ink);cursor:pointer;background:#edf5ff;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.p21.p21-reference.p21-facilities-page .p21-access-mobile-summary{border:0;align-items:center;gap:12px;margin:0;padding:10px 12px;font-size:15px;line-height:24px;display:flex}.p21.p21-reference.p21-facilities-page .p21-access-mobile-summary>span{flex:1;min-width:0}.p21.p21-reference.p21-facilities-page .p21-access-mobile-summary small{color:var(--p21-muted);font-size:13px;line-height:21px;display:block}.p21.p21-reference.p21-facilities-page .p21-access-mobile-summary button{min-height:44px;color:var(--p21-blue);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:8px;font-size:14px;display:inline-flex}.p21.p21-reference.p21-facilities-page .p21-access-mobile-legend{color:var(--p21-ink);background:#eaf4ff;padding:0 14px}.p21.p21-reference.p21-facilities-page .p21-access-mobile-legend summary{box-sizing:border-box;cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;line-height:20px}.p21.p21-reference.p21-facilities-page .p21-access-legend{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:12px;padding:0 0 14px;font-size:14px;line-height:22px;position:static}.p21.p21-reference.p21-facilities-page .p21-access-legend>strong{display:none}.p21.p21-reference.p21-facilities-page .p21-access-legend small{font-size:13px;line-height:21px}.p21.p21-reference.p21-facilities-page .p21-access-map figcaption{padding:12px 14px;font-size:13px;line-height:22px}.p21.p21-reference.p21-facilities-page .p21-access-map figcaption a{min-height:44px}.p21.p21-reference.p21-facilities-page .p21-facility-cta{padding:28px 20px}.p21.p21-reference.p21-facilities-page .p21-facility-cta>div{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;display:grid}.p21.p21-reference.p21-facilities-page .p21-facility-cta .p21-facility-icon{border-radius:8px;width:44px;height:44px}.p21.p21-reference.p21-facilities-page .p21-facility-cta h2{font-size:23px;line-height:30px}.p21.p21-reference.p21-facilities-page .p21-facility-cta p{font-size:15px;line-height:25px}.p21.p21-reference.p21-facilities-page .p21-facility-cta .p21-actions{grid-column:1/-1;gap:10px;margin:6px 0 0;display:grid}.p21.p21-reference.p21-facilities-page .p21-facility-cta .p21-button{box-sizing:border-box;min-height:48px;padding:11px 16px;font-size:15px;line-height:24px}.p21.p21-reference.p21-facilities-page :is(button,a,summary):focus-visible{outline:2px solid var(--p21-blue);outline-offset:3px}@media (width>=701px){.p21.p21-reference.p21-facilities-page .p21-access-map-canvas{height:clamp(220px,70svh,320px)}.p21.p21-reference.p21-facilities-page .p21-access-sheet{width:min(320px,42%);max-height:calc(100% - 66px);inset:12px 66px auto auto}}@media (width<=360px){.p21.p21-reference.p21-facilities-page .p21-body,.p21.p21-reference.p21-facilities-page .p21-facility-cta{padding-inline:16px}.p21.p21-reference.p21-facilities-page .p21-access-mobile{padding-inline:8px}}}.p21-facility-spec.svelte-1b70ggv{color:#1d4ed8;letter-spacing:.3px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-self:flex-start;margin:10px 0 6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}