:root {--primary-gradient: #87b1ff;--sidebar-width: 280px;--header-height: 70px;--background: #f1f5f9;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #303d51;--text-white: #fff;--border-radius: 10px;--primary-color: #60778d;--hover-bg: #e5ecf7a6;--border-hover: transparent;--primary-btn: #6366f1;}html {scroll-behavior: smooth;}@font-face {font-family: "Plus Jakarta Sans";src: url(fonts/PlusJakartaSans-Regular.ttf);}* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Plus Jakarta Sans", sans-serif;}body {background: linear-gradient(90deg, #252339, #9ddbff);display: flex;min-height: 100vh;background-size: 200% 200%;animation: moveGradient 10s ease infinite;}@keyframes moveGradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}i.fas, .close-btn {color: var(--primary-btn);}.sidebar {width: var(--sidebar-width);padding: 2rem;border-right: 2px solid #ffffff;position: fixed;height: 100vh;overflow-y: auto;background: linear-gradient(rgb(0 0 0 / 81%), rgb(0 0 0 / 69%)), url(/churches_images/Chua-Giesu.jpg);background-size: cover;background-position: center;}.sidebar-logo {margin-bottom: 2rem;}.sidebar-menu {display: flex;flex-direction: column;gap: 0.5rem;}.menu-item {padding: 1rem;border-radius: 10px;color: #fff;text-decoration: none;transition: all 0.3s ease;}.menu-item:hover {background: #575ad7 !important;}.menu-item.active {background: var(--primary-btn);color: white;}.main-content {margin-left: var(--sidebar-width);flex: 1;padding: 1.6rem;overflow: hidden;position: relative;}#massSchedule .mass-day:last-child h4 {color: #ff1515;}.dashboard-header {text-align: center;margin-bottom: 2rem;}.section-header {text-align: center;margin-bottom: 2rem;margin-top: 4rem;}#lich-phung-vu {margin: 4rem 0 1rem;}.filters-section {display: flex;flex-direction: column;gap: 1rem;margin-bottom: 2rem;}.search-filters {display: flex;gap: 1rem;}.search-box {position: relative;flex: 1;}.search-box i {position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);}.search-input {width: 100%;padding: 0.75rem 1rem 0.75rem 2.5rem;border: 1px solid #e2e8f0;border-radius: 10px;background: var(--card-bg);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.filter-select {width: auto;min-width: 180px;padding: 0.85rem 1rem;border: 1px solid #e2e8f0;border-radius: 10px;background: var(--card-bg);font-size: 0.95rem;color: var(--text-primary);cursor: pointer;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.search-input:focus, .filter-select:focus {outline: none;border-color: #6366f1;box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);}.table-container {border-radius: var(--border-radius);overflow: hidden;box-shadow: 3px 3px 10px 2px rgb(153 153 153 / 20%);background-color: #fff;}.table-container tbody tr {cursor: pointer;}.table-container tbody tr:hover td {background: #e8eff5;}table {width: 100%;border-collapse: collapse;}th {background: var(--primary-btn);padding: 1.25rem 1rem;text-align: left;font-weight: 600;color: var(--text-white);font-size: 0.875rem;text-transform: uppercase;letter-spacing: 0.05em;}td {padding: 1.25rem 1rem;border-bottom: 1px solid #e2e8f0;color: var(--text-primary);}tr:hover td {background: #f8fafc;}.sidebar.mobile, .checkbtn {display: none;}@media (max-width: 1024px) {.sidebar {display: none;}.sidebar.mobile {position: fixed;top: 0;left: -250px;width: 250px;height: 100%;background-color: #fff;transition: left 0.3s ease;z-index: 100;display: block !important;padding: 60px 10px 20px 10px;}.checkbtn {padding: 10px 15px;border: 1px solid #e2e8f0;border-radius: 10px;background: var(--card-bg);font-size: 0.95rem;cursor: pointer;box-shadow: 3px 3px 10px 2px rgb(153 153 153 / 20%);display: inline-block;margin-bottom: 20px;}.main-content {margin-left: 0;}.filters-section {grid-template-columns: 1fr;}.sidebar-toggle {display: block;}.sidebar.active {transform: translateX(0);}}.loading-spinner {width: 100%;height: 200px;display: flex;align-items: center;justify-content: center;}.spinner {width: 40px;height: 40px;border: 3px solid #f3f3f3;border-top: 3px solid #6366f1;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.empty-state {text-align: center;padding: 3rem;color: var(--text-secondary);}.empty-state i {font-size: 3rem;margin-bottom: 1rem;color: #cbd5e1;}.pagination {display: flex;justify-content: center;gap: 0.5rem;margin-top: 2rem;}.pagination button {padding: 0.5rem 1rem;border: 1px solid #e2e8f0;background: var(--card-bg);border-radius: 10px;cursor: pointer;transition: all 0.2s ease;}.pagination button:hover {background: #f8fafc;}.pagination button.active {background: var(--primary-btn);color: var(--text-white);border: none;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.dark-mode-toggle {position: fixed;bottom: 2rem;left: 2rem;padding: 1rem;border-radius: 50%;background: var(--card-bg);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);cursor: pointer;transition: all 0.2s ease;width: 50px;height: 50px;display: none;}.dark-mode-toggle:hover {transform: scale(1.1);}.hidden {display: none !important;}.sidebar-toggle {display: none;padding: 0.5rem;background: var(--card-bg);border: none;border-radius: 10px;cursor: pointer;margin-bottom: 1rem;width: 40px;box-shadow: 3px 3px 10px 2px rgb(153 153 153 / 20%);}@media only screen and (max-width: 768px) {.modal-close {position: fixed !important;right: 1.7rem !important;top: 12px !important;}.time-slots {max-height: 194px;overflow-y: scroll;}.refresh-button {width: 100%;justify-content: center;}.section-header.sub img {display: none !important;}.lich-cong-giao {flex-direction: column;}.tabs {display: flex;}.mass-times {margin-top: 0 !important;}}.time-filter {background: var(--card-bg);border-radius: var(--border-radius);overflow: hidden;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.tabs {border-bottom: 1px solid #e2e8f0;justify-content: center;align-items: center;}.tab {padding: 1rem 1.5rem;border: none;background: none;cursor: pointer;color: var(--text-secondary);font-weight: 500;transition: all 0.3s ease;font-size: 16px;position: relative;}.tab.active {color: #6366f1;}.tab:after {content: "";position: absolute;background: var(--primary-btn);height: 2px;width: 0;left: 0;bottom: 0px;border-radius: 10px;transition: 0.3s;}.tab.active:after {width: 100%;}.time-slots {padding: 1rem;display: grid;grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));gap: 0.5rem;}.time-slot {position: relative;}.time-slot input[type="checkbox"] {display: none;}.time-slot label {display: block;padding: 0.5rem;text-align: center;border: 1px solid #e2e8f0;border-radius: 6px;font-size: 0.875rem;cursor: pointer;transition: all 0.2s ease;}.time-slot input[type="checkbox"]:checked + label {background: var(--primary-btn);color: white;border-color: transparent;}.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;overflow-y: auto;}.modal-content {position: relative;background: var(--card-bg);width: 90%;max-width: 900px;margin: 20px auto;padding: 2rem;border-radius: var(--border-radius);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);max-height: 90vh;overflow-y: auto;scroll-behavior: smooth;&::-webkit-scrollbar {width: 8px;}&::-webkit-scrollbar-track {background: transparent;border-radius: 4px;}&::-webkit-scrollbar-thumb {background: #cbd5e1;border-radius: 4px;transition: background 0.2s ease;}&::-webkit-scrollbar-thumb:hover {background: #94a3b8;}}.modal-content {scrollbar-width: thin;scrollbar-color: #cbd5e1 transparent;}[data-theme="dark"] .modal-content {&::-webkit-scrollbar-thumb {background: #4b5563;}&::-webkit-scrollbar-thumb:hover {background: #6b7280;}scrollbar-color: #4b5563 transparent;}.modal-content {&::-webkit-scrollbar {opacity: 0;transition: opacity 0.3s;}&:hover::-webkit-scrollbar {opacity: 1;}}.modal-close {position: absolute;right: 1.5rem;top: 0;float: right;background: none;border: none;font-size: 2rem;cursor: pointer;z-index: 1001;padding: 0.5rem;color: var(--primary-btn);}.modal-close:hover, .close-btn:hover {color: #8085b1;transition: 0.5s;}@media (max-width: 768px) {.modal-content {margin: 10px auto;padding: 1rem;width: 95%;}.church-main-info {grid-template-columns: 1fr;gap: 1rem;}.mass-schedule {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}.church-thumbnail {height: 200px;}.search-filters {flex-direction: column;}.filter-select {width: 100%;}}.modal-content {scroll-behavior: smooth;}.church-details {padding-bottom: 2rem;}.church-details h2 {color: var(--text-primary);margin-bottom: 1.5rem;font-size: 1.8rem;text-align: center;}.church-main-info {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;margin-bottom: 2rem;}.church-info-left {padding-right: 1rem;}.detail-row {display: flex;margin-bottom: 1rem;padding: 0.75rem 0;border-bottom: 1px solid #e2e8f0;}.detail-label {width: 100px;color: var(--text-secondary);font-weight: 500;flex-shrink: 0;}.detail-value {color: var(--text-primary);}.church-image-container {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}.church-thumbnail {width: 100%;height: 300px;object-fit: cover;border-radius: 8px;cursor: pointer;transition: transform 0.2s;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);opacity: 0;transition: opacity 0.5s ease;}.church-thumbnail.loaded {opacity: 1;}.mass-times {margin-top: 2rem;border-top: 2px solid #e2e8f0;padding-top: 1.5rem;}.mass-times h3 {color: var(--text-primary);margin-bottom: 1rem;font-size: 1.4rem;}.mass-schedule {display: grid;grid-template-columns: repeat(7, 1fr);gap: 0.75rem;}.mass-day {background: #f8fafc;padding: 1rem;border-radius: 8px;border: 1px solid #e2e8f0;}.mass-day h4 {color: var(--text-secondary);text-align: center;font-size: 0.9rem;margin-bottom: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid #e2e8f0;}.mass-time-list {list-style: none;padding: 0;margin: 0;text-align: center;font-size: 0.9rem;}.mass-time-list li {padding: 0.25rem 0;color: var(--text-primary);}.priests-section {margin-top: 2rem;border-top: 2px solid #e2e8f0;padding-top: 1.5rem;}.priests-section h3 {color: var(--text-primary);margin-bottom: 1rem;font-size: 1.4rem;}.priests-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 1rem;}.priest-card {background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 8px;padding: 1rem;}.priest-role {color: var(--text-secondary);font-size: 0.875rem;margin-bottom: 0.25rem;}.priest-name {color: var(--text-primary);font-weight: 500;margin-bottom: 0.25rem;}.priest-year {color: var(--text-secondary);font-size: 0.875rem;}.image-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);z-index: 1000;cursor: pointer;}.image-modal img {max-width: 90%;max-height: 90vh;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: contain;}.pagination {display: flex;justify-content: center;align-items: center;gap: 0.5rem;margin-top: 2rem;padding: 1rem;}.pagination button {min-width: 40px;height: 40px;border: 1px solid #e2e8f0;background: var(--card-bg);border-radius: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s;color: var(--text-primary);}.pagination button:disabled {opacity: 0.5;cursor: not-allowed;}.pagination .pagination-dots {padding: 0 0.5rem;color: var(--text-secondary);}.pagination .prev-page, .pagination .next-page {font-size: 0.875rem;}@media (min-width: 768px) {.time-slot label:hover {background: #e8eff5;transition: 0.3s;}.pagination button:hover:not(:disabled) {background: #e8eff5;border-color: var(--border-hover);}}@media (max-width: 768px) {.table-container {background: transparent;box-shadow: none;}table, thead, tbody, th, td, tr {display: block;}thead tr {display: none;}tbody tr {background: var(--card-bg);border-radius: 16px;margin-bottom: 1rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);cursor: pointer;overflow: hidden;transition: all 0.2s ease;}.church-card {display: flex;flex-direction: column;}.church-header {display: flex;align-items: center;padding: 1rem;gap: 0.75rem;border-bottom: 1px solid #f1f5f9;}.church-icon {width: 40px;height: 40px;background: #f1f5f9;border-radius: 12px;display: flex;align-items: center;justify-content: center;color: #6366f1;flex-shrink: 0;}.church-info {flex: 1;min-width: 0;}.church-name {font-weight: 600;color: var(--text-primary);margin-bottom: 0.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.church-location {font-size: 0.85rem;color: var(--text-secondary);display: flex;align-items: center;gap: 0.5rem;}.church-footer {display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 1rem;background: #f8fafc;}.mass-stats {display: flex;gap: 1rem;}.mass-badge {display: flex;align-items: center;gap: 0.5rem;font-size: 0.8rem;color: var(--text-secondary);}.mass-badge i {color: #6366f1;}.view-more {color: #6366f1;font-size: 0.85rem;font-weight: 500;display: flex;align-items: center;gap: 0.5rem;}tbody tr:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}tbody tr:active {transform: scale(0.98);}.church-main-info {grid-template-columns: 1fr;}.mass-schedule {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}.tab {font-size: 13px;}}input, textarea, option, option:active {font-size: 16px !important;}#check {display: none;}.sidebar.mobile.open {left: 0;}.close-btn {position: absolute;top: 50%;right: 15px;background: none;border: none;font-size: 25px;cursor: pointer;z-index: 101;animation: slide 1s infinite ease-in-out;line-height: 5rem;}@keyframes slide {0% {transform: translateX(0);}50% {transform: translateX(10px);}100% {transform: translateX(0);}}.refresh-button {display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;border: 1px solid #e2e8f0;border-radius: 8px;background: var(--card-bg);color: var(--text-primary);cursor: pointer;transition: all 0.2s ease;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.refresh-button:hover {background: #f8fafc;border-color: #6366f1;}.refresh-button i {font-size: 0.9rem;}.refresh-button.rotating i {animation: rotating 0.5s linear;}@keyframes rotating {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}select {-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;width: 100%;}.filter-select:hover, .search-input:hover {border-color: #6366f1;}.custom-select::after {content: "\f0dd";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;top: 43%;right: 16px;transform: translateY(-50%);pointer-events: none;font-size: 16px;color: #6366f1;}.custom-select {position: relative;display: inline-block;}#mapEmbedContainer iframe {border-radius: 8px;}.section-header.sub img {margin-top: 2em;border-radius: 12px;}.sec-content p, p {line-height: 1.5rem;word-spacing: 1.5px;color: #3228bf;}.sec-content {background: #fff;padding: 10px;text-align: justify;border-radius: 10px;border: 2px solid #a9f4ff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.sec-content a {text-decoration: none;color: #f92f9e;font-weight: bold;}.swiper {position: relative;overflow: hidden;padding: 20px 0;}.swiper-slide {background: #fff;border-radius: 10px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;}.swiper-slide:hover {transform: translateY(-6px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}.slide-content {padding: 15px;}.image-wrapper {width: 100%;height: 300px;overflow: hidden;border-radius: 10px 10px 0 0;}.slide-cover {width: 100%;height: 100%;object-fit: fill;display: block;}.swiper-button-next, .swiper-button-prev {color: var(--primary-btn);}.swiper-button-next:after, .swiper-button-prev:after {font-size: 25px;color: #1f24ef;}.swiper.swiper-initialized {margin: 2rem 5px 0;}.swiper-button-next, .swiper-button-prev {z-index: 2;transition: all 0.3s ease;}.swiper-button-next::before, .swiper-button-prev::before {content: '';position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;background: rgba(0, 0, 0, 0.2);border-radius: 50%;transform: translate(-50%, -50%) scale(0);transition: transform 0.3s ease;z-index: -1;}.swiper-button-next:hover::before, .swiper-button-prev:hover::before {transform: translate(-50%, -50%) scale(1);}#popupModal {position: fixed;inset: 0;display: none;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.6);opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}#popupModal.show {display: flex;opacity: 1;pointer-events: auto;}#popupModal > div {transform: scale(0.95);transition: transform 0.3s ease;}#popupModal.show > div {transform: scale(1);}#modalTitle {text-align: center;}.close-btn-pop {position: absolute;top: -16px;right: -15px;background: #d3d3d3;border: none;border-radius: 50%;width: 32px;height: 32px;font-size: 18px;line-height: 1;cursor: pointer;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);transition: all 0.2s ease;}.close-btn-pop:hover {background: #f44336;color: #fff;transform: rotate(90deg);}hr {border: 0;height: 1px;background: linear-gradient(to right, transparent, #ddd, transparent);margin: 60px 0;}.slide-content h4, #modalTitle {color: #1f24ef;}#modalTitle {padding-top: 20px;}#downloadBtn {margin-top: 10px;padding: 8px 16px;background: #26384b;color: white;border: none;border-radius: 5px;cursor: pointer;position: absolute;bottom: 16px;left: 7px;transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}#downloadBtn:hover {background-color: rgb(105, 105, 105);}@media (max-width: 768px) {#downloadBtn {width: 100%;font-size: 16px;padding: 8px;position: unset;}}.header-title {position: relative;}.header-title h1 {font-size: 1.875rem;font-weight: 700;color: #fff;text-align: center;}h1 {text-align: center;text-transform: uppercase;padding-bottom: 5px;}h1:before {width: 28px;height: 5px;display: block;content: "";position: absolute;bottom: 3px;left: 50%;margin-left: -14px;background-color: #d5d5d5;}h1:after {width: 100px;height: 1px;display: block;content: "";position: relative;margin-top: 10px;left: 50%;margin-left: -50px;background-color: #d5d5d5;}.btns-wrapper {cursor:pointer;position: fixed;bottom: 0;right: 0;margin: 33px;z-index: 999;}.btns-checkbox {display: none;}.btns-action-1{background: #25d366;}.btns-action-2{background: #25d366}.btns-action-3{background: #0084ff}.btns-action-4{background: #783bd2}.btns-action-1:hover{background: #08a743;}.btns-action-2:hover{background: #08a743}.btns-action-3:hover{background: #035fb4}.btns-action-4:hover{background: #5e2aac}.btns {cursor:pointer;position: absolute;bottom: -1rem;right: -1rem;width: 3.5rem;height: 3.5rem;border-radius: 50%;background: var(--primary-btn);box-shadow: 0px 5px 4px #2f2e2eeb;transition: all 0.3s ease;z-index: 1;border-bottom-right-radius: 6px;border: 1px solid var(--primary-btn);}.btns:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: 50%;background-color: rgba(255, 255, 255, 0.1);}.btns-checkbox:checked ~ .btns:before {width: 90%;height: 90%;left: 5%;top: 5%;background-color: rgba(255, 255, 255, 0.2);}.btns:hover {background: #4d50d1;box-shadow: 0px 5px 13px #e3e3e3eb;}.btns-dots {position: absolute;height: 8px;width: 8px;background-color:#fff;border-radius: 50%;top: 50%;transform: translateX(0%) translateY(-50%) rotate(0deg);opacity: 1;animation: blink 3s ease infinite;transition: all 0.3s ease;}.btns-dots-1 {left: 15px;animation-delay: 0s;}.btns-dots-2 {left: 50%;transform: translateX(-50%) translateY(-50%);animation-delay: 0.4s;}.btns-dots-3 {right: 15px;animation-delay: 0.8s;}.btns-checkbox:checked ~ .btns .btns-dots {height: 6px;}.btns .btns-dots-2 {transform: translateX(-50%) translateY(-50%) rotate(0deg);}.btns-checkbox:checked ~ .btns .btns-dots-1 {width: 32px;border-radius: 10px;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(45deg);}.btns-checkbox:checked ~ .btns .btns-dots-3 {width: 32px;border-radius: 10px;right: 50%;transform: translateX(50%) translateY(-50%) rotate(-45deg);}@keyframes blink {50% {opacity: 0.25;}}.btns-checkbox:checked ~ .btns .btns-dots {animation: none;}.btns-wheel {position: absolute;bottom: 0;right: 0;width: 10rem;height: 10rem;transition: all 0.3s ease;transform-origin: bottom right;transform: scale(0);}.btns-checkbox:checked ~ .btns-wheel {transform: scale(1);}.btns-action {font-size:22px;position: absolute;background: var(--primary-btn);width: 3.2rem;height: 3.2rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;box-shadow: 0px 3px 7px #575151eb;transition: all 0.7s ease;opacity: 0;text-decoration: none;}.btns-checkbox:checked ~ .btns-wheel .btns-action {opacity: 1;}.btns-action:hover {background-color: #b1b2fd;color: #fff;}.btns-wheel .btns-action-1 {right: -1rem;top: 0;}.btns-wheel .btns-action-2 {right: 0.4rem;top: 0.5rem;}.btns-wheel .btns-action-3 {left: 2.5rem;bottom: 3.4rem;}.btns-wheel .btns-action-4 {left: 0;bottom: -1rem;}.tooltip {position: relative;display: inline-block;}.tooltip .tooltiptext {visibility: hidden;background-color: #333;width: 70px;color: #fff;text-align: center;border-radius: 6px;padding: 6px 0px;position: absolute;z-index: 10;bottom: 25%;right: 30%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;font-size: 15px;white-space: nowrap;}.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}#popupModal img {max-width: 100%;max-height: 80vh;object-fit: contain;border-radius: 10px;}