/* GLightbox skin; vendor assets and their MIT license live in vendor/glightbox/3.3.1/. */
.glightbox-container { font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "Noto Sans Thai", Arial, sans-serif; }
.glightbox-container .goverlay { background: rgba(8, 27, 30, .96); }
.glightbox-site .gslide-image img { border-radius: 6px; }
.glightbox-site .gslide-description { background: #fff; border-radius: 0 0 6px 6px; }
.glightbox-site .gdesc-inner { padding: 16px 22px; }
.glightbox-site .gslide-title { margin: 0; color: #233f37; font: inherit; text-align: center; }
.glightbox-site .gbtn { position: absolute; width: 44px; height: 44px; padding: 10px; border: 1px solid #ffffff38; border-radius: 50%; background: #143c3e; color: #fff; cursor: pointer; }
.glightbox-site .gbtn:hover { background: #315e42; }
.glightbox-site .gbtn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.glightbox-site .gbtn svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.glightbox-site .gclose { top: max(16px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); }
.glightbox-site .gprev, .glightbox-site .gnext { top: 50%; }
.glightbox-site .gprev { left: max(12px, env(safe-area-inset-left)); }
.glightbox-site .gnext { right: max(12px, env(safe-area-inset-right)); }
.glightbox-site .gslide-external iframe { max-height: 75vh; border-radius: 6px; }
@media (max-width: 767px) {
    .glightbox-site .gdesc-inner { padding: 12px 16px; }
    .glightbox-site .gprev, .glightbox-site .gnext { top: auto; bottom: max(18px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
    .glightbox-container *, .glightbox-container *::before, .glightbox-container *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}