.viewer-button:before, .viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before, .viewer-download:before {background-image: none;content: "" !important;display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: 0;}.viewer-container {background-color: rgba(24, 24, 27, 0.85);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}.viewer-toolbar>ul {background-color: rgba(24, 24, 27, 0.75);border-radius: 9999px;padding: 0.5rem;margin-bottom: 1rem;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}.viewer-toolbar>ul>li {background-color: transparent;width: 40px;height: 40px;margin: 0 2px;}.viewer-toolbar>ul>li:hover {background-color: rgba(55, 65, 81, 0.75) !important;}.viewer-toolbar>ul>li:before {background-color: white;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;transition: transform 0.2s;}.viewer-toolbar>ul>li:hover:before {transform: scale(1.1);}.viewer-close:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>');}.viewer-zoom-in:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>');}.viewer-zoom-out:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>');}.viewer-one-to-one:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>');}.viewer-reset:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>');}.viewer-prev:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /></svg>');}.viewer-next:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /></svg>');}.viewer-play:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.5 5.653c0-1.426 1.529-2.33 2.779-1.643l11.54 6.647c1.295.742 1.295 2.545 0 3.286L7.279 20.99c-1.25.718-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.5 5.653c0-1.426 1.529-2.33 2.779-1.643l11.54 6.647c1.295.742 1.295 2.545 0 3.286L7.279 20.99c-1.25.718-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd" /></svg>');}.viewer-download:before {-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>');}.viewer-navbar {background-color: rgba(0, 0, 0, 0.75);}.viewer-list>li {width: 60px;height: 60px;opacity: 0.6;border: 2px solid transparent;border-radius: 4px;transition: all 0.2s ease-in-out;}.viewer-list>li:hover {opacity: 1;}.viewer-list>.viewer-active {opacity: 1;border-color: #059669;transform: scale(1.1);box-shadow: 0 0 10px #059669;}.viewer-title {color: #e5e7eb;font-size: 1rem;padding: 0.75rem 1rem;background-color: rgba(17, 24, 39, 0.75);border-radius: 0.5rem;max-width: 80%;}.viewer-button {background-color: rgba(17, 24, 39, 0.75);width: 48px;height: 48px;border-radius: 9999px;top: 1rem;right: 1rem;}.viewer-button:hover {background-color: rgba(55, 65, 81, 0.75) !important;}.viewer-close:before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 28px;height: 28px;-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg>');mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg>');}.viewer-container {-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;bottom: 0;direction: ltr;font-size: 0;left: 0;line-height: 0;overflow: hidden;position: absolute;right: 0;top: 0;-ms-touch-action: none;touch-action: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none }.viewer-container ::-moz-selection, .viewer-container::-moz-selection {background-color: transparent }.viewer-container ::selection, .viewer-container::selection {background-color: transparent }.viewer-container:focus {outline: 0 }.viewer-container img {display: block;height: auto;max-height: none !important;max-width: none !important;min-height: 0 !important;min-width: 0 !important;width: 100% }.viewer-canvas {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0 }.viewer-canvas>img {height: auto;margin: 15px auto;max-width: 90% !important;width: auto;border-radius: 25px;}.viewer-footer {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;text-align: center }.viewer-navbar {background-color: rgba(0, 0, 0, .5);overflow: hidden }.viewer-list {box-sizing: content-box;height: 50px;margin: 0;overflow: hidden;padding: 1px 0 }.viewer-list>li {color: transparent;cursor: pointer;float: left;font-size: 0;height: 50px;line-height: 0;opacity: .5;overflow: hidden;transition: opacity .15s;width: 36px }.viewer-list>li:focus, .viewer-list>li:hover {opacity: .75 }.viewer-list>li:focus {outline: 0 }.viewer-list>li+li {margin-left: 1px }.viewer-list>.viewer-loading {position: relative }.viewer-list>.viewer-loading:after {border-width: 2px;height: 20px;margin-left: -10px;margin-top: -10px;width: 20px }.viewer-list>.viewer-active, .viewer-list>.viewer-active:focus, .viewer-list>.viewer-active:hover {opacity: 1 }.viewer-player {background-color: #000;bottom: 0;cursor: none;display: none;right: 0;z-index: 1 }.viewer-player, .viewer-player>img {left: 0;position: absolute;top: 0 }.viewer-toolbar>ul {display: inline-block;margin: 0 auto 5px;overflow: hidden;padding: 6px 3px }.viewer-toolbar>ul>li {border-radius: 50%;cursor: pointer;float: left;height: 40px;overflow: hidden;transition: background-color .15s;width: 40px;padding: 6px;display: flex;align-items: center;justify-content: center;}.viewer-toolbar>ul>li:before {margin: 2px }.viewer-toolbar>ul>li+li {margin-left: 1px }.viewer-toolbar>ul>.viewer-small {height: 18px;margin-bottom: 3px;margin-top: 3px;width: 18px }.viewer-toolbar>ul>.viewer-small:before {margin: -1px }.viewer-toolbar>ul>.viewer-large {height: 30px;margin-bottom: -3px;margin-top: -3px;width: 30px }.viewer-toolbar>ul>.viewer-large:before {margin: 5px }.viewer-tooltip {background-color: rgba(0, 0, 0, .8);border-radius: 10px;color: #fff;display: none;font-size: 12px;height: 20px;left: 50%;line-height: 20px;margin-left: -25px;margin-top: -10px;position: absolute;text-align: center;top: 50%;width: 50px }.viewer-title {color: #ccc;display: none;font-size: 12px;line-height: 1.2;margin: 5px 5%;max-width: 90%;min-height: 14px;opacity: .8;overflow: hidden;text-overflow: ellipsis;transition: opacity .15s;white-space: nowrap;}.viewer-title:hover {opacity: 1 }.viewer-button {-webkit-app-region: no-drag;border-radius: 50%;cursor: pointer;height: 50px;overflow: hidden;position: absolute;right: 10px;top: 10px;transition: background-color .15s;width: 50px;background-color: rgb(12 12 13);}.viewer-button:focus, .viewer-button:hover {background-color: rgba(0, 0, 0, .8) }.viewer-button:focus {box-shadow: 0 0 3px #fff;outline: 0 }.viewer-button:before {background-color: #ffffff;position: absolute }.viewer-fixed {position: fixed }.viewer-open {overflow: hidden }.viewer-show {display: block }.viewer-hide {display: none }.viewer-backdrop {background-color: rgba(0, 0, 0, .5) }.viewer-invisible {visibility: hidden }.viewer-move {cursor: move;cursor: grab }.viewer-fade {opacity: 0 }.viewer-in {opacity: 1 }.viewer-transition {transition: all .3s }@keyframes viewer-spinner {0% {transform: rotate(0deg) }to {transform: rotate(1turn) }}.viewer-loading:after {animation: viewer-spinner 1s linear infinite;border: 4px solid hsla(0, 0%, 100%, .1);border-left-color: hsla(0, 0%, 100%, .5);border-radius: 50%;content: "";display: inline-block;height: 40px;left: 50%;margin-left: -20px;margin-top: -20px;position: absolute;top: 50%;width: 40px;z-index: 1 }@media (max-width:767px) {.viewer-hide-xs-down {display: none }}@media (max-width:991px) {.viewer-hide-sm-down {display: none }}@media (max-width:1199px) {.viewer-hide-md-down {display: none }}