@charset "UTF-8"; /* open-sans-300 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url(../fonts/open-sans-v34-latin-300.eot?175ca1018e88714026c69f42398ad54a); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-300.eot?175ca1018e88714026c69f42398ad54a?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-300.woff2?c93abfae8b4c45ec09295412e7e750f8) format("woff2"), url(../fonts/open-sans-v34-latin-300.woff?fbaa05ad22cd4594290a95b18ed12ce7) format("woff"), url(../fonts/open-sans-v34-latin-300.ttf?e57cd99d20fa05d6aa307f1a6114dd5c) format("truetype"), url(../fonts/open-sans-v34-latin-300.svg?43861e56feb84c33e33d8a8c35d78cb9#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url(../fonts/open-sans-v34-latin-regular.eot?6f06a4e846d03a69efdb53f4ffb359bb); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-regular.eot?6f06a4e846d03a69efdb53f4ffb359bb?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-regular.woff2?a1535f451fb7bb98f526f30e1050f487) format("woff2"), url(../fonts/open-sans-v34-latin-regular.woff?7958f4e4a2bb8025ef862d63e8419f43) format("woff"), url(../fonts/open-sans-v34-latin-regular.ttf?9fc51a004b9a3278a60b12b73262dcf0) format("truetype"), url(../fonts/open-sans-v34-latin-regular.svg?a9aff17ee65c2d3dd7a9f91e32d0b49c#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; src: url(../fonts/open-sans-v34-latin-500.eot?a6c82a33d796472b2b7fbc311d5076ef); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-500.eot?a6c82a33d796472b2b7fbc311d5076ef?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-500.woff2?b8d62943d0a753a0e0289be459811165) format("woff2"), url(../fonts/open-sans-v34-latin-500.woff?8ea82a6bc34753ceeaded65e7a719575) format("woff"), url(../fonts/open-sans-v34-latin-500.ttf?d64d7a33194265b3f2de95195c3fcccd) format("truetype"), url(../fonts/open-sans-v34-latin-500.svg?549e9124651bc779fdca21e30e13824e#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url(../fonts/open-sans-v34-latin-600.eot?7562f9f952d39240293ed2ee76be1c87); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-600.eot?7562f9f952d39240293ed2ee76be1c87?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-600.woff2?7ef3bbc98d285227e83a644f04ef14a7) format("woff2"), url(../fonts/open-sans-v34-latin-600.woff?f031bf84d9797276192cd9fb5fc38130) format("woff"), url(../fonts/open-sans-v34-latin-600.ttf?8c07670b6f1f814c762aa593df21ef11) format("truetype"), url(../fonts/open-sans-v34-latin-600.svg?3d5351d0f1e0af7b27a04960467f0872#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url(../fonts/open-sans-v34-latin-700.eot?bdebcd6f76b99aeeb7014cb641653f11); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-700.eot?bdebcd6f76b99aeeb7014cb641653f11?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-700.woff2?b245bc85ddeedb27a5498aabf8807c76) format("woff2"), url(../fonts/open-sans-v34-latin-700.woff?2867e720135399c4b66587582c560772) format("woff"), url(../fonts/open-sans-v34-latin-700.ttf?21e7a98d7c6637ef8cc6c7da64e5423f) format("truetype"), url(../fonts/open-sans-v34-latin-700.svg?1418c060da5f38c8a0ff7170ee66da4d#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url(../fonts/open-sans-v34-latin-800.eot?bb18d2d66f38cf6f2a100132af42bbb9); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-800.eot?bb18d2d66f38cf6f2a100132af42bbb9?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-800.woff2?185f6b038323b60834d2fb472beec3b6) format("woff2"), url(../fonts/open-sans-v34-latin-800.woff?85529d398dc9862d74fe33d247e1585d) format("woff"), url(../fonts/open-sans-v34-latin-800.ttf?b6f33f3714ef02c32fceec625e97c62f) format("truetype"), url(../fonts/open-sans-v34-latin-800.svg?24a3c7e35e18c48fc9fcbd52e94e1777#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url(../fonts/open-sans-v34-latin-300italic.eot?3ddf4805ae7c45626290e0323bad73e0); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-300italic.eot?3ddf4805ae7c45626290e0323bad73e0?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-300italic.woff2?ed966cd8f1ad55137cdbeaffe6d978a7) format("woff2"), url(../fonts/open-sans-v34-latin-300italic.woff?ebd592b31b841fa1bb346f36f01b6402) format("woff"), url(../fonts/open-sans-v34-latin-300italic.ttf?ab3fd87dc887b478ff16e9a294b284e9) format("truetype"), url(../fonts/open-sans-v34-latin-300italic.svg?41c42f80ecf0f5998d0d9414dd204062#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url(../fonts/open-sans-v34-latin-italic.eot?1860df1bf20a5573f5caee9e31377245); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-italic.eot?1860df1bf20a5573f5caee9e31377245?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-italic.woff2?80a88fd1b15e99551462d14daba22965) format("woff2"), url(../fonts/open-sans-v34-latin-italic.woff?acfa2365a94366a6d7625b4c44730a43) format("woff"), url(../fonts/open-sans-v34-latin-italic.ttf?632c1ddeb9fda6878dfae575aadc26af) format("truetype"), url(../fonts/open-sans-v34-latin-italic.svg?93cf2e98154e6d16e58f010a163141ce#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url(../fonts/open-sans-v34-latin-600italic.eot?06b4ae51e8db48e34265a91d3b1eacf1); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-600italic.eot?06b4ae51e8db48e34265a91d3b1eacf1?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-600italic.woff2?9934eba5db905a32086d8e4200d3d41d) format("woff2"), url(../fonts/open-sans-v34-latin-600italic.woff?3df643644255156ee7ba6e4cc82f77fa) format("woff"), url(../fonts/open-sans-v34-latin-600italic.ttf?274e19d2d3000be8f86996c44bc8e6f7) format("truetype"), url(../fonts/open-sans-v34-latin-600italic.svg?6dc05508420f6a7c6f7a80a7fa5ecffe#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 500; src: url(../fonts/open-sans-v34-latin-500italic.eot?44f4456c47ae2ff2dd48e1be8a28dac7); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-500italic.eot?44f4456c47ae2ff2dd48e1be8a28dac7?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-500italic.woff2?e2fc6d6a11155f788dcb43c46c3ab685) format("woff2"), url(../fonts/open-sans-v34-latin-500italic.woff?924ceb2dc24ce7320621b76f0a1748a3) format("woff"), url(../fonts/open-sans-v34-latin-500italic.ttf?3339c62351548fa27e0de8ded421ce8f) format("truetype"), url(../fonts/open-sans-v34-latin-500italic.svg?4e76029bd44b11c51e4f957244f86b95#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url(../fonts/open-sans-v34-latin-700italic.eot?0d5845dcd00c0f0870b561336ab12e57); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-700italic.eot?0d5845dcd00c0f0870b561336ab12e57?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-700italic.woff2?c580d11cd39cb1fee4f14a2c8700b610) format("woff2"), url(../fonts/open-sans-v34-latin-700italic.woff?0fe513540a4f6eaf936afa0081679845) format("woff"), url(../fonts/open-sans-v34-latin-700italic.ttf?c1e28f9919365be97a5af28ee13b90a7) format("truetype"), url(../fonts/open-sans-v34-latin-700italic.svg?1afc72a39951a938f31e83fc51a86e67#OpenSans) format("svg"); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 800; src: url(../fonts/open-sans-v34-latin-800italic.eot?189056760f1c1b717173dc05e7c16d30); /* IE9 Compat Modes */ src: local(""), url(../fonts/open-sans-v34-latin-800italic.eot?189056760f1c1b717173dc05e7c16d30?#iefix) format("embedded-opentype"), url(../fonts/open-sans-v34-latin-800italic.woff2?ace96d57a96c8cd31ba02fe3134d1f02) format("woff2"), url(../fonts/open-sans-v34-latin-800italic.woff?729519d8531bdebfd0f7363228cbd98b) format("woff"), url(../fonts/open-sans-v34-latin-800italic.ttf?27dc5fe9d666d5076e5449f1d3f64115) format("truetype"), url(../fonts/open-sans-v34-latin-800italic.svg?27e734388fd159abbd216e2f26570feb#OpenSans) format("svg"); /* Legacy iOS */ } .color-dark { color: #33333D; } .color-light { color: #ADADB1; } .color-accent { color: #B6C1C9; } :root { --swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5); --swal2-container-padding: 0.625em; --swal2-backdrop: rgba(0, 0, 0, 0.4); --swal2-backdrop-transition: background-color 0.15s; --swal2-width: 32em; --swal2-padding: 0 0 1.25em; --swal2-border: none; --swal2-border-radius: 0.3125rem; --swal2-background: white; --swal2-color: #545454; --swal2-show-animation: swal2-show 0.3s; --swal2-hide-animation: swal2-hide 0.15s forwards; --swal2-icon-zoom: 1; --swal2-icon-animations: true; --swal2-title-padding: 0.8em 1em 0; --swal2-html-container-padding: 1em 1.6em 0.3em; --swal2-input-border: 1px solid #d9d9d9; --swal2-input-border-radius: 0.1875em; --swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; --swal2-input-background: transparent; --swal2-input-transition: border-color 0.2s, box-shadow 0.2s; --swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; --swal2-input-focus-border: 1px solid #b4dbed; --swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5); --swal2-progress-step-background: #add8e6; --swal2-validation-message-background: #f0f0f0; --swal2-validation-message-color: #666; --swal2-footer-border-color: #eee; --swal2-footer-background: transparent; --swal2-footer-color: inherit; --swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3); --swal2-close-button-position: initial; --swal2-close-button-inset: auto; --swal2-close-button-font-size: 2.5em; --swal2-close-button-color: #ccc; --swal2-close-button-transition: color 0.2s, box-shadow 0.2s; --swal2-close-button-outline: initial; --swal2-close-button-box-shadow: inset 0 0 0 3px transparent; --swal2-close-button-focus-box-shadow: inset var(--swal2-outline); --swal2-close-button-hover-transform: none; --swal2-actions-justify-content: center; --swal2-actions-width: auto; --swal2-actions-margin: 1.25em auto 0; --swal2-actions-padding: 0; --swal2-actions-border-radius: 0; --swal2-actions-background: transparent; --swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s; --swal2-action-button-hover: black 10%; --swal2-action-button-active: black 10%; --swal2-confirm-button-box-shadow: none; --swal2-confirm-button-border-radius: 0.25em; --swal2-confirm-button-background-color: #7066e0; --swal2-confirm-button-color: #fff; --swal2-deny-button-box-shadow: none; --swal2-deny-button-border-radius: 0.25em; --swal2-deny-button-background-color: #dc3741; --swal2-deny-button-color: #fff; --swal2-cancel-button-box-shadow: none; --swal2-cancel-button-border-radius: 0.25em; --swal2-cancel-button-background-color: #6e7881; --swal2-cancel-button-color: #fff; --swal2-toast-show-animation: swal2-toast-show 0.5s; --swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards; --swal2-toast-border: none; --swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075); } [data-swal2-theme=dark] { --swal2-dark-theme-black: #19191a; --swal2-dark-theme-white: #e1e1e1; --swal2-background: var(--swal2-dark-theme-black); --swal2-color: var(--swal2-dark-theme-white); --swal2-footer-border-color: #555; --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%); --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% ); --swal2-validation-message-color: var(--swal2-dark-theme-white); --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7); } @media (prefers-color-scheme: dark) { [data-swal2-theme=auto] { --swal2-dark-theme-black: #19191a; --swal2-dark-theme-white: #e1e1e1; --swal2-background: var(--swal2-dark-theme-black); --swal2-color: var(--swal2-dark-theme-white); --swal2-footer-border-color: #555; --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%); --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% ); --swal2-validation-message-color: var(--swal2-dark-theme-white); --swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7); } } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-container { background-color: transparent !important; pointer-events: none; } body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: all; } body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: 0 0 10px var(--swal2-backdrop); } body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: transparent; pointer-events: none; } body.swal2-toast-shown .swal2-container.swal2-top { inset: 0 auto auto 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { inset: 0 0 auto auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { inset: 0 auto auto 0; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { inset: 50% auto auto 0; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { inset: 50% auto auto 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { inset: 50% 0 auto auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { inset: auto auto 0 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { inset: auto auto 0 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { inset: auto 0 0 auto; } @media print { body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden=true] { display: none; } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container { position: static !important; } } div:where(.swal2-container) { display: grid; position: fixed; z-index: 1060; inset: 0; box-sizing: border-box; grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end"; grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: var(--swal2-container-padding); overflow-x: hidden; transition: var(--swal2-backdrop-transition); -webkit-overflow-scrolling: touch; } div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation { background: var(--swal2-backdrop); } div:where(.swal2-container).swal2-backdrop-hide { background: transparent !important; } div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start { grid-template-columns: minmax(0, 1fr) auto auto; } div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom { grid-template-columns: auto minmax(0, 1fr) auto; } div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end { grid-template-columns: auto auto minmax(0, 1fr); } div:where(.swal2-container).swal2-top-start > .swal2-popup { align-self: start; } div:where(.swal2-container).swal2-top > .swal2-popup { grid-column: 2; place-self: start center; } div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup { grid-column: 3; place-self: start end; } div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup { grid-row: 2; align-self: center; } div:where(.swal2-container).swal2-center > .swal2-popup { grid-column: 2; grid-row: 2; place-self: center center; } div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup { grid-column: 3; grid-row: 2; place-self: center end; } div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup { grid-column: 1; grid-row: 3; align-self: end; } div:where(.swal2-container).swal2-bottom > .swal2-popup { grid-column: 2; grid-row: 3; place-self: end center; } div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup { grid-column: 3; grid-row: 3; place-self: end end; } div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-column: 1/4; width: 100%; } div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-row: 1/4; align-self: stretch; } div:where(.swal2-container).swal2-no-transition { transition: none !important; } div:where(.swal2-container)[popover] { width: auto; border: 0; } div:where(.swal2-container) div:where(.swal2-popup) { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0, 100%); width: var(--swal2-width); max-width: 100%; padding: var(--swal2-padding); border: var(--swal2-border); border-radius: var(--swal2-border-radius); background: var(--swal2-background); color: var(--swal2-color); font-family: inherit; font-size: 1rem; container-name: swal2-popup; } div:where(.swal2-container) div:where(.swal2-popup):focus { outline: none; } div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { overflow-y: hidden; } div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable { cursor: grab; } div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) { cursor: grab; } div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging { cursor: grabbing; } div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) { cursor: grabbing; } div:where(.swal2-container) h2:where(.swal2-title), div:where(.swal2-container) .h2:where(.swal2-title) { position: relative; max-width: 100%; margin: 0; padding: var(--swal2-title-padding); color: inherit; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; overflow-wrap: break-word; cursor: initial; } div:where(.swal2-container) div:where(.swal2-actions) { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: var(--swal2-actions-justify-content); width: var(--swal2-actions-width); margin: var(--swal2-actions-margin); padding: var(--swal2-actions-padding); border-radius: var(--swal2-actions-border-radius); background: var(--swal2-actions-background); } div:where(.swal2-container) div:where(.swal2-loader) { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0 1.875em; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border-width: 0.25em; border-style: solid; border-radius: 100%; border-color: #2778c4 transparent #2778c4 transparent; } div:where(.swal2-container) button:where(.swal2-styled) { margin: 0.3125em; padding: 0.625em 1.1em; transition: var(--swal2-action-button-transition); border: none; box-shadow: 0 0 0 3px transparent; font-weight: 500; } div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) { cursor: pointer; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { border-radius: var(--swal2-confirm-button-border-radius); background: initial; background-color: var(--swal2-confirm-button-background-color); box-shadow: var(--swal2-confirm-button-box-shadow); color: var(--swal2-confirm-button-color); font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover { background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active { background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) { border-radius: var(--swal2-deny-button-border-radius); background: initial; background-color: var(--swal2-deny-button-background-color); box-shadow: var(--swal2-deny-button-box-shadow); color: var(--swal2-deny-button-color); font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover { background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active { background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) { border-radius: var(--swal2-cancel-button-border-radius); background: initial; background-color: var(--swal2-cancel-button-background-color); box-shadow: var(--swal2-cancel-button-box-shadow); color: var(--swal2-cancel-button-color); font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover { background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover)); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active { background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active)); } div:where(.swal2-container) button:where(.swal2-styled):focus-visible { outline: none; box-shadow: var(--swal2-action-button-focus-box-shadow); } div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) { opacity: 0.4; } div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner { border: 0; } div:where(.swal2-container) div:where(.swal2-footer) { margin: 1em 0 0; padding: 1em 1em 0; border-top: 1px solid var(--swal2-footer-border-color); background: var(--swal2-footer-background); color: var(--swal2-footer-color); font-size: 1em; text-align: center; cursor: initial; } div:where(.swal2-container) .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; grid-column: auto !important; overflow: hidden; border-bottom-right-radius: var(--swal2-border-radius); border-bottom-left-radius: var(--swal2-border-radius); } div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { width: 100%; height: 0.25em; background: var(--swal2-timer-progress-bar-background); } div:where(.swal2-container) img:where(.swal2-image) { max-width: 100%; margin: 2em auto 1em; cursor: initial; } div:where(.swal2-container) button:where(.swal2-close) { position: var(--swal2-close-button-position); inset: var(--swal2-close-button-inset); z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0; margin-right: 0; margin-bottom: -1.2em; padding: 0; overflow: hidden; transition: var(--swal2-close-button-transition); border: none; border-radius: var(--swal2-border-radius); outline: var(--swal2-close-button-outline); background: transparent; color: var(--swal2-close-button-color); font-family: monospace; font-size: var(--swal2-close-button-font-size); cursor: pointer; justify-self: end; } div:where(.swal2-container) button:where(.swal2-close):hover { transform: var(--swal2-close-button-hover-transform); background: transparent; color: #f27474; } div:where(.swal2-container) button:where(.swal2-close):focus-visible { outline: none; box-shadow: var(--swal2-close-button-focus-box-shadow); } div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner { border: 0; } div:where(.swal2-container) div:where(.swal2-html-container) { z-index: 1; justify-content: center; margin: 0; padding: var(--swal2-html-container-padding); overflow: auto; color: inherit; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; overflow-wrap: break-word; word-break: break-word; cursor: initial; } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) { margin: 1em 2em 3px; } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) { box-sizing: border-box; width: auto; transition: var(--swal2-input-transition); border: var(--swal2-input-border); border-radius: var(--swal2-input-border-radius); background: var(--swal2-input-background); box-shadow: var(--swal2-input-box-shadow); color: inherit; font-size: 1.125em; } div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } div:where(.swal2-container) input:where(.swal2-input):hover, div:where(.swal2-container) input:where(.swal2-file):hover, div:where(.swal2-container) textarea:where(.swal2-textarea):hover { box-shadow: var(--swal2-input-hover-box-shadow); } div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus { border: var(--swal2-input-focus-border); outline: none; box-shadow: var(--swal2-input-focus-box-shadow); } div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder, div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder { color: #ccc; } div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { color: #ccc; } div:where(.swal2-container) .swal2-range { margin: 1em 2em 3px; background: var(--swal2-background); } div:where(.swal2-container) .swal2-range input { width: 80%; } div:where(.swal2-container) .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; } div:where(.swal2-container) .swal2-input { height: 2.625em; padding: 0 0.75em; } div:where(.swal2-container) .swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: var(--swal2-input-background); font-size: 1.125em; } div:where(.swal2-container) .swal2-textarea { height: 6.75em; padding: 0.75em; } div:where(.swal2-container) .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: var(--swal2-input-background); color: inherit; font-size: 1.125em; } div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox { align-items: center; justify-content: center; background: var(--swal2-background); color: inherit; } div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label { margin: 0 0.6em; font-size: 1.125em; } div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input { flex-shrink: 0; margin: 0 0.4em; } div:where(.swal2-container) label:where(.swal2-input-label) { display: flex; justify-content: center; margin: 1em auto 0; } div:where(.swal2-container) div:where(.swal2-validation-message) { align-items: center; justify-content: center; margin: 1em 0 0; padding: 0.625em; overflow: hidden; background: var(--swal2-validation-message-background); color: var(--swal2-validation-message-color); font-size: 1em; font-weight: 300; } div:where(.swal2-container) div:where(.swal2-validation-message)::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; } div:where(.swal2-container) .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0; background: transparent; font-weight: 600; } div:where(.swal2-container) .swal2-progress-steps li { display: inline-block; position: relative; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: #2778c4; color: #fff; line-height: 2em; text-align: center; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #2778c4; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: var(--swal2-progress-step-background); color: #fff; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: var(--swal2-progress-step-background); } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: 0.4em; margin: 0 -1px; background: #2778c4; } div:where(.swal2-icon) { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto 0.6em; zoom: var(--swal2-icon-zoom); border: 0.25em solid transparent; border-radius: 50%; border-color: #000; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } div:where(.swal2-icon) .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; } div:where(.swal2-icon).swal2-error { border-color: #f27474; color: #f27474; } div:where(.swal2-icon).swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: #f27474; } div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg); } div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg); } @container swal2-popup style(--swal2-icon-animations:true) { div:where(.swal2-icon).swal2-error.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { animation: swal2-animate-error-x-mark 0.5s; } } div:where(.swal2-icon).swal2-warning { border-color: #f8bb86; color: #f8bb86; } @container swal2-popup style(--swal2-icon-animations:true) { div:where(.swal2-icon).swal2-warning.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark 0.5s; } } div:where(.swal2-icon).swal2-info { border-color: #3fc3ee; color: #3fc3ee; } @container swal2-popup style(--swal2-icon-animations:true) { div:where(.swal2-icon).swal2-info.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark 0.8s; } } div:where(.swal2-icon).swal2-question { border-color: #87adbd; color: #87adbd; } @container swal2-popup style(--swal2-icon-animations:true) { div:where(.swal2-icon).swal2-question.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { animation: swal2-animate-question-mark 0.8s; } } div:where(.swal2-icon).swal2-success { border-color: #a5dc86; color: #a5dc86; } div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; border-radius: 50%; } div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } div:where(.swal2-icon).swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } div:where(.swal2-icon).swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); } div:where(.swal2-icon).swal2-success [class^=swal2-success-line] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: #a5dc86; } div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); } div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); } @container swal2-popup style(--swal2-icon-animations:true) { div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip 0.75s; } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long 0.75s; } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: swal2-rotate-success-circular-line 4.25s ease-in; } } [class^=swal2] { -webkit-tap-highlight-color: transparent; } .swal2-show { animation: var(--swal2-show-animation); } .swal2-hide { animation: var(--swal2-hide-animation); } .swal2-noanimation { transition: none; } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .swal2-rtl .swal2-close { margin-right: initial; margin-left: 0; } .swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto; } .swal2-toast { box-sizing: border-box; grid-column: 1/4 !important; grid-row: 1/4 !important; grid-template-columns: min-content auto min-content; padding: 1em; overflow-y: hidden; border: var(--swal2-toast-border); background: var(--swal2-background); box-shadow: var(--swal2-toast-box-shadow); pointer-events: all; } .swal2-toast > * { grid-column: 2; } .swal2-toast h2:where(.swal2-title), .swal2-toast .h2:where(.swal2-title) { margin: 0.5em 1em; padding: 0; font-size: 1em; text-align: initial; } .swal2-toast .swal2-loading { justify-content: center; } .swal2-toast input:where(.swal2-input) { height: 2em; margin: 0.5em; font-size: 1em; } .swal2-toast .swal2-validation-message { font-size: 1em; } .swal2-toast div:where(.swal2-footer) { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-toast button:where(.swal2-close) { grid-column: 3/3; grid-row: 1/99; align-self: center; width: 0.8em; height: 0.8em; margin: 0; font-size: 2em; } .swal2-toast div:where(.swal2-html-container) { margin: 0.5em 1em; padding: 0; overflow: initial; font-size: 1em; text-align: initial; } .swal2-toast div:where(.swal2-html-container):empty { padding: 0; } .swal2-toast .swal2-loader { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; height: 2em; margin: 0.25em; } .swal2-toast .swal2-icon { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0 0.5em 0 0; } .swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; } .swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 0.875em; width: 1.375em; } .swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 0.3125em; } .swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 0.3125em; } .swal2-toast div:where(.swal2-actions) { justify-content: flex-start; height: auto; margin: 0; margin-top: 0.5em; padding: 0 0.5em; } .swal2-toast button:where(.swal2-styled) { margin: 0.25em 0.5em; padding: 0.4em 0.6em; font-size: 1em; } .swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 1.6em; height: 3em; border-radius: 50%; } .swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.25em; left: 0.9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; } .swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .swal2-toast .swal2-success [class^=swal2-success-line] { height: 0.3125em; } .swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: 0.1875em; width: 0.75em; } .swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: 0.9375em; right: 0.1875em; width: 1.375em; } @container swal2-popup style(--swal2-icon-animations:true) { .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-toast-animate-success-line-tip 0.75s; } .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-toast-animate-success-line-long 0.75s; } } .swal2-toast.swal2-show { animation: var(--swal2-toast-show-animation); } .swal2-toast.swal2-hide { animation: var(--swal2-toast-hide-animation); } @keyframes swal2-show { 0% { transform: translate3d(0, -50px, 0) scale(0.9); opacity: 0; } 100% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; } } @keyframes swal2-hide { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; } 100% { transform: translate3d(0, -50px, 0) scale(0.9); opacity: 0; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swal2-animate-question-mark { 0% { transform: rotateY(-360deg); } 100% { transform: rotateY(0); } } @keyframes swal2-animate-i-mark { 0% { transform: rotateZ(45deg); opacity: 0; } 25% { transform: rotateZ(-25deg); opacity: 0.4; } 50% { transform: rotateZ(15deg); opacity: 0.8; } 75% { transform: rotateZ(-5deg); opacity: 1; } 100% { transform: rotateX(0); opacity: 1; } } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*