.catalog-page.svelte-220hbx{background:#f3f8ff}.catalog-hero.svelte-220hbx{position:relative;overflow:hidden;padding:58px 40px 112px;background:linear-gradient(90deg,#030c22f0,#072048cc,#073a6f6b),linear-gradient(180deg,#030c2214,#030c227a),url(../../../brand/hut-kota-landmarks/08_masjid_agung.png) center 52% / clamp(160px,20vw,250px) auto no-repeat,#071a3f;color:#fff;isolation:isolate}.catalog-hero.svelte-220hbx:before{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:70px 70px;content:"";opacity:.42;pointer-events:none}.catalog-hero-scene.svelte-220hbx{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.catalog-cloud.svelte-220hbx{position:absolute;height:34px;border-radius:999px;background:#e7f6ff24;box-shadow:inset 0 0 18px #ffffff1f;opacity:.72;animation:svelte-220hbx-catalog-cloud-drift 18s ease-in-out infinite alternate}.catalog-cloud.svelte-220hbx:before,.catalog-cloud.svelte-220hbx:after{position:absolute;bottom:9px;border-radius:50%;background:inherit;content:""}.catalog-cloud.svelte-220hbx:before{left:24px;width:46px;height:46px}.catalog-cloud.svelte-220hbx:after{right:24px;width:58px;height:58px}.catalog-cloud-a.svelte-220hbx{top:76px;left:max(32px,9vw);width:168px}.catalog-cloud-b.svelte-220hbx{top:124px;right:max(34px,9vw);width:142px;opacity:.5;animation-duration:22s}@keyframes svelte-220hbx-catalog-cloud-drift{0%{transform:translate(-10px)}to{transform:translate(16px)}}.catalog-hero-inner.svelte-220hbx{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:end;z-index:3}.catalog-hero.svelte-220hbx h1:where(.svelte-220hbx),.catalog-hero.svelte-220hbx .lead:where(.svelte-220hbx){color:#fff}.catalog-hero.svelte-220hbx .lead:where(.svelte-220hbx){color:#ffffffc7}.catalog-hero.svelte-220hbx .eyebrow:where(.svelte-220hbx){color:#dff6ff}.catalog-summary.svelte-220hbx{display:grid;gap:8px;border:1px solid rgba(191,219,254,.24);border-radius:8px;background:#dbeafe21;box-shadow:0 28px 70px #0000003d;padding:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.catalog-summary.svelte-220hbx span:where(.svelte-220hbx),.catalog-summary.svelte-220hbx small:where(.svelte-220hbx){color:#ffffffb8;font-size:13px;font-weight:760}.catalog-summary.svelte-220hbx strong:where(.svelte-220hbx){color:#fff;font-size:46px;line-height:1}.catalog-content.svelte-220hbx{margin-top:0;padding-top:56px;padding-bottom:72px}.filter-panel.svelte-220hbx{display:grid;gap:14px;margin-bottom:14px;border:1px solid rgba(203,213,225,.96);border-radius:8px;background:#fffffff7;box-shadow:0 22px 54px #0f172a1a;padding:10px}.search-panel.svelte-220hbx{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:54px}.search-field.svelte-220hbx{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;min-width:0;min-height:44px;border:1px solid #d7e4f2;border-radius:8px;background:#fff;color:#31536f;transition:border-color .17s ease,box-shadow .17s ease}.search-field.svelte-220hbx:focus-within{border-color:#7aa7cf;box-shadow:0 0 0 3px #0e749021}.search-field.svelte-220hbx input:where(.svelte-220hbx){min-width:0;height:42px;border:0;background:transparent;color:var(--ink);font:inherit;outline:none;padding:0 12px 0 0}.search-field.svelte-220hbx input:where(.svelte-220hbx)::placeholder{color:#7a8da3}.search-icon.svelte-220hbx{display:grid;place-items:center;color:#31536f}.search-icon.svelte-220hbx svg:where(.svelte-220hbx),.modal-action.svelte-220hbx svg:where(.svelte-220hbx),.modal-close.svelte-220hbx svg:where(.svelte-220hbx){width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.active-filter.svelte-220hbx{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px}.active-filter.svelte-220hbx span:where(.svelte-220hbx){display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid rgba(2,132,199,.15);border-radius:999px;background:#ffffffdb;padding:6px 10px;box-shadow:0 10px 24px #0f172a0f}.active-filter.svelte-220hbx small:where(.svelte-220hbx){color:var(--brand);font-size:11px;font-weight:850;text-transform:uppercase}.active-filter.svelte-220hbx strong:where(.svelte-220hbx){overflow:hidden;color:#172033;font-size:13px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.quick-filter.svelte-220hbx{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:var(--public-muted);font-size:13px;font-weight:760}.quick-filter.svelte-220hbx a:where(.svelte-220hbx){border:1px solid var(--line);border-radius:999px;background:#fff;color:#40546a;padding:7px 10px;transition:border-color .17s ease,color .17s ease,transform .17s ease}.quick-filter.svelte-220hbx a:where(.svelte-220hbx):hover{border-color:#0284c747;color:var(--brand);transform:translateY(-1px)}.catalog-shell.svelte-220hbx{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.catalog-head.svelte-220hbx,.catalog-row.svelte-220hbx{display:grid;grid-template-columns:minmax(0,1fr) 220px 92px;gap:18px;align-items:center}.catalog-head.svelte-220hbx{min-height:56px;background:linear-gradient(90deg,#0284c712,#1d4ed80a),#f7fbff;color:#52677c;padding:16px 18px;font-size:13px;font-weight:860;text-transform:uppercase}.catalog-row.svelte-220hbx{padding:19px 18px;border-top:1px solid #e6edf5;animation:svelte-220hbx-row-in .46s ease both;animation-delay:var(--delay);transition:background .17s ease,transform .17s ease,box-shadow .17s ease}.catalog-row.svelte-220hbx:hover{position:relative;background:#f8fbff;box-shadow:0 18px 38px #0f172a14;transform:translateY(-2px);z-index:1}.title-cell.svelte-220hbx{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:16px;min-width:0}.document-copy.svelte-220hbx{min-width:0}.document-title-button.svelte-220hbx{display:inline-block;max-width:100%;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:18px;font-weight:840;font-family:inherit;line-height:1.34;overflow-wrap:anywhere;padding:0;text-align:left}.document-title-button.svelte-220hbx:hover,.document-title-button.svelte-220hbx:focus-visible{color:var(--brand);outline:none}.title-cell.svelte-220hbx p:where(.svelte-220hbx){margin:7px 0 0;color:#52677c;font-size:14px}.document-icon.svelte-220hbx{position:relative;display:grid;place-items:center;width:52px;height:62px;border:1px solid #bfdbfe;border-radius:8px;background:linear-gradient(145deg,#fffffff5,#eff6fff5),#eff6ff;color:var(--brand);box-shadow:inset 0 1px #ffffffeb,0 10px 24px #0e74901a}.document-icon.svelte-220hbx:after{position:absolute;top:-1px;right:-1px;width:17px;height:17px;border-bottom:1px solid #bfdbfe;border-left:1px solid #bfdbfe;border-radius:0 8px 0 6px;background:#dff2ff;content:""}.document-icon.svelte-220hbx svg:where(.svelte-220hbx){width:29px;height:29px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.document-icon.svelte-220hbx small:where(.svelte-220hbx){position:absolute;right:6px;bottom:6px;left:6px;overflow:hidden;border-radius:5px;background:#0e74901c;color:#0e5f8d;font-size:9px;font-weight:900;line-height:1.5;text-align:center;text-overflow:ellipsis;white-space:nowrap}.document-icon.doc.svelte-220hbx{border-color:#c7d2fe;background:linear-gradient(145deg,#fff,#eef2ff);color:#3742a0}.document-icon.xls.svelte-220hbx{border-color:#bbf7d0;background:linear-gradient(145deg,#fff,#ecfdf5);color:#087a4b}.document-icon.file.svelte-220hbx{border-color:#d7e4f2;background:linear-gradient(145deg,#fff,#f8fbff);color:#425b76}.date-cell.svelte-220hbx{display:grid;gap:6px}.action-cell.svelte-220hbx{display:flex;align-items:center;justify-content:center}.date-cell.svelte-220hbx strong:where(.svelte-220hbx){font-size:14px;line-height:1.35}.catalog-summary.svelte-220hbx small:where(.svelte-220hbx),.mobile-meta.svelte-220hbx,.date-cell.svelte-220hbx small:where(.svelte-220hbx){color:var(--public-muted);font-size:13px;font-weight:730}.action-menu-button.svelte-220hbx{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid #d7e4f2;border-radius:999px;background:#fff;color:#31536f;cursor:pointer;transition:border-color .17s ease,background .17s ease,color .17s ease,transform .17s ease}.action-menu-button.svelte-220hbx:hover,.action-menu-button.svelte-220hbx:focus-visible{border-color:#0284c74d;background:#eff6ff;color:var(--brand);transform:translateY(-1px);outline:none}.action-menu-button.svelte-220hbx svg:where(.svelte-220hbx){width:22px;height:22px;fill:currentColor}.mobile-meta.svelte-220hbx{display:none;flex-wrap:wrap;gap:8px;margin-top:10px}.mobile-meta.svelte-220hbx span:where(.svelte-220hbx){border:1px solid #d7e4f2;border-radius:999px;background:#f8fbff;padding:5px 8px}.empty-state.svelte-220hbx{display:grid;justify-items:start;gap:8px;padding:28px}.empty-state.svelte-220hbx p:where(.svelte-220hbx){margin:0;color:var(--public-muted)}.pagination-block.svelte-220hbx{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.page-list.svelte-220hbx{display:inline-flex;overflow:hidden;border:1px solid #dce5ef;border-radius:5px;background:#fff}.page-list.svelte-220hbx a:where(.svelte-220hbx),.page-list.svelte-220hbx span:where(.svelte-220hbx){display:inline-grid;min-width:36px;min-height:34px;place-items:center;border-right:1px solid #dce5ef;color:#6b7280;font-size:14px;font-weight:680;line-height:1}.page-list.svelte-220hbx a:where(.svelte-220hbx):last-child,.page-list.svelte-220hbx span:where(.svelte-220hbx):last-child{border-right:0}.page-list.svelte-220hbx a:where(.svelte-220hbx):hover{background:#f8fbff;color:var(--brand)}.page-list.svelte-220hbx a.active:where(.svelte-220hbx){background:#e5e7eb;color:#1f2937}.page-list.svelte-220hbx span:where(.svelte-220hbx){background:#fafafa;color:#b8c2cc}.record-tools.svelte-220hbx{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;color:#374151;font-size:13px;font-weight:730}.per-page-form.svelte-220hbx label:where(.svelte-220hbx){display:inline-flex;grid-auto-flow:column;align-items:center;gap:6px}.per-page-form.svelte-220hbx select:where(.svelte-220hbx){min-width:0;height:32px;border:1px solid #d7e4f2;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:760;outline:none;padding:0 24px 0 8px}.document-action-backdrop.svelte-220hbx{position:fixed;inset:0;display:grid;place-items:center;z-index:80;background:#0f172a7a;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.document-action-modal.svelte-220hbx{width:min(520px,calc(100vw - 32px));border:1px solid rgba(215,228,242,.98);border-radius:8px;background:#fff;box-shadow:0 34px 90px #0f172a4d;padding:22px;animation:svelte-220hbx-modal-in .18s ease both}.modal-head.svelte-220hbx{display:grid;grid-template-columns:48px minmax(0,1fr) 36px;align-items:start;gap:14px}.modal-file-badge.svelte-220hbx{display:grid;width:42px;height:42px;place-items:center;border:1px solid #fecaca;border-radius:8px;background:#fff7ed;color:#b91c1c;font-size:11px;font-weight:900;line-height:1}.modal-file-badge.doc.svelte-220hbx{border-color:#c7d2fe;background:#eef2ff;color:#3742a0}.modal-file-badge.xls.svelte-220hbx{border-color:#bbf7d0;background:#ecfdf5;color:#087a4b}.modal-file-badge.file.svelte-220hbx{border-color:#d7e4f2;background:#f8fbff;color:#425b76}.modal-title.svelte-220hbx{min-width:0}.modal-title.svelte-220hbx p:where(.svelte-220hbx){margin:1px 0 7px;border-left:4px solid var(--brand);color:var(--brand);font-size:12px;font-weight:900;line-height:1;padding-left:8px;text-transform:uppercase}.modal-title.svelte-220hbx h2:where(.svelte-220hbx){margin:0;color:var(--ink);font-size:21px;line-height:1.18;overflow-wrap:anywhere}.modal-title.svelte-220hbx span:where(.svelte-220hbx){display:inline-block;margin-top:9px;color:#60748b;font-size:13px;font-weight:760}.modal-close.svelte-220hbx{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d7e4f2;border-radius:8px;background:#f8fbff;color:#31536f;cursor:pointer}.modal-close.svelte-220hbx:hover,.modal-close.svelte-220hbx:focus-visible{border-color:#0284c747;color:var(--brand);outline:none}.modal-action-grid.svelte-220hbx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.modal-action.svelte-220hbx{display:grid;min-height:86px;place-items:center;gap:8px;border:1px solid #d7e4f2;border-radius:8px;background:#fff;color:#31536f;font-size:13px;font-weight:860;text-align:center;transition:border-color .17s ease,background .17s ease,color .17s ease,transform .17s ease}.modal-action.flipbook.svelte-220hbx,.modal-action.download.svelte-220hbx{border-color:#bfdbfe;background:#eff6ff;color:var(--brand)}.modal-action.svelte-220hbx:hover,.modal-action.svelte-220hbx:focus-visible{border-color:#0284c75c;background:#e0f2fe;color:#0c4a6e;transform:translateY(-1px);outline:none}@keyframes svelte-220hbx-row-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-220hbx-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.catalog-cloud.svelte-220hbx,.catalog-row.svelte-220hbx,.document-action-modal.svelte-220hbx{animation:none;transition:none}.quick-filter.svelte-220hbx a:where(.svelte-220hbx),.action-menu-button.svelte-220hbx,.modal-action.svelte-220hbx{transition:none}}@media(max-width:860px){.catalog-hero.svelte-220hbx{padding:42px 18px 108px;background-position:0 0,0 0,center 52%;background-size:auto,auto,min(42vw,160px) auto}.catalog-cloud-a.svelte-220hbx{top:96px;left:-28px;width:134px;opacity:.48}.catalog-cloud-b.svelte-220hbx{display:none}.catalog-hero-inner.svelte-220hbx,.catalog-head.svelte-220hbx,.catalog-row.svelte-220hbx{grid-template-columns:1fr}.catalog-content.svelte-220hbx{padding-top:40px}.catalog-summary.svelte-220hbx{max-width:none}.catalog-head.svelte-220hbx,.date-cell.svelte-220hbx{display:none}.title-cell.svelte-220hbx{align-items:start;grid-template-columns:52px minmax(0,1fr);gap:13px}.document-icon.svelte-220hbx{width:48px;height:58px}.action-cell.svelte-220hbx{justify-content:flex-start;margin-top:14px}.mobile-meta.svelte-220hbx{display:flex}.catalog-row.svelte-220hbx{gap:0}.pagination-block.svelte-220hbx{align-items:flex-start;flex-direction:column}.record-tools.svelte-220hbx{justify-content:flex-start}}@media(max-width:620px){.catalog-hero.svelte-220hbx h1:where(.svelte-220hbx){font-size:32px;line-height:1.08}.search-panel.svelte-220hbx{grid-template-columns:1fr}.search-panel.svelte-220hbx .button:where(.svelte-220hbx){width:100%}.active-filter.svelte-220hbx{align-items:flex-start;flex-direction:column}.page-list.svelte-220hbx{max-width:100%;overflow-x:auto}.record-tools.svelte-220hbx,.per-page-form.svelte-220hbx label:where(.svelte-220hbx){align-items:flex-start;flex-direction:column}.document-action-backdrop.svelte-220hbx{align-items:end;padding:14px}.document-action-modal.svelte-220hbx{width:100%;padding:18px}.modal-head.svelte-220hbx{grid-template-columns:44px minmax(0,1fr) 34px;gap:12px}.modal-file-badge.svelte-220hbx{width:40px;height:40px}.modal-title.svelte-220hbx h2:where(.svelte-220hbx){font-size:18px}.modal-action-grid.svelte-220hbx{grid-template-columns:1fr}.modal-action.svelte-220hbx{min-height:62px;grid-template-columns:24px minmax(0,1fr);justify-items:start;padding:0 16px;text-align:left}}