/* AKRIL96_GALLERY_VIEWER_V179_R0_BEGIN */
:root { --akr179-ready: 1; }
#akr179-viewer, #akr179-viewer * { box-sizing: border-box; }
#akr179-viewer[hidden], #akr179-viewer [hidden] { display: none !important; }
#akr179-viewer {
  position: fixed; inset: 0; z-index: 2147483000; width: 100%; height: 100%; height: 100dvh;
  display: flex; flex-direction: column; overflow: hidden; margin: 0; padding: 0;
  color: #fafafa; background: #101112; font: 16px/1.4 Arial, sans-serif; text-align: left;
  isolation: isolate; -webkit-tap-highlight-color: transparent;
}
#akr179-viewer .akr179-head { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 20px; padding: max(14px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left)); background: #151617; border-bottom: 1px solid #ffffff12; }
#akr179-viewer .akr179-names { min-width: 0; }
#akr179-viewer .akr179-brand { margin: 0 0 3px; color: #dab36d; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; }
#akr179-viewer .akr179-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 600; }
#akr179-viewer .akr179-tools { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
#akr179-viewer button { cursor: pointer; font: inherit; color: #fff; text-shadow: none; text-indent: 0; box-shadow: none; background-image: none; -webkit-appearance: none; appearance: none; }
#akr179-viewer .akr179-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; min-width: 44px; margin: 0; padding: 10px; border: 1px solid #ffffff28; border-radius: 50%; background: #ffffff09; transition: background-color 0.15s, border-color 0.15s; touch-action: manipulation; }
#akr179-viewer .akr179-button:hover { background: #ffffff1c; border-color: #ffffff66; }
#akr179-viewer .akr179-button:disabled { opacity: 0.35; cursor: default; }
#akr179-viewer .akr179-close { margin-left: 6px; background: #ffffff15; }
#akr179-viewer button:focus-visible, #akr179-viewer a:focus-visible { outline: 3px solid #e7bd75; outline-offset: 3px; }
#akr179-viewer svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#akr179-viewer .akr179-stage { position: relative; display: flex; align-items: center; justify-content: center; flex: 1 1 auto; min-height: 0; padding: 16px 90px; overflow: hidden; }
#akr179-viewer .akr179-plane { position: relative; width: 100%; height: 100%; min-height: 0; overflow: hidden; touch-action: none; }
#akr179-viewer .akr179-picture { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#akr179-viewer .akr179-picture img { display: block; flex: 0 0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0; border: 0; padding: 0; object-fit: contain; opacity: 0; user-select: none; -webkit-user-drag: none; transform-origin: center; }
#akr179-viewer.akr179-loaded .akr179-picture img { opacity: 1; }
#akr179-viewer.akr179-zoomed .akr179-picture img { cursor: grab; }
#akr179-viewer.akr179-zoomed .akr179-picture img:active { cursor: grabbing; }
#akr179-viewer .akr179-status { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #bfc1c5; text-align: center; pointer-events: none; }
#akr179-viewer .akr179-error { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; background: #101112; }
#akr179-viewer .akr179-error p { margin: 0 0 16px; padding: 0; color: #d9dade; }
#akr179-viewer .akr179-error a { display: inline-block; padding: 10px 16px; border: 1px solid #8b744c; border-radius: 7px; color: #e7bd75; text-decoration: none; }
#akr179-viewer .akr179-foot { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 8px 24px 12px; }
#akr179-viewer .akr179-info { min-width: 0; text-align: center; }
#akr179-viewer .akr179-caption { color: #f5f5f5; font-size: 15px; overflow-wrap: anywhere; }
#akr179-viewer .akr179-counter { margin-top: 3px; color: #aeb1b7; font-size: 13px; font-variant-numeric: tabular-nums; }
#akr179-viewer .akr179-arrow { position: absolute; top: 50%; width: 52px; height: 52px; transform: translateY(-50%); background: #242526; }
#akr179-viewer .akr179-prev { left: 22px; }
#akr179-viewer .akr179-next { right: 22px; }
#akr179-viewer .akr179-thumbs { display: flex; align-items: center; flex: 0 0 auto; align-self: center; gap: 8px; max-width: min(900px,100%); overflow-x: auto; overflow-y: hidden; padding: 8px 18px max(18px,env(safe-area-inset-bottom)); scrollbar-width: thin; scrollbar-color: #6e6c64 transparent; touch-action: pan-x; }
#akr179-viewer .akr179-thumb { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 68px; width: 68px; height: 52px; margin: 0; padding: 3px; border: 2px solid transparent; border-radius: 6px; background: #28292b; opacity: 0.6; }
#akr179-viewer .akr179-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; border: 0; border-radius: 2px; }
#akr179-viewer .akr179-thumb:hover { opacity: 1; }
#akr179-viewer .akr179-thumb[aria-current="true"] { border-color: #d8b273; opacity: 1; background: #d8b273; }
body.akr179-open > .pp_pic_holder, body.akr179-open > .pp_overlay, body.akr179-open > .ppt { visibility: hidden !important; }
@media (max-width: 700px) {
  #akr179-viewer .akr179-head { gap: 10px; padding: max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left)); }
  #akr179-viewer .akr179-title { font-size: 16px; }
  #akr179-viewer .akr179-tools { gap: 4px; }
  #akr179-viewer .akr179-close { margin-left: 0; }
  #akr179-viewer .akr179-stage { padding: 8px 10px; }
  #akr179-viewer .akr179-foot { justify-content: space-between; gap: 10px; padding: 8px 14px; }
  #akr179-viewer .akr179-info { flex: 1 1 auto; }
  #akr179-viewer .akr179-arrow { position: static; width: 44px; height: 44px; transform: none; }
  #akr179-viewer .akr179-thumbs { gap: 6px; max-width: 100%; padding: 6px 12px max(12px,env(safe-area-inset-bottom)); }
  #akr179-viewer .akr179-thumb { flex-basis: 56px; width: 56px; height: 44px; }
}
@media (max-height: 480px) {
  #akr179-viewer .akr179-brand, #akr179-viewer .akr179-thumbs { display: none; }
  #akr179-viewer .akr179-head { padding-top: max(5px,env(safe-area-inset-top)); padding-bottom: 5px; }
  #akr179-viewer .akr179-foot { padding-top: 4px; padding-bottom: max(5px,env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  #akr179-viewer *, #akr179-viewer *::before, #akr179-viewer *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
/* AKRIL96_GALLERY_VIEWER_V179_R0_END */