diff --git a/src/assets/BuLiTipp/style.css b/src/assets/BuLiTipp/style.css new file mode 100755 index 0000000..e69de29 diff --git a/src/assets/SektionArchiv/kontakt.html b/src/assets/SektionArchiv/kontakt.html new file mode 100755 index 0000000..39fdef9 --- /dev/null +++ b/src/assets/SektionArchiv/kontakt.html @@ -0,0 +1,70 @@ + + + + +
+
+
+
+
+

+ Kontaktiere uns +

+
+
+
+
+
+
+
+ + +
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
diff --git a/src/assets/animatecss/animate.css b/src/assets/animatecss/animate.css new file mode 100755 index 0000000..9eb921a --- /dev/null +++ b/src/assets/animatecss/animate.css @@ -0,0 +1,4074 @@ + +@charset "UTF-8"; +/*! + * animate.css - https://animate.style/ + * Version - 4.1.0 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2020 Animate.css + */ +:root { + --animate-duration: 0.4s; + --animate-delay: 0.1s; + --animate-repeat: 1; +} +.animate__animated { + -webkit-animation-duration: var(--animate-duration)s; + animation-duration: var(--animate-duration); + -webkit-animation-duration: var(--animate-duration); + animation-duration: var(--animate-duration); + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.animate__animated.animate__infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} +.animate__animated.animate__repeat-1 { + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-iteration-count: var(--animate-repeat); + animation-iteration-count: var(--animate-repeat); +} +.animate__animated.animate__repeat-2 { + -webkit-animation-iteration-count: calc(1 * 2); + animation-iteration-count: calc(1 * 2); + -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); + animation-iteration-count: calc(var(--animate-repeat) * 2); +} +.animate__animated.animate__repeat-3 { + -webkit-animation-iteration-count: calc(1 * 3); + animation-iteration-count: calc(1 * 3); + -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); + animation-iteration-count: calc(var(--animate-repeat) * 3); +} +.animate__animated.animate__delay-1s { + -webkit-animation-delay: 1s; + animation-delay: 1s; + -webkit-animation-delay: var(--animate-delay); + animation-delay: var(--animate-delay); +} +.animate__animated.animate__delay-2s { + -webkit-animation-delay: calc(1s * 2); + animation-delay: calc(1s * 2); + -webkit-animation-delay: calc(var(--animate-delay) * 2); + animation-delay: calc(var(--animate-delay) * 2); +} +.animate__animated.animate__delay-3s { + -webkit-animation-delay: calc(1s * 3); + animation-delay: calc(1s * 3); + -webkit-animation-delay: calc(var(--animate-delay) * 3); + animation-delay: calc(var(--animate-delay) * 3); +} +.animate__animated.animate__delay-4s { + -webkit-animation-delay: calc(1s * 4); + animation-delay: calc(1s * 4); + -webkit-animation-delay: calc(var(--animate-delay) * 4); + animation-delay: calc(var(--animate-delay) * 4); +} +.animate__animated.animate__delay-5s { + -webkit-animation-delay: calc(1s * 5); + animation-delay: calc(1s * 5); + -webkit-animation-delay: calc(var(--animate-delay) * 5); + animation-delay: calc(var(--animate-delay) * 5); +} +.animate__animated.animate__faster { + -webkit-animation-duration: calc(1s / 2); + animation-duration: calc(1s / 2); + -webkit-animation-duration: calc(var(--animate-duration) / 2); + animation-duration: calc(var(--animate-duration) / 2); +} +.animate__animated.animate__fast { + -webkit-animation-duration: calc(1s * 0.8); + animation-duration: calc(1s * 0.8); + -webkit-animation-duration: calc(var(--animate-duration) * 0.8); + animation-duration: calc(var(--animate-duration) * 0.8); +} +.animate__animated.animate__slow { + -webkit-animation-duration: calc(1s * 2); + animation-duration: calc(1s * 2); + -webkit-animation-duration: calc(var(--animate-duration) * 2); + animation-duration: calc(var(--animate-duration) * 2); +} +.animate__animated.animate__slower { + -webkit-animation-duration: calc(1s * 3); + animation-duration: calc(1s * 3); + -webkit-animation-duration: calc(var(--animate-duration) * 3); + animation-duration: calc(var(--animate-duration) * 3); +} +@media print, (prefers-reduced-motion: reduce) { + .animate__animated { + -webkit-animation-duration: 1ms !important; + animation-duration: 1ms !important; + -webkit-transition-duration: 1ms !important; + transition-duration: 1ms !important; + -webkit-animation-iteration-count: 1 !important; + animation-iteration-count: 1 !important; + } + + .animate__animated[class*='Out'] { + opacity: 0; + } +} +/* Attention seekers */ +@-webkit-keyframes bounce { + from, + 20%, + 53%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); + transform: translate3d(0, -30px, 0) scaleY(1.1); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); + transform: translate3d(0, -15px, 0) scaleY(1.05); + } + + 80% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); + transform: translate3d(0, 0, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); + transform: translate3d(0, -4px, 0) scaleY(1.02); + } +} +@keyframes bounce { + from, + 20%, + 53%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); + transform: translate3d(0, -30px, 0) scaleY(1.1); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); + transform: translate3d(0, -15px, 0) scaleY(1.05); + } + + 80% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); + transform: translate3d(0, 0, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); + transform: translate3d(0, -4px, 0) scaleY(1.02); + } +} +.animate__bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} +.animate__flash { + -webkit-animation-name: flash; + animation-name: flash; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__pulse { + -webkit-animation-name: pulse; + animation-name: pulse; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} +@-webkit-keyframes shakeX { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +@keyframes shakeX { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +.animate__shakeX { + -webkit-animation-name: shakeX; + animation-name: shakeX; +} +@-webkit-keyframes shakeY { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } +} +@keyframes shakeY { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } +} +.animate__shakeY { + -webkit-animation-name: shakeY; + animation-name: shakeY; +} +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +.animate__headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} +.animate__swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__tada { + -webkit-animation-name: tada; + animation-name: tada; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +.animate__jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} +@-webkit-keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} +.animate__heartBeat { + -webkit-animation-name: heartBeat; + animation-name: heartBeat; + -webkit-animation-duration: calc(1s * 1.3); + animation-duration: calc(1s * 1.3); + -webkit-animation-duration: calc(var(--animate-duration) * 1.3); + animation-duration: calc(var(--animate-duration) * 1.3); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +/* Back entrances */ +@-webkit-keyframes backInDown { + 0% { + -webkit-transform: translateY(-1200px) scale(0.7); + transform: translateY(-1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInDown { + 0% { + -webkit-transform: translateY(-1200px) scale(0.7); + transform: translateY(-1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInDown { + -webkit-animation-name: backInDown; + animation-name: backInDown; +} +@-webkit-keyframes backInLeft { + 0% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInLeft { + 0% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInLeft { + -webkit-animation-name: backInLeft; + animation-name: backInLeft; +} +@-webkit-keyframes backInRight { + 0% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInRight { + 0% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInRight { + -webkit-animation-name: backInRight; + animation-name: backInRight; +} +@-webkit-keyframes backInUp { + 0% { + -webkit-transform: translateY(1200px) scale(0.7); + transform: translateY(1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +@keyframes backInUp { + 0% { + -webkit-transform: translateY(1200px) scale(0.7); + transform: translateY(1200px) scale(0.7); + opacity: 0.7; + } + + 80% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} +.animate__backInUp { + -webkit-animation-name: backInUp; + animation-name: backInUp; +} +/* Back exits */ +@-webkit-keyframes backOutDown { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(700px) scale(0.7); + transform: translateY(700px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutDown { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(700px) scale(0.7); + transform: translateY(700px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutDown { + -webkit-animation-name: backOutDown; + animation-name: backOutDown; +} +@-webkit-keyframes backOutLeft { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutLeft { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(-2000px) scale(0.7); + transform: translateX(-2000px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutLeft { + -webkit-animation-name: backOutLeft; + animation-name: backOutLeft; +} +@-webkit-keyframes backOutRight { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutRight { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateX(0px) scale(0.7); + transform: translateX(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateX(2000px) scale(0.7); + transform: translateX(2000px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutRight { + -webkit-animation-name: backOutRight; + animation-name: backOutRight; +} +@-webkit-keyframes backOutUp { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(-700px) scale(0.7); + transform: translateY(-700px) scale(0.7); + opacity: 0.7; + } +} +@keyframes backOutUp { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 20% { + -webkit-transform: translateY(0px) scale(0.7); + transform: translateY(0px) scale(0.7); + opacity: 0.7; + } + + 100% { + -webkit-transform: translateY(-700px) scale(0.7); + transform: translateY(-700px) scale(0.7); + opacity: 0.7; + } +} +.animate__backOutUp { + -webkit-animation-name: backOutUp; + animation-name: backOutUp; +} +/* Bouncing entrances */ +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +.animate__bounceIn { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); + transform: translate3d(0, -3000px, 0) scaleY(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); + transform: translate3d(0, 25px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); + transform: translate3d(0, -10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); + transform: translate3d(0, 5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); + transform: translate3d(0, -3000px, 0) scaleY(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); + transform: translate3d(0, 25px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); + transform: translate3d(0, -10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); + transform: translate3d(0, 5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); + transform: translate3d(-3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0) scaleX(1); + transform: translate3d(25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); + transform: translate3d(-10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); + transform: translate3d(5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); + transform: translate3d(-3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0) scaleX(1); + transform: translate3d(25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); + transform: translate3d(-10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); + transform: translate3d(5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); + transform: translate3d(3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); + transform: translate3d(-25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); + transform: translate3d(10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); + transform: translate3d(-5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); + transform: translate3d(3000px, 0, 0) scaleX(3); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); + transform: translate3d(-25px, 0, 0) scaleX(1); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); + transform: translate3d(10px, 0, 0) scaleX(0.98); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); + transform: translate3d(-5px, 0, 0) scaleX(0.995); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); + transform: translate3d(0, 3000px, 0) scaleY(5); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); + transform: translate3d(0, 10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); + transform: translate3d(0, -5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); + transform: translate3d(0, 3000px, 0) scaleY(5); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); + transform: translate3d(0, 10px, 0) scaleY(0.95); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); + transform: translate3d(0, -5px, 0) scaleY(0.985); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} +/* Bouncing exits */ +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} +.animate__bounceOut { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); + transform: translate3d(0, 10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); + transform: translate3d(0, 2000px, 0) scaleY(3); + } +} +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); + transform: translate3d(0, 10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); + transform: translate3d(0, -20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); + transform: translate3d(0, 2000px, 0) scaleY(3); + } +} +.animate__bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); + transform: translate3d(20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); + transform: translate3d(-2000px, 0, 0) scaleX(2); + } +} +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); + transform: translate3d(20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); + transform: translate3d(-2000px, 0, 0) scaleX(2); + } +} +.animate__bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); + transform: translate3d(-20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); + transform: translate3d(2000px, 0, 0) scaleX(2); + } +} +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); + transform: translate3d(-20px, 0, 0) scaleX(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); + transform: translate3d(2000px, 0, 0) scaleX(2); + } +} +.animate__bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); + transform: translate3d(0, -10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); + transform: translate3d(0, 20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); + transform: translate3d(0, -2000px, 0) scaleY(3); + } +} +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); + transform: translate3d(0, -10px, 0) scaleY(0.985); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); + transform: translate3d(0, 20px, 0) scaleY(0.9); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); + transform: translate3d(0, -2000px, 0) scaleY(3); + } +} +.animate__bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +/* Fading entrances */ +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} +.animate__fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translateY(0, 300px, 0); + transform: translateY(0, 300px, 0); + } + + to { + opacity: 1; + -webkit-transform: translateY(0, 0, 0); + transform: translateY(0, 0, 0); + } +} +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translateY(0, 300px, 0); + transform: translateY(0, 300px, 0); + } + + to { + opacity: 1; + -webkit-transform: translateY(0, 0, 0); + transform: translateY(0, 0, 0); + } +} +.animate__fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translateY(150px); + transform: translateY(150px); + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translateY(150px); + transform: translateY(150px); + } + + to { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +.animate__fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInTopLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInTopLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInTopLeft { + -webkit-animation-name: fadeInTopLeft; + animation-name: fadeInTopLeft; +} +@-webkit-keyframes fadeInTopRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInTopRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInTopRight { + -webkit-animation-name: fadeInTopRight; + animation-name: fadeInTopRight; +} +@-webkit-keyframes fadeInBottomLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInBottomLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInBottomLeft { + -webkit-animation-name: fadeInBottomLeft; + animation-name: fadeInBottomLeft; +} +@-webkit-keyframes fadeInBottomRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes fadeInBottomRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__fadeInBottomRight { + -webkit-animation-name: fadeInBottomRight; + animation-name: fadeInBottomRight; +} +/* Fading exits */ +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} +.animate__fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +.animate__fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +.animate__fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +.animate__fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +.animate__fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +.animate__fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +.animate__fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +.animate__fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +.animate__fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutTopLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } +} +@keyframes fadeOutTopLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, -100%, 0); + transform: translate3d(-100%, -100%, 0); + } +} +.animate__fadeOutTopLeft { + -webkit-animation-name: fadeOutTopLeft; + animation-name: fadeOutTopLeft; +} +@-webkit-keyframes fadeOutTopRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } +} +@keyframes fadeOutTopRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, -100%, 0); + transform: translate3d(100%, -100%, 0); + } +} +.animate__fadeOutTopRight { + -webkit-animation-name: fadeOutTopRight; + animation-name: fadeOutTopRight; +} +@-webkit-keyframes fadeOutBottomRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } +} +@keyframes fadeOutBottomRight { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 100%, 0); + transform: translate3d(100%, 100%, 0); + } +} +.animate__fadeOutBottomRight { + -webkit-animation-name: fadeOutBottomRight; + animation-name: fadeOutBottomRight; +} +@-webkit-keyframes fadeOutBottomLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } +} +@keyframes fadeOutBottomLeft { + from { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 100%, 0); + transform: translate3d(-100%, 100%, 0); + } +} +.animate__fadeOutBottomLeft { + -webkit-animation-name: fadeOutBottomLeft; + animation-name: fadeOutBottomLeft; +} +/* Flippers */ +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} +@keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} +.animate__animated.animate__flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +.animate__flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +.animate__flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} +.animate__flipOutX { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} +.animate__flipOutY { + -webkit-animation-duration: calc(1s * 0.75); + animation-duration: calc(1s * 0.75); + -webkit-animation-duration: calc(var(--animate-duration) * 0.75); + animation-duration: calc(var(--animate-duration) * 0.75); + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} +/* Lightspeed */ +@-webkit-keyframes lightSpeedInRight { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes lightSpeedInRight { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__lightSpeedInRight { + -webkit-animation-name: lightSpeedInRight; + animation-name: lightSpeedInRight; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); + transform: translate3d(-100%, 0, 0) skewX(30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(-20deg); + transform: skewX(-20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(5deg); + transform: skewX(5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes lightSpeedInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); + transform: translate3d(-100%, 0, 0) skewX(30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(-20deg); + transform: skewX(-20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(5deg); + transform: skewX(5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__lightSpeedInLeft { + -webkit-animation-name: lightSpeedInLeft; + animation-name: lightSpeedInLeft; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedOutRight { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} +@keyframes lightSpeedOutRight { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} +.animate__lightSpeedOutRight { + -webkit-animation-name: lightSpeedOutRight; + animation-name: lightSpeedOutRight; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +@-webkit-keyframes lightSpeedOutLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); + transform: translate3d(-100%, 0, 0) skewX(-30deg); + opacity: 0; + } +} +@keyframes lightSpeedOutLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); + transform: translate3d(-100%, 0, 0) skewX(-30deg); + opacity: 0; + } +} +.animate__lightSpeedOutLeft { + -webkit-animation-name: lightSpeedOutLeft; + animation-name: lightSpeedOutLeft; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +/* Rotating entrances */ +@-webkit-keyframes rotateIn { + from { + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateIn { + from { + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; + -webkit-transform-origin: center; + transform-origin: center; +} +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInDownLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInDownRight { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInUpLeft { + from { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +@keyframes rotateInUpRight { + from { + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} +.animate__rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +/* Rotating exits */ +@-webkit-keyframes rotateOut { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} +@keyframes rotateOut { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} +.animate__rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; + -webkit-transform-origin: center; + transform-origin: center; +} +@-webkit-keyframes rotateOutDownLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} +@keyframes rotateOutDownLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} +.animate__rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateOutDownRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@keyframes rotateOutDownRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +.animate__rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +@-webkit-keyframes rotateOutUpLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@keyframes rotateOutUpLeft { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +.animate__rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} +@-webkit-keyframes rotateOutUpRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} +@keyframes rotateOutUpRight { + from { + opacity: 1; + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} +.animate__rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; + -webkit-transform-origin: right bottom; + transform-origin: right bottom; +} +/* Specials */ +@-webkit-keyframes hinge { + 0% { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} +@keyframes hinge { + 0% { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} +.animate__hinge { + -webkit-animation-duration: calc(1s * 2); + animation-duration: calc(1s * 2); + -webkit-animation-duration: calc(var(--animate-duration) * 2); + animation-duration: calc(var(--animate-duration) * 2); + -webkit-animation-name: hinge; + animation-name: hinge; + -webkit-transform-origin: top left; + transform-origin: top left; +} +@-webkit-keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} +@keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} +.animate__jackInTheBox { + -webkit-animation-name: jackInTheBox; + animation-name: jackInTheBox; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} +.animate__rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} +/* Zooming entrances */ +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} +.animate__zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} +/* Zooming exits */ +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} +.animate__zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + } +} +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + } +} +.animate__zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; + -webkit-transform-origin: left center; + transform-origin: left center; +} +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + } +} +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + } +} +.animate__zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; + -webkit-transform-origin: right center; + transform-origin: right center; +} +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +.animate__zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +/* Sliding entrances */ +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.animate__slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} +/* Sliding exits */ +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +.animate__slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +.animate__slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +.animate__slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +.animate__slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_001.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_001.jpg new file mode 100755 index 0000000..895cbdd Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_001.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_002-2.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_002-2.jpg new file mode 100755 index 0000000..8014058 Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_002-2.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_002.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_002.jpg new file mode 100755 index 0000000..f48630e Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_002.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_003.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_003.jpg new file mode 100755 index 0000000..3678144 Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_003.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_004-2.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_004-2.jpg new file mode 100755 index 0000000..704ddf7 Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_004-2.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_004.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_004.jpg new file mode 100755 index 0000000..78ecc89 Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_004.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_006.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_006.jpg new file mode 100755 index 0000000..343e8da Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_006.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_007.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_007.jpg new file mode 100755 index 0000000..191fec3 Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_007.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_008.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_008.jpg new file mode 100755 index 0000000..f0a1d02 Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_008.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_009.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_009.jpg new file mode 100755 index 0000000..d250278 Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_009.jpg differ diff --git a/src/assets/background-images/2012/2012-02-11_weser-eis_011.jpg b/src/assets/background-images/2012/2012-02-11_weser-eis_011.jpg new file mode 100755 index 0000000..7abea0e Binary files /dev/null and b/src/assets/background-images/2012/2012-02-11_weser-eis_011.jpg differ diff --git a/src/assets/background-images/2012/2012-07-12_regenbogen_003.jpg b/src/assets/background-images/2012/2012-07-12_regenbogen_003.jpg new file mode 100755 index 0000000..2cf97dc Binary files /dev/null and b/src/assets/background-images/2012/2012-07-12_regenbogen_003.jpg differ diff --git a/src/assets/background-images/2012/2012-07-12_regenbogen_004.jpg b/src/assets/background-images/2012/2012-07-12_regenbogen_004.jpg new file mode 100755 index 0000000..4645261 Binary files /dev/null and b/src/assets/background-images/2012/2012-07-12_regenbogen_004.jpg differ diff --git a/src/assets/background-images/2013/2013-12_wintersonne_001.jpg b/src/assets/background-images/2013/2013-12_wintersonne_001.jpg new file mode 100755 index 0000000..b083c53 Binary files /dev/null and b/src/assets/background-images/2013/2013-12_wintersonne_001.jpg differ diff --git a/src/assets/background-images/2013/2013-12_wintersonne_002.jpg b/src/assets/background-images/2013/2013-12_wintersonne_002.jpg new file mode 100755 index 0000000..f1c98b3 Binary files /dev/null and b/src/assets/background-images/2013/2013-12_wintersonne_002.jpg differ diff --git a/src/assets/background-images/2013/2013-12_wintersonne_004.jpg b/src/assets/background-images/2013/2013-12_wintersonne_004.jpg new file mode 100755 index 0000000..bed3f02 Binary files /dev/null and b/src/assets/background-images/2013/2013-12_wintersonne_004.jpg differ diff --git a/src/assets/background-images/2013/2013-12_wintersonne_005.jpg b/src/assets/background-images/2013/2013-12_wintersonne_005.jpg new file mode 100755 index 0000000..961dca3 Binary files /dev/null and b/src/assets/background-images/2013/2013-12_wintersonne_005.jpg differ diff --git a/src/assets/background-images/2013/2013-12_wintersonne_006.jpg b/src/assets/background-images/2013/2013-12_wintersonne_006.jpg new file mode 100755 index 0000000..7537495 Binary files /dev/null and b/src/assets/background-images/2013/2013-12_wintersonne_006.jpg differ diff --git a/src/assets/background-images/20161208-himmel001.jpg b/src/assets/background-images/20161208-himmel001.jpg new file mode 100755 index 0000000..7f6b330 Binary files /dev/null and b/src/assets/background-images/20161208-himmel001.jpg differ diff --git a/src/assets/bootstrap/css/bootstrap-grid.min.css b/src/assets/bootstrap/css/bootstrap-grid.min.css new file mode 100755 index 0000000..762fc00 --- /dev/null +++ b/src/assets/bootstrap/css/bootstrap-grid.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap Grid v5.0.1 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.3333333333%}.col-xxl-2{flex:0 0 auto;width:16.6666666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333333%}.col-xxl-5{flex:0 0 auto;width:41.6666666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333333%}.col-xxl-8{flex:0 0 auto;width:66.6666666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333333%}.col-xxl-11{flex:0 0 auto;width:91.6666666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} \ No newline at end of file diff --git a/src/assets/bootstrap/css/bootstrap-reboot.min.css b/src/assets/bootstrap/css/bootstrap-reboot.min.css new file mode 100755 index 0000000..a370bb6 --- /dev/null +++ b/src/assets/bootstrap/css/bootstrap-reboot.min.css @@ -0,0 +1,7 @@ +/*! + * Bootstrap Reboot v5.0.1 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) + */*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important} \ No newline at end of file diff --git a/src/assets/bootstrap/css/bootstrap.min.css b/src/assets/bootstrap/css/bootstrap.min.css new file mode 100755 index 0000000..2b73b82 --- /dev/null +++ b/src/assets/bootstrap/css/bootstrap.min.css @@ -0,0 +1,6 @@ +@charset "UTF-8";/*! + * Bootstrap v5.0.1 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.3333333333%}.col-xxl-2{flex:0 0 auto;width:16.6666666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333333%}.col-xxl-5{flex:0 0 auto;width:41.6666666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333333%}.col-xxl-8{flex:0 0 auto;width:66.6666666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333333%}.col-xxl-11{flex:0 0 auto;width:91.6666666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{max-width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1201px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid #d8d8d8;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1050;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body{background-color:#fff!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} \ No newline at end of file diff --git a/src/assets/bootstrap/js/bootstrap.bundle.min.js b/src/assets/bootstrap/js/bootstrap.bundle.min.js new file mode 100755 index 0000000..9057c22 --- /dev/null +++ b/src/assets/bootstrap/js/bootstrap.bundle.min.js @@ -0,0 +1,6 @@ +/*! + * Bootstrap v5.0.1 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e()}(this,(function(){"use strict";const t={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter(t=>t.matches(e)),parents(t,e){const i=[];let n=t.parentNode;for(;n&&n.nodeType===Node.ELEMENT_NODE&&3!==n.nodeType;)n.matches(e)&&i.push(n),n=n.parentNode;return i},prev(t,e){let i=t.previousElementSibling;for(;i;){if(i.matches(e))return[i];i=i.previousElementSibling}return[]},next(t,e){let i=t.nextElementSibling;for(;i;){if(i.matches(e))return[i];i=i.nextElementSibling}return[]}},e=t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t},i=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i="#"+i.split("#")[1]),e=i&&"#"!==i?i.trim():null}return e},n=t=>{const e=i(t);return e&&document.querySelector(e)?e:null},s=t=>{const e=i(t);return e?document.querySelector(e):null},o=t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const n=Number.parseFloat(e),s=Number.parseFloat(i);return n||s?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0},r=t=>{t.dispatchEvent(new Event("transitionend"))},a=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),l=e=>a(e)?e.jquery?e[0]:e:"string"==typeof e&&e.length>0?t.findOne(e):null,c=(t,e)=>{let i=!1;const n=e+5;t.addEventListener("transitionend",(function e(){i=!0,t.removeEventListener("transitionend",e)})),setTimeout(()=>{i||r(t)},n)},d=(t,e,i)=>{Object.keys(i).forEach(n=>{const s=i[n],o=e[n],r=o&&a(o)?"element":null==(l=o)?""+l:{}.toString.call(l).match(/\s([a-z]+)/i)[1].toLowerCase();var l;if(!new RegExp(s).test(r))throw new TypeError(`${t.toUpperCase()}: Option "${n}" provided type "${r}" but expected type "${s}".`)})},h=t=>{if(!t)return!1;if(t.style&&t.parentNode&&t.parentNode.style){const e=getComputedStyle(t),i=getComputedStyle(t.parentNode);return"none"!==e.display&&"none"!==i.display&&"hidden"!==e.visibility}return!1},u=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),f=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?f(t.parentNode):null},p=()=>{},m=t=>t.offsetHeight,g=()=>{const{jQuery:t}=window;return t&&!document.body.hasAttribute("data-bs-no-jquery")?t:null},_=()=>"rtl"===document.documentElement.dir,b=t=>{var e;e=()=>{const e=g();if(e){const i=t.NAME,n=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=n,t.jQueryInterface)}},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()},v=t=>{"function"==typeof t&&t()},y=new Map;var w={set(t,e,i){y.has(t)||y.set(t,new Map);const n=y.get(t);n.has(e)||0===n.size?n.set(e,i):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(t,e)=>y.has(t)&&y.get(t).get(e)||null,remove(t,e){if(!y.has(t))return;const i=y.get(t);i.delete(e),0===i.size&&y.delete(t)}};const E=/[^.]*(?=\..*)\.|.*/,T=/\..*/,A=/::\d+$/,L={};let O=1;const k={mouseenter:"mouseover",mouseleave:"mouseout"},C=/^(mouseenter|mouseleave)/i,x=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function D(t,e){return e&&`${e}::${O++}`||t.uidEvent||O++}function N(t){const e=D(t);return t.uidEvent=e,L[e]=L[e]||{},L[e]}function S(t,e,i=null){const n=Object.keys(t);for(let s=0,o=n.length;sfunction(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};n?n=t(n):i=t(i)}const[o,r,a]=I(e,i,n),l=N(t),c=l[a]||(l[a]={}),d=S(c,r,o?i:null);if(d)return void(d.oneOff=d.oneOff&&s);const h=D(r,e.replace(E,"")),u=o?function(t,e,i){return function n(s){const o=t.querySelectorAll(e);for(let{target:r}=s;r&&r!==this;r=r.parentNode)for(let a=o.length;a--;)if(o[a]===r)return s.delegateTarget=r,n.oneOff&&H.off(t,s.type,e,i),i.apply(r,[s]);return null}}(t,i,n):function(t,e){return function i(n){return n.delegateTarget=t,i.oneOff&&H.off(t,n.type,e),e.apply(t,[n])}}(t,i);u.delegationSelector=o?i:null,u.originalHandler=r,u.oneOff=s,u.uidEvent=h,c[h]=u,t.addEventListener(a,u,o)}function P(t,e,i,n,s){const o=S(e[i],n,s);o&&(t.removeEventListener(i,o,Boolean(s)),delete e[i][o.uidEvent])}function M(t){return t=t.replace(T,""),k[t]||t}const H={on(t,e,i,n){j(t,e,i,n,!1)},one(t,e,i,n){j(t,e,i,n,!0)},off(t,e,i,n){if("string"!=typeof e||!t)return;const[s,o,r]=I(e,i,n),a=r!==e,l=N(t),c=e.startsWith(".");if(void 0!==o){if(!l||!l[r])return;return void P(t,l,r,o,s?i:null)}c&&Object.keys(l).forEach(i=>{!function(t,e,i,n){const s=e[i]||{};Object.keys(s).forEach(o=>{if(o.includes(n)){const n=s[o];P(t,e,i,n.originalHandler,n.delegationSelector)}})}(t,l,i,e.slice(1))});const d=l[r]||{};Object.keys(d).forEach(i=>{const n=i.replace(A,"");if(!a||e.includes(n)){const e=d[i];P(t,l,r,e.originalHandler,e.delegationSelector)}})},trigger(t,e,i){if("string"!=typeof e||!t)return null;const n=g(),s=M(e),o=e!==s,r=x.has(s);let a,l=!0,c=!0,d=!1,h=null;return o&&n&&(a=n.Event(e,i),n(t).trigger(a),l=!a.isPropagationStopped(),c=!a.isImmediatePropagationStopped(),d=a.isDefaultPrevented()),r?(h=document.createEvent("HTMLEvents"),h.initEvent(s,l,!0)):h=new CustomEvent(e,{bubbles:l,cancelable:!0}),void 0!==i&&Object.keys(i).forEach(t=>{Object.defineProperty(h,t,{get:()=>i[t]})}),d&&h.preventDefault(),c&&t.dispatchEvent(h),h.defaultPrevented&&void 0!==a&&a.preventDefault(),h}};class R{constructor(t){(t=l(t))&&(this._element=t,w.set(this._element,this.constructor.DATA_KEY,this))}dispose(){w.remove(this._element,this.constructor.DATA_KEY),H.off(this._element,this.constructor.EVENT_KEY),Object.getOwnPropertyNames(this).forEach(t=>{this[t]=null})}_queueCallback(t,e,i=!0){if(!i)return void v(t);const n=o(e);H.one(e,"transitionend",()=>v(t)),c(e,n)}static getInstance(t){return w.get(t,this.DATA_KEY)}static get VERSION(){return"5.0.1"}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}static get DATA_KEY(){return"bs."+this.NAME}static get EVENT_KEY(){return"."+this.DATA_KEY}}class B extends R{static get NAME(){return"alert"}close(t){const e=t?this._getRootElement(t):this._element,i=this._triggerCloseEvent(e);null===i||i.defaultPrevented||this._removeElement(e)}_getRootElement(t){return s(t)||t.closest(".alert")}_triggerCloseEvent(t){return H.trigger(t,"close.bs.alert")}_removeElement(t){t.classList.remove("show");const e=t.classList.contains("fade");this._queueCallback(()=>this._destroyElement(t),t,e)}_destroyElement(t){t.parentNode&&t.parentNode.removeChild(t),H.trigger(t,"closed.bs.alert")}static jQueryInterface(t){return this.each((function(){let e=w.get(this,"bs.alert");e||(e=new B(this)),"close"===t&&e[t](this)}))}static handleDismiss(t){return function(e){e&&e.preventDefault(),t.close(this)}}}H.on(document,"click.bs.alert.data-api",'[data-bs-dismiss="alert"]',B.handleDismiss(new B)),b(B);class W extends R{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){let e=w.get(this,"bs.button");e||(e=new W(this)),"toggle"===t&&e[t]()}))}}function q(t){return"true"===t||"false"!==t&&(t===Number(t).toString()?Number(t):""===t||"null"===t?null:t)}function z(t){return t.replace(/[A-Z]/g,t=>"-"+t.toLowerCase())}H.on(document,"click.bs.button.data-api",'[data-bs-toggle="button"]',t=>{t.preventDefault();const e=t.target.closest('[data-bs-toggle="button"]');let i=w.get(e,"bs.button");i||(i=new W(e)),i.toggle()}),b(W);const U={setDataAttribute(t,e,i){t.setAttribute("data-bs-"+z(e),i)},removeDataAttribute(t,e){t.removeAttribute("data-bs-"+z(e))},getDataAttributes(t){if(!t)return{};const e={};return Object.keys(t.dataset).filter(t=>t.startsWith("bs")).forEach(i=>{let n=i.replace(/^bs/,"");n=n.charAt(0).toLowerCase()+n.slice(1,n.length),e[n]=q(t.dataset[i])}),e},getDataAttribute:(t,e)=>q(t.getAttribute("data-bs-"+z(e))),offset(t){const e=t.getBoundingClientRect();return{top:e.top+document.body.scrollTop,left:e.left+document.body.scrollLeft}},position:t=>({top:t.offsetTop,left:t.offsetLeft})},$={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},F={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},V="next",K="prev",X="left",Y="right";class Q extends R{constructor(e,i){super(e),this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this._config=this._getConfig(i),this._indicatorsElement=t.findOne(".carousel-indicators",this._element),this._touchSupported="ontouchstart"in document.documentElement||navigator.maxTouchPoints>0,this._pointerEvent=Boolean(window.PointerEvent),this._addEventListeners()}static get Default(){return $}static get NAME(){return"carousel"}next(){this._isSliding||this._slide(V)}nextWhenVisible(){!document.hidden&&h(this._element)&&this.next()}prev(){this._isSliding||this._slide(K)}pause(e){e||(this._isPaused=!0),t.findOne(".carousel-item-next, .carousel-item-prev",this._element)&&(r(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null}cycle(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config&&this._config.interval&&!this._isPaused&&(this._updateInterval(),this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))}to(e){this._activeElement=t.findOne(".active.carousel-item",this._element);const i=this._getItemIndex(this._activeElement);if(e>this._items.length-1||e<0)return;if(this._isSliding)return void H.one(this._element,"slid.bs.carousel",()=>this.to(e));if(i===e)return this.pause(),void this.cycle();const n=e>i?V:K;this._slide(n,this._items[e])}_getConfig(t){return t={...$,...t},d("carousel",t,F),t}_handleSwipe(){const t=Math.abs(this.touchDeltaX);if(t<=40)return;const e=t/this.touchDeltaX;this.touchDeltaX=0,e&&this._slide(e>0?Y:X)}_addEventListeners(){this._config.keyboard&&H.on(this._element,"keydown.bs.carousel",t=>this._keydown(t)),"hover"===this._config.pause&&(H.on(this._element,"mouseenter.bs.carousel",t=>this.pause(t)),H.on(this._element,"mouseleave.bs.carousel",t=>this.cycle(t))),this._config.touch&&this._touchSupported&&this._addTouchEventListeners()}_addTouchEventListeners(){const e=t=>{!this._pointerEvent||"pen"!==t.pointerType&&"touch"!==t.pointerType?this._pointerEvent||(this.touchStartX=t.touches[0].clientX):this.touchStartX=t.clientX},i=t=>{this.touchDeltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this.touchStartX},n=t=>{!this._pointerEvent||"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.touchDeltaX=t.clientX-this.touchStartX),this._handleSwipe(),"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout(t=>this.cycle(t),500+this._config.interval))};t.find(".carousel-item img",this._element).forEach(t=>{H.on(t,"dragstart.bs.carousel",t=>t.preventDefault())}),this._pointerEvent?(H.on(this._element,"pointerdown.bs.carousel",t=>e(t)),H.on(this._element,"pointerup.bs.carousel",t=>n(t)),this._element.classList.add("pointer-event")):(H.on(this._element,"touchstart.bs.carousel",t=>e(t)),H.on(this._element,"touchmove.bs.carousel",t=>i(t)),H.on(this._element,"touchend.bs.carousel",t=>n(t)))}_keydown(t){/input|textarea/i.test(t.target.tagName)||("ArrowLeft"===t.key?(t.preventDefault(),this._slide(Y)):"ArrowRight"===t.key&&(t.preventDefault(),this._slide(X)))}_getItemIndex(e){return this._items=e&&e.parentNode?t.find(".carousel-item",e.parentNode):[],this._items.indexOf(e)}_getItemByOrder(t,e){const i=t===V,n=t===K,s=this._getItemIndex(e),o=this._items.length-1;if((n&&0===s||i&&s===o)&&!this._config.wrap)return e;const r=(s+(n?-1:1))%this._items.length;return-1===r?this._items[this._items.length-1]:this._items[r]}_triggerSlideEvent(e,i){const n=this._getItemIndex(e),s=this._getItemIndex(t.findOne(".active.carousel-item",this._element));return H.trigger(this._element,"slide.bs.carousel",{relatedTarget:e,direction:i,from:s,to:n})}_setActiveIndicatorElement(e){if(this._indicatorsElement){const i=t.findOne(".active",this._indicatorsElement);i.classList.remove("active"),i.removeAttribute("aria-current");const n=t.find("[data-bs-target]",this._indicatorsElement);for(let t=0;t{H.trigger(this._element,"slid.bs.carousel",{relatedTarget:r,direction:u,from:o,to:a})};if(this._element.classList.contains("slide")){r.classList.add(h),m(r),s.classList.add(d),r.classList.add(d);const t=()=>{r.classList.remove(d,h),r.classList.add("active"),s.classList.remove("active",h,d),this._isSliding=!1,setTimeout(f,0)};this._queueCallback(t,s,!0)}else s.classList.remove("active"),r.classList.add("active"),this._isSliding=!1,f();l&&this.cycle()}_directionToOrder(t){return[Y,X].includes(t)?_()?t===X?K:V:t===X?V:K:t}_orderToDirection(t){return[V,K].includes(t)?_()?t===K?X:Y:t===K?Y:X:t}static carouselInterface(t,e){let i=w.get(t,"bs.carousel"),n={...$,...U.getDataAttributes(t)};"object"==typeof e&&(n={...n,...e});const s="string"==typeof e?e:n.slide;if(i||(i=new Q(t,n)),"number"==typeof e)i.to(e);else if("string"==typeof s){if(void 0===i[s])throw new TypeError(`No method named "${s}"`);i[s]()}else n.interval&&n.ride&&(i.pause(),i.cycle())}static jQueryInterface(t){return this.each((function(){Q.carouselInterface(this,t)}))}static dataApiClickHandler(t){const e=s(this);if(!e||!e.classList.contains("carousel"))return;const i={...U.getDataAttributes(e),...U.getDataAttributes(this)},n=this.getAttribute("data-bs-slide-to");n&&(i.interval=!1),Q.carouselInterface(e,i),n&&w.get(e,"bs.carousel").to(n),t.preventDefault()}}H.on(document,"click.bs.carousel.data-api","[data-bs-slide], [data-bs-slide-to]",Q.dataApiClickHandler),H.on(window,"load.bs.carousel.data-api",()=>{const e=t.find('[data-bs-ride="carousel"]');for(let t=0,i=e.length;tt===this._element);null!==o&&r.length&&(this._selector=o,this._triggerArray.push(i))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}static get Default(){return G}static get NAME(){return"collapse"}toggle(){this._element.classList.contains("show")?this.hide():this.show()}show(){if(this._isTransitioning||this._element.classList.contains("show"))return;let e,i;this._parent&&(e=t.find(".show, .collapsing",this._parent).filter(t=>"string"==typeof this._config.parent?t.getAttribute("data-bs-parent")===this._config.parent:t.classList.contains("collapse")),0===e.length&&(e=null));const n=t.findOne(this._selector);if(e){const t=e.find(t=>n!==t);if(i=t?w.get(t,"bs.collapse"):null,i&&i._isTransitioning)return}if(H.trigger(this._element,"show.bs.collapse").defaultPrevented)return;e&&e.forEach(t=>{n!==t&&J.collapseInterface(t,"hide"),i||w.set(t,"bs.collapse",null)});const s=this._getDimension();this._element.classList.remove("collapse"),this._element.classList.add("collapsing"),this._element.style[s]=0,this._triggerArray.length&&this._triggerArray.forEach(t=>{t.classList.remove("collapsed"),t.setAttribute("aria-expanded",!0)}),this.setTransitioning(!0);const o="scroll"+(s[0].toUpperCase()+s.slice(1));this._queueCallback(()=>{this._element.classList.remove("collapsing"),this._element.classList.add("collapse","show"),this._element.style[s]="",this.setTransitioning(!1),H.trigger(this._element,"shown.bs.collapse")},this._element,!0),this._element.style[s]=this._element[o]+"px"}hide(){if(this._isTransitioning||!this._element.classList.contains("show"))return;if(H.trigger(this._element,"hide.bs.collapse").defaultPrevented)return;const t=this._getDimension();this._element.style[t]=this._element.getBoundingClientRect()[t]+"px",m(this._element),this._element.classList.add("collapsing"),this._element.classList.remove("collapse","show");const e=this._triggerArray.length;if(e>0)for(let t=0;t{this.setTransitioning(!1),this._element.classList.remove("collapsing"),this._element.classList.add("collapse"),H.trigger(this._element,"hidden.bs.collapse")},this._element,!0)}setTransitioning(t){this._isTransitioning=t}_getConfig(t){return(t={...G,...t}).toggle=Boolean(t.toggle),d("collapse",t,Z),t}_getDimension(){return this._element.classList.contains("width")?"width":"height"}_getParent(){let{parent:e}=this._config;e=l(e);const i=`[data-bs-toggle="collapse"][data-bs-parent="${e}"]`;return t.find(i,e).forEach(t=>{const e=s(t);this._addAriaAndCollapsedClass(e,[t])}),e}_addAriaAndCollapsedClass(t,e){if(!t||!e.length)return;const i=t.classList.contains("show");e.forEach(t=>{i?t.classList.remove("collapsed"):t.classList.add("collapsed"),t.setAttribute("aria-expanded",i)})}static collapseInterface(t,e){let i=w.get(t,"bs.collapse");const n={...G,...U.getDataAttributes(t),..."object"==typeof e&&e?e:{}};if(!i&&n.toggle&&"string"==typeof e&&/show|hide/.test(e)&&(n.toggle=!1),i||(i=new J(t,n)),"string"==typeof e){if(void 0===i[e])throw new TypeError(`No method named "${e}"`);i[e]()}}static jQueryInterface(t){return this.each((function(){J.collapseInterface(this,t)}))}}H.on(document,"click.bs.collapse.data-api",'[data-bs-toggle="collapse"]',(function(e){("A"===e.target.tagName||e.delegateTarget&&"A"===e.delegateTarget.tagName)&&e.preventDefault();const i=U.getDataAttributes(this),s=n(this);t.find(s).forEach(t=>{const e=w.get(t,"bs.collapse");let n;e?(null===e._parent&&"string"==typeof i.parent&&(e._config.parent=i.parent,e._parent=e._getParent()),n="toggle"):n=i,J.collapseInterface(t,n)})})),b(J);var tt="top",et="bottom",it="right",nt="left",st=[tt,et,it,nt],ot=st.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),rt=[].concat(st,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),at=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function lt(t){return t?(t.nodeName||"").toLowerCase():null}function ct(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function dt(t){return t instanceof ct(t).Element||t instanceof Element}function ht(t){return t instanceof ct(t).HTMLElement||t instanceof HTMLElement}function ut(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ct(t).ShadowRoot||t instanceof ShadowRoot)}var ft={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},s=e.elements[t];ht(s)&<(s)&&(Object.assign(s.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?s.removeAttribute(t):s.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],s=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});ht(n)&<(n)&&(Object.assign(n.style,o),Object.keys(s).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]};function pt(t){return t.split("-")[0]}function mt(t){var e=t.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,x:e.left,y:e.top}}function gt(t){var e=mt(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function _t(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&ut(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function bt(t){return ct(t).getComputedStyle(t)}function vt(t){return["table","td","th"].indexOf(lt(t))>=0}function yt(t){return((dt(t)?t.ownerDocument:t.document)||window.document).documentElement}function wt(t){return"html"===lt(t)?t:t.assignedSlot||t.parentNode||(ut(t)?t.host:null)||yt(t)}function Et(t){return ht(t)&&"fixed"!==bt(t).position?t.offsetParent:null}function Tt(t){for(var e=ct(t),i=Et(t);i&&vt(i)&&"static"===bt(i).position;)i=Et(i);return i&&("html"===lt(i)||"body"===lt(i)&&"static"===bt(i).position)?e:i||function(t){var e=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&ht(t)&&"fixed"===bt(t).position)return null;for(var i=wt(t);ht(i)&&["html","body"].indexOf(lt(i))<0;){var n=bt(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function At(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var Lt=Math.max,Ot=Math.min,kt=Math.round;function Ct(t,e,i){return Lt(t,Ot(e,i))}function xt(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function Dt(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}var Nt={name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,n=t.name,s=t.options,o=i.elements.arrow,r=i.modifiersData.popperOffsets,a=pt(i.placement),l=At(a),c=[nt,it].indexOf(a)>=0?"height":"width";if(o&&r){var d=function(t,e){return xt("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:Dt(t,st))}(s.padding,i),h=gt(o),u="y"===l?tt:nt,f="y"===l?et:it,p=i.rects.reference[c]+i.rects.reference[l]-r[l]-i.rects.popper[c],m=r[l]-i.rects.reference[l],g=Tt(o),_=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,b=p/2-m/2,v=d[u],y=_-h[c]-d[f],w=_/2-h[c]/2+b,E=Ct(v,w,y),T=l;i.modifiersData[n]=((e={})[T]=E,e.centerOffset=E-w,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&_t(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},St={top:"auto",right:"auto",bottom:"auto",left:"auto"};function It(t){var e,i=t.popper,n=t.popperRect,s=t.placement,o=t.offsets,r=t.position,a=t.gpuAcceleration,l=t.adaptive,c=t.roundOffsets,d=!0===c?function(t){var e=t.x,i=t.y,n=window.devicePixelRatio||1;return{x:kt(kt(e*n)/n)||0,y:kt(kt(i*n)/n)||0}}(o):"function"==typeof c?c(o):o,h=d.x,u=void 0===h?0:h,f=d.y,p=void 0===f?0:f,m=o.hasOwnProperty("x"),g=o.hasOwnProperty("y"),_=nt,b=tt,v=window;if(l){var y=Tt(i),w="clientHeight",E="clientWidth";y===ct(i)&&"static"!==bt(y=yt(i)).position&&(w="scrollHeight",E="scrollWidth"),y=y,s===tt&&(b=et,p-=y[w]-n.height,p*=a?1:-1),s===nt&&(_=it,u-=y[E]-n.width,u*=a?1:-1)}var T,A=Object.assign({position:r},l&&St);return a?Object.assign({},A,((T={})[b]=g?"0":"",T[_]=m?"0":"",T.transform=(v.devicePixelRatio||1)<2?"translate("+u+"px, "+p+"px)":"translate3d("+u+"px, "+p+"px, 0)",T)):Object.assign({},A,((e={})[b]=g?p+"px":"",e[_]=m?u+"px":"",e.transform="",e))}var jt={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,s=void 0===n||n,o=i.adaptive,r=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:pt(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,It(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:r,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,It(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},Pt={passive:!0},Mt={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,s=n.scroll,o=void 0===s||s,r=n.resize,a=void 0===r||r,l=ct(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,Pt)})),a&&l.addEventListener("resize",i.update,Pt),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,Pt)})),a&&l.removeEventListener("resize",i.update,Pt)}},data:{}},Ht={left:"right",right:"left",bottom:"top",top:"bottom"};function Rt(t){return t.replace(/left|right|bottom|top/g,(function(t){return Ht[t]}))}var Bt={start:"end",end:"start"};function Wt(t){return t.replace(/start|end/g,(function(t){return Bt[t]}))}function qt(t){var e=ct(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function zt(t){return mt(yt(t)).left+qt(t).scrollLeft}function Ut(t){var e=bt(t),i=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(i+s+n)}function $t(t,e){var i;void 0===e&&(e=[]);var n=function t(e){return["html","body","#document"].indexOf(lt(e))>=0?e.ownerDocument.body:ht(e)&&Ut(e)?e:t(wt(e))}(t),s=n===(null==(i=t.ownerDocument)?void 0:i.body),o=ct(n),r=s?[o].concat(o.visualViewport||[],Ut(n)?n:[]):n,a=e.concat(r);return s?a:a.concat($t(wt(r)))}function Ft(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Vt(t,e){return"viewport"===e?Ft(function(t){var e=ct(t),i=yt(t),n=e.visualViewport,s=i.clientWidth,o=i.clientHeight,r=0,a=0;return n&&(s=n.width,o=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(r=n.offsetLeft,a=n.offsetTop)),{width:s,height:o,x:r+zt(t),y:a}}(t)):ht(e)?function(t){var e=mt(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(e):Ft(function(t){var e,i=yt(t),n=qt(t),s=null==(e=t.ownerDocument)?void 0:e.body,o=Lt(i.scrollWidth,i.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),r=Lt(i.scrollHeight,i.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),a=-n.scrollLeft+zt(t),l=-n.scrollTop;return"rtl"===bt(s||i).direction&&(a+=Lt(i.clientWidth,s?s.clientWidth:0)-o),{width:o,height:r,x:a,y:l}}(yt(t)))}function Kt(t){return t.split("-")[1]}function Xt(t){var e,i=t.reference,n=t.element,s=t.placement,o=s?pt(s):null,r=s?Kt(s):null,a=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case tt:e={x:a,y:i.y-n.height};break;case et:e={x:a,y:i.y+i.height};break;case it:e={x:i.x+i.width,y:l};break;case nt:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?At(o):null;if(null!=c){var d="y"===c?"height":"width";switch(r){case"start":e[c]=e[c]-(i[d]/2-n[d]/2);break;case"end":e[c]=e[c]+(i[d]/2-n[d]/2)}}return e}function Yt(t,e){void 0===e&&(e={});var i=e,n=i.placement,s=void 0===n?t.placement:n,o=i.boundary,r=void 0===o?"clippingParents":o,a=i.rootBoundary,l=void 0===a?"viewport":a,c=i.elementContext,d=void 0===c?"popper":c,h=i.altBoundary,u=void 0!==h&&h,f=i.padding,p=void 0===f?0:f,m=xt("number"!=typeof p?p:Dt(p,st)),g="popper"===d?"reference":"popper",_=t.elements.reference,b=t.rects.popper,v=t.elements[u?g:d],y=function(t,e,i){var n="clippingParents"===e?function(t){var e=$t(wt(t)),i=["absolute","fixed"].indexOf(bt(t).position)>=0&&ht(t)?Tt(t):t;return dt(i)?e.filter((function(t){return dt(t)&&_t(t,i)&&"body"!==lt(t)})):[]}(t):[].concat(e),s=[].concat(n,[i]),o=s[0],r=s.reduce((function(e,i){var n=Vt(t,i);return e.top=Lt(n.top,e.top),e.right=Ot(n.right,e.right),e.bottom=Ot(n.bottom,e.bottom),e.left=Lt(n.left,e.left),e}),Vt(t,o));return r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}(dt(v)?v:v.contextElement||yt(t.elements.popper),r,l),w=mt(_),E=Xt({reference:w,element:b,strategy:"absolute",placement:s}),T=Ft(Object.assign({},b,E)),A="popper"===d?T:w,L={top:y.top-A.top+m.top,bottom:A.bottom-y.bottom+m.bottom,left:y.left-A.left+m.left,right:A.right-y.right+m.right},O=t.modifiersData.offset;if("popper"===d&&O){var k=O[s];Object.keys(L).forEach((function(t){var e=[it,et].indexOf(t)>=0?1:-1,i=[tt,et].indexOf(t)>=0?"y":"x";L[t]+=k[i]*e}))}return L}function Qt(t,e){void 0===e&&(e={});var i=e,n=i.placement,s=i.boundary,o=i.rootBoundary,r=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,c=void 0===l?rt:l,d=Kt(n),h=d?a?ot:ot.filter((function(t){return Kt(t)===d})):st,u=h.filter((function(t){return c.indexOf(t)>=0}));0===u.length&&(u=h);var f=u.reduce((function(e,i){return e[i]=Yt(t,{placement:i,boundary:s,rootBoundary:o,padding:r})[pt(i)],e}),{});return Object.keys(f).sort((function(t,e){return f[t]-f[e]}))}var Gt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var s=i.mainAxis,o=void 0===s||s,r=i.altAxis,a=void 0===r||r,l=i.fallbackPlacements,c=i.padding,d=i.boundary,h=i.rootBoundary,u=i.altBoundary,f=i.flipVariations,p=void 0===f||f,m=i.allowedAutoPlacements,g=e.options.placement,_=pt(g),b=l||(_!==g&&p?function(t){if("auto"===pt(t))return[];var e=Rt(t);return[Wt(t),e,Wt(e)]}(g):[Rt(g)]),v=[g].concat(b).reduce((function(t,i){return t.concat("auto"===pt(i)?Qt(e,{placement:i,boundary:d,rootBoundary:h,padding:c,flipVariations:p,allowedAutoPlacements:m}):i)}),[]),y=e.rects.reference,w=e.rects.popper,E=new Map,T=!0,A=v[0],L=0;L=0,D=x?"width":"height",N=Yt(e,{placement:O,boundary:d,rootBoundary:h,altBoundary:u,padding:c}),S=x?C?it:nt:C?et:tt;y[D]>w[D]&&(S=Rt(S));var I=Rt(S),j=[];if(o&&j.push(N[k]<=0),a&&j.push(N[S]<=0,N[I]<=0),j.every((function(t){return t}))){A=O,T=!1;break}E.set(O,j)}if(T)for(var P=function(t){var e=v.find((function(e){var i=E.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},M=p?3:1;M>0&&"break"!==P(M);M--);e.placement!==A&&(e.modifiersData[n]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function Zt(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function Jt(t){return[tt,it,et,nt].some((function(e){return t[e]>=0}))}var te={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,r=Yt(e,{elementContext:"reference"}),a=Yt(e,{altBoundary:!0}),l=Zt(r,n),c=Zt(a,s,o),d=Jt(l),h=Jt(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:d,hasPopperEscaped:h},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":d,"data-popper-escaped":h})}},ee={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.options,n=t.name,s=i.offset,o=void 0===s?[0,0]:s,r=rt.reduce((function(t,i){return t[i]=function(t,e,i){var n=pt(t),s=[nt,tt].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,r=o[0],a=o[1];return r=r||0,a=(a||0)*s,[nt,it].indexOf(n)>=0?{x:a,y:r}:{x:r,y:a}}(i,e.rects,o),t}),{}),a=r[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=r}},ie={name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,i=t.name;e.modifiersData[i]=Xt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},ne={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name,s=i.mainAxis,o=void 0===s||s,r=i.altAxis,a=void 0!==r&&r,l=i.boundary,c=i.rootBoundary,d=i.altBoundary,h=i.padding,u=i.tether,f=void 0===u||u,p=i.tetherOffset,m=void 0===p?0:p,g=Yt(e,{boundary:l,rootBoundary:c,padding:h,altBoundary:d}),_=pt(e.placement),b=Kt(e.placement),v=!b,y=At(_),w="x"===y?"y":"x",E=e.modifiersData.popperOffsets,T=e.rects.reference,A=e.rects.popper,L="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,O={x:0,y:0};if(E){if(o||a){var k="y"===y?tt:nt,C="y"===y?et:it,x="y"===y?"height":"width",D=E[y],N=E[y]+g[k],S=E[y]-g[C],I=f?-A[x]/2:0,j="start"===b?T[x]:A[x],P="start"===b?-A[x]:-T[x],M=e.elements.arrow,H=f&&M?gt(M):{width:0,height:0},R=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},B=R[k],W=R[C],q=Ct(0,T[x],H[x]),z=v?T[x]/2-I-q-B-L:j-q-B-L,U=v?-T[x]/2+I+q+W+L:P+q+W+L,$=e.elements.arrow&&Tt(e.elements.arrow),F=$?"y"===y?$.clientTop||0:$.clientLeft||0:0,V=e.modifiersData.offset?e.modifiersData.offset[e.placement][y]:0,K=E[y]+z-V-F,X=E[y]+U-V;if(o){var Y=Ct(f?Ot(N,K):N,D,f?Lt(S,X):S);E[y]=Y,O[y]=Y-D}if(a){var Q="x"===y?tt:nt,G="x"===y?et:it,Z=E[w],J=Z+g[Q],st=Z-g[G],ot=Ct(f?Ot(J,K):J,Z,f?Lt(st,X):st);E[w]=ot,O[w]=ot-Z}}e.modifiersData[n]=O}},requiresIfExists:["offset"]};function se(t,e,i){void 0===i&&(i=!1);var n,s,o=yt(e),r=mt(t),a=ht(e),l={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(a||!a&&!i)&&(("body"!==lt(e)||Ut(o))&&(l=(n=e)!==ct(n)&&ht(n)?{scrollLeft:(s=n).scrollLeft,scrollTop:s.scrollTop}:qt(n)),ht(e)?((c=mt(e)).x+=e.clientLeft,c.y+=e.clientTop):o&&(c.x=zt(o))),{x:r.left+l.scrollLeft-c.x,y:r.top+l.scrollTop-c.y,width:r.width,height:r.height}}var oe={placement:"bottom",modifiers:[],strategy:"absolute"};function re(){for(var t=arguments.length,e=new Array(t),i=0;i"applyStyles"===t.name&&!1===t.enabled);this._popper=de(e,this._menu,i),n&&U.setDataAttribute(this._menu,"popper","static")}"ontouchstart"in document.documentElement&&!t.closest(".navbar-nav")&&[].concat(...document.body.children).forEach(t=>H.on(t,"mouseover",p)),this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.toggle("show"),this._element.classList.toggle("show"),H.trigger(this._element,"shown.bs.dropdown",e)}}hide(){if(u(this._element)||!this._menu.classList.contains("show"))return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_addEventListeners(){H.on(this._element,"click.bs.dropdown",t=>{t.preventDefault(),this.toggle()})}_completeHide(t){H.trigger(this._element,"hide.bs.dropdown",t).defaultPrevented||("ontouchstart"in document.documentElement&&[].concat(...document.body.children).forEach(t=>H.off(t,"mouseover",p)),this._popper&&this._popper.destroy(),this._menu.classList.remove("show"),this._element.classList.remove("show"),this._element.setAttribute("aria-expanded","false"),U.removeDataAttribute(this._menu,"popper"),H.trigger(this._element,"hidden.bs.dropdown",t))}_getConfig(t){if(t={...this.constructor.Default,...U.getDataAttributes(this._element),...t},d("dropdown",t,this.constructor.DefaultType),"object"==typeof t.reference&&!a(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError("dropdown".toUpperCase()+': Option "reference" provided type "object" without a required "getBoundingClientRect" method.');return t}_getMenuElement(){return t.next(this._element,".dropdown-menu")[0]}_getPlacement(){const t=this._element.parentNode;if(t.classList.contains("dropend"))return _e;if(t.classList.contains("dropstart"))return be;const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?pe:fe:e?ge:me}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map(t=>Number.parseInt(t,10)):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return"static"===this._config.display&&(t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,..."function"==typeof this._config.popperConfig?this._config.popperConfig(t):this._config.popperConfig}}_selectMenuItem(e){const i=t.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter(h);if(!i.length)return;let n=i.indexOf(e.target);"ArrowUp"===e.key&&n>0&&n--,"ArrowDown"===e.key&&nthis.matches('[data-bs-toggle="dropdown"]')?this:t.prev(this,'[data-bs-toggle="dropdown"]')[0];if("Escape"===e.key)return n().focus(),void we.clearMenus();i||"ArrowUp"!==e.key&&"ArrowDown"!==e.key?i&&"Space"!==e.key?we.getInstance(n())._selectMenuItem(e):we.clearMenus():n().click()}}H.on(document,"keydown.bs.dropdown.data-api",'[data-bs-toggle="dropdown"]',we.dataApiKeydownHandler),H.on(document,"keydown.bs.dropdown.data-api",".dropdown-menu",we.dataApiKeydownHandler),H.on(document,"click.bs.dropdown.data-api",we.clearMenus),H.on(document,"keyup.bs.dropdown.data-api",we.clearMenus),H.on(document,"click.bs.dropdown.data-api",'[data-bs-toggle="dropdown"]',(function(t){t.preventDefault(),we.dropdownInterface(this)})),b(we);const Ee=()=>{const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)},Te=(t=Ee())=>{Ae(),Le("body","paddingRight",e=>e+t),Le(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top","paddingRight",e=>e+t),Le(".sticky-top","marginRight",e=>e-t)},Ae=()=>{const t=document.body.style.overflow;t&&U.setDataAttribute(document.body,"overflow",t),document.body.style.overflow="hidden"},Le=(e,i,n)=>{const s=Ee();t.find(e).forEach(t=>{if(t!==document.body&&window.innerWidth>t.clientWidth+s)return;const e=t.style[i],o=window.getComputedStyle(t)[i];U.setDataAttribute(t,i,e),t.style[i]=n(Number.parseFloat(o))+"px"})},Oe=()=>{ke("body","overflow"),ke("body","paddingRight"),ke(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top","paddingRight"),ke(".sticky-top","marginRight")},ke=(e,i)=>{t.find(e).forEach(t=>{const e=U.getDataAttribute(t,i);void 0===e?t.style.removeProperty(i):(U.removeDataAttribute(t,i),t.style[i]=e)})},Ce={isVisible:!0,isAnimated:!1,rootElement:document.body,clickCallback:null},xe={isVisible:"boolean",isAnimated:"boolean",rootElement:"element",clickCallback:"(function|null)"};class De{constructor(t){this._config=this._getConfig(t),this._isAppended=!1,this._element=null}show(t){this._config.isVisible?(this._append(),this._config.isAnimated&&m(this._getElement()),this._getElement().classList.add("show"),this._emulateAnimation(()=>{v(t)})):v(t)}hide(t){this._config.isVisible?(this._getElement().classList.remove("show"),this._emulateAnimation(()=>{this.dispose(),v(t)})):v(t)}_getElement(){if(!this._element){const t=document.createElement("div");t.className="modal-backdrop",this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_getConfig(t){return(t={...Ce,..."object"==typeof t?t:{}}).rootElement=t.rootElement||document.body,d("backdrop",t,xe),t}_append(){this._isAppended||(this._config.rootElement.appendChild(this._getElement()),H.on(this._getElement(),"mousedown.bs.backdrop",()=>{v(this._config.clickCallback)}),this._isAppended=!0)}dispose(){this._isAppended&&(H.off(this._element,"mousedown.bs.backdrop"),this._getElement().parentNode.removeChild(this._element),this._isAppended=!1)}_emulateAnimation(t){if(!this._config.isAnimated)return void v(t);const e=o(this._getElement());H.one(this._getElement(),"transitionend",()=>v(t)),c(this._getElement(),e)}}const Ne={backdrop:!0,keyboard:!0,focus:!0},Se={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean"};class Ie extends R{constructor(e,i){super(e),this._config=this._getConfig(i),this._dialog=t.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._isShown=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1}static get Default(){return Ne}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){if(this._isShown||this._isTransitioning)return;this._isAnimated()&&(this._isTransitioning=!0);const e=H.trigger(this._element,"show.bs.modal",{relatedTarget:t});this._isShown||e.defaultPrevented||(this._isShown=!0,Te(),document.body.classList.add("modal-open"),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),H.on(this._element,"click.dismiss.bs.modal",'[data-bs-dismiss="modal"]',t=>this.hide(t)),H.on(this._dialog,"mousedown.dismiss.bs.modal",()=>{H.one(this._element,"mouseup.dismiss.bs.modal",t=>{t.target===this._element&&(this._ignoreBackdropClick=!0)})}),this._showBackdrop(()=>this._showElement(t)))}hide(t){if(t&&t.preventDefault(),!this._isShown||this._isTransitioning)return;if(H.trigger(this._element,"hide.bs.modal").defaultPrevented)return;this._isShown=!1;const e=this._isAnimated();e&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),H.off(document,"focusin.bs.modal"),this._element.classList.remove("show"),H.off(this._element,"click.dismiss.bs.modal"),H.off(this._dialog,"mousedown.dismiss.bs.modal"),this._queueCallback(()=>this._hideModal(),this._element,e)}dispose(){[window,this._dialog].forEach(t=>H.off(t,".bs.modal")),this._backdrop.dispose(),super.dispose(),H.off(document,"focusin.bs.modal")}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new De({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_getConfig(t){return t={...Ne,...U.getDataAttributes(this._element),...t},d("modal",t,Se),t}_showElement(e){const i=this._isAnimated(),n=t.findOne(".modal-body",this._dialog);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0,n&&(n.scrollTop=0),i&&m(this._element),this._element.classList.add("show"),this._config.focus&&this._enforceFocus(),this._queueCallback(()=>{this._config.focus&&this._element.focus(),this._isTransitioning=!1,H.trigger(this._element,"shown.bs.modal",{relatedTarget:e})},this._dialog,i)}_enforceFocus(){H.off(document,"focusin.bs.modal"),H.on(document,"focusin.bs.modal",t=>{document===t.target||this._element===t.target||this._element.contains(t.target)||this._element.focus()})}_setEscapeEvent(){this._isShown?H.on(this._element,"keydown.dismiss.bs.modal",t=>{this._config.keyboard&&"Escape"===t.key?(t.preventDefault(),this.hide()):this._config.keyboard||"Escape"!==t.key||this._triggerBackdropTransition()}):H.off(this._element,"keydown.dismiss.bs.modal")}_setResizeEvent(){this._isShown?H.on(window,"resize.bs.modal",()=>this._adjustDialog()):H.off(window,"resize.bs.modal")}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide(()=>{document.body.classList.remove("modal-open"),this._resetAdjustments(),Oe(),H.trigger(this._element,"hidden.bs.modal")})}_showBackdrop(t){H.on(this._element,"click.dismiss.bs.modal",t=>{this._ignoreBackdropClick?this._ignoreBackdropClick=!1:t.target===t.currentTarget&&(!0===this._config.backdrop?this.hide():"static"===this._config.backdrop&&this._triggerBackdropTransition())}),this._backdrop.show(t)}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(H.trigger(this._element,"hidePrevented.bs.modal").defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight;t||(this._element.style.overflowY="hidden"),this._element.classList.add("modal-static");const e=o(this._dialog);H.off(this._element,"transitionend"),H.one(this._element,"transitionend",()=>{this._element.classList.remove("modal-static"),t||(H.one(this._element,"transitionend",()=>{this._element.style.overflowY=""}),c(this._element,e))}),c(this._element,e),this._element.focus()}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=Ee(),i=e>0;(!i&&t&&!_()||i&&!t&&_())&&(this._element.style.paddingLeft=e+"px"),(i&&!t&&!_()||!i&&t&&_())&&(this._element.style.paddingRight=e+"px")}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const i=Ie.getInstance(this)||new Ie(this,"object"==typeof t?t:{});if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t](e)}}))}}H.on(document,"click.bs.modal.data-api",'[data-bs-toggle="modal"]',(function(t){const e=s(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),H.one(e,"show.bs.modal",t=>{t.defaultPrevented||H.one(e,"hidden.bs.modal",()=>{h(this)&&this.focus()})}),(Ie.getInstance(e)||new Ie(e)).toggle(this)})),b(Ie);const je={backdrop:!0,keyboard:!0,scroll:!1},Pe={backdrop:"boolean",keyboard:"boolean",scroll:"boolean"};class Me extends R{constructor(t,e){super(t),this._config=this._getConfig(e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._addEventListeners()}static get NAME(){return"offcanvas"}static get Default(){return je}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||H.trigger(this._element,"show.bs.offcanvas",{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._element.style.visibility="visible",this._backdrop.show(),this._config.scroll||(Te(),this._enforceFocusOnElement(this._element)),this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add("show"),this._queueCallback(()=>{H.trigger(this._element,"shown.bs.offcanvas",{relatedTarget:t})},this._element,!0))}hide(){this._isShown&&(H.trigger(this._element,"hide.bs.offcanvas").defaultPrevented||(H.off(document,"focusin.bs.offcanvas"),this._element.blur(),this._isShown=!1,this._element.classList.remove("show"),this._backdrop.hide(),this._queueCallback(()=>{this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._element.style.visibility="hidden",this._config.scroll||Oe(),H.trigger(this._element,"hidden.bs.offcanvas")},this._element,!0)))}dispose(){this._backdrop.dispose(),super.dispose(),H.off(document,"focusin.bs.offcanvas")}_getConfig(t){return t={...je,...U.getDataAttributes(this._element),..."object"==typeof t?t:{}},d("offcanvas",t,Pe),t}_initializeBackDrop(){return new De({isVisible:this._config.backdrop,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:()=>this.hide()})}_enforceFocusOnElement(t){H.off(document,"focusin.bs.offcanvas"),H.on(document,"focusin.bs.offcanvas",e=>{document===e.target||t===e.target||t.contains(e.target)||t.focus()}),t.focus()}_addEventListeners(){H.on(this._element,"click.dismiss.bs.offcanvas",'[data-bs-dismiss="offcanvas"]',()=>this.hide()),H.on(this._element,"keydown.dismiss.bs.offcanvas",t=>{this._config.keyboard&&"Escape"===t.key&&this.hide()})}static jQueryInterface(t){return this.each((function(){const e=w.get(this,"bs.offcanvas")||new Me(this,"object"==typeof t?t:{});if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}H.on(document,"click.bs.offcanvas.data-api",'[data-bs-toggle="offcanvas"]',(function(e){const i=s(this);if(["A","AREA"].includes(this.tagName)&&e.preventDefault(),u(this))return;H.one(i,"hidden.bs.offcanvas",()=>{h(this)&&this.focus()});const n=t.findOne(".offcanvas.show");n&&n!==i&&Me.getInstance(n).hide(),(w.get(i,"bs.offcanvas")||new Me(i)).toggle(this)})),H.on(window,"load.bs.offcanvas.data-api",()=>{t.find(".offcanvas.show").forEach(t=>(w.get(t,"bs.offcanvas")||new Me(t)).show())}),b(Me);const He=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),Re=/^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/i,Be=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i,We=(t,e)=>{const i=t.nodeName.toLowerCase();if(e.includes(i))return!He.has(i)||Boolean(Re.test(t.nodeValue)||Be.test(t.nodeValue));const n=e.filter(t=>t instanceof RegExp);for(let t=0,e=n.length;t{We(t,a)||i.removeAttribute(t.nodeName)})}return n.body.innerHTML}const ze=new RegExp("(^|\\s)bs-tooltip\\S+","g"),Ue=new Set(["sanitize","allowList","sanitizeFn"]),$e={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(array|string|function)",container:"(string|element|boolean)",fallbackPlacements:"array",boundary:"(string|element)",customClass:"(string|function)",sanitize:"boolean",sanitizeFn:"(null|function)",allowList:"object",popperConfig:"(null|object|function)"},Fe={AUTO:"auto",TOP:"top",RIGHT:_()?"left":"right",BOTTOM:"bottom",LEFT:_()?"right":"left"},Ve={animation:!0,template:'',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:[0,0],container:!1,fallbackPlacements:["top","right","bottom","left"],boundary:"clippingParents",customClass:"",sanitize:!0,sanitizeFn:null,allowList:{"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},popperConfig:null},Ke={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"};class Xe extends R{constructor(t,e){if(void 0===he)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t),this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this._config=this._getConfig(e),this.tip=null,this._setListeners()}static get Default(){return Ve}static get NAME(){return"tooltip"}static get Event(){return Ke}static get DefaultType(){return $e}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(t){if(this._isEnabled)if(t){const e=this._initializeOnDelegatedTarget(t);e._activeTrigger.click=!e._activeTrigger.click,e._isWithActiveTrigger()?e._enter(null,e):e._leave(null,e)}else{if(this.getTipElement().classList.contains("show"))return void this._leave(null,this);this._enter(null,this)}}dispose(){clearTimeout(this._timeout),H.off(this._element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this.tip&&this.tip.parentNode&&this.tip.parentNode.removeChild(this.tip),this._popper&&this._popper.destroy(),super.dispose()}show(){if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this.isWithContent()||!this._isEnabled)return;const t=H.trigger(this._element,this.constructor.Event.SHOW),i=f(this._element),n=null===i?this._element.ownerDocument.documentElement.contains(this._element):i.contains(this._element);if(t.defaultPrevented||!n)return;const s=this.getTipElement(),o=e(this.constructor.NAME);s.setAttribute("id",o),this._element.setAttribute("aria-describedby",o),this.setContent(),this._config.animation&&s.classList.add("fade");const r="function"==typeof this._config.placement?this._config.placement.call(this,s,this._element):this._config.placement,a=this._getAttachment(r);this._addAttachmentClass(a);const{container:l}=this._config;w.set(s,this.constructor.DATA_KEY,this),this._element.ownerDocument.documentElement.contains(this.tip)||(l.appendChild(s),H.trigger(this._element,this.constructor.Event.INSERTED)),this._popper?this._popper.update():this._popper=de(this._element,s,this._getPopperConfig(a)),s.classList.add("show");const c="function"==typeof this._config.customClass?this._config.customClass():this._config.customClass;c&&s.classList.add(...c.split(" ")),"ontouchstart"in document.documentElement&&[].concat(...document.body.children).forEach(t=>{H.on(t,"mouseover",p)});const d=this.tip.classList.contains("fade");this._queueCallback(()=>{const t=this._hoverState;this._hoverState=null,H.trigger(this._element,this.constructor.Event.SHOWN),"out"===t&&this._leave(null,this)},this.tip,d)}hide(){if(!this._popper)return;const t=this.getTipElement();if(H.trigger(this._element,this.constructor.Event.HIDE).defaultPrevented)return;t.classList.remove("show"),"ontouchstart"in document.documentElement&&[].concat(...document.body.children).forEach(t=>H.off(t,"mouseover",p)),this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1;const e=this.tip.classList.contains("fade");this._queueCallback(()=>{this._isWithActiveTrigger()||("show"!==this._hoverState&&t.parentNode&&t.parentNode.removeChild(t),this._cleanTipClass(),this._element.removeAttribute("aria-describedby"),H.trigger(this._element,this.constructor.Event.HIDDEN),this._popper&&(this._popper.destroy(),this._popper=null))},this.tip,e),this._hoverState=""}update(){null!==this._popper&&this._popper.update()}isWithContent(){return Boolean(this.getTitle())}getTipElement(){if(this.tip)return this.tip;const t=document.createElement("div");return t.innerHTML=this._config.template,this.tip=t.children[0],this.tip}setContent(){const e=this.getTipElement();this.setElementContent(t.findOne(".tooltip-inner",e),this.getTitle()),e.classList.remove("fade","show")}setElementContent(t,e){if(null!==t)return a(e)?(e=l(e),void(this._config.html?e.parentNode!==t&&(t.innerHTML="",t.appendChild(e)):t.textContent=e.textContent)):void(this._config.html?(this._config.sanitize&&(e=qe(e,this._config.allowList,this._config.sanitizeFn)),t.innerHTML=e):t.textContent=e)}getTitle(){let t=this._element.getAttribute("data-bs-original-title");return t||(t="function"==typeof this._config.title?this._config.title.call(this._element):this._config.title),t}updateAttachment(t){return"right"===t?"end":"left"===t?"start":t}_initializeOnDelegatedTarget(t,e){const i=this.constructor.DATA_KEY;return(e=e||w.get(t.delegateTarget,i))||(e=new this.constructor(t.delegateTarget,this._getDelegateConfig()),w.set(t.delegateTarget,i,e)),e}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map(t=>Number.parseInt(t,10)):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(t){const e={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"onChange",enabled:!0,phase:"afterWrite",fn:t=>this._handlePopperPlacementChange(t)}],onFirstUpdate:t=>{t.options.placement!==t.placement&&this._handlePopperPlacementChange(t)}};return{...e,..."function"==typeof this._config.popperConfig?this._config.popperConfig(e):this._config.popperConfig}}_addAttachmentClass(t){this.getTipElement().classList.add("bs-tooltip-"+this.updateAttachment(t))}_getAttachment(t){return Fe[t.toUpperCase()]}_setListeners(){this._config.trigger.split(" ").forEach(t=>{if("click"===t)H.on(this._element,this.constructor.Event.CLICK,this._config.selector,t=>this.toggle(t));else if("manual"!==t){const e="hover"===t?this.constructor.Event.MOUSEENTER:this.constructor.Event.FOCUSIN,i="hover"===t?this.constructor.Event.MOUSELEAVE:this.constructor.Event.FOCUSOUT;H.on(this._element,e,this._config.selector,t=>this._enter(t)),H.on(this._element,i,this._config.selector,t=>this._leave(t))}}),this._hideModalHandler=()=>{this._element&&this.hide()},H.on(this._element.closest(".modal"),"hide.bs.modal",this._hideModalHandler),this._config.selector?this._config={...this._config,trigger:"manual",selector:""}:this._fixTitle()}_fixTitle(){const t=this._element.getAttribute("title"),e=typeof this._element.getAttribute("data-bs-original-title");(t||"string"!==e)&&(this._element.setAttribute("data-bs-original-title",t||""),!t||this._element.getAttribute("aria-label")||this._element.textContent||this._element.setAttribute("aria-label",t),this._element.setAttribute("title",""))}_enter(t,e){e=this._initializeOnDelegatedTarget(t,e),t&&(e._activeTrigger["focusin"===t.type?"focus":"hover"]=!0),e.getTipElement().classList.contains("show")||"show"===e._hoverState?e._hoverState="show":(clearTimeout(e._timeout),e._hoverState="show",e._config.delay&&e._config.delay.show?e._timeout=setTimeout(()=>{"show"===e._hoverState&&e.show()},e._config.delay.show):e.show())}_leave(t,e){e=this._initializeOnDelegatedTarget(t,e),t&&(e._activeTrigger["focusout"===t.type?"focus":"hover"]=e._element.contains(t.relatedTarget)),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState="out",e._config.delay&&e._config.delay.hide?e._timeout=setTimeout(()=>{"out"===e._hoverState&&e.hide()},e._config.delay.hide):e.hide())}_isWithActiveTrigger(){for(const t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1}_getConfig(t){const e=U.getDataAttributes(this._element);return Object.keys(e).forEach(t=>{Ue.has(t)&&delete e[t]}),(t={...this.constructor.Default,...e,..."object"==typeof t&&t?t:{}}).container=!1===t.container?document.body:l(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),d("tooltip",t,this.constructor.DefaultType),t.sanitize&&(t.template=qe(t.template,t.allowList,t.sanitizeFn)),t}_getDelegateConfig(){const t={};if(this._config)for(const e in this._config)this.constructor.Default[e]!==this._config[e]&&(t[e]=this._config[e]);return t}_cleanTipClass(){const t=this.getTipElement(),e=t.getAttribute("class").match(ze);null!==e&&e.length>0&&e.map(t=>t.trim()).forEach(e=>t.classList.remove(e))}_handlePopperPlacementChange(t){const{state:e}=t;e&&(this.tip=e.elements.popper,this._cleanTipClass(),this._addAttachmentClass(this._getAttachment(e.placement)))}static jQueryInterface(t){return this.each((function(){let e=w.get(this,"bs.tooltip");const i="object"==typeof t&&t;if((e||!/dispose|hide/.test(t))&&(e||(e=new Xe(this,i)),"string"==typeof t)){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Xe);const Ye=new RegExp("(^|\\s)bs-popover\\S+","g"),Qe={...Xe.Default,placement:"right",offset:[0,8],trigger:"click",content:"",template:''},Ge={...Xe.DefaultType,content:"(string|element|function)"},Ze={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"};class Je extends Xe{static get Default(){return Qe}static get NAME(){return"popover"}static get Event(){return Ze}static get DefaultType(){return Ge}isWithContent(){return this.getTitle()||this._getContent()}setContent(){const e=this.getTipElement();this.setElementContent(t.findOne(".popover-header",e),this.getTitle());let i=this._getContent();"function"==typeof i&&(i=i.call(this._element)),this.setElementContent(t.findOne(".popover-body",e),i),e.classList.remove("fade","show")}_addAttachmentClass(t){this.getTipElement().classList.add("bs-popover-"+this.updateAttachment(t))}_getContent(){return this._element.getAttribute("data-bs-content")||this._config.content}_cleanTipClass(){const t=this.getTipElement(),e=t.getAttribute("class").match(Ye);null!==e&&e.length>0&&e.map(t=>t.trim()).forEach(e=>t.classList.remove(e))}static jQueryInterface(t){return this.each((function(){let e=w.get(this,"bs.popover");const i="object"==typeof t?t:null;if((e||!/dispose|hide/.test(t))&&(e||(e=new Je(this,i),w.set(this,"bs.popover",e)),"string"==typeof t)){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Je);const ti={offset:10,method:"auto",target:""},ei={offset:"number",method:"string",target:"(string|element)"};class ii extends R{constructor(t,e){super(t),this._scrollElement="BODY"===this._element.tagName?window:this._element,this._config=this._getConfig(e),this._selector=`${this._config.target} .nav-link, ${this._config.target} .list-group-item, ${this._config.target} .dropdown-item`,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,H.on(this._scrollElement,"scroll.bs.scrollspy",()=>this._process()),this.refresh(),this._process()}static get Default(){return ti}static get NAME(){return"scrollspy"}refresh(){const e=this._scrollElement===this._scrollElement.window?"offset":"position",i="auto"===this._config.method?e:this._config.method,s="position"===i?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),t.find(this._selector).map(e=>{const o=n(e),r=o?t.findOne(o):null;if(r){const t=r.getBoundingClientRect();if(t.width||t.height)return[U[i](r).top+s,o]}return null}).filter(t=>t).sort((t,e)=>t[0]-e[0]).forEach(t=>{this._offsets.push(t[0]),this._targets.push(t[1])})}dispose(){H.off(this._scrollElement,".bs.scrollspy"),super.dispose()}_getConfig(t){if("string"!=typeof(t={...ti,...U.getDataAttributes(this._element),..."object"==typeof t&&t?t:{}}).target&&a(t.target)){let{id:i}=t.target;i||(i=e("scrollspy"),t.target.id=i),t.target="#"+i}return d("scrollspy",t,ei),t}_getScrollTop(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop}_getScrollHeight(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)}_getOffsetHeight(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height}_process(){const t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),i=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=i){const t=this._targets[this._targets.length-1];this._activeTarget!==t&&this._activate(t)}else{if(this._activeTarget&&t0)return this._activeTarget=null,void this._clear();for(let e=this._offsets.length;e--;)this._activeTarget!==this._targets[e]&&t>=this._offsets[e]&&(void 0===this._offsets[e+1]||t`${t}[data-bs-target="${e}"],${t}[href="${e}"]`),n=t.findOne(i.join(","));n.classList.contains("dropdown-item")?(t.findOne(".dropdown-toggle",n.closest(".dropdown")).classList.add("active"),n.classList.add("active")):(n.classList.add("active"),t.parents(n,".nav, .list-group").forEach(e=>{t.prev(e,".nav-link, .list-group-item").forEach(t=>t.classList.add("active")),t.prev(e,".nav-item").forEach(e=>{t.children(e,".nav-link").forEach(t=>t.classList.add("active"))})})),H.trigger(this._scrollElement,"activate.bs.scrollspy",{relatedTarget:e})}_clear(){t.find(this._selector).filter(t=>t.classList.contains("active")).forEach(t=>t.classList.remove("active"))}static jQueryInterface(t){return this.each((function(){const e=ii.getInstance(this)||new ii(this,"object"==typeof t?t:{});if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}H.on(window,"load.bs.scrollspy.data-api",()=>{t.find('[data-bs-spy="scroll"]').forEach(t=>new ii(t))}),b(ii);class ni extends R{static get NAME(){return"tab"}show(){if(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&this._element.classList.contains("active"))return;let e;const i=s(this._element),n=this._element.closest(".nav, .list-group");if(n){const i="UL"===n.nodeName||"OL"===n.nodeName?":scope > li > .active":".active";e=t.find(i,n),e=e[e.length-1]}const o=e?H.trigger(e,"hide.bs.tab",{relatedTarget:this._element}):null;if(H.trigger(this._element,"show.bs.tab",{relatedTarget:e}).defaultPrevented||null!==o&&o.defaultPrevented)return;this._activate(this._element,n);const r=()=>{H.trigger(e,"hidden.bs.tab",{relatedTarget:this._element}),H.trigger(this._element,"shown.bs.tab",{relatedTarget:e})};i?this._activate(i,i.parentNode,r):r()}_activate(e,i,n){const s=(!i||"UL"!==i.nodeName&&"OL"!==i.nodeName?t.children(i,".active"):t.find(":scope > li > .active",i))[0],o=n&&s&&s.classList.contains("fade"),r=()=>this._transitionComplete(e,s,n);s&&o?(s.classList.remove("show"),this._queueCallback(r,e,!0)):r()}_transitionComplete(e,i,n){if(i){i.classList.remove("active");const e=t.findOne(":scope > .dropdown-menu .active",i.parentNode);e&&e.classList.remove("active"),"tab"===i.getAttribute("role")&&i.setAttribute("aria-selected",!1)}e.classList.add("active"),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!0),m(e),e.classList.contains("fade")&&e.classList.add("show");let s=e.parentNode;if(s&&"LI"===s.nodeName&&(s=s.parentNode),s&&s.classList.contains("dropdown-menu")){const i=e.closest(".dropdown");i&&t.find(".dropdown-toggle",i).forEach(t=>t.classList.add("active")),e.setAttribute("aria-expanded",!0)}n&&n()}static jQueryInterface(t){return this.each((function(){const e=w.get(this,"bs.tab")||new ni(this);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}H.on(document,"click.bs.tab.data-api",'[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',(function(t){["A","AREA"].includes(this.tagName)&&t.preventDefault(),u(this)||(w.get(this,"bs.tab")||new ni(this)).show()})),b(ni);const si={animation:"boolean",autohide:"boolean",delay:"number"},oi={animation:!0,autohide:!0,delay:5e3};class ri extends R{constructor(t,e){super(t),this._config=this._getConfig(e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get DefaultType(){return si}static get Default(){return oi}static get NAME(){return"toast"}show(){H.trigger(this._element,"show.bs.toast").defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove("hide"),m(this._element),this._element.classList.add("showing"),this._queueCallback(()=>{this._element.classList.remove("showing"),this._element.classList.add("show"),H.trigger(this._element,"shown.bs.toast"),this._maybeScheduleHide()},this._element,this._config.animation))}hide(){this._element.classList.contains("show")&&(H.trigger(this._element,"hide.bs.toast").defaultPrevented||(this._element.classList.remove("show"),this._queueCallback(()=>{this._element.classList.add("hide"),H.trigger(this._element,"hidden.bs.toast")},this._element,this._config.animation)))}dispose(){this._clearTimeout(),this._element.classList.contains("show")&&this._element.classList.remove("show"),super.dispose()}_getConfig(t){return t={...oi,...U.getDataAttributes(this._element),..."object"==typeof t&&t?t:{}},d("toast",t,this.constructor.DefaultType),t}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout(()=>{this.hide()},this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const i=t.relatedTarget;this._element===i||this._element.contains(i)||this._maybeScheduleHide()}_setListeners(){H.on(this._element,"click.dismiss.bs.toast",'[data-bs-dismiss="toast"]',()=>this.hide()),H.on(this._element,"mouseover.bs.toast",t=>this._onInteraction(t,!0)),H.on(this._element,"mouseout.bs.toast",t=>this._onInteraction(t,!1)),H.on(this._element,"focusin.bs.toast",t=>this._onInteraction(t,!0)),H.on(this._element,"focusout.bs.toast",t=>this._onInteraction(t,!1))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){let e=w.get(this,"bs.toast");if(e||(e=new ri(this,"object"==typeof t&&t)),"string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return b(ri),{Alert:B,Button:W,Carousel:Q,Collapse:J,Dropdown:we,Modal:Ie,Offcanvas:Me,Popover:Je,ScrollSpy:ii,Tab:ni,Toast:ri,Tooltip:Xe}})); \ No newline at end of file diff --git a/src/assets/css/Design ohne Titel (3).png b/src/assets/css/Design ohne Titel (3).png new file mode 100755 index 0000000..f65a666 Binary files /dev/null and b/src/assets/css/Design ohne Titel (3).png differ diff --git a/src/assets/css/bulitipp2.css b/src/assets/css/bulitipp2.css new file mode 100755 index 0000000..c415d6e --- /dev/null +++ b/src/assets/css/bulitipp2.css @@ -0,0 +1,350 @@ +.buli-container { + width: 100%; /* Passe die Breite an deine Bedürfnisse an */ + margin: 0 auto; /* Zentriert den Container */ + padding: 20px; + + } + + form { + display: flex; + flex-direction: column; + } + + input[type="number"], + input[type="text"], + input[type="password"] { + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + input[type="submit"] { + background-color: #4CAF50; /* Grün für einen positiven Button */ + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s ease; + } + + input[type="submit"]:hover { + background-color: #3e8e41; + } + + + + + + + + +.scroll-x{ + overflow-x: scroll; +} +/* Paarungsergebnisse */ +table { + border-collapse: collapse; + width: 60%; + margin: 0 auto; +} + +tr, td { + border: 1px solid #ddd; + padding: 8px; + text-align: left; +} + +tr:first-child{ + background-color: #fafafa; +} + +tr:hover{ + background-color: #f2f2f2; +} + +.TippsAnzeigen tr:hover, .TippsAnzeigen tr:first-child { + background-color: unset; +} + + + +.buli-results a:hover { + text-decoration: underline; +} + +.buli-results h2 { + text-align: center; +} + +.buli-results span.team { + width: 40%; + display: flex; + flex-direction: row; + justify-content: baseline; + align-items: center; +} + +.buli-results{ + display: block; +} +.teams{ + display: flex; + font-size: 17px; + justify-content: center; + align-items: center; + flex-direction: row; + float: left; + width: 100%; + max-width: 500px; + +} + +.buli-results span.team:first-child{ + text-align: right; +} + +.buli-results span.team:last-child{ + text-align: left; +} + +.buli-results span.team img { + + width: 30px; + height: 30px; + + border-radius: 50%; /* Macht das Bild rund */ + +} +.buli-results span.team p{ + width: 175px; + height: 30px; + display: flex; + justify-content: center; + align-items: center; + vertical-align: middle; + margin-bottom: 0; + text-decoration: underline; +} + +span.vs{ + width: 20px; + /* margin-left: 10%; + margin-right: 10%; */ + height: 3px; + background-color: black; +} + + +h2 { + text-align: center; +} + + + +#spieltagText { + margin: 0px; + padding: 0px; + padding-bottom: 5px; + text-align: left; +} + + + + + +/* TippenEintragen */ + +.tippenEintragen form { + display: flex; + flex-direction: column; + align-items: center; + width: 100vw; +} + +.paarung { + margin: 10px 0; + width: 100vw; + display: flex; + align-items: center; + justify-content: center; + text-align: center; +} + +.tippenEintragen span.team-name { + width: 30%; +} + +.tippenEintragen input[type="number"] { + /* max-width: 150px; */ + width: 50px; + + border: 1px solid #ccc; + border-radius: 5px; + text-align: center; +} +@media (max-width: 512px){ + .paarung img{ + display: none; + } +} +/* Submit-Button */ +.tippenEintragen input[type="submit"] { + background-color: #4CAF50; + color: white; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + width: 150px; +} + + +/* Meldung für nicht vorbereiteten Spieltag */ +.tippenEintragen h1 { + color: red; + text-align: center; +} + + + + +/* Spieler hat bereits getippt Tabelle */ + +.TippsAnzeigen { + text-align: center; + font-family: "Roboto", sans-serif; +} + +.TippsAnzeigen table { + border-collapse: collapse; + width: 80%; + margin: 0 auto; +} + +.TippsAnzeigen th, .TippsAnzeigen td { + border: 1px solid #ddd; + padding: 8px; + text-align: center; +} + +/* Alternierende Zeilen für bessere Lesbarkeit */ +.TippsAnzeigen tr:nth-child(even) { + background-color: #f2f2f2; +} + +#load-table-btn{ + position: absolute; +} + + +.detailansichtSchriftart { + font-family: "Roboto", sans-serif; +} + + +.buli-table{ + position: relative; +} + +#load-table-btn-container{ + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + left: 0; + background: white; + opacity: 0.5; +} + +#load-table-btn{ + color: white; + border-radius: 5px; + background-color: green; + opacity: 1; +} + +.as-link{ + color: #00f; + text-decoration: underline; +} + + + + +.roboto-thin { + font-family: "Roboto", sans-serif; + font-weight: 100; + font-style: normal; +} + +.roboto-light { + font-family: "Roboto", sans-serif; + font-weight: 300; + font-style: normal; +} + +.roboto-regular { + font-family: "Roboto", sans-serif; + font-weight: 400; + font-style: normal; +} + +.roboto-medium { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-style: normal; +} + +.roboto-bold { + font-family: "Roboto", sans-serif; + font-weight: 700; + font-style: normal; +} + +.roboto-black { + font-family: "Roboto", sans-serif; + font-weight: 900; + font-style: normal; +} + +.roboto-thin-italic { + font-family: "Roboto", sans-serif; + font-weight: 100; + font-style: italic; +} + +.roboto-light-italic { + font-family: "Roboto", sans-serif; + font-weight: 300; + font-style: italic; +} + +.roboto-regular-italic { + font-family: "Roboto", sans-serif; + font-weight: 400; + font-style: italic; +} + +.roboto-medium-italic { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-style: italic; +} + +.roboto-bold-italic { + font-family: "Roboto", sans-serif; + font-weight: 700; + font-style: italic; +} + +.roboto-black-italic { + font-family: "Roboto", sans-serif; + font-weight: 900; + font-style: italic; +} diff --git a/src/assets/css/chatbox.css b/src/assets/css/chatbox.css new file mode 100755 index 0000000..7183bd9 --- /dev/null +++ b/src/assets/css/chatbox.css @@ -0,0 +1,148 @@ +@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap'); + + + + +/* Basis-Styling */ + + + + + + #chatbox-button { + position: fixed; + bottom: 20px; + right: 20px; + cursor: pointer; + background-color: #996633; /* Braun #996633 */ + color: white; /* Weiße Textfarbe */ + border: none; /* Keine Umrandung */ + border-radius: 50%; /* Runde Form */ + padding: 20px; + font-size: 20px; + transition: background-color 0.3s ease; /* Hover-Effekt */ + } + + #chatbox-button:hover { + background-color: #774422; /* Dunkleres Braun beim Hovern */ + } + + + + + #modalbox { + position: fixed; /* Festlegen der Position */ + top: 50%; /* Positionierung vertikal mittig */ + left: 50%; /* Positionierung horizontal mittig */ + transform: translate(-50%, -50%); /* Verschieben von der Mitte */ + width: 550px; /* Breite der Modalbox */ + max-width: 90%; /* Maximale Breite für Responsiveness */ + background-color: white; + padding: 20px; + border-radius: 5px; + box-shadow: 0 4px 8px rgba(0,0,0,0.5); + display: none; /* Modalbox wird zunächst ausgeblendet */ + z-index: 100; + } + + #modalbox-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 10px; + } + + #modalbox-title { + font-weight: bold; + font-family: "Permanent Marker", cursive; + } + + #close-button { + cursor: pointer; + font-size: 40pt; + color: red; + } + + #chat-messages { + height: 300px; /* Höhe des Nachrichtenbereichs */ + overflow-y: scroll; /* Scrollfunktion aktivieren */ + padding: 10px; + } + + .message { + margin-bottom: 10px; + padding: 10px; + border-radius: 5px; + position: relative; + } + + .message-sender { + font-weight: bold; + } + + .message-content { + margin-top: 2px; + } + + .own-message { + background-color: #f0f0f0; + align-self: flex-end; /* Eigene Nachrichten rechtsbündig */ + } + + .other-message { + background-color: #e0e0e0; + } + + #chat-input { + display: flex; + flex-direction: column; /* Anordnung in Spalten */ + } + + #name-input{ + margin-top: 10px; + } + + #name-input, #email-input { + flex-grow: 1; /* Nameingabefeld über die gesamte Breite */ + padding: 10px; + border: 1px solid #ccc; + border-radius: 3px; + margin-top: 3px; + margin-bottom: 3px; + + } + + #message-input { + padding: 10px; + border: 1px solid #ccc; + border-radius: 3px; + margin-bottom: 5px; /* Abstand zwischen den Eingabefeldern */ + } + + #send-button { + background-color: #4CAF50; /* Grün */ + color: white; + padding: 10px; + border: none; + border-radius: 3px; + cursor: pointer; + width: auto; /* Automatische Breite */ + } + + @media (max-width: 768px) { + #chat-input { + flex-direction: column; /* Anordnung in Spalten */ + } + + #name-input, + #message-input { + margin-bottom: 1px; /* Abstand zwischen den Eingabefeldern */ + } + + #send-button { + width: 100%; /* Volle Breite des Containers */ + margin-top: 1px; /* Abstand zum vorherigen Element */ + } + + +} \ No newline at end of file diff --git a/src/assets/css/index.css b/src/assets/css/index.css new file mode 100755 index 0000000..d27d24b --- /dev/null +++ b/src/assets/css/index.css @@ -0,0 +1,1311 @@ +.cid-u6k7q0wPq6 { + + width: 100%; + position: relative; + } + .cid-u6k7q0wPq6 .dropdown-item:before { + font-family: Moririse2 !important; + content: "\e966"; + display: inline-block; + width: 0; + position: absolute; + left: 1rem; + top: 0.5rem; + margin-right: 0.5rem; + line-height: 1; + font-size: inherit; + vertical-align: middle; + text-align: center; + overflow: hidden; + transform: scale(0, 1); + transition: all 0.25s ease-in-out; + } + @media (max-width: 767px) { + .cid-u6k7q0wPq6 .navbar-toggler { + transform: scale(0.8); + } + } + .cid-u6k7q0wPq6 .navbar-brand { + flex-shrink: 0; + align-items: center; + margin-right: 0; + padding: 10px 0; + transition: all 0.3s; + word-break: break-word; + z-index: 1; + } + .cid-u6k7q0wPq6 .navbar-brand img { + max-width: 100%; + max-height: 100%; + } + .cid-u6k7q0wPq6 .navbar-brand .navbar-caption { + line-height: inherit !important; + } + .cid-u6k7q0wPq6 .navbar-brand .navbar-logo a { + outline: none; + } + .cid-u6k7q0wPq6 .navbar-nav { + margin: auto; + margin-left: 0; + margin-left: auto; + } + .cid-u6k7q0wPq6 .navbar-nav .nav-item { + padding: 0 !important; + transition: 0.3s all !important; + } + .cid-u6k7q0wPq6 .navbar-nav .nav-item .nav-link { + padding: 16px !important; + margin: 0 !important; + border-radius: 1rem !important; + transition: 0.3s all !important; + } + .cid-u6k7q0wPq6 .navbar-nav .nav-item .nav-link:hover { + background-color: rgba(27, 31, 10, 0.06); + } + .cid-u6k7q0wPq6 .navbar-nav .open .nav-link::after { + transform: rotate(180deg); + } + @media (min-width: 1201px) { + .cid-u6k7q0wPq6 .navbar-nav .open .nav-link::before { + content: ""; + width: 100%; + height: 20px; + top: 100%; + background: transparent; + position: absolute; + } + } + .cid-u6k7q0wPq6 .navbar-nav .dropdown-item { + padding: 12px !important; + border-radius: 0.5rem !important; + margin: 0 8px !important; + transition: 0.3s all !important; + } + .cid-u6k7q0wPq6 .navbar-nav .dropdown-item:hover { + background-color: rgba(27, 31, 10, 0.06); + } + @media (min-width: 1201px) { + .cid-u6k7q0wPq6 .navbar-nav { + padding-left: 1.5rem; + } + } + .cid-u6k7q0wPq6 .nav-link { + width: fit-content; + position: relative; + } + .cid-u6k7q0wPq6 .navbar-logo { + margin: 0 !important; + } + @media (max-width: 767px) { + .cid-u6k7q0wPq6 .navbar-logo { + padding-left: 0; + } + } + .cid-u6k7q0wPq6 .navbar-caption { + padding-left: 1rem; + padding-right: 0.5rem; + } + @media (max-width: 767px) { + .cid-u6k7q0wPq6 .nav-dropdown { + padding-bottom: 0.5rem; + } + } + .cid-u6k7q0wPq6 .nav-dropdown .link.dropdown-toggle::after { + margin-left: 0.5rem; + margin-top: 0.2rem; + transition: 0.3s all; + } + .cid-u6k7q0wPq6 .container { + display: flex; + height: 90px; + padding: 0.5rem 0.6rem; + flex-wrap: nowrap; + background: rgba(255, 255, 255, 0.8) !important; + left: 0; + right: 0; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-radius: 100vw; + margin-top: 1rem; + background-color: #ffffff; + box-shadow: 0 30px 60px 0 rgba(27, 31, 10, 0.08); + } + @media (max-width: 1201px) { + .cid-u6k7q0wPq6 .container { + padding-right: 2rem; + } + } + @media (max-width: 767px) { + .cid-u6k7q0wPq6 .container { + width: 95%; + height: 56px !important; + padding-right: 1rem; + margin-top: 0rem; + } + } + .cid-u6k7q0wPq6 .iconfont-wrapper { + color: #000000 !important; + font-size: 1.5rem; + padding-right: 0.5rem; + } + .cid-u6k7q0wPq6 .dropdown-menu { + flex-wrap: wrap; + flex-direction: column; + max-width: 100%; + padding: 12px 4px !important; + border-radius: 1.5rem; + transition: 0.3s all !important; + min-width: auto; + background: #ffffff; + background: rgba(255, 255, 255, 0.8) !important; + } + .cid-u6k7q0wPq6 .nav-item:focus, + .cid-u6k7q0wPq6 .nav-link:focus { + outline: none; + } + .cid-u6k7q0wPq6 .dropdown .dropdown-menu .dropdown-item { + width: auto; + transition: all 0.25s ease-in-out; + } + .cid-u6k7q0wPq6 .dropdown .dropdown-menu .dropdown-item::after { + right: 0.5rem; + } + .cid-u6k7q0wPq6 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont { + margin-right: 0.5rem; + vertical-align: sub; + } + .cid-u6k7q0wPq6 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before { + display: inline-block; + transform: scale(1, 1); + transition: all 0.25s ease-in-out; + } + .cid-u6k7q0wPq6 .collapsed .dropdown-menu .dropdown-item:before { + display: none; + } + .cid-u6k7q0wPq6 .collapsed .dropdown .dropdown-menu .dropdown-item { + padding: 0.235em 1.5em 0.235em 1.5em !important; + transition: none; + margin: 0 !important; + } + .cid-u6k7q0wPq6 .navbar { + min-height: 90px; + transition: all 0.3s; + border-bottom: 1px solid transparent; + background: transparent !important; + padding: 0 !important; + border: none !important; + box-shadow: none !important; + border-radius: 0 !important; + } + .cid-u6k7q0wPq6 .navbar.opened { + transition: all 0.3s; + } + .cid-u6k7q0wPq6 .navbar .dropdown-item { + padding: 0.5rem 1.8rem; + } + .cid-u6k7q0wPq6 .navbar .navbar-logo img { + min-width: 3rem; + object-fit: cover; + border-radius: 0 !important; + } + .cid-u6k7q0wPq6 .navbar .navbar-collapse { + z-index: 1; + justify-content: flex-end; + } + .cid-u6k7q0wPq6 .navbar.collapsed { + justify-content: center; + } + .cid-u6k7q0wPq6 .navbar.collapsed .nav-item .nav-link::before { + display: none; + } + .cid-u6k7q0wPq6 .navbar.collapsed.opened .dropdown-menu { + top: 0; + } + @media (min-width: 1201px) { + .cid-u6k7q0wPq6 .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse { + max-height: calc(98.5vh - 3rem); + } + } + .cid-u6k7q0wPq6 .navbar.collapsed .dropdown-menu .dropdown-submenu { + left: 0 !important; + } + .cid-u6k7q0wPq6 .navbar.collapsed .dropdown-menu .dropdown-item:after { + right: auto; + } + .cid-u6k7q0wPq6 .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after { + margin-left: 0.5rem; + margin-top: 0.2rem; + border-top: 0.35em solid; + border-right: 0.35em solid transparent; + border-left: 0.35em solid transparent; + border-bottom: 0; + top: 41%; + } + .cid-u6k7q0wPq6 .navbar.collapsed ul.navbar-nav li { + margin: auto; + } + .cid-u6k7q0wPq6 .navbar.collapsed .dropdown-menu .dropdown-item { + padding: 0.25rem 1.5rem; + text-align: center; + } + .cid-u6k7q0wPq6 .navbar.collapsed .icons-menu { + padding-left: 0; + padding-right: 0; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + @media (max-width: 767px) { + .cid-u6k7q0wPq6 .navbar { + min-height: 72px; + } + .cid-u6k7q0wPq6 .navbar .navbar-logo img { + height: 2.5rem !important; + min-width: 2.5rem !important; + } + } + @media (max-width: 1200px) { + .cid-u6k7q0wPq6 .navbar .nav-item .nav-link::before { + display: none; + } + .cid-u6k7q0wPq6 .navbar.opened .dropdown-menu { + top: 0; + } + .cid-u6k7q0wPq6 .navbar .dropdown-menu .dropdown-submenu { + left: 0 !important; + } + .cid-u6k7q0wPq6 .navbar .dropdown-menu .dropdown-item:after { + right: auto; + } + .cid-u6k7q0wPq6 .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after { + margin-left: 0.5rem; + margin-top: 0.2rem; + border-top: 0.35em solid; + border-right: 0.35em solid transparent; + border-left: 0.35em solid transparent; + border-bottom: 0; + top: 40%; + } + .cid-u6k7q0wPq6 .navbar .dropdown-menu .dropdown-item { + padding: 0.25rem 1.5rem !important; + text-align: center; + } + .cid-u6k7q0wPq6 .navbar .navbar-brand { + flex-shrink: initial; + flex-basis: auto; + word-break: break-word; + padding-right: 10px; + } + .cid-u6k7q0wPq6 .navbar .navbar-toggler { + flex-basis: auto; + } + .cid-u6k7q0wPq6 .navbar .icons-menu { + padding-left: 0; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + } + .cid-u6k7q0wPq6 .navbar.navbar-short .navbar-logo img { + height: 2rem; + } + .cid-u6k7q0wPq6 .dropdown-item.active, + .cid-u6k7q0wPq6 .dropdown-item:active { + background-color: transparent; + } + .cid-u6k7q0wPq6 .navbar-expand-lg .navbar-nav .nav-link { + padding: 0; + } + .cid-u6k7q0wPq6 .nav-dropdown .link.dropdown-toggle { + margin-right: 1.667em; + } + .cid-u6k7q0wPq6 .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] { + margin-right: 0; + padding: 0.667em 1.667em; + } + .cid-u6k7q0wPq6 .navbar.navbar-expand-lg .dropdown .dropdown-menu { + background: #ffffff; + } + .cid-u6k7q0wPq6 .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu { + margin: 0; + left: 105%; + transform: none; + top: -12px; + } + .cid-u6k7q0wPq6 .navbar .dropdown.open > .dropdown-menu { + display: flex; + } + .cid-u6k7q0wPq6 ul.navbar-nav { + flex-wrap: wrap; + } + .cid-u6k7q0wPq6 .navbar-buttons { + text-align: center; + min-width: 140px; + } + @media (max-width: 1201px) { + .cid-u6k7q0wPq6 .navbar-buttons { + text-align: left; + } + } + .cid-u6k7q0wPq6 button.navbar-toggler { + outline: none; + width: 31px; + height: 20px; + cursor: pointer; + transition: all 0.2s; + position: relative; + align-self: center; + } + .cid-u6k7q0wPq6 button.navbar-toggler .hamburger span { + position: absolute; + right: 0; + width: 30px; + height: 2px; + border-right: 5px; + background-color: #000000; + } + .cid-u6k7q0wPq6 button.navbar-toggler .hamburger span:nth-child(1) { + top: 0; + transition: all 0.2s; + } + .cid-u6k7q0wPq6 button.navbar-toggler .hamburger span:nth-child(2) { + top: 8px; + transition: all 0.15s; + } + .cid-u6k7q0wPq6 button.navbar-toggler .hamburger span:nth-child(3) { + top: 8px; + transition: all 0.15s; + } + .cid-u6k7q0wPq6 button.navbar-toggler .hamburger span:nth-child(4) { + top: 16px; + transition: all 0.2s; + } + .cid-u6k7q0wPq6 nav.opened .hamburger span:nth-child(1) { + top: 8px; + width: 0; + opacity: 0; + right: 50%; + transition: all 0.2s; + } + .cid-u6k7q0wPq6 nav.opened .hamburger span:nth-child(2) { + transform: rotate(45deg); + transition: all 0.25s; + } + .cid-u6k7q0wPq6 nav.opened .hamburger span:nth-child(3) { + transform: rotate(-45deg); + transition: all 0.25s; + } + .cid-u6k7q0wPq6 nav.opened .hamburger span:nth-child(4) { + top: 8px; + width: 0; + opacity: 0; + right: 50%; + transition: all 0.2s; + } + .cid-u6k7q0wPq6 .navbar-dropdown { + padding: 0 1rem; + } + .cid-u6k7q0wPq6 a.nav-link { + display: flex; + align-items: center; + justify-content: center; + } + .cid-u6k7q0wPq6 .icons-menu { + flex-wrap: nowrap; + display: flex; + justify-content: center; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 0.3rem; + text-align: center; + } + @media (max-width: 1201px) { + .cid-u6k7q0wPq6 .icons-menu { + justify-content: flex-start; + margin-bottom: 0.5rem; + } + } + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .cid-u6k7q0wPq6 .navbar { + height: 70px; + } + .cid-u6k7q0wPq6 .navbar.opened { + height: auto; + } + .cid-u6k7q0wPq6 .nav-item .nav-link:hover::before { + width: 175%; + max-width: calc(100% + 2rem); + left: -1rem; + } + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu { + display: none; + width: max-content; + max-width: 500px !important; + transform: translateX(-50%); + top: calc(100% + 20px); + left: 50%; + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown-item { + line-height: 1 !important; + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item { + align-items: center; + display: flex; + height: max-content !important; + min-height: max-content !important; + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item::after { + display: inline-block; + position: static; + margin-left: 0.5rem; + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + transition: 0.3s all; + transform: rotate(-90deg); + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown.open .dropdown-item::after { + transform: rotate(0deg); + } + .cid-u6k7q0wPq6 .mbr-section-btn { + margin: -0.6rem -0.6rem; + } + .cid-u6k7q0wPq6 .navbar-toggler { + margin-left: 12px; + margin-right: 8px; + order: 1000; + } + @media (max-width: 1200px) { + .cid-u6k7q0wPq6 .navbar-brand { + margin-right: auto; + } + .cid-u6k7q0wPq6 .navbar-collapse { + z-index: -1 !important; + position: absolute; + top: 110%; + left: 0; + width: 100%; + padding: 1rem; + border-radius: 1.5rem; + background: #ffffff; + opacity: 1; + border-color: rgba(255, 255, 255, 0.8) !important; + background: rgba(255, 255, 255, 0.8) !important; + backdrop-filter: blur(8px); + } + .cid-u6k7q0wPq6 .navbar-nav .nav-item .nav-link::after { + margin-left: 10px; + } + .cid-u6k7q0wPq6 .navbar-nav .dropdown-item:hover { + background-color: rgba(27, 31, 10, 0.06); + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu { + max-width: 100% !important; + transform: translateX(0); + top: 10px; + left: 0; + padding: 8px !important; + border-radius: 1rem; + background-color: rgba(27, 31, 10, 0.04) !important; + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown-item { + padding: 8px !important; + line-height: 1 !important; + margin-bottom: 4px !important; + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item { + align-items: center; + display: flex; + height: max-content !important; + min-height: max-content !important; + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown .dropdown-item::after { + display: inline-block; + position: static; + margin-left: 0.5rem; + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + transition: 0.3s all; + transform: rotate(0deg); + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown.open .dropdown-item::after { + transform: rotate(180deg); + } + .cid-u6k7q0wPq6 .navbar .dropdown > .dropdown-menu .dropdown-submenu { + position: static; + width: 100%; + max-width: 100% !important; + transform: translateX(0) !important; + top: 0; + left: 0; + padding: 8px !important; + border-radius: 1rem; + background-color: rgba(27, 31, 10, 0.04) !important; + } + .cid-u6k7q0wPq6 .navbar .dropdown.open > .dropdown-menu { + display: flex !important; + flex-direction: column; + align-items: flex-start; + } + } + @media (max-width: 575px) { + .cid-u6k7q0wPq6 .navbar-collapse { + padding: 1rem; + } + } + + + + @media (max-width: 1200px) { + .navbar-collapse{ + transform: translateY(-6.5px); + } + } + + + + + + + .cid-u6k7q0xIhk { + display: flex; + background-image: url("../../assets/background-images/20161208-himmel001.jpg"); + } + .cid-u6k7q0xIhk.bulitipp { + background-image: url("../../Fotos/fußball-wallpaper.jpg"); + } + + .cid-u6k7q0xIhk .mbr-overlay { + background-color: #000000; + opacity: 0.5; + } + @media (min-width: 768px) { + .cid-u6k7q0xIhk { + align-items: flex-end; + } + .cid-u6k7q0xIhk .row { + justify-content: center; + } + .cid-u6k7q0xIhk .content-wrap { + padding: 1rem 3rem; + } + } + @media (max-width: 1200px) and (min-width: 768px) { + .cid-u6k7q0xIhk .content-wrap { + min-width: 50%; + } + } + @media (max-width: 767px) { + .cid-u6k7q0xIhk { + -webkit-align-items: center; + align-items: flex-end; + } + .cid-u6k7q0xIhk .mbr-row { + -webkit-justify-content: center; + justify-content: center; + } + .cid-u6k7q0xIhk .content-wrap { + width: 100%; + } + } + .cid-u6k7q0xIhk .mbr-section-title, + .cid-u6k7q0xIhk .mbr-section-subtitle { + text-align: center; + } + .cid-u6k7q0xIhk .mbr-text, + .cid-u6k7q0xIhk .mbr-section-btn { + text-align: center; + } + + + + + + .cid-u6k7q0xclF { + padding-top: 5rem; + padding-bottom: 3rem; + background-color: #ffffff; + } + .cid-u6k7q0xclF .mbr-fallback-image.disabled { + display: none; + } + .cid-u6k7q0xclF .mbr-fallback-image { + display: block; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + position: absolute; + top: 0; + } + .cid-u6k7q0xclF .title .num { + width: 100%; + display: block; + } + .cid-u6k7q0xclF .title .card-title { + z-index: 1; + } + .cid-u6k7q0xclF .num { + color: var(--primary-color, #9fe870); + text-align: center; + } + .cid-u6k7q0xclF .item-mb { + margin-bottom: 2rem; + } + @media (max-width: 767px) { + .cid-u6k7q0xclF * { + text-align: center !important; + } + .cid-u6k7q0xclF .content-column { + margin-bottom: 2rem; + } + } + .cid-u6k7q0xclF .content-head { + max-width: 800px; + } + .cid-u6k7q0xclF .card-text { + text-align: center; + } + .cid-u6k7q0xclF .card-title, + .cid-u6k7q0xclF .card-img { + text-align: center; + } + + + + + .cid-u6k7q0xclF { + padding-top: 5rem; + padding-bottom: 3rem; + background-color: #ffffff; + } + .cid-u6k7q0xclF .mbr-fallback-image.disabled { + display: none; + } + .cid-u6k7q0xclF .mbr-fallback-image { + display: block; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + position: absolute; + top: 0; + } + .cid-u6k7q0xclF .title .num { + width: 100%; + display: block; + } + .cid-u6k7q0xclF .title .card-title { + z-index: 1; + } + .cid-u6k7q0xclF .num { + color: var(--primary-color, #9fe870); + text-align: center; + } + .cid-u6k7q0xclF .item-mb { + margin-bottom: 2rem; + } + @media (max-width: 767px) { + .cid-u6k7q0xclF * { + text-align: center !important; + } + .cid-u6k7q0xclF .content-column { + margin-bottom: 2rem; + } + } + .cid-u6k7q0xclF .content-head { + max-width: 800px; + } + .cid-u6k7q0xclF .card-text { + text-align: center; + } + .cid-u6k7q0xclF .card-title, + .cid-u6k7q0xclF .card-img { + text-align: center; + } + + +/*Foto Entdecken hier! */ + .cid-u6k7q0xK8d { + overflow: hidden; + background-image: url("/assets/images/photo-1508348837373-76b3f1a97451.jpeg"); + } + + + + + + + + + .cid-u6k7q0xBrQ .mbr-fallback-image.disabled { + display: none; + } + .cid-u6k7q0xBrQ .mbr-fallback-image { + display: block; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + position: absolute; + top: 0; + background: #000000; + } + + + + + + + + .cid-u6k7q0xbqP { + padding-top: 6rem; + padding-bottom: 4rem; + background-color: transparent; + } + @media (max-width: 767px) { + .cid-u6k7q0xbqP { + padding-bottom: 5rem; + } + } + .cid-u6k7q0xbqP img, + .cid-u6k7q0xbqP .item-img { + width: 100%; + height: 100%; + height: 400px; + object-fit: cover; + } + @media (max-width: 1200px) { + .cid-u6k7q0xbqP img, + .cid-u6k7q0xbqP .item-img { + height: 300px; + object-fit: cover; + } + } + .cid-u6k7q0xbqP .mbr-text { + color: #000000; + } + .cid-u6k7q0xbqP .mbr-section-subtitle { + color: #ffffff; + text-align: left; + } + .cid-u6k7q0xbqP .main-button { + margin-bottom: 2rem; + } + @media (max-width: 767px) { + .cid-u6k7q0xbqP .main-button { + margin-bottom: 2rem; + } + } + .cid-u6k7q0xbqP .mbr-text UL { + text-align: left; + } + .cid-u6k7q0xbqP .mbr-section-subtitle, + .cid-u6k7q0xbqP .main-button { + color: #000000; + } + .cid-u6k7q0xbqP .side-features { + display: -webkit-flex; + -webkit-flex-wrap: wrap; + padding-left: 0px; + padding-right: 0px; + } + .cid-u6k7q0xbqP .side-features .item { + padding-left: 16px; + padding-right: 16px; + } + .cid-u6k7q0xbqP .item-wrapper { + position: relative; + display: flex; + flex-flow: column nowrap; + margin-bottom: 2rem; + } + @media (max-width: 767px) { + .cid-u6k7q0xbqP .item-wrapper { + margin-bottom: 1rem; + } + } + .cid-u6k7q0xbqP .item-title { + text-align: center; + } + .cid-u6k7q0xbqP .item-subtitle { + text-align: center; + } + @media (min-width: 1201px) { + .cid-u6k7q0xbqP .main-text { + padding-left: 0; + padding-right: 32px; + } + } + + + + + .cid-u6k7q0yLdW { + padding-top: 6rem; + padding-bottom: 6rem; + background: transparent; + } + .cid-u6k7q0yLdW .mbr-fallback-image.disabled { + display: none; + } + .cid-u6k7q0yLdW .mbr-fallback-image { + display: block; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + position: absolute; + top: 0; + } + @media (min-width: 768px) { + .cid-u6k7q0yLdW .container-fluid { + padding: 0; + } + } + .cid-u6k7q0yLdW .embla__slide { + position: relative; + min-width: 490px; + max-width: 490px; + } + @media (max-width: 768px) { + .cid-u6k7q0yLdW .embla__slide { + min-width: 100%; + max-width: 100%; + margin-left: 1rem !important; + margin-right: 1rem !important; + } + } + .cid-u6k7q0yLdW .embla__slide a { + display: block; + width: 100%; + } + .cid-u6k7q0yLdW .embla__button--next, + .cid-u6k7q0yLdW .embla__button--prev { + display: flex; + } + .cid-u6k7q0yLdW .mobi-mbri-arrow-next { + margin-left: 5px; + } + .cid-u6k7q0yLdW .mobi-mbri-arrow-prev { + margin-right: 5px; + } + .cid-u6k7q0yLdW .embla__button { + top: 50%; + width: 60px; + height: 60px; + margin-top: -1.5rem; + font-size: 22px; + border: 2px solid #fff; + border-radius: 50%; + transition: all 0.3s; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + } + .cid-u6k7q0yLdW .embla__button:disabled { + cursor: default; + display: none; + } + .cid-u6k7q0yLdW .embla__button.embla__button--prev { + left: 0; + margin-left: 2.5rem; + } + .cid-u6k7q0yLdW .embla__button.embla__button--next { + right: 0; + margin-right: 2.5rem; + } + @media (max-width: 767px) { + .cid-u6k7q0yLdW .embla__button { + top: auto; + bottom: 1rem; + } + } + .cid-u6k7q0yLdW .embla { + position: relative; + width: 100%; + } + .cid-u6k7q0yLdW .embla__viewport { + overflow: hidden; + width: 100%; + } + .cid-u6k7q0yLdW .embla__viewport.is-draggable { + cursor: grab; + } + .cid-u6k7q0yLdW .embla__viewport.is-dragging { + cursor: grabbing; + } + .cid-u6k7q0yLdW .embla__slide a { + cursor: grab; + } + .cid-u6k7q0yLdW .embla__slide a:active { + cursor: grabbing; + } + .cid-u6k7q0yLdW .embla__container { + display: flex; + user-select: none; + -webkit-touch-callout: none; + -khtml-user-select: none; + -webkit-tap-highlight-color: transparent; + } + .cid-u6k7q0yLdW .item-menu-overlay { + border-radius: 2rem; + } + .cid-u6k7q0yLdW .mbr-section-title { + color: #232323; + } + .cid-u6k7q0yLdW .mbr-section-subtitle { + color: #232323; + } + .cid-u6k7q0yLdW .mbr-box { + color: #ffffff; + } + .cid-u6k7q0yLdW .slide-content { + position: relative; + border-radius: 4px; + height: 100%; + display: flex; + overflow: hidden; + flex-flow: column nowrap; + } + .cid-u6k7q0yLdW img, + .cid-u6k7q0yLdW .item-img { + width: 100%; + height: 400px; + object-fit: cover; + } + .cid-u6k7q0yLdW .item-wrapper { + position: relative; + } + .cid-u6k7q0yLdW .content-head { + max-width: 800px; + } + + + + + .cid-u6k7q0yKNv { + padding-top: 5rem; + padding-bottom: 5rem; + background-color: #ffffff; + } + .cid-u6k7q0yKNv .mbr-text { + color: #000000; + } + .cid-u6k7q0yKNv .mbr-section-subtitle { + color: #000000; + } + .cid-u6k7q0yKNv .mbr-section-title { + color: #000000; + } + + + + .cid-u6k7q0zbuN { + padding-top: 6rem; + padding-bottom: 6rem; + background-color: #ffffff; + } + .cid-u6k7q0zbuN .item:focus, + .cid-u6k7q0zbuN span:focus { + outline: none; + } + .cid-u6k7q0zbuN .container-fluid { + padding-left: 0; + padding-right: 0; + overflow: hidden; + } + .cid-u6k7q0zbuN .content-head { + max-width: 800px; + } + .cid-u6k7q0zbuN .item { + color: #232323; + min-height: 90px; + font-weight: bold; + } + @media (max-width: 768px) { + .cid-u6k7q0zbuN .item { + min-height: 45px; + } + } + + + + + .cid-u6k7q0zosO { + padding-top: 5rem; + padding-bottom: 5rem; + background-image: url("../images/photo-1528826542659-27db5adea13c.jpeg") +} + +.cid-u6k7q0zosO .mbr-fallback-image.disabled { + display: none; +} + +.cid-u6k7q0zosO .mbr-fallback-image { + display: block; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + position: absolute; + top: 0; +} + +.cid-u6k7q0zosO .card-wrapper { + background: #ffffff; +} + + + + + + +@media (max-width: 767px) { + .cid-u6k7q0zosO .card-wrapper { + padding: 2rem 1.5rem; + margin-bottom: 1rem; + } +} + +@media (min-width: 768px) and (max-width: 1200) { + .cid-u6k7q0zosO .card-wrapper { + padding: 2.25rem; + } +} + +@media (min-width: 1201px) { + .cid-u6k7q0zosO .card-wrapper { + padding: 4rem; + } +} + +.cid-u6k7q0zosO .mbr-text, +.cid-u6k7q0zosO .mbr-section-btn { + text-align: center; +} + + + + +.cid-u6k7q0BfGa { + padding-top: 6rem; + padding-bottom: 6rem; + background-color: transparent; + } + .cid-u6k7q0BfGa .mbr-overlay { + background-color: #ffffff; + opacity: 0.4; + } + .cid-u6k7q0BfGa form .mbr-section-btn { + text-align: center; + width: 100%; + } + .cid-u6k7q0BfGa form .mbr-section-btn .btn { + display: inline-flex; + } + @media (max-width: 1200px) { + .cid-u6k7q0BfGa form .mbr-section-btn .btn { + width: 100%; + } + } + .cid-u6k7q0BfGa .content-head { + max-width: 800px; + } + + + .cid-u6k7q0AfD5 { + padding-top: 6rem; + padding-bottom: 6rem; + background-color: #ffffff; + } + .cid-u6k7q0AfD5 .social-row { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + } + .cid-u6k7q0AfD5 .social-row .soc-item { + margin: 8px; + } + .cid-u6k7q0AfD5 .social-row .soc-item a:hover .mbr-iconfont, + .cid-u6k7q0AfD5 .social-row .soc-item a:focus .mbr-iconfont { + background-color: #f7f7f7; + } + .cid-u6k7q0AfD5 .social-row .soc-item a .mbr-iconfont { + width: 72px; + height: 72px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + font-size: 32px; + background-color: #f7f7f7; + color: var(--primary-color, #393193); + transition: all 0.3s ease-in-out; + } + .cid-u6k7q0AfD5 .row-links { + width: 100%; + justify-content: center; + } + .cid-u6k7q0AfD5 .mbr-section-title { + color: #ffffff; + } + .cid-u6k7q0AfD5 .mbr-section-title, + .cid-u6k7q0AfD5 .social-list { + color: #000000; + } + + + + .cid-u6k7q0Bejh { + padding-top: 5rem; + padding-bottom: 5rem; + background: transparent; + } + .cid-u6k7q0Bejh .mbr-fallback-image.disabled { + display: none; + } + .cid-u6k7q0Bejh .mbr-fallback-image { + display: block; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + position: absolute; + top: 0; + } + @media (max-width: 992px) { + .cid-u6k7q0Bejh .row .map-wrapper { + margin-top: 2rem; + } + } + @media (max-width: 767px) { + .cid-u6k7q0Bejh .row .map-wrapper { + margin-top: 1rem; + } + } + .cid-u6k7q0Bejh .google-map { + height: 100%; + position: relative; + } + .cid-u6k7q0Bejh .google-map iframe { + height: 100%; + width: 100%; + } + @media (max-width: 992px) { + .cid-u6k7q0Bejh .google-map iframe { + min-height: 350px; + } + } + .cid-u6k7q0Bejh .google-map [data-state-details] { + color: #6b6763; + height: 1.5em; + margin-top: -0.75em; + padding-left: 1.25rem; + padding-right: 1.25rem; + position: absolute; + text-align: center; + top: 50%; + width: 100%; + } + .cid-u6k7q0Bejh .google-map[data-state] { + background: #e9e5dc; + } + .cid-u6k7q0Bejh .google-map[data-state="loading"] [data-state-details] { + display: none; + } + .cid-u6k7q0Bejh .card-wrapper { + padding: 2.25rem; + background: #ffffff; + } + @media (min-width: 992px) and (max-width: 1200px) { + .cid-u6k7q0Bejh .card-wrapper { + padding: 1.5rem; + } + } + @media (max-width: 767px) { + .cid-u6k7q0Bejh .card-wrapper { + padding: 2rem 1.5rem; + } + } + .cid-u6k7q0Bejh ul { + list-style-type: none; + padding: 0; + margin: 0; + } + .cid-u6k7q0Bejh .content-head { + max-width: 800px; + } + + + + .cid-u6k7q0Blvk { + padding-top: 5rem; + padding-bottom: 5rem; + background-color: #000000; + z-index: 0; + } + .cid-u6k7q0Blvk .social-row { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + } + .cid-u6k7q0Blvk .social-row .soc-item { + margin: 8px; + } + .cid-u6k7q0Blvk .social-row .soc-item a:hover .mbr-iconfont, + .cid-u6k7q0Blvk .social-row .soc-item a:focus .mbr-iconfont { + background-color: #ffffff; + } + .cid-u6k7q0Blvk .social-row .soc-item a .mbr-iconfont { + width: 72px; + height: 72px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + font-size: 32px; + background-color: #edefeb; + color: #000000; + transition: all 0.3s ease-in-out; + } + .cid-u6k7q0Blvk .row-links { + width: 100%; + justify-content: center; + } + .cid-u6k7q0Blvk .header-menu { + list-style: none; + display: flex; + justify-content: center; + flex-wrap: wrap; + padding: 0; + margin-bottom: 0; + } + .cid-u6k7q0Blvk .header-menu li { + padding: 0 1rem 1rem 1rem; + } + .cid-u6k7q0Blvk .header-menu li p { + margin: 0; + } + .cid-u6k7q0Blvk .copyright { + margin-bottom: 0; + color: #ffffff; + text-align: center; + } + .cid-u6k7q0Blvk .mbr-section-title { + color: #ffffff; + } + + + + .umgebung li{ + font-size: large; + } \ No newline at end of file diff --git a/src/assets/dropdown/css/style.css b/src/assets/dropdown/css/style.css new file mode 100755 index 0000000..4eff364 --- /dev/null +++ b/src/assets/dropdown/css/style.css @@ -0,0 +1,273 @@ +.navbar-dropdown { + left: 0; + padding: 0; + position: absolute; + right: 0; + top: 0; + transition: all 0.45s ease; + z-index: 200; + background: #282828; } + .navbar-dropdown .navbar-logo { + margin-right: 0.8rem; + transition: margin 0.3s ease-in-out; + vertical-align: middle; } + .navbar-dropdown .navbar-logo img { + height: 3.125rem; + transition: all 0.3s ease-in-out; } + .navbar-dropdown .navbar-logo.mbr-iconfont { + font-size: 3.125rem; + line-height: 3.125rem; } + .navbar-dropdown .navbar-caption { + font-weight: 700; + white-space: normal; + vertical-align: -4px; + line-height: 3.125rem !important; } + .navbar-dropdown .navbar-caption, .navbar-dropdown .navbar-caption:hover { + color: inherit; + text-decoration: none; } + .navbar-dropdown .mbr-iconfont + .navbar-caption { + vertical-align: -1px; } + .navbar-dropdown.navbar-fixed-top { + position: fixed; } + .navbar-dropdown .navbar-brand span { + vertical-align: -4px; } + .navbar-dropdown.bg-color.transparent { + background: none; } + .navbar-dropdown.navbar-short .navbar-brand { + padding: 0.625rem 0; } + .navbar-dropdown.navbar-short .navbar-brand span { + vertical-align: -1px; } + .navbar-dropdown.navbar-short .navbar-caption { + line-height: 2.375rem !important; + vertical-align: -2px; } + .navbar-dropdown.navbar-short .navbar-logo { + margin-right: 0.5rem; } + .navbar-dropdown.navbar-short .navbar-logo img { + height: 2.375rem; } + .navbar-dropdown.navbar-short .navbar-logo.mbr-iconfont { + font-size: 2.375rem; + line-height: 2.375rem; } + .navbar-dropdown.navbar-short .mbr-table-cell { + height: 3.625rem; } + .navbar-dropdown .navbar-close { + left: 0.6875rem; + position: fixed; + top: 0.75rem; + z-index: 200; } + .navbar-dropdown .hamburger-icon { + content: ""; + display: inline-block; + vertical-align: middle; + width: 16px; + -webkit-box-shadow: 0 -6px 0 1px #282828,0 0 0 1px #282828,0 6px 0 1px #282828; + -moz-box-shadow: 0 -6px 0 1px #282828,0 0 0 1px #282828,0 6px 0 1px #282828; + box-shadow: 0 -6px 0 1px #282828,0 0 0 1px #282828,0 6px 0 1px #282828; } + +.dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]::after { + border-bottom: 0.35em solid transparent; + border-left: 0.35em solid; + border-right: 0; + border-top: 0.35em solid transparent; + margin-left: 0.3rem; } + +.dropdown-menu .dropdown-item:focus { + outline: 0; } + +.nav-dropdown { + font-size: 0.75rem; + font-weight: 500; + height: auto !important; } + .nav-dropdown .nav-btn { + padding-left: 1rem; } + .nav-dropdown .link { + margin: .667em 1.667em; + font-weight: 500; + padding: 0; + transition: color .2s ease-in-out; } + .nav-dropdown .link.dropdown-toggle { + margin-right: 2.583em; } + .nav-dropdown .link.dropdown-toggle::after { + margin-left: .25rem; + border-top: 0.35em solid; + border-right: 0.35em solid transparent; + border-left: 0.35em solid transparent; + border-bottom: 0; } + .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] { + margin: 0; + padding: 0.667em 3.263em 0.667em 1.667em; } + .nav-dropdown .link::after, + .nav-dropdown .dropdown-item::after { + color: inherit; } + .nav-dropdown .btn { + font-size: 0.75rem; + font-weight: 700; + letter-spacing: 0; + margin-bottom: 0; + padding-left: 1.25rem; + padding-right: 1.25rem; } + .nav-dropdown .dropdown-menu { + border-radius: 0; + border: 0; + left: 0; + margin: 0; + padding-bottom: 1.25rem; + padding-top: 1.25rem; + position: relative; } + .nav-dropdown .dropdown-submenu { + margin-left: 0.125rem; + top: 0; } + .nav-dropdown .dropdown-item { + font-weight: 500; + line-height: 2; + padding: 0.3846em 4.615em 0.3846em 1.5385em; + position: relative; + transition: color .2s ease-in-out, background-color .2s ease-in-out; } + .nav-dropdown .dropdown-item::after { + margin-top: -0.3077em; + position: absolute; + right: 1.1538em; + top: 50%; } + .nav-dropdown .dropdown-item:focus, .nav-dropdown .dropdown-item:hover { + background: none; } + +@media (max-width: 767px) { + .nav-dropdown.navbar-toggleable-sm { + bottom: 0; + display: none; + left: 0; + overflow-x: hidden; + position: fixed; + top: 0; + transform: translateX(-100%); + -ms-transform: translateX(-100%); + -webkit-transform: translateX(-100%); + width: 18.75rem; + z-index: 200; } } +.nav-dropdown.navbar-toggleable-xl { + bottom: 0; + display: none; + left: 0; + overflow-x: hidden; + position: fixed; + top: 0; + transform: translateX(-100%); + -ms-transform: translateX(-100%); + -webkit-transform: translateX(-100%); + width: 18.75rem; + z-index: 200; } + +.nav-dropdown-sm { + display: block !important; + overflow-x: hidden; + overflow: auto; + padding-top: 3.875rem; } + .nav-dropdown-sm::after { + content: ""; + display: block; + height: 3rem; + width: 100%; } + .nav-dropdown-sm.collapse.in ~ .navbar-close { + display: block !important; } + .nav-dropdown-sm.collapsing, .nav-dropdown-sm.collapse.in { + transform: translateX(0); + -ms-transform: translateX(0); + -webkit-transform: translateX(0); + transition: all 0.25s ease-out; + -webkit-transition: all 0.25s ease-out; + background: #282828; } + .nav-dropdown-sm.collapsing[aria-expanded="false"] { + transform: translateX(-100%); + -ms-transform: translateX(-100%); + -webkit-transform: translateX(-100%); } + .nav-dropdown-sm .nav-item { + display: block; + margin-left: 0 !important; + padding-left: 0; } + .nav-dropdown-sm .link, + .nav-dropdown-sm .dropdown-item { + border-top: 1px dotted rgba(255, 255, 255, 0.1); + font-size: 0.8125rem; + line-height: 1.6; + margin: 0 !important; + padding: 0.875rem 2.4rem 0.875rem 1.5625rem !important; + position: relative; + white-space: normal; } + .nav-dropdown-sm .link:focus, .nav-dropdown-sm .link:hover, + .nav-dropdown-sm .dropdown-item:focus, + .nav-dropdown-sm .dropdown-item:hover { + background: rgba(0, 0, 0, 0.2) !important; + color: #c0a375; } + .nav-dropdown-sm .nav-btn { + position: relative; + padding: 1.5625rem 1.5625rem 0 1.5625rem; } + .nav-dropdown-sm .nav-btn::before { + border-top: 1px dotted rgba(255, 255, 255, 0.1); + content: ""; + left: 0; + position: absolute; + top: 0; + width: 100%; } + .nav-dropdown-sm .nav-btn + .nav-btn { + padding-top: 0.625rem; } + .nav-dropdown-sm .nav-btn + .nav-btn::before { + display: none; } + .nav-dropdown-sm .btn { + padding: 0.625rem 0; } + .nav-dropdown-sm .dropdown-toggle[data-toggle="dropdown-submenu"]::after { + margin-left: .25rem; + border-top: 0.35em solid; + border-right: 0.35em solid transparent; + border-left: 0.35em solid transparent; + border-bottom: 0; } + .nav-dropdown-sm .dropdown-toggle[data-toggle="dropdown-submenu"][aria-expanded="true"]::after { + border-top: 0; + border-right: 0.35em solid transparent; + border-left: 0.35em solid transparent; + border-bottom: 0.35em solid; } + .nav-dropdown-sm .dropdown-menu { + margin: 0; + padding: 0; + position: relative; + top: 0; + left: 0; + width: 100%; + border: 0; + float: none; + border-radius: 0; + background: none; } + .nav-dropdown-sm .dropdown-submenu { + left: 100%; + margin-left: 0.125rem; + margin-top: -1.25rem; + top: 0; } + +.navbar-toggleable-sm .nav-dropdown .dropdown-menu { + position: absolute; } + +.navbar-toggleable-sm .nav-dropdown .dropdown-submenu { + left: 100%; + margin-left: 0.125rem; + margin-top: -1.25rem; + top: 0; } + +.navbar-toggleable-sm.opened .nav-dropdown .dropdown-menu { + position: relative; } + +.navbar-toggleable-sm.opened .nav-dropdown .dropdown-submenu { + left: 0; + margin-left: 00rem; + margin-top: 0rem; + top: 0; } + +.is-builder .nav-dropdown.collapsing { + transition: none !important; } + + +.engine { + position: absolute; + text-indent: -2400px; + text-align: center; + padding: 0; + top: 0; + left: -2400px; +} \ No newline at end of file diff --git a/src/assets/dropdown/js/navbar-dropdown.js b/src/assets/dropdown/js/navbar-dropdown.js new file mode 100755 index 0000000..8b999e5 --- /dev/null +++ b/src/assets/dropdown/js/navbar-dropdown.js @@ -0,0 +1,111 @@ +(function () { + + function _dataApiHandler(event) { + + if (event.type === 'resize') { + document.body.classList.remove('navbar-dropdown-open'); + document.querySelector('.navbar-dropdown').querySelector('.navbar-collapse').classList.remove('show'); + document.querySelector('.navbar-dropdown').classList.remove('opened'); + Array.from(document.querySelector('.navbar-dropdown').querySelectorAll('.navbar-toggler[aria-expanded="true"]')).forEach(el => { + let target = el.querySelector(el.getAttribute('data-target')); + if (target) { + target.classList.remove('in'); + target.setAttribute('aria-expanded', 'false'); + el.setAttribute('aria-expanded', 'false'); + } + + }); + } + + let scrollTop = document.documentElement.scrollTop; + + Array.from(document.querySelectorAll('.navbar-dropdown')).forEach(el => { + + if (!el.matches('.navbar-fixed-top')) return; + + if (el.matches('.transparent') && !el.classList.contains('opened')) { + if (scrollTop > 0) { + el.classList.remove('bg-color'); + } else { + el.classList.add('bg-color'); + } + } + + if (scrollTop > 0) { + el.classList.add('navbar-short'); + } else { + el.classList.remove('navbar-short'); + } + + }); + } + + + var _timeout; + var windowEvents = ['scroll', 'resize']; + windowEvents.forEach(eventName => { + document.addEventListener(eventName, event => { + clearTimeout(_timeout); + _timeout = setTimeout(function () { + _dataApiHandler(event); + }, 10); + }); + }); + + + const dropdownEvents = ['show.bs.collapse', 'hide.bs.collapse']; + dropdownEvents.forEach(eventName => { + document.addEventListener(eventName, ({ target }) => { + const dropDown = target.closest('.navbar-dropdown'); + + if (!dropDown) return; + + if (eventName === 'show.bs.collapse') { + document.body.classList.add('navbar-dropdown-open') + dropDown.classList.add('opened') + } else { + document.body.classList.remove('navbar-dropdown-open'); + dropDown.classList.remove('opened'); + window.dispatchEvent(new Event('scroll.bs.navbar-dropdown.data-api')); + dropDown.dispatchEvent(new Event('collapse.bs.navbar-dropdown')); + } + }) + }); + + const isBuilder = document.querySelector('html').classList.contains('is-builder'); + + if (!isBuilder){ + document.addEventListener('click', function(event) { + const target = event.target; + if (target.classList.contains('nav-link') || target.parentNode.classList.contains('nav-link')) return; + const navbarContent = document.querySelector('#navbarSupportedContent'); + const navbarDropdown = document.querySelector('.navbar-dropdown'); + const isNavbarExpanded = navbarContent.classList.contains('show'); + const isNavItemLink = target.closest('.nav-item a:not(.dropdown-toggle)'); + const isNavbarDropdownCollapsed = navbarDropdown.classList.contains('collapsed'); + if (window.matchMedia('(max-width: 1200px)').matches || isNavbarDropdownCollapsed) { + if (isNavbarExpanded && !target.closest('.navbar-collapse') || isNavItemLink) { + new bootstrap.Collapse(navbarContent); + } + } + }); + } + + document.addEventListener('collapse.bs.nav-dropdown', event => { + let dropDown = event.relatedTarget.closest('.navbar-dropdown'); + if (dropDown) { + let toggler = dropDown.querySelector('.navbar-toggler[aria-expanded="true"]'); + if (toggler) { + toggler.dispatchEvent(new Event('click')); + } + } + }); + + const dropdowns = document.querySelectorAll('.nav-link.dropdown-toggle') + dropdowns.forEach(item => { + item.addEventListener('click', e => { + e.preventDefault(); + e.target.parentNode.classList.toggle('open'); + }) + }) +})(); \ No newline at end of file diff --git a/src/assets/embla/embla.min.js b/src/assets/embla/embla.min.js new file mode 100755 index 0000000..d656ff6 --- /dev/null +++ b/src/assets/embla/embla.min.js @@ -0,0 +1,1106 @@ +!(function (n, e) { + "object" == typeof exports && "undefined" != typeof module + ? (module.exports = e()) + : "function" == typeof define && define.amd + ? define(e) + : ((n = + "undefined" != typeof globalThis + ? globalThis + : n || self).EmblaCarousel = e()); +})(this, function () { + "use strict"; + function n() { + return (n = + Object.assign || + function (n) { + for (var e = 1; e < arguments.length; e++) { + var t = arguments[e]; + for (var r in t) + Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]); + } + return n; + }).apply(this, arguments); + } + function e(n, e) { + var t = { + start: function () { + return 0; + }, + center: function (n) { + return r(n) / 2; + }, + end: r, + }; + function r(n) { + return e - n; + } + return { + measure: function (r) { + return "number" == typeof n ? e * Number(n) : t[n](r); + }, + }; + } + function t(n, e) { + var t = Math.abs(n - e); + function r(e) { + return e < n; + } + function o(n) { + return n > e; + } + function i(n) { + return r(n) || o(n); + } + return { + constrain: function (t) { + return i(t) ? (r(t) ? n : e) : t; + }, + length: t, + max: e, + min: n, + reachedAny: i, + reachedMax: o, + reachedMin: r, + removeOffset: function (n) { + return t ? n - t * Math.ceil((n - e) / t) : n; + }, + }; + } + function r(n, e, o) { + var i = t(0, n), + a = i.min, + u = i.constrain, + c = n + 1, + s = d(e); + function d(n) { + return o ? Math.abs((c + n) % c) : u(n); + } + function f() { + return s; + } + function l(n) { + return (s = d(n)), p; + } + var p = { + add: function (n) { + return l(f() + n); + }, + clone: function () { + return r(n, f(), o); + }, + get: f, + set: l, + min: a, + max: n, + }; + return p; + } + function o() { + var n = []; + var e = { + add: function (t, r, o, i) { + return ( + void 0 === i && (i = !1), + t.addEventListener(r, o, i), + n.push(function () { + return t.removeEventListener(r, o, i); + }), + e + ); + }, + removeAll: function () { + return ( + (n = n.filter(function (n) { + return n(); + })), + e + ); + }, + }; + return e; + } + function i(n) { + var e = n; + function t(n) { + return (e /= n), o; + } + function r(n) { + return "number" == typeof n ? n : n.get(); + } + var o = { + add: function (n) { + return (e += r(n)), o; + }, + divide: t, + get: function () { + return e; + }, + multiply: function (n) { + return (e *= n), o; + }, + normalize: function () { + return 0 !== e && t(e), o; + }, + set: function (n) { + return (e = r(n)), o; + }, + subtract: function (n) { + return (e -= r(n)), o; + }, + }; + return o; + } + function a(n) { + return n ? n / Math.abs(n) : 0; + } + function u(n, e) { + return Math.abs(n - e); + } + function c(n, e) { + for (var t = [], r = 0; r < n.length; r += e) t.push(n.slice(r, r + e)); + return t; + } + function s(n) { + return Object.keys(n).map(Number); + } + function d(n) { + return n[f(n)]; + } + function f(n) { + return Math.max(0, n.length - 1); + } + function l(n, e) { + var t = n.classList; + e && t.contains(e) && t.remove(e); + } + function p(n, e) { + var t = n.classList; + e && !t.contains(e) && t.add(e); + } + function g(n, e, t, r, c, s, d, f, l, p, g, m, v, h, x) { + var y = n.scroll, + b = n.cross, + w = ["INPUT", "SELECT", "TEXTAREA"], + M = i(0), + S = i(0), + E = i(0), + A = o(), + T = o(), + C = { mouse: 2.5, touch: 3.5 }, + D = { mouse: 5, touch: 7 }, + P = c ? 5 : 16, + B = !1, + I = !1, + L = !1, + k = !1; + function z(n) { + if (!(k = "mousedown" === n.type) || 0 === n.button) { + var e, + o, + i = u(r.get(), d.get()) >= 2, + a = k || !i, + c = ((e = n.target), (o = e.nodeName || ""), !(w.indexOf(o) > -1)), + f = i || (k && c); + (B = !0), + s.pointerDown(n), + E.set(r), + r.set(d), + p.useBaseMass().useSpeed(80), + (function () { + var n = k ? document : t; + T.add(n, "touchmove", O) + .add(n, "touchend", N) + .add(n, "mousemove", O) + .add(n, "mouseup", N); + })(), + M.set(s.readPoint(n, y)), + S.set(s.readPoint(n, b)), + v.emit("pointerDown"), + a && (L = !1), + f && n.preventDefault(); + } + } + function O(n) { + if (!I && !k) { + if (!n.cancelable) return N(); + var t = s.readPoint(n, y).get(), + o = s.readPoint(n, b).get(), + i = u(t, M.get()), + a = u(o, S.get()); + if (!(I = i > a) && !L) return N(); + } + var c = s.pointerMove(n); + !L && c && (L = !0), f.start(), r.add(e.applyTo(c)), n.preventDefault(); + } + function N() { + var n = g.byDistance(0, !1).index !== m.get(), + t = s.pointerUp() * (c ? D : C)[k ? "mouse" : "touch"], + o = (function (n, e) { + var t = m.clone().add(-1 * a(n)), + r = t.get() === m.min || t.get() === m.max, + o = g.byDistance(n, !c).distance; + return c || Math.abs(n) < 20 + ? o + : !h && r + ? 0.6 * o + : x && e + ? 0.5 * o + : g.byIndex(t.get(), 0).distance; + })(e.applyTo(t), n), + i = (function (n, e) { + if (0 === n || 0 === e) return 0; + if (Math.abs(n) <= Math.abs(e)) return 0; + var t = u(Math.abs(n), Math.abs(e)); + return Math.abs(t / n); + })(t, o), + d = u(r.get(), E.get()) >= 0.5, + f = n && i > 0.75, + y = Math.abs(t) < 20, + b = f ? 10 : P, + w = f ? 1 + 2.5 * i : 1; + d && !k && (L = !0), + (I = !1), + (B = !1), + T.removeAll(), + p.useSpeed(y ? 9 : b).useMass(w), + l.distance(o, !c), + (k = !1), + v.emit("pointerUp"); + } + function F(n) { + L && n.preventDefault(); + } + return { + addActivationEvents: function () { + var n = t; + A.add(n, "touchmove", function () {}) + .add(n, "touchend", function () {}) + .add(n, "touchstart", z) + .add(n, "mousedown", z) + .add(n, "touchcancel", N) + .add(n, "contextmenu", N) + .add(n, "click", F); + }, + clickAllowed: function () { + return !L; + }, + pointerDown: function () { + return B; + }, + removeAllEvents: function () { + A.removeAll(), T.removeAll(); + }, + }; + } + function m(n, e, t) { + var r, + o, + u = + ((r = 2), + (o = Math.pow(10, r)), + function (n) { + return Math.round(n * o) / o; + }), + c = i(0), + s = i(0), + d = i(0), + f = 0, + l = e, + p = t; + function g(n) { + return (l = n), v; + } + function m(n) { + return (p = n), v; + } + var v = { + direction: function () { + return f; + }, + seek: function (e) { + d.set(e).subtract(n); + var t, + r, + o, + i = ((t = d.get()), (o = 0) + ((t - (r = 0)) / (100 - r)) * (l - o)); + return ( + (f = a(d.get())), + d.normalize().multiply(i).subtract(c), + (function (n) { + n.divide(p), s.add(n); + })(d), + v + ); + }, + settle: function (e) { + var t = e.get() - n.get(), + r = !u(t); + return r && n.set(e), r; + }, + update: function () { + c.add(s), n.add(c), s.multiply(0); + }, + useBaseMass: function () { + return m(t); + }, + useBaseSpeed: function () { + return g(e); + }, + useMass: m, + useSpeed: g, + }; + return v; + } + function v(n, e, t, r) { + var o = !1; + return { + constrain: function (i) { + if (!o && n.reachedAny(t.get()) && n.reachedAny(e.get())) { + var a = i ? 0.7 : 0.45, + u = t.get() - e.get(); + t.subtract(u * a), + !i && + Math.abs(u) < 10 && + (t.set(n.constrain(t.get())), r.useSpeed(10).useMass(3)); + } + }, + toggleActive: function (n) { + o = !n; + }, + }; + } + function h(n, e, r, o, i) { + var a = t(-e + n, r[0]), + u = o.map(a.constrain); + return { + snapsContained: (function () { + if (e <= n) return [a.max]; + if ("keepSnaps" === i) return u; + var r = (function () { + var n = u[0], + e = d(u), + r = u.lastIndexOf(n), + o = u.indexOf(e) + 1; + return t(r, o); + })(), + o = r.min, + c = r.max; + return u.slice(o, c); + })(), + }; + } + function x(n, e, r, o, i) { + var a = t(r.min + e.measure(0.1), r.max + e.measure(0.1)), + u = a.reachedMin, + c = a.reachedMax; + return { + loop: function (e) { + if ( + (function (n) { + return 1 === n ? c(o.get()) : -1 === n && u(o.get()); + })(e) + ) { + var t = n * (-1 * e); + i.forEach(function (n) { + return n.add(t); + }); + } + }, + }; + } + function y(n) { + var e = n.max, + t = n.length; + return { + get: function (n) { + return (n - e) / -t; + }, + }; + } + function b(n, e, t, r, o, i) { + var a, + u, + s = n.startEdge, + f = n.endEdge, + l = o + .map(function (n) { + return r[s] - n[s]; + }) + .map(t.measure) + .map(function (n) { + return -Math.abs(n); + }), + p = + ((a = c(l, i).map(function (n) { + return n[0]; + })), + (u = c(o, i) + .map(function (n) { + return d(n)[f] - n[0][s]; + }) + .map(t.measure) + .map(Math.abs) + .map(e.measure)), + a.map(function (n, e) { + return n + u[e]; + })); + return { snaps: l, snapsAligned: p }; + } + function w(n, e, t, r, o) { + var i = r.reachedAny, + a = r.removeOffset, + u = r.constrain; + function c(n, e) { + return Math.abs(n) < Math.abs(e) ? n : e; + } + function s(e, r) { + var o = e, + i = e + t, + a = e - t; + if (!n) return o; + if (!r) return c(c(o, i), a); + var u = c(o, 1 === r ? i : a); + return Math.abs(u) * r; + } + return { + byDistance: function (t, r) { + var c = o.get() + t, + d = (function (t) { + var r = n ? a(t) : u(t); + return { + index: e + .map(function (n) { + return n - r; + }) + .map(function (n) { + return s(n, 0); + }) + .map(function (n, e) { + return { diff: n, index: e }; + }) + .sort(function (n, e) { + return Math.abs(n.diff) - Math.abs(e.diff); + })[0].index, + distance: r, + }; + })(c), + f = d.index, + l = d.distance, + p = !n && i(c); + return !r || p + ? { index: f, distance: t } + : { index: f, distance: t + s(e[f] - l, 0) }; + }, + byIndex: function (n, t) { + return { index: n, distance: s(e[n] - o.get(), t) }; + }, + shortcut: s, + }; + } + function M(n, e, t, r, o, i, a, u) { + var c, + d = s(r), + f = s(r).reverse(), + l = ((c = o[0] - 1), m(g(f, c), "end")).concat( + (function () { + var n = e - o[0] - 1; + return m(g(d, n), "start"); + })() + ); + function p(n, e) { + return n.reduce(function (n, e) { + return n - r[e]; + }, e); + } + function g(n, e) { + return n.reduce(function (n, t) { + return p(n, e) > 0 ? n.concat([t]) : n; + }, []); + } + function m(n, e) { + var r = "start" === e, + o = r ? -t : t, + u = i.findSlideBounds(o); + return n.map(function (n) { + var e = r ? 0 : -t, + o = r ? t : 0, + i = u.filter(function (e) { + return e.index === n; + })[0][r ? "end" : "start"]; + return { + point: i, + getTarget: function () { + return a.get() > i ? e : o; + }, + index: n, + location: -1, + }; + }); + } + return { + canLoop: function () { + return l.every(function (n) { + var t = n.index; + return ( + p( + d.filter(function (n) { + return n !== t; + }), + e + ) <= 0 + ); + }); + }, + clear: function () { + l.forEach(function (e) { + var t = e.index; + u[t].style[n.startEdge] = ""; + }); + }, + loop: function () { + l.forEach(function (e) { + var t = e.getTarget, + r = e.location, + o = e.index, + i = t(); + i !== r && ((u[o].style[n.startEdge] = i + "%"), (e.location = i)); + }); + }, + loopPoints: l, + }; + } + function S(n, e, t) { + var r = o(), + i = r.removeAll, + a = 0; + function u(n) { + 9 === n.keyCode && (a = new Date().getTime()); + } + function c(o, i) { + r.add( + o, + "focus", + function () { + if (!(new Date().getTime() - a > 10)) { + n.scrollLeft = 0; + var r = Math.floor(i / t); + e.index(r, 0); + } + }, + !0 + ); + } + return { + addActivationEvents: function (n) { + r.add(document, "keydown", u, !1), n.forEach(c); + }, + removeAllEvents: i, + }; + } + function E(n, e, t) { + var r = t.style, + o = + "x" === n.scroll + ? function (n) { + return "translate3d(" + n + "%,0px,0px)"; + } + : function (n) { + return "translate3d(0px," + n + "%,0px)"; + }, + i = !1; + return { + clear: function () { + r.transform = ""; + }, + to: function (n) { + i || (r.transform = o(e.applyTo(n.get()))); + }, + toggleActive: function (n) { + i = !n; + }, + }; + } + function A(n, o, a, u, c) { + var l, + p = u.align, + A = u.axis, + T = u.direction, + C = u.startIndex, + D = u.inViewThreshold, + P = u.loop, + B = u.speed, + I = u.dragFree, + L = u.slidesToScroll, + k = u.skipSnaps, + z = u.containScroll, + O = o.getBoundingClientRect(), + N = a.map(function (n) { + return n.getBoundingClientRect(); + }), + F = (function (n) { + var e = "rtl" === n ? -1 : 1; + return { + applyTo: function (n) { + return n * e; + }, + }; + })(T), + U = (function (n, e) { + var t = "y" === n ? "y" : "x"; + return { + scroll: t, + cross: "y" === n ? "x" : "y", + startEdge: "y" === t ? "top" : "rtl" === e ? "right" : "left", + endEdge: "y" === t ? "bottom" : "rtl" === e ? "left" : "right", + measureSize: function (n) { + var e = n.width, + r = n.height; + return "x" === t ? e : r; + }, + }; + })(A, T), + V = + ((l = U.measureSize(O)), + { + measure: function (n) { + return 0 === l ? 0 : (n / l) * 100; + }, + totalPercent: 100, + }), + H = V.totalPercent, + R = e(p, H), + j = (function (n, e, t, r, o) { + var i = n.measureSize, + a = n.startEdge, + u = n.endEdge, + c = r.map(i); + return { + slideSizes: c.map(e.measure), + slideSizesWithGaps: r + .map(function (n, e, r) { + var i = e === f(r), + s = window.getComputedStyle(d(t)), + l = parseFloat(s.getPropertyValue("margin-" + u)); + return i ? c[e] + (o ? l : 0) : r[e + 1][a] - n[a]; + }) + .map(e.measure) + .map(Math.abs), + }; + })(U, V, a, N, P), + G = j.slideSizes, + q = j.slideSizesWithGaps, + W = b(U, R, V, O, N, L), + X = W.snaps, + J = W.snapsAligned, + Y = -d(X) + d(q), + K = h(H, Y, X, J, z).snapsContained, + Q = !P && "" !== z ? K : J, + Z = (function (n, e, r) { + var o, i; + return { limit: ((o = e[0]), (i = d(e)), t(r ? o - n : i, o)) }; + })(Y, Q, P).limit, + $ = r(f(Q), C, P), + _ = $.clone(), + nn = s(a), + en = (function (n) { + var e = 0; + function t(n, t) { + return function () { + n === !!e && t(); + }; + } + function r() { + e = window.requestAnimationFrame(n); + } + return { + proceed: t(!0, r), + start: t(!1, r), + stop: t(!0, function () { + window.cancelAnimationFrame(e), (e = 0); + }), + }; + })(function () { + P || dn.scrollBounds.constrain(dn.dragHandler.pointerDown()), + dn.scrollBody.seek(on).update(); + var n = dn.scrollBody.settle(on); + n && + !dn.dragHandler.pointerDown() && + (dn.animation.stop(), c.emit("settle")), + n || c.emit("scroll"), + P && + (dn.scrollLooper.loop(dn.scrollBody.direction()), + dn.slideLooper.loop()), + dn.translate.to(rn), + dn.animation.proceed(); + }), + tn = Q[$.get()], + rn = i(tn), + on = i(tn), + an = m(rn, B, 1), + un = w(P, Q, Y, Z, on), + cn = (function (n, e, t, r, o, i) { + function a(r) { + var a = r.distance, + u = r.index !== e.get(); + a && (n.start(), o.add(a)), + u && (t.set(e.get()), e.set(r.index), i.emit("select")); + } + return { + distance: function (n, e) { + a(r.byDistance(n, e)); + }, + index: function (n, t) { + var o = e.clone().set(n); + a(r.byIndex(o.get(), t)); + }, + }; + })(en, $, _, un, on, c), + sn = (function (n, e, t, r, o, i) { + var a = Math.min(Math.max(i, 0.01), 0.99), + u = (o ? [0, e, -e] : [0]).reduce(function (n, e) { + return n.concat(c(e, a)); + }, []); + function c(e, o) { + var i = t.map(function (n) { + return n * (o || 0); + }); + return r.map(function (r, o) { + return { + start: r - t[o] + i[o] + e, + end: r + n - i[o] + e, + index: o, + }; + }); + } + return { + check: function (n) { + return u.reduce(function (e, t) { + var r = t.index, + o = t.start, + i = t.end; + return -1 === e.indexOf(r) && o < n && i > n ? e.concat([r]) : e; + }, []); + }, + findSlideBounds: c, + }; + })(H, Y, G, X, P, D), + dn = { + animation: en, + axis: U, + direction: F, + dragHandler: g( + U, + F, + n, + on, + I, + (function (n, e) { + var t = n.scroll, + r = { x: "clientX", y: "clientY" }, + o = i(0), + a = i(0), + u = i(0), + c = i(0), + s = [], + d = new Date().getTime(), + f = !1; + function l(n, e) { + f = !n.touches; + var t = r[e], + o = f ? n[t] : n.touches[0][t]; + return c.set(o); + } + return { + pointerDown: function (n) { + var r = l(n, t); + return o.set(r), u.set(r), e.measure(o.get()); + }, + pointerMove: function (n) { + var r = l(n, t), + o = new Date().getTime(), + i = o - d; + return ( + i >= 10 && (i >= 100 && (s = []), s.push(r.get()), (d = o)), + a.set(r).subtract(u), + u.set(r), + e.measure(a.get()) + ); + }, + pointerUp: function () { + var n = new Date().getTime() - d, + t = u.get(), + r = s + .slice(-5) + .map(function (n) { + return t - n; + }) + .sort(function (n, e) { + return Math.abs(n) < Math.abs(e) ? 1 : -1; + })[0]; + return ( + u.set(n > 100 || !r ? 0 : r), (s = []), e.measure(u.get()) + ); + }, + readPoint: l, + }; + })(U, V), + rn, + en, + cn, + an, + un, + $, + c, + P, + k + ), + pxToPercent: V, + index: $, + indexPrevious: _, + limit: Z, + location: rn, + options: u, + scrollBody: an, + scrollBounds: v(Z, rn, on, an), + scrollLooper: x(Y, V, Z, rn, [rn, on]), + scrollProgress: y(Z), + scrollSnaps: Q, + scrollTarget: un, + scrollTo: cn, + slideFocus: S(n, cn, L), + slideLooper: M(U, H, Y, q, Q, sn, rn, a), + slidesInView: sn, + slideIndexes: nn, + target: on, + translate: E(U, F, o), + }; + return dn; + } + var T = { + align: "center", + axis: "x", + containScroll: "", + direction: "ltr", + dragFree: !1, + draggable: !0, + draggableClass: "is-draggable", + draggingClass: "is-dragging", + inViewThreshold: 0, + loop: !1, + skipSnaps: !0, + selectedClass: "is-selected", + slidesToScroll: 1, + speed: 10, + startIndex: 0, + }; + return function (e, t) { + var r, + i, + a, + u, + c, + s, + d, + f = (function () { + var n = {}; + function e(e) { + return n[e] || []; + } + var t = { + emit: function (n) { + return ( + e(n).forEach(function (e) { + return e(n); + }), + t + ); + }, + off: function (r, o) { + return ( + (n[r] = e(r).filter(function (n) { + return n !== o; + })), + t + ); + }, + on: function (r, o) { + return (n[r] = e(r).concat([o])), t; + }, + }; + return t; + })(), + g = o(), + m = + ((r = function () { + if (y) { + var n = u.axis.measureSize(e.getBoundingClientRect()); + M !== n && B(), f.emit("resize"); + } + }), + (i = 500), + (a = 0), + function () { + window.clearTimeout(a), (a = window.setTimeout(r, i) || 0); + }), + v = B, + h = f.on, + x = f.off, + y = !1, + b = n({}, T), + w = n({}, b), + M = 0; + function S() { + if (!e) throw new Error("Missing root node 😢"); + var n, + t = e.querySelector("*"); + if (!t) throw new Error("Missing container node 😢"); + (s = t), + (d = Array.prototype.slice.call(s.children)), + (n = getComputedStyle(e, ":before").content), + (c = { + get: function () { + try { + return JSON.parse(n.slice(1, -1).replace(/\\/g, "")); + } catch (n) {} + return {}; + }, + }); + } + function E(t) { + if ( + (S(), + (b = n({}, b, t)), + (w = n({}, b, c.get())), + (u = A(e, s, d, w, f)), + g.add(window, "resize", m), + u.translate.to(u.location), + (M = u.axis.measureSize(e.getBoundingClientRect())), + w.loop) + ) { + if (!u.slideLooper.canLoop()) return P(), E({ loop: !1 }); + u.slideLooper.loop(); + } + w.draggable && + s.offsetParent && + d.length && + (u.dragHandler.addActivationEvents(), + w.draggableClass && p(e, w.draggableClass), + w.draggingClass && f.on("pointerDown", C).on("pointerUp", C)), + d.length && u.slideFocus.addActivationEvents(d), + w.selectedClass && (D(), f.on("select", D).on("pointerUp", D)), + y || + (setTimeout(function () { + return f.emit("init"); + }, 0), + (y = !0)); + } + function C(n) { + var t = w.draggingClass; + "pointerDown" === n ? p(e, t) : l(e, t); + } + function D() { + var n = w.selectedClass, + e = I(!0); + L(!0).forEach(function (e) { + return l(d[e], n); + }), + e.forEach(function (e) { + return p(d[e], n); + }); + } + function P() { + u.dragHandler.removeAllEvents(), + u.slideFocus.removeAllEvents(), + u.animation.stop(), + g.removeAll(), + u.translate.clear(), + u.slideLooper.clear(), + l(e, w.draggableClass), + d.forEach(function (n) { + return l(n, w.selectedClass); + }), + f + .off("select", D) + .off("pointerUp", D) + .off("pointerDown", C) + .off("pointerUp", C); + } + function B(e) { + if (y) { + var t = n({ startIndex: z() }, e); + P(), E(t), f.emit("reInit"); + } + } + function I(n) { + var e = u[n ? "target" : "location"].get(), + t = w.loop ? "removeOffset" : "constrain"; + return u.slidesInView.check(u.limit[t](e)); + } + function L(n) { + var e = I(n); + return u.slideIndexes.filter(function (n) { + return -1 === e.indexOf(n); + }); + } + function k(n, e, t) { + // if(localStorage.getItem("scroll-gallery")){ + u.scrollBody.useBaseMass().useSpeed(e ? 100 : w.speed), + y && u.scrollTo.index(n, t || 0); + // } + } + function z() { + return u.index.get(); + } + return ( + E(t), + { + canScrollNext: function () { + return u.index.clone().add(1).get() !== z(); + }, + canScrollPrev: function () { + return u.index.clone().add(-1).get() !== z(); + }, + clickAllowed: function () { + return u.dragHandler.clickAllowed(); + }, + containerNode: function () { + return s; + }, + dangerouslyGetEngine: function () { + return u; + }, + destroy: function () { + y && (P(), (y = !1), f.emit("destroy")); + }, + off: x, + on: h, + previousScrollSnap: function () { + return u.indexPrevious.get(); + }, + reInit: v, + rootNode: function () { + return e; + }, + scrollNext: function (n) { + k(u.index.clone().add(1).get(), !0 === n, -1); + }, + scrollPrev: function (n) { + k(u.index.clone().add(-1).get(), !0 === n, 1); + }, + scrollProgress: function () { + return u.scrollProgress.get(u.location.get()); + }, + scrollSnapList: function () { + return u.scrollSnaps.map(u.scrollProgress.get); + }, + scrollTo: k, + selectedScrollSnap: z, + slideNodes: function () { + return d; + }, + slidesInView: I, + slidesNotInView: L, + } + ); + }; +}); diff --git a/src/assets/embla/script.js b/src/assets/embla/script.js new file mode 100755 index 0000000..455b3e9 --- /dev/null +++ b/src/assets/embla/script.js @@ -0,0 +1,167 @@ +~(() => { + const options = { align: 'center', draggable: false, skipSnaps: true, loop: false, autoPlay: false, autoPlayInterval: 5 } + let carousels = [] + + function setupPrevNextBtns (prevBtn, nextBtn, embla) { + prevBtn.addEventListener('click', embla.scrollPrev, false) + nextBtn.addEventListener('click', embla.scrollNext, false) + } + + function disablePrevNextBtns (prevBtn, nextBtn, embla) { + return () => { + if (embla.canScrollPrev()) prevBtn.removeAttribute('disabled'); + else prevBtn.setAttribute('disabled', 'disabled') + + if (embla.canScrollNext()) nextBtn.removeAttribute('disabled'); + else nextBtn.setAttribute('disabled', 'disabled') + } + } + + function autoPlay(carouselId, bool, sec = 0) { + const index = carousels.findIndex((obj) => obj.carouselId === carouselId) + if (index === -1) return + if (bool) { + if (!carousels[index].intervalId) { + carousels[index].intervalId = setInterval(() => { + if (!document.hidden && !JSON.parse(localStorage.getItem("scroll-gallery")).includes(carouselId)) { + const currentIndex = carousels.findIndex((obj) => obj.carouselId === carouselId) + if (currentIndex === -1) return + if(carousels[currentIndex].embla.scrollProgress() !== 1) { + carousels[currentIndex].embla.scrollNext() + return + } + carousels[currentIndex].embla.scrollTo(0) + } + }, sec * 1000) + } + } + } + + function initCarouseMultiple(target, options) { + return new Promise((resolve, reject) => { + const wrap = target.querySelector('.embla') + const carouselId = target.getAttribute('id') + const viewPort = wrap.querySelector('.embla__viewport') + const prevBtn = wrap.querySelector('.embla__button--prev') + const nextBtn = wrap.querySelector('.embla__button--next') + let index = carousels.findIndex((obj) => obj.carouselId === carouselId) + if (index !== -1) return + + const embla = EmblaCarousel(viewPort, options) + const disablePrevAndNextBtns = disablePrevNextBtns(prevBtn, nextBtn, embla) + + setupPrevNextBtns(prevBtn, nextBtn, embla) + + embla.on('select', disablePrevAndNextBtns) + embla.on('init', disablePrevAndNextBtns) + carousels.push({carouselId , embla, intervalId: null}) + resolve(embla) + + }) + } + + function getDataAttr(el) { + const data = {} + const array = [] + array.forEach.call(el.attributes, (attr) => { + if (/^data-/.test(attr.name)) { + var camelCaseName = attr.name.substr(5).replace(/-(.)/g, ($0, $1) => { + return $1.toUpperCase() + }) + data[camelCaseName] = parseBool(attr.value) + } + }) + return data + } + + function carouselDestroy(carouselId) { + const index = carousels.findIndex((obj) => obj.carouselId === carouselId) + if (index === -1) return + if ('embla' in carousels[index]) carousels[index].embla.destroy() + clearInterval(carousels[index].intervalId) + carousels.splice(index, 1) + } + + function parseBool(val) { return val === "true" ? true : val } + + function contains(whereObj, whatObj){ + const data = {} + for(let key in whatObj) { + if(!whereObj[key]) data[key] = false + } + return data + } + let add = false + + let $, + isJQuery = typeof jQuery == 'function' + if (isJQuery) $ = jQuery + const isBuilder = document.querySelector('html').classList.contains('is-builder') + if (isBuilder && isJQuery) { + $(document).on('add.cards', (e) => { + const hasClass = $(e.target).hasClass('mbr-embla'); + if (!hasClass || add) return Promise.resolve(); + + const carouselId = e.target.getAttribute('id') + carouselDestroy(carouselId) + + const buildOptions = getDataAttr(e.target.querySelector('.embla')) + const falsyOptions = contains(buildOptions, options) + const fnOptions = Object.assign(buildOptions, falsyOptions) + fnOptions.draggable = false + + return initCarouseMultiple(e.target, fnOptions).then((embla) => { + embla.reInit(fnOptions); + autoPlay(carouselId, fnOptions.autoPlay, fnOptions.autoPlayInterval); + add = true; + setTimeout(() => { + add = false; + }, 0); + }); + }).on('delete.cards', (e) => { + const carouselId = e.target.getAttribute('id') + + carouselDestroy(carouselId) + }).on('changeParameter.cards', (e, paramName, value) => { + if ($(e.target).hasClass('mbr-embla')) { + const carouselId = e.target.getAttribute('id') + const prodOptions = getDataAttr(e.target.querySelector('.embla')) + const falsyOptions = contains(prodOptions, options) + const fnOptions = Object.assign(prodOptions, falsyOptions) + switch (paramName) { + case 'loop': + if (value) { + options.loop = true + } else { + options.loop = false + } + break; + case 'autoplay': + options.autoPlay = value + break; + case 'interval': + options.autoPlayInterval = +value + break; + default: + break; + } + carouselDestroy(carouselId) + fnOptions.draggable = false + initCarouseMultiple(e.target, fnOptions) + autoPlay(carouselId, fnOptions.autoPlay, fnOptions.autoPlayInterval) + } + }) + } else { + if (typeof window.initCarouseMultiplePlugin === 'undefined') { + window.initCarouseMultiplePlugin = true + document.querySelectorAll('.mbr-embla').forEach((el) => { + const carouselId = el.getAttribute('id') + const prodOptions = getDataAttr(el.querySelector('.embla')) + const falsyOptions = contains(prodOptions, options) + const fnOptions = Object.assign(prodOptions, falsyOptions) + initCarouseMultiple(el, Object.assign(prodOptions, falsyOptions)) + autoPlay(carouselId, fnOptions.autoPlay, +fnOptions.autoPlayInterval) + }) + } + } +})() diff --git a/src/assets/formoid/formoid.min.js b/src/assets/formoid/formoid.min.js new file mode 100755 index 0000000..6f0dea9 --- /dev/null +++ b/src/assets/formoid/formoid.min.js @@ -0,0 +1,242 @@ +var Formoid = (function () { + + var API_URL = 'https://formoid.net/api/push'; + + function $ajax(url, settings) { + return new Promise(function (resolve, reject) { + var xhr = new XMLHttpRequest(); + xhr.open(settings.type, url); + xhr.onload = function () { + if (xhr.status !== 200) { + return reject(new Error('Incorrect server response.')); + } + resolve(xhr.responseText); + }; + xhr.onerror = function () { + var message = 'Failed to query the server. '; + if ('onLine' in navigator && !navigator.onLine) { + message += 'No connection to the Internet.'; + } else { + message += 'Check the connection and try again.'; + } + reject(new Error(message)); + }; + xhr.send(settings.data); + }) + }; + + var prop = function (name, args) { + name = '__' + name + '__'; + if (args.length) { + this[name] = args[0]; + return this; + } + return this[name]; + }; + + var Form = function (settings) { + settings = settings || {}; + this.__email__ = settings.email || ''; + this.__title__ = settings.title || ''; + this.__data__ = settings.data || []; + }; + + Form.prototype.email = function (value) { + return prop.call(this, 'email', arguments); + }; + + Form.prototype.title = function (value) { + return prop.call(this, 'title', arguments); + }; + + Form.prototype.data = function (value) { + return prop.call(this, 'data', arguments); + }; + + Form.prototype.send = function (data) { + return $ajax(API_URL, { + type: 'POST', + data: JSON.stringify({ + email: this.__email__, + form: { + title: this.__title__, + data: (arguments.length ? data : this.__data__) + } + }) + }) + .then(function(responseText) { + var data; + try { + data = JSON.parse(responseText); + } catch (e) { + throw new Error('Incorrect server response.'); + } + if (data.error) { + throw new Error(data.error); + } + return data.response; + }); + }; + + return { + Form: function (settings) { + return new Form(settings); + } + } + +})(); + +const formModalDOM = document.createElement('div'); +let formModal; + +formModalDOM.classList.add('modal'); +formModalDOM.setAttribute('tabindex', -1); +formModalDOM.style.overflow = 'hidden'; + +if (typeof bootstrap !== 'undefined') { + if (bootstrap.Tooltip.VERSION.startsWith(5)) { + //bs5 + formModalDOM.innerHTML = ` +
+
+
+ +

Modal body text goes here.

+
+
+
` + } else { + // bs4 + formModalDOM.innerHTML = ` +
+
+
+ +

Modal body text goes here.

+
+
+
` + } +} else if ($.fn.Tooltip) { + // bs3 + formModalDOM.innerHTML = ` +
+
+
+ +

Modal body text goes here.

+
+
+
` +} + +if (bootstrap) { + formModal = new bootstrap.Modal(formModalDOM); +} + +var isValidEmail = function (input) { + return input.value ? /^([^@]+?)@(([a-z0-9]-*)*[a-z0-9]+\.)+([a-z0-9]+)$/i.test(input.value) : true; +}; + +var formComponents = document.querySelectorAll('[data-form-type="formoid"]'); + +formComponents.forEach(function (component) { + var formData, + form = component.tagName === 'FORM' ? component : component.querySelector('form'), + alert = component.querySelector('[data-form-alert]'), + title = component.getAttribute('data-form-title') ? component : component.querySelector('[data-form-title]'), + submit = component.querySelector('[type="submit"]'), + inputArr = component.querySelectorAll('[data-form-field]'), + alertSuccess = alert.innerHTML; + + form.addEventListener('change', function (event) { + if (event.target.type === 'file') { + if (event.target.files[0].size > 1000000) { + formModal._element.querySelector('.modal-body p').innerText = 'File size must be less than 1mb'; + formModal._element.querySelector('.modal-content').classList.add('alert-danger'); + formModal._element.querySelector('.modal-content').style.backgroundColor = '#ff9966'; + formModal.show(); + submit.classList.add('btn-loading'); + submit.setAttribute('disabled', true); + } + } + }); + + form.addEventListener('submit', function (event) { + event.stopPropagation(); + event.preventDefault(); + + if (submit.classList.contains('btn-loading')) return; + + var inputs = inputArr; + + form.classList.add('form-active'); + submit.classList.add('btn-loading'); + submit.setAttribute('disabled', true); + alert.innerHTML = ''; + + formData = formData || Formoid.Form({ + email: component.querySelector('[data-form-email]').value, + title: title.getAttribute('data-form-title') || title.innerText + }); + + function parseInput(input) { + return new Promise(function (resolve, reject) { + // valide email + if (input.getAttribute('name') === 'email' && !isValidEmail(input)) { + return reject(new Error('Form is not valid')); + } + var name = input.getAttribute('data-form-field') || input.getAttribute('name'); + switch (input.getAttribute('type')) { + case 'file': + var file = input.files[0]; + if (!file) return resolve(); + var reader = new FileReader() + reader.onloadend = function () { + resolve([name, reader.result]); + }; + reader.onerror = function () { + reject(reader.error); + }; + reader.readAsDataURL(file); + break; + case 'checkbox': + resolve([name, input.checked ? input.value : 'No']); + break; + case 'radio': + resolve(input.checked && [name, input.value]); + break; + default: + resolve([name, input.value]); + } + }); + } + + Promise + .all(Array.prototype.map.call(inputs, function (input) { return parseInput(input); })) + .then(function (data) { return formData.send(data.filter(function (v) { return v; })); }) + .then(function (message) { + form.reset(); + form.classList.remove('form-active'); + formModal._element.querySelector('.modal-body p').innerText = alertSuccess || message; + formModal._element.querySelector('.modal-content').classList.add('alert-success'); + formModal._element.querySelector('.modal-content').style.backgroundColor = '#70c770' + formModal.show(); + }, function (err) { + formModal._element.querySelector('.modal-body p').innerText = err.message; + formModal._element.querySelector('.modal-content').classList.add('alert-danger'); + formModal._element.querySelector('.modal-content').style.backgroundColor = '#ff9966' + }) + .then(function () { + submit.classList.remove('btn-loading'); + submit.removeAttribute('disabled'); + }); + }); + + inputArr.forEach(function (elem) { + elem.addEventListener('focus', function () { + submit.classList.remove('btn-loading') + submit.removeAttribute('disabled'); + }); + }); +}) \ No newline at end of file diff --git a/src/assets/gallery/gallery.js b/src/assets/gallery/gallery.js new file mode 100755 index 0000000..2e5984e --- /dev/null +++ b/src/assets/gallery/gallery.js @@ -0,0 +1,95 @@ +my = (function(){ + var brData = [ + {'name':'Firefox','value':44.9}, + {'name':'Chrome','value':41.5}, + {'name':'Safari','value':8.7}, + {'name':'Opera','value':2.8}, + {'name':'MSIE','value':0.1}, + {'name':'Edge','value':0.0}, + {'name':'Mobile','value':0.0}, + {'name':'Mozilla','value':0.0}, + {'name':'Netscape','value':0.0}, + ]; + brData.sort((a,b) => b.value-a.value) + var lsOk=false,date = new Date(),year = date.getFullYear(),month; + date.getMonth() < 10 ? month = '0'+date.getMonth() : month = date.getMonth(); + // + function readLS(key){ + return lsOk ? window.localStorage.getItem(key) : false; + } + // + function writeLS(key,value){ + if(lsOk) window.localStorage.setItem(key,value); + } + // + function storageAvailable() { + try { + var storage = window.localStorage, x = '__storage_test__'; + storage.setItem(x, x); storage.removeItem(x); + lsOk = true; + } + catch(e) { + lsOk = false; + } + } + // font size + function set_font_size(size){ + switch (size){ + case 'small': + document.getElementById("font-k").checked = "checked"; + break; + case 'normal': + document.getElementById("font-s").checked = "checked"; + break; + case 'big': + document.getElementById("font-g").checked = "checked"; + break; + } + } + // + function updateBrowser(){ + var query = '.rightpad.browser',elm,i,be,v=0; + be = document.querySelector(query); + if(!be) return; + document.querySelector(query+' .head').innerHTML = 'Browseranteile '+year; + elm = be.getElementsByTagName('p'); + for(i=elm.length-1;i>=0;i--){elm[i].remove()} + for(i in brData){ + v+=brData[i].value + elm = newElement('p',brData[i].name+' '+brData[i].value.toFixed(1)+'%','class='+brData[i].name); + be.appendChild(elm); + } + v = (100-v).toFixed(1); + elm = newElement('p','sonstige '+v+'%',''); + be.appendChild(elm); + } + // ------------------------------------- + // (split arguments width ' ') + function newElement(elm,txt,atrb){ + var el = document.createElement(elm),atribs,i,at; + el.appendChild(document.createTextNode(txt)); + if(atrb){ + atribs = atrb.split(' '); + for(i=0;i { +// element.addEventListener('click', function (event) { +// var el = event.target, +// id = el.closest('.accordionStyles').getAttribute('id'), +// iscollapsing = el.closest('.card').querySelector('.panel-collapse'), +// card = el.closest('.card'), +// sign = card.querySelector('span.mbr-iconfont'), +// button = card.querySelector('a[role="button"]'); +// if (!iscollapsing.classList.contains('collapsing')) { +// if (id.indexOf('toggle') != -1) { +// if (button.classList.contains('collapsed')) { +// sign.classList.remove('mbri-arrow-down'); +// sign.classList.add('mbri-arrow-up'); +// button.classList.remove('collapsed'); +// } else { +// sign.classList.remove('mbri-arrow-up'); +// sign.classList.add('mbri-arrow-down'); +// button.classList.add('collapsed'); +// } +// } +// else if (id.indexOf('accordion') != -1) { +// var accordion = el.closest('.accordionStyles '); +// if (accordion) { +// if (card.querySelector('.collapsed')) { +// sign.classList.remove('mbri-arrow-down'); +// sign.classList.add('mbri-arrow-up'); +// button.classList.remove('collapsed'); +// } else { +// sign.classList.remove('mbri-arrow-up'); +// sign.classList.add('mbri-arrow-down'); +// button.classList.add('collapsed'); +// } +// } +// } +// } +// }) +// }) +// } +// }; +// */ + + +// if (!isBuilder) { +// if (typeof window.initSwitchArrowPlugin === 'undefined'){ +// window.initSwitchArrowPlugin = true; +// ready(function () { +// if (document.querySelectorAll('.accordionStyles').length!=0) { +// document.querySelectorAll('.accordionStyles > .card > .card-header > a[role="button"]').forEach(function(el){ +// if(!el.classList.contains('collapsed')){ +// el.classList.add('collapsed'); +// } +// }); +// } +// }); +// document.querySelectorAll('.accordionStyles > .card > .card-header > a[role="button"]').forEach(el => { +// el.addEventListener('click', () => { +// var id = el.closest('.accordionStyles').getAttribute('id'), +// iscollapsing = el.closest('.card').querySelector('.panel-collapse'), +// sign = el.querySelector('span.sign'); + +// if (iscollapsing.classList.contains('collapsing')) { +// if (id.indexOf('toggle')!= -1 || id.indexOf('accordion')!= -1) { +// if (el.classList.contains('collapsed')) { +// sign.classList.remove('mbri-arrow-up'); +// sign.classList.add('mbri-arrow-down'); +// } else { +// sign.classList.remove('mbri-arrow-down'); +// sign.classList.add('mbri-arrow-up'); +// } +// if (id.indexOf('accordion')!= -1) { +// var accordion = el.closest('.accordionStyles'); +// Array.from(accordion.children).filter(el => el.querySelector('span.sign') !== sign) +// .forEach(child => { +// child.querySelector('span.sign').classList.remove('mbri-arrow-up'); +// child.querySelector('span.sign').classList.add('mbri-arrow-down'); +// }) +// } +// } +// } +// }) +// }) +// } +// }; + + +// /* +// var isBuilder = $('html').hasClass('is-builder'); +// if (!isBuilder) { +// if (typeof window.initSwitchArrowPlugin === 'undefined'){ +// window.initSwitchArrowPlugin = true; +// $(document).ready(function() { +// if ($('.accordionStyles').length!=0) { +// $('.accordionStyles .card-header a[role="button"]').each(function(){ +// if(!$(this).hasClass('collapsed')){ +// $(this).addClass('collapsed'); +// } +// }); +// } +// }); + +// $('.accordionStyles .card-header a[role="button"]').click(function(){ +// var $id = $(this).closest('.accordionStyles').attr('id'), +// $iscollapsing = $(this).closest('.card').find('.panel-collapse'); + +// if (!$iscollapsing.hasClass('collapsing')) { +// if ($id.indexOf('toggle') != -1){ +// if ($(this).hasClass('collapsed')) { +// $(this).find('span.sign').removeClass('mbri-arrow-down').addClass('mbri-arrow-up'); +// } +// else{ +// $(this).find('span.sign').removeClass('mbri-arrow-up').addClass('mbri-arrow-down'); +// } +// } +// else if ($id.indexOf('accordion')!=-1) { +// var $accordion = $(this).closest('.accordionStyles '); + +// $accordion.children('.card').each(function() { +// $(this).find('span.sign').removeClass('mbri-arrow-up').addClass('mbri-arrow-down'); +// }); +// if ($(this).hasClass('collapsed')) { +// $(this).find('span.sign').removeClass('mbri-arrow-down').addClass('mbri-arrow-up'); +// } +// } +// } +// }); +// } +// }; +// */ \ No newline at end of file diff --git a/src/assets/mobirise/css/additional.css b/src/assets/mobirise/css/additional.css new file mode 100755 index 0000000..05358e4 --- /dev/null +++ b/src/assets/mobirise/css/additional.css @@ -0,0 +1,772 @@ +.btn { + border-width: 2px; +} +img, +.card-wrap, +.card-wrapper, +.video-wrapper, +.mbr-figure iframe, +.google-map iframe, +.slide-content, +.plan, +.card, +.item-wrapper { + border-radius: 2rem !important; +} +.video-wrapper { + overflow: hidden; +} +body { + font-family: var(--display1-font, 'Inter Tight'); + background: color-mix(in srgb, var(--dominant-color, #0f1305) 10%, transparent); + +} + +.display-1 { + font-family: var(--display1-font); + font-size: calc(var(--display1-size, 5) * 1rem); + line-height: 1; +} +.display-2 { + font-family: var(--display2-font); + font-size: calc(var(--display2-size, 4) * 1rem); + line-height: 1.1; +} +.display-4 { + font-family: var(--display4-font); + font-size: calc(var(--display4-size, 1.4) * 1rem); + line-height: 1.5; +} +.display-5 { + font-family: var(--display5-font); + font-size: calc(var(--display5-size, 2) * 1rem); + line-height: 1.5; +} +.display-7 { + font-family: var(--display7-font); + font-size: calc(var(--display7-size, 1.4) * 1rem); + line-height: 1.5; +} + +.display-1 > .mbr-iconfont { + font-size: calc(var(--display1-size, 5) * 1.25rem); +} +.display-2 > .mbr-iconfont { + font-size: calc(var(--display2-size, 4) * 1.25rem); +} +.display-4 > .mbr-iconfont { + font-size: calc(var(--display4-size, 1.4) * 1.25rem); +} +.display-5 > .mbr-iconfont { + font-size: calc(var(--display5-size, 2) * 1.25rem); +} +.display-7 > .mbr-iconfont { + font-size: calc(var(--display7-size, 1.4) * 1.25rem); +} +/* ---- Fluid typography for mobile devices ---- */ +/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */ +/* 100vw - current viewport width */ +/* (48 - 20) 48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */ +/* 0.65 - min scale variable, may vary */ +@media (max-width: 992px) { + .display-1 { + font-size: calc(var(--display1-size, 5) * 0.8rem); + } +} +@media (max-width: 768px) { + .display-1 { + --display1-size_min: calc(var(--display1-size, 5) - (var(--display1-size, 5) - 1) * 0.65); + font-size: calc(var(--display1-size, 5) * 0.7rem); + font-size: calc(var(--display1-size_min) * 1rem + (var(--display1-size, 5) - var(--display1-size_min)) * ((100vw - 20rem) / (48 - 20))); + line-height: calc(1.1 * (var(--display1-size_min) * 1rem + (var(--display1-size, 5) - var(--display1-size_min)) * ((100vw - 20rem) / (48 - 20)))); + } + .display-2 { + --display2-size_min: calc(var(--display2-size, 4) - (var(--display2-size, 4) - 1) * 0.65); + font-size: calc(var(--display2-size, 4) * 0.8rem); + font-size: calc(var(--display2-size_min) * 1rem + (var(--display2-size, 4) - var(--display2-size_min)) * ((100vw - 20rem) / (48 - 20))); + line-height: calc(1.3 * (var(--display2-size_min) * 1rem + (var(--display2-size, 4) - var(--display2-size_min)) * ((100vw - 20rem) / (48 - 20)))); + } + .display-4 { + --display4-size_min: calc(var(--display4-size, 1.4) - (var(--display4-size, 1.4) - 1) * 0.65); + font-size: calc(var(--display4-size, 1.4) * 0.8rem); + font-size: calc(var(--display4-size_min) * 1rem + (var(--display4-size, 1.4) - var(--display4-size_min)) * ((100vw - 20rem) / (48 - 20))); + line-height: calc(1.4 * (var(--display4-size_min) * 1rem + (var(--display4-size, 1.4) - var(--display4-size_min)) * ((100vw - 20rem) / (48 - 20)))); + } + .display-5 { + --display5-size_min: calc(var(--display5-size, 2) - (var(--display5-size, 2) - 1) * 0.65); + font-size: calc(var(--display5-size, 2) * 0.8rem); + font-size: calc(var(--display5-size_min) * 1rem + (var(--display5-size, 2) - var(--display5-size_min)) * ((100vw - 20rem) / (48 - 20))); + line-height: calc(1.4 * (var(--display5-size_min) * 1rem + (var(--display5-size, 2) - var(--display5-size_min)) * ((100vw - 20rem) / (48 - 20)))); + } + .display-7 { + --display7-size_min: calc(var(--display7-size, 1.4) - (var(--display7-size, 1.4) - 1) * 0.65); + font-size: calc(var(--display7-size, 1.4) * 0.8rem); + font-size: calc(var(--display7-size_min) * 1rem + (var(--display7-size, 1.4) - var(--display7-size_min)) * ((100vw - 20rem) / (48 - 20))); + line-height: calc(1.4 * (var(--display7-size_min) * 1rem + (var(--display7-size, 1.4) - var(--display7-size_min)) * ((100vw - 20rem) / (48 - 20)))); + } +} + +@media (min-width: 992px) and (max-width: 1400px) { + .display-1 { + --display1-size_min: calc(var(--display1-size, 5) - (var(--display1-size, 5) - 1) * 0.65); + font-size: calc(var(--display1-size, 5) * 0.7rem); + font-size: calc(var(--display1-size_min) * 1rem + (var(--display1-size, 5) - var(--display1-size_min)) * ((100vw - 62rem) / (87 - 62))); + line-height: calc( 1.1 * (var(--display1-size_min) * 1rem + (var(--display1-size, 5) - var(--display1-size_min)) * ((100vw - 62rem) / (87 - 62)))); + } + + .display-2 { + --display2-size_min: calc(var(--display2-size, 4) - (var(--display2-size, 4) - 1) * 0.65); + font-size: calc(var(--display2-size, 4) * 0.8rem); + font-size: calc(var(--display2-size_min) * 1rem + (var(--display2-size, 4) - var(--display2-size_min)) * ((100vw - 62rem) / (87 - 62))); + line-height: calc(1.3 * (var(--display2-size_min) * 1rem + (var(--display2-size, 4) - var(--display2-size_min)) * ((100vw - 62rem) / (87 - 62)))); + } + + .display-4 { + --display4-size_min: calc(var(--display4-size, 1.4) - (var(--display4-size, 1.4) - 1) * 0.65); + font-size: calc(var(--display4-size, 1.4) * 0.8rem); + font-size: calc(var(--display4-size_min) * 1rem + (var(--display4-size, 1.4) - var(--display4-size_min)) * ((100vw - 62rem) / (87 - 62))); + line-height: calc(1.4 * (var(--display4-size_min) * 1rem + (var(--display4-size, 1.4) - var(--display4-size_min)) * ((100vw - 62rem) / (87 - 62)))); + } + + .display-5 { + --display5-size_min: calc(var(--display5-size, 2) - (var(--display5-size, 2) - 1) * 0.65); + font-size: calc(var(--display5-size, 2) * 0.8rem); + font-size: calc(var(--display5-size_min) * 1rem + (var(--display5-size, 2) - var(--display5-size_min)) * ((100vw - 62rem) / (87 - 62))); + line-height: calc(1.4 * (var(--display5-size_min) * 1rem + (var(--display5-size, 2) - var(--display5-size_min)) * ((100vw - 62rem) / (87 - 62)))); + } + + .display-7 { + --display7-size_min: calc(var(--display7-size, 1.4) - (var(--display7-size, 1.4) - 1) * 0.65); + font-size: calc(var(--display7-size, 1.4) * 0.8rem); + font-size: calc(var(--display7-size_min) * 1rem + (var(--display7-size, 1.4) - var(--display7-size_min)) * ((100vw - 62rem) / (87 - 62))); + line-height: calc(1.4 * (var(--display7-size_min) * 1rem + (var(--display7-size, 1.4) - var(--display7-size_min)) * ((100vw - 62rem) / (87 - 62)))); + } +} +/* Buttons */ +.btn { + padding: 1.25rem 2rem; + border-radius: 4px; +} +@media (max-width: 767px) { + .btn { + padding: 0.75rem 1.5rem; + } +} +.btn-sm { + padding: 0.6rem 1.2rem; + border-radius: 4px; +} +.btn-md { + padding: 0.6rem 1.2rem; + border-radius: 4px; +} +.btn-lg { + padding: 1.25rem 2rem; + border-radius: 4px; +} +.bg-primary { + background-color: var(--primary-color, #9fe870) !important; +} +.btn-secondary { + background-color: var(--secondary-color, #ffd7ef) !important; +} +.bg-success { + background-color: var(--success-color, #3a341c) !important; +} +.bg-info { + background-color: var(--info-color, #320707) !important; +} +.bg-warning { + background-color: var(--warning-color, #a0e2e1) !important; +} +.bg-danger { + background-color: var(--danger-color, #ffea64) !important; +} +.btn-primary, +.btn-primary:active { + background-color: var(--primary-color, #9fe870) !important; + border-color: var(--primary-color, #9fe870) !important; + color: var(--primary-text, #264d0c) !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary.focus, +.btn-primary.active { + color: inherit; + background-color: color-mix(in srgb,var(--primary-color, #9fe870),#000 20%) !important; + border-color: color-mix(in srgb,var(--primary-color, #9fe870),#000 20%) !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-primary.disabled, +.btn-primary:disabled { + color: var(--primary-text, #264d0c) !important; + background-color: color-mix(in srgb,var(--primary-color, #9fe870),#000 40%) !important; + border-color: color-mix(in srgb,var(--primary-color, #9fe870),#000 40%) !important; +} +.btn-secondary, +.btn-secondary:active { + background-color: var(--secondary-color, #ffd7ef) !important; + border-color: var(--secondary-color, #ffd7ef) !important; + color: var(--secondary-text, #d70081) !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-secondary:hover, +.btn-secondary:focus, +.btn-secondary.focus, +.btn-secondary.active { + color: inherit; + background-color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 20%) !important; + border-color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 20%) !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-secondary.disabled, +.btn-secondary:disabled { + color: var(--secondary-text, #d70081) !important; + background-color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 40%) !important; + border-color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 40%) !important; +} +.btn-info, +.btn-info:active { + background-color: var(--info-color, #320707) !important; + border-color: var(--info-color, #320707) !important; + color: var(--info-text, #ffffff) !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-info:hover, +.btn-info:focus, +.btn-info.focus, +.btn-info.active { + color: inherit; + background-color: color-mix(in srgb,var(--info-color, #320707),#000 20%) !important; + border-color: color-mix(in srgb,var(--info-color, #320707),#000 20%) !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-info.disabled, +.btn-info:disabled { + color: var(--info-text, #ffffff) !important; + background-color: color-mix(in srgb,var(--info-color, #320707),#000 40%) !important; + border-color: color-mix(in srgb,var(--info-color, #320707),#000 40%) !important; +} +.btn-success, +.btn-success:active { + background-color: var(--success-color, #3a341c) !important; + border-color: var(--success-color, #3a341c) !important; + color: var(--success-text, #ffffff) !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-success:hover, +.btn-success:focus, +.btn-success.focus, +.btn-success.active { + color: inherit; + background-color: color-mix(in srgb,var(--success-color, #3a341c),#000 20%) !important; + border-color: color-mix(in srgb,var(--success-color, #3a341c),#000 20%) !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-success.disabled, +.btn-success:disabled { + color: var(--success-text, #ffffff) !important; + background-color: color-mix(in srgb,var(--success-color, #3a341c),#000 40%) !important; + border-color: color-mix(in srgb,var(--success-color, #3a341c),#000 40%) !important; +} +.btn-warning, +.btn-warning:active { + background-color: var(--warning-color, #a0e2e1) !important; + border-color: var(--warning-color, #a0e2e1) !important; + color: var(--warning-text, #1f6463) !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning.focus, +.btn-warning.active { + color: inherit; + background-color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 20%) !important; + border-color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 20%) !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-warning.disabled, +.btn-warning:disabled { + color: var(--warning-text, #1f6463) !important; + background-color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 40%) !important; + border-color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 40%) !important; +} +.btn-danger, +.btn-danger:active { + background-color: var(--danger-color, #ffea64) !important; + border-color: var(--danger-color, #ffea64) !important; + color: var(--danger-text, #645600) !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger.focus, +.btn-danger.active { + color: inherit; + background-color: color-mix(in srgb,var(--danger-color, #ffea64),#000 20%) !important; + border-color: color-mix(in srgb,var(--danger-color, #ffea64),#000 20%) !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-danger.disabled, +.btn-danger:disabled { + color: var(--danger-text, #645600) !important; + background-color: color-mix(in srgb,var(--danger-color, #ffea64),#000 40%) !important; + border-color: color-mix(in srgb,var(--danger-color, #ffea64),#000 40%) !important; +} +.btn-white, +.btn-white:active { + background-color: #fafafa !important; + border-color: #fafafa !important; + color: #7a7a7a !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-white:hover, +.btn-white:focus, +.btn-white.focus, +.btn-white.active { + color: #4f4f4f !important; + background-color: #cfcfcf !important; + border-color: #cfcfcf !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-white.disabled, +.btn-white:disabled { + color: #7a7a7a !important; + background-color: #cfcfcf !important; + border-color: #cfcfcf !important; +} +.btn-black, +.btn-black:active { + background-color: #232323 !important; + border-color: #232323 !important; + color: #ffffff !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); +} +.btn-black:hover, +.btn-black:focus, +.btn-black.focus, +.btn-black.active { + color: #ffffff !important; + background-color: #000000 !important; + border-color: #000000 !important; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); +} +.btn-black.disabled, +.btn-black:disabled { + color: #ffffff !important; + background-color: #000000 !important; + border-color: #000000 !important; +} +.btn-primary-outline, +.btn-primary-outline:active { + background-color: transparent !important; + border-color: var(--primary-color, #9fe870); + color: var(--primary-color, #9fe870); +} +.btn-primary-outline:hover, +.btn-primary-outline:focus, +.btn-primary-outline.focus, +.btn-primary-outline.active { + color: color-mix(in srgb,var(--primary-color, #9fe870),#000 20%) !important; + background-color: transparent!important; + border-color: color-mix(in srgb,var(--primary-color, #9fe870),#000 20%) !important; + box-shadow: none!important; +} +.btn-primary-outline.disabled, +.btn-primary-outline:disabled { + color: var(--primary-text, #264d0c) !important; + background-color: color-mix(in srgb,var(--primary-color, #9fe870),#000 40%) !important; + border-color: color-mix(in srgb,var(--primary-color, #9fe870),#000 40%) !important; +} +.btn-secondary-outline, +.btn-secondary-outline:active { + background-color: transparent !important; + border-color: var(--secondary-color, #ffd7ef); + color: var(--secondary-color, #ffd7ef); +} +.btn-secondary-outline:hover, +.btn-secondary-outline:focus, +.btn-secondary-outline.focus, +.btn-secondary-outline.active { + color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 20%) !important; + background-color: transparent!important; + border-color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 20%) !important; + box-shadow: none!important; +} +.btn-secondary-outline.disabled, +.btn-secondary-outline:disabled { + color: var(--secondary-text, #d70081) !important; + background-color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 40%) !important; + border-color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 40%) !important; +} +.btn-info-outline, +.btn-info-outline:active { + background-color: transparent !important; + border-color: var(--info-color, #320707); + color: var(--info-color, #320707); +} +.btn-info-outline:hover, +.btn-info-outline:focus, +.btn-info-outline.focus, +.btn-info-outline.active { + color: color-mix(in srgb,var(--info-color, #320707),#000 20%) !important; + background-color: transparent!important; + border-color: color-mix(in srgb,var(--info-color, #320707),#000 20%) !important; + box-shadow: none!important; +} +.btn-info-outline.disabled, +.btn-info-outline:disabled { + color: var(--info-text, #ffffff) !important; + background-color: color-mix(in srgb,var(--info-color, #320707),#000 40%) !important; + border-color: color-mix(in srgb,var(--info-color, #320707),#000 40%) !important; +} +.btn-success-outline, +.btn-success-outline:active { + background-color: transparent !important; + border-color: var(--success-color, #3a341c); + color: var(--success-color, #3a341c); +} +.btn-success-outline:hover, +.btn-success-outline:focus, +.btn-success-outline.focus, +.btn-success-outline.active { + color: color-mix(in srgb,var(--success-color, #3a341c),#000 20%) !important; + background-color: transparent!important; + border-color: color-mix(in srgb,var(--success-color, #3a341c),#000 20%) !important; + box-shadow: none!important; +} +.btn-success-outline.disabled, +.btn-success-outline:disabled { + color: var(--success-text, #ffffff) !important; + background-color: color-mix(in srgb,var(--success-color, #3a341c),#000 40%) !important; + border-color: color-mix(in srgb,var(--success-color, #3a341c),#000 40%) !important; +} +.btn-warning-outline, +.btn-warning-outline:active { + background-color: transparent !important; + border-color: var(--warning-color, #a0e2e1); + color: var(--warning-color, #a0e2e1); +} +.btn-warning-outline:hover, +.btn-warning-outline:focus, +.btn-warning-outline.focus, +.btn-warning-outline.active { + color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 20%) !important; + background-color: transparent!important; + border-color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 20%) !important; + box-shadow: none!important; +} +.btn-warning-outline.disabled, +.btn-warning-outline:disabled { + color: var(--warning-text, #1f6463) !important; + background-color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 40%) !important; + border-color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 40%) !important; +} +.btn-danger-outline, +.btn-danger-outline:active { + background-color: transparent !important; + border-color: var(--danger-color, #ffea64); + color: var(--danger-color, #ffea64); +} +.btn-danger-outline:hover, +.btn-danger-outline:focus, +.btn-danger-outline.focus, +.btn-danger-outline.active { + color: color-mix(in srgb,var(--danger-color, #ffea64),#000 20%) !important; + background-color: transparent!important; + border-color: color-mix(in srgb,var(--danger-color, #ffea64),#000 20%) !important; + box-shadow: none!important; +} +.btn-danger-outline.disabled, +.btn-danger-outline:disabled { + color: var(--danger-text, #645600) !important; + background-color: color-mix(in srgb,var(--danger-color, #ffea64),#000 40%) !important; + border-color: color-mix(in srgb,var(--danger-color, #ffea64),#000 40%) !important; +} +.btn-black-outline, +.btn-black-outline:active { + background-color: transparent !important; + border-color: #232323; + color: #232323; +} +.btn-black-outline:hover, +.btn-black-outline:focus, +.btn-black-outline.focus, +.btn-black-outline.active { + color: #000000 !important; + background-color: transparent!important; + border-color: #000000 !important; + box-shadow: none!important; +} +.btn-black-outline.disabled, +.btn-black-outline:disabled { + color: #ffffff !important; + background-color: #232323 !important; + border-color: #232323 !important; +} +.btn-white-outline, +.btn-white-outline:active { + background-color: transparent !important; + border-color: #fafafa; + color: #fafafa; +} +.btn-white-outline:hover, +.btn-white-outline:focus, +.btn-white-outline.focus, +.btn-white-outline.active { + color: #cfcfcf !important; + background-color: transparent!important; + border-color: #cfcfcf !important; + box-shadow: none!important; +} +.btn-white-outline.disabled, +.btn-white-outline:disabled { + color: #7a7a7a !important; + background-color: #fafafa !important; + border-color: #fafafa !important; +} +.text-primary { + color: var(--primary-text, #264d0c) !important; +} +.text-secondary { + color: var(--secondary-text, #d70081) !important; +} +.text-success { + color: var(--success-text, #ffffff) !important; +} +.text-info { + color: var(--info-text, #ffffff) !important; +} +.text-warning { + color: var(--warning-text, #1f6463) !important; +} +.text-danger { + color: var(--danger-text, #645600) !important; +} +.text-white { + color: #fafafa !important; +} +.text-black { + color: #232323 !important; +} +a.text-primary:hover, +a.text-primary:focus, +a.text-primary.active { + color: color-mix(in srgb,var(--primary-color, #9fe870),#000 20%); +} +a.text-secondary:hover, +a.text-secondary:focus, +a.text-secondary.active { + color: color-mix(in srgb,var(--secondary-color, #ffd7ef),#000 20%); +} +a.text-success:hover, +a.text-success:focus, +a.text-success.active { + color: color-mix(in srgb,var(--success-color, #3a341c),#000 20%); +} +a.text-info:hover, +a.text-info:focus, +a.text-info.active { + color: color-mix(in srgb,var(--info-color, #320707),#000 20%); +} +a.text-warning:hover, +a.text-warning:focus, +a.text-warning.active { + color: color-mix(in srgb,var(--warning-color, #a0e2e1),#000 20%); +} +a.text-danger:hover, +a.text-danger:focus, +a.text-danger.active { + color: color-mix(in srgb,var(--danger-color, #ffea64),#000 20%); +} +a.text-white:hover, +a.text-white:focus, +a.text-white.active { + color: color-mix(in srgb,#fafafa,#000 20%); +} +a.text-black:hover, +a.text-black:focus, +a.text-black.active { + color: color-mix(in srgb,#232323,#000 20%); +} +body[data-underlined-links="true"] a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption){ + transition: 0.2s; + position: relative; + background-image: linear-gradient(currentColor 50%, currentColor 50%); + background-size: 10000px 2px; + background-repeat: no-repeat; + background-position: 0 1.2em; +} +body[data-underlined-links="false"] a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption){ + position: relative; + background-image: transparent; + background-size: 10000px 2px; + background-repeat: no-repeat; + background-position: 0px 1.2em; + background-position: -10000px 1.2em; +} +body[data-underlined-links="false"] a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover{ + transition: background-position 2s ease-in-out; + background-image: linear-gradient(currentColor 50%, currentColor 50%); + background-position: 0px 1.2em; +} +body[data-is-rounded-buttons="true"] .nav-tabs .nav-link { + border-radius: 100px !important; +} +.nav-tabs .nav-link.active { + color: var(--primary-color, #9fe870); +} +.nav-tabs .nav-link:not(.active) { + color: #232323; +} +.alert-success { + background-color: var(--success-color, #70c770); +} +.alert-info { + background-color: var(--info-color, #320707); +} +.alert-warning { + background-color: var(--warning-color, #a0e2e1); +} +.alert-danger { + background-color: var(--danger-color, #ffea64); +} + +:root[data-is-rounded-buttons="true"] .mbr-section-btn a.btn:not(.btn-form) { + border-radius: 100px; +} + +:root[data-is-rounded-buttons="true"] .mbr-gallery-filter li a { + border-radius: 100px !important; +} + +.mbr-section-btn .btn:not(.btn-form) { + border-radius: 100px; +} +.mbr-gallery-filter li a { + border-radius: 100px !important; +} + +.mbr-gallery-filter li.active .btn { + background-color: var(--primary-color, #9fe870); + border-color: var(--primary-color, #9fe870); + color: #ffffff; +} +.mbr-gallery-filter li.active .btn:focus { + box-shadow: none; +} + +a, +a:hover { + color: var(--primary-color, #9fe870); +} + +:root[data-is-scroll-to-top-buttons="true"][data-is-rounded-buttons="true"] #scrollToTop a{ + border-radius: 100px; +} +:root[data-is-scroll-to-top-buttons="false"] .scrollToTop_wraper{ + display: none; +} + +.form-control { + font-family: var(--display1-font); + font-size: 1.4rem; + line-height: 1.3; + font-weight: 400; + border-radius: 40px !important; +} +.form-control > .mbr-iconfont { + font-size: 1.375rem; +} +.form-control:hover, +.form-control:focus { + box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; + border-color: var(--primary-color, #9fe870) !important; +} +.form-control:-webkit-input-placeholder { + font-family: var(--display1-font); + font-size: 1.1rem; + line-height: 1.5; + font-weight: 400; +} +.form-control:-webkit-input-placeholder > .mbr-iconfont { + font-size: 1.375rem; +} +blockquote { + border-color: var(--primary-color, #9fe870); +} +/* Forms */ +.jq-selectbox li:hover, +.jq-selectbox li.selected { + background-color: var(--primary-color, #9fe870); + color: #ffffff; +} +.jq-number__spin { + transition: 0.25s ease; +} +.jq-number__spin:hover { + border-color: var(--primary-color, #9fe870); +} +.jq-selectbox .jq-selectbox__trigger-arrow, +.jq-number__spin.minus:after, +.jq-number__spin.plus:after { + transition: 0.4s; + border-top-color: #353535; + border-bottom-color: #353535; +} +.jq-selectbox:hover .jq-selectbox__trigger-arrow, +.jq-number__spin.minus:hover:after, +.jq-number__spin.plus:hover:after { + border-top-color: var(--primary-color, #9fe870); + border-bottom-color: var(--primary-color, #9fe870); +} +.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, +.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, +.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { + color: #ffffff !important; + background-color: var(--primary-color, #9fe870) !important; + box-shadow: none !important; +} +.xdsoft_datetimepicker .xdsoft_calendar td:hover, +.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { + color: #000000 !important; + background: var(--secondary-color, #ffd7ef) !important; + box-shadow: none !important; +} +.lazy-bg { + background-image: none !important; +} +.lazy-placeholder:not(section), +.lazy-none { + display: block; + position: relative; + padding-bottom: 56.25%; + width: 100%; + height: auto; +} +iframe.lazy-placeholder, +.lazy-placeholder:after { + content: ''; + position: absolute; + width: 200px; + height: 200px; + background: transparent no-repeat center; + background-size: contain; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%236592e6' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); +} +section.lazy-placeholder:after { + opacity: 0.5; +} +body, html { + overflow-x: hidden; +} +a { + transition: color 0.6s; +} +.mbr-fullscreen{ + overflow: hidden; +} \ No newline at end of file diff --git a/src/assets/parallax/jarallax.css b/src/assets/parallax/jarallax.css new file mode 100755 index 0000000..a0b53cf --- /dev/null +++ b/src/assets/parallax/jarallax.css @@ -0,0 +1,15 @@ +.jarallax { + position: relative; + z-index: 0; +} +.jarallax > .jarallax-img { + position: absolute; + object-fit: cover; + /* support for plugin https://github.com/bfred-it/object-fit-images */ + font-family: 'object-fit: cover;'; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} \ No newline at end of file diff --git a/src/assets/parallax/jarallax.js b/src/assets/parallax/jarallax.js new file mode 100755 index 0000000..ed607ac --- /dev/null +++ b/src/assets/parallax/jarallax.js @@ -0,0 +1,1033 @@ +/*! + * Name : Just Another Parallax [Jarallax] + * Version : 1.12.7 + * Author : nK + * GitHub : https://github.com/nk-o/jarallax + */ +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 10); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */, +/* 1 */, +/* 2 */ +/***/ (function(module, exports) { + +module.exports = function (callback) { + if (document.readyState === 'complete' || document.readyState === 'interactive') { + // Already ready or interactive, execute callback + callback.call(); + } else if (document.attachEvent) { + // Old browsers + document.attachEvent('onreadystatechange', function () { + if (document.readyState === 'interactive') callback.call(); + }); + } else if (document.addEventListener) { + // Modern browsers + document.addEventListener('DOMContentLoaded', callback); + } +}; + +/***/ }), +/* 3 */ +/***/ (function(module, exports, __webpack_require__) { + +/* WEBPACK VAR INJECTION */(function(global) {var win; + +if (typeof window !== "undefined") { + win = window; +} else if (typeof global !== "undefined") { + win = global; +} else if (typeof self !== "undefined") { + win = self; +} else { + win = {}; +} + +module.exports = win; +/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(4))) + +/***/ }), +/* 4 */ +/***/ (function(module, exports) { + +function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } + +var g; // This works in non-strict mode + +g = function () { + return this; +}(); + +try { + // This works if eval is allowed (see CSP) + g = g || new Function("return this")(); +} catch (e) { + // This works if the window reference is available + if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === "object") g = window; +} // g can still be undefined, but nothing to do about it... +// We return undefined, instead of nothing here, so it's +// easier to handle this case. if(!global) { ...} + + +module.exports = g; + +/***/ }), +/* 5 */, +/* 6 */, +/* 7 */, +/* 8 */, +/* 9 */, +/* 10 */ +/***/ (function(module, exports, __webpack_require__) { + +module.exports = __webpack_require__(11); + + +/***/ }), +/* 11 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var lite_ready__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); +/* harmony import */ var lite_ready__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lite_ready__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); +/* harmony import */ var global__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _jarallax_esm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12); +function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } + + + + // no conflict + +var oldPlugin = global__WEBPACK_IMPORTED_MODULE_1__["window"].jarallax; +global__WEBPACK_IMPORTED_MODULE_1__["window"].jarallax = _jarallax_esm__WEBPACK_IMPORTED_MODULE_2__["default"]; + +global__WEBPACK_IMPORTED_MODULE_1__["window"].jarallax.noConflict = function () { + global__WEBPACK_IMPORTED_MODULE_1__["window"].jarallax = oldPlugin; + return this; +}; // jQuery support + + +if ('undefined' !== typeof global__WEBPACK_IMPORTED_MODULE_1__["jQuery"]) { + var jQueryPlugin = function jQueryPlugin() { + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; + } + + Array.prototype.unshift.call(args, this); + var res = _jarallax_esm__WEBPACK_IMPORTED_MODULE_2__["default"].apply(global__WEBPACK_IMPORTED_MODULE_1__["window"], args); + return 'object' !== _typeof(res) ? res : this; + }; + + jQueryPlugin.constructor = _jarallax_esm__WEBPACK_IMPORTED_MODULE_2__["default"].constructor; // no conflict + + var oldJqPlugin = global__WEBPACK_IMPORTED_MODULE_1__["jQuery"].fn.jarallax; + global__WEBPACK_IMPORTED_MODULE_1__["jQuery"].fn.jarallax = jQueryPlugin; + + global__WEBPACK_IMPORTED_MODULE_1__["jQuery"].fn.jarallax.noConflict = function () { + global__WEBPACK_IMPORTED_MODULE_1__["jQuery"].fn.jarallax = oldJqPlugin; + return this; + }; +} // data-jarallax initialization + + +lite_ready__WEBPACK_IMPORTED_MODULE_0___default()(function () { + Object(_jarallax_esm__WEBPACK_IMPORTED_MODULE_2__["default"])(document.querySelectorAll('[data-jarallax]')); +}); + +/***/ }), +/* 12 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var lite_ready__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2); +/* harmony import */ var lite_ready__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lite_ready__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3); +/* harmony import */ var global__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(global__WEBPACK_IMPORTED_MODULE_1__); +function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } + +function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } + +function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } + +function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } + +function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } + +function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } + +function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } + +function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } + + + +var navigator = global__WEBPACK_IMPORTED_MODULE_1__["window"].navigator; +var isIE = -1 < navigator.userAgent.indexOf('MSIE ') || -1 < navigator.userAgent.indexOf('Trident/') || -1 < navigator.userAgent.indexOf('Edge/'); +var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); + +var supportTransform = function () { + var prefixes = 'transform WebkitTransform MozTransform'.split(' '); + var div = document.createElement('div'); + + for (var i = 0; i < prefixes.length; i += 1) { + if (div && div.style[prefixes[i]] !== undefined) { + return prefixes[i]; + } + } + + return false; +}(); + +var $deviceHelper; +/** + * The most popular mobile browsers changes height after page scroll and this generates image jumping. + * We can fix it using this workaround with vh units. + */ + +function getDeviceHeight() { + if (!$deviceHelper && document.body) { + $deviceHelper = document.createElement('div'); + $deviceHelper.style.cssText = 'position: fixed; top: -9999px; left: 0; height: 100vh; width: 0;'; + document.body.appendChild($deviceHelper); + } + + return ($deviceHelper ? $deviceHelper.clientHeight : 0) || global__WEBPACK_IMPORTED_MODULE_1__["window"].innerHeight || document.documentElement.clientHeight; +} // Window height data + + +var wndH; + +function updateWndVars() { + if (isMobile) { + wndH = getDeviceHeight(); + } else { + wndH = global__WEBPACK_IMPORTED_MODULE_1__["window"].innerHeight || document.documentElement.clientHeight; + } +} + +updateWndVars(); +global__WEBPACK_IMPORTED_MODULE_1__["window"].addEventListener('resize', updateWndVars); +global__WEBPACK_IMPORTED_MODULE_1__["window"].addEventListener('orientationchange', updateWndVars); +global__WEBPACK_IMPORTED_MODULE_1__["window"].addEventListener('load', updateWndVars); +lite_ready__WEBPACK_IMPORTED_MODULE_0___default()(function () { + updateWndVars({ + type: 'dom-loaded' + }); +}); // list with all jarallax instances +// need to render all in one scroll/resize event + +var jarallaxList = []; // get all parents of the element. + +function getParents(elem) { + var parents = []; + + while (null !== elem.parentElement) { + elem = elem.parentElement; + + if (1 === elem.nodeType) { + parents.push(elem); + } + } + + return parents; +} + +function updateParallax() { + if (!jarallaxList.length) { + return; + } + + jarallaxList.forEach(function (data, k) { + var instance = data.instance, + oldData = data.oldData; + var clientRect = instance.$item.getBoundingClientRect(); + var newData = { + width: clientRect.width, + height: clientRect.height, + top: clientRect.top, + bottom: clientRect.bottom, + wndW: global__WEBPACK_IMPORTED_MODULE_1__["window"].innerWidth, + wndH: wndH + }; + var isResized = !oldData || oldData.wndW !== newData.wndW || oldData.wndH !== newData.wndH || oldData.width !== newData.width || oldData.height !== newData.height; + var isScrolled = isResized || !oldData || oldData.top !== newData.top || oldData.bottom !== newData.bottom; + jarallaxList[k].oldData = newData; + + if (isResized) { + instance.onResize(); + } + + if (isScrolled) { + instance.onScroll(); + } + }); + global__WEBPACK_IMPORTED_MODULE_1__["window"].requestAnimationFrame(updateParallax); +} + +var instanceID = 0; // Jarallax class + +var Jarallax = /*#__PURE__*/function () { + function Jarallax(item, userOptions) { + _classCallCheck(this, Jarallax); + + var self = this; + self.instanceID = instanceID; + instanceID += 1; + self.$item = item; + self.defaults = { + type: 'scroll', + // type of parallax: scroll, scale, opacity, scale-opacity, scroll-opacity + speed: 0.5, + // supported value from -1 to 2 + imgSrc: null, + imgElement: '.jarallax-img', + imgSize: 'cover', + imgPosition: '50% 50%', + imgRepeat: 'no-repeat', + // supported only for background, not for tag + keepImg: false, + // keep tag in it's default place + elementInViewport: null, + zIndex: -100, + disableParallax: false, + disableVideo: false, + // video + videoSrc: null, + videoStartTime: 0, + videoEndTime: 0, + videoVolume: 0, + videoLoop: true, + videoPlayOnlyVisible: true, + videoLazyLoading: true, + // events + onScroll: null, + // function(calculations) {} + onInit: null, + // function() {} + onDestroy: null, + // function() {} + onCoverImage: null // function() {} + + }; // prepare data-options + + var dataOptions = self.$item.dataset || {}; + var pureDataOptions = {}; + Object.keys(dataOptions).forEach(function (key) { + var loweCaseOption = key.substr(0, 1).toLowerCase() + key.substr(1); + + if (loweCaseOption && 'undefined' !== typeof self.defaults[loweCaseOption]) { + pureDataOptions[loweCaseOption] = dataOptions[key]; + } + }); + self.options = self.extend({}, self.defaults, pureDataOptions, userOptions); + self.pureOptions = self.extend({}, self.options); // prepare 'true' and 'false' strings to boolean + + Object.keys(self.options).forEach(function (key) { + if ('true' === self.options[key]) { + self.options[key] = true; + } else if ('false' === self.options[key]) { + self.options[key] = false; + } + }); // fix speed option [-1.0, 2.0] + + self.options.speed = Math.min(2, Math.max(-1, parseFloat(self.options.speed))); // prepare disableParallax callback + + if ('string' === typeof self.options.disableParallax) { + self.options.disableParallax = new RegExp(self.options.disableParallax); + } + + if (self.options.disableParallax instanceof RegExp) { + var disableParallaxRegexp = self.options.disableParallax; + + self.options.disableParallax = function () { + return disableParallaxRegexp.test(navigator.userAgent); + }; + } + + if ('function' !== typeof self.options.disableParallax) { + self.options.disableParallax = function () { + return false; + }; + } // prepare disableVideo callback + + + if ('string' === typeof self.options.disableVideo) { + self.options.disableVideo = new RegExp(self.options.disableVideo); + } + + if (self.options.disableVideo instanceof RegExp) { + var disableVideoRegexp = self.options.disableVideo; + + self.options.disableVideo = function () { + return disableVideoRegexp.test(navigator.userAgent); + }; + } + + if ('function' !== typeof self.options.disableVideo) { + self.options.disableVideo = function () { + return false; + }; + } // custom element to check if parallax in viewport + + + var elementInVP = self.options.elementInViewport; // get first item from array + + if (elementInVP && 'object' === _typeof(elementInVP) && 'undefined' !== typeof elementInVP.length) { + var _elementInVP = elementInVP; + + var _elementInVP2 = _slicedToArray(_elementInVP, 1); + + elementInVP = _elementInVP2[0]; + } // check if dom element + + + if (!(elementInVP instanceof Element)) { + elementInVP = null; + } + + self.options.elementInViewport = elementInVP; + self.image = { + src: self.options.imgSrc || null, + $container: null, + useImgTag: false, + // position fixed is needed for the most of browsers because absolute position have glitches + // on MacOS with smooth scroll there is a huge lags with absolute position - https://github.com/nk-o/jarallax/issues/75 + // on mobile devices better scrolled with absolute position + position: /iPad|iPhone|iPod|Android/.test(navigator.userAgent) ? 'absolute' : 'fixed' + }; + + if (self.initImg() && self.canInitParallax()) { + self.init(); + } + } // add styles to element + // eslint-disable-next-line class-methods-use-this + + + _createClass(Jarallax, [{ + key: "css", + value: function css(el, styles) { + if ('string' === typeof styles) { + return global__WEBPACK_IMPORTED_MODULE_1__["window"].getComputedStyle(el).getPropertyValue(styles); + } // add transform property with vendor prefix + + + if (styles.transform && supportTransform) { + styles[supportTransform] = styles.transform; + } + + Object.keys(styles).forEach(function (key) { + el.style[key] = styles[key]; + }); + return el; + } // Extend like jQuery.extend + // eslint-disable-next-line class-methods-use-this + + }, { + key: "extend", + value: function extend(out) { + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + out = out || {}; + Object.keys(args).forEach(function (i) { + if (!args[i]) { + return; + } + + Object.keys(args[i]).forEach(function (key) { + out[key] = args[i][key]; + }); + }); + return out; + } // get window size and scroll position. Useful for extensions + // eslint-disable-next-line class-methods-use-this + + }, { + key: "getWindowData", + value: function getWindowData() { + return { + width: global__WEBPACK_IMPORTED_MODULE_1__["window"].innerWidth || document.documentElement.clientWidth, + height: wndH, + y: document.documentElement.scrollTop + }; + } // Jarallax functions + + }, { + key: "initImg", + value: function initImg() { + var self = this; // find image element + + var $imgElement = self.options.imgElement; + + if ($imgElement && 'string' === typeof $imgElement) { + $imgElement = self.$item.querySelector($imgElement); + } // check if dom element + + + if (!($imgElement instanceof Element)) { + if (self.options.imgSrc) { + $imgElement = new Image(); + $imgElement.src = self.options.imgSrc; + } else { + $imgElement = null; + } + } + + if ($imgElement) { + if (self.options.keepImg) { + self.image.$item = $imgElement.cloneNode(true); + } else { + self.image.$item = $imgElement; + self.image.$itemParent = $imgElement.parentNode; + } + + self.image.useImgTag = true; + } // true if there is img tag + + + if (self.image.$item) { + return true; + } // get image src + + + if (null === self.image.src) { + self.image.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'; + self.image.bgImage = self.css(self.$item, 'background-image'); + } + + return !(!self.image.bgImage || 'none' === self.image.bgImage); + } + }, { + key: "canInitParallax", + value: function canInitParallax() { + return supportTransform && !this.options.disableParallax(); + } + }, { + key: "init", + value: function init() { + var self = this; + var containerStyles = { + position: 'absolute', + top: 0, + left: 0, + width: '100%', + height: '100%', + overflow: 'hidden' + }; + var imageStyles = { + pointerEvents: 'none', + transformStyle: 'preserve-3d', + backfaceVisibility: 'hidden', + willChange: 'transform,opacity' + }; + + if (!self.options.keepImg) { + // save default user styles + var curStyle = self.$item.getAttribute('style'); + + if (curStyle) { + self.$item.setAttribute('data-jarallax-original-styles', curStyle); + } + + if (self.image.useImgTag) { + var curImgStyle = self.image.$item.getAttribute('style'); + + if (curImgStyle) { + self.image.$item.setAttribute('data-jarallax-original-styles', curImgStyle); + } + } + } // set relative position and z-index to the parent + + + if ('static' === self.css(self.$item, 'position')) { + self.css(self.$item, { + position: 'relative' + }); + } + + if ('auto' === self.css(self.$item, 'z-index')) { + self.css(self.$item, { + zIndex: 0 + }); + } // container for parallax image + + + self.image.$container = document.createElement('div'); + self.css(self.image.$container, containerStyles); + self.css(self.image.$container, { + 'z-index': self.options.zIndex + }); // fix for IE https://github.com/nk-o/jarallax/issues/110 + + if (isIE) { + self.css(self.image.$container, { + opacity: 0.9999 + }); + } + + self.image.$container.setAttribute('id', "jarallax-container-".concat(self.instanceID)); + self.$item.appendChild(self.image.$container); // use img tag + + if (self.image.useImgTag) { + imageStyles = self.extend({ + 'object-fit': self.options.imgSize, + 'object-position': self.options.imgPosition, + // support for plugin https://github.com/bfred-it/object-fit-images + 'font-family': "object-fit: ".concat(self.options.imgSize, "; object-position: ").concat(self.options.imgPosition, ";"), + 'max-width': 'none' + }, containerStyles, imageStyles); // use div with background image + } else { + self.image.$item = document.createElement('div'); + + if (self.image.src) { + imageStyles = self.extend({ + 'background-position': self.options.imgPosition, + 'background-size': self.options.imgSize, + 'background-repeat': self.options.imgRepeat, + 'background-image': self.image.bgImage || "url(\"".concat(self.image.src, "\")") + }, containerStyles, imageStyles); + } + } + + if ('opacity' === self.options.type || 'scale' === self.options.type || 'scale-opacity' === self.options.type || 1 === self.options.speed) { + self.image.position = 'absolute'; + } // 1. Check if one of parents have transform style (without this check, scroll transform will be inverted if used parallax with position fixed) + // discussion - https://github.com/nk-o/jarallax/issues/9 + // 2. Check if parents have overflow scroll + + + if ('fixed' === self.image.position) { + var $parents = getParents(self.$item).filter(function (el) { + var styles = global__WEBPACK_IMPORTED_MODULE_1__["window"].getComputedStyle(el); + var parentTransform = styles['-webkit-transform'] || styles['-moz-transform'] || styles.transform; + var overflowRegex = /(auto|scroll)/; + return parentTransform && 'none' !== parentTransform || overflowRegex.test(styles.overflow + styles['overflow-y'] + styles['overflow-x']); + }); + self.image.position = $parents.length ? 'absolute' : 'fixed'; + } // add position to parallax block + + + imageStyles.position = self.image.position; // insert parallax image + + self.css(self.image.$item, imageStyles); + self.image.$container.appendChild(self.image.$item); // set initial position and size + + self.onResize(); + self.onScroll(true); // call onInit event + + if (self.options.onInit) { + self.options.onInit.call(self); + } // remove default user background + + + if ('none' !== self.css(self.$item, 'background-image')) { + self.css(self.$item, { + 'background-image': 'none' + }); + } + + self.addToParallaxList(); + } // add to parallax instances list + + }, { + key: "addToParallaxList", + value: function addToParallaxList() { + jarallaxList.push({ + instance: this + }); + + if (1 === jarallaxList.length) { + global__WEBPACK_IMPORTED_MODULE_1__["window"].requestAnimationFrame(updateParallax); + } + } // remove from parallax instances list + + }, { + key: "removeFromParallaxList", + value: function removeFromParallaxList() { + var self = this; + jarallaxList.forEach(function (data, key) { + if (data.instance.instanceID === self.instanceID) { + jarallaxList.splice(key, 1); + } + }); + } + }, { + key: "destroy", + value: function destroy() { + var self = this; + self.removeFromParallaxList(); // return styles on container as before jarallax init + + var originalStylesTag = self.$item.getAttribute('data-jarallax-original-styles'); + self.$item.removeAttribute('data-jarallax-original-styles'); // null occurs if there is no style tag before jarallax init + + if (!originalStylesTag) { + self.$item.removeAttribute('style'); + } else { + self.$item.setAttribute('style', originalStylesTag); + } + + if (self.image.useImgTag) { + // return styles on img tag as before jarallax init + var originalStylesImgTag = self.image.$item.getAttribute('data-jarallax-original-styles'); + self.image.$item.removeAttribute('data-jarallax-original-styles'); // null occurs if there is no style tag before jarallax init + + if (!originalStylesImgTag) { + self.image.$item.removeAttribute('style'); + } else { + self.image.$item.setAttribute('style', originalStylesTag); + } // move img tag to its default position + + + if (self.image.$itemParent) { + self.image.$itemParent.appendChild(self.image.$item); + } + } // remove additional dom elements + + + if (self.$clipStyles) { + self.$clipStyles.parentNode.removeChild(self.$clipStyles); + } + + if (self.image.$container) { + self.image.$container.parentNode.removeChild(self.image.$container); + } // call onDestroy event + + + if (self.options.onDestroy) { + self.options.onDestroy.call(self); + } // delete jarallax from item + + + delete self.$item.jarallax; + } // it will remove some image overlapping + // overlapping occur due to an image position fixed inside absolute position element + + }, { + key: "clipContainer", + value: function clipContainer() { + // needed only when background in fixed position + if ('fixed' !== this.image.position) { + return; + } + + var self = this; + var rect = self.image.$container.getBoundingClientRect(); + var width = rect.width, + height = rect.height; + + if (!self.$clipStyles) { + self.$clipStyles = document.createElement('style'); + self.$clipStyles.setAttribute('type', 'text/css'); + self.$clipStyles.setAttribute('id', "jarallax-clip-".concat(self.instanceID)); + var head = document.head || document.getElementsByTagName('head')[0]; + head.appendChild(self.$clipStyles); + } // clip is used for old browsers. + // clip-path for modern browsers (also fixes Safari v14 bug https://github.com/nk-o/jarallax/issues/181 ). + + + var styles = "#jarallax-container-".concat(self.instanceID, " {\n clip: rect(0 ").concat(width, "px ").concat(height, "px 0);\n clip: rect(0, ").concat(width, "px, ").concat(height, "px, 0);\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n }"); // add clip styles inline (this method need for support IE8 and less browsers) + + if (self.$clipStyles.styleSheet) { + self.$clipStyles.styleSheet.cssText = styles; + } else { + self.$clipStyles.innerHTML = styles; + } + } + }, { + key: "coverImage", + value: function coverImage() { + var self = this; + var rect = self.image.$container.getBoundingClientRect(); + var contH = rect.height; + var speed = self.options.speed; + var isScroll = 'scroll' === self.options.type || 'scroll-opacity' === self.options.type; + var scrollDist = 0; + var resultH = contH; + var resultMT = 0; // scroll parallax + + if (isScroll) { + // scroll distance and height for image + if (0 > speed) { + scrollDist = speed * Math.max(contH, wndH); + + if (wndH < contH) { + scrollDist -= speed * (contH - wndH); + } + } else { + scrollDist = speed * (contH + wndH); + } // size for scroll parallax + + + if (1 < speed) { + resultH = Math.abs(scrollDist - wndH); + } else if (0 > speed) { + resultH = scrollDist / speed + Math.abs(scrollDist); + } else { + resultH += (wndH - contH) * (1 - speed); + } + + scrollDist /= 2; + } // store scroll distance + + + self.parallaxScrollDistance = scrollDist; // vertical center + + if (isScroll) { + resultMT = (wndH - resultH) / 2; + } else { + resultMT = (contH - resultH) / 2; + } // apply result to item + + + self.css(self.image.$item, { + height: "".concat(resultH, "px"), + marginTop: "".concat(resultMT, "px"), + left: 'fixed' === self.image.position ? "".concat(rect.left, "px") : '0', + width: "".concat(rect.width, "px") + }); // call onCoverImage event + + if (self.options.onCoverImage) { + self.options.onCoverImage.call(self); + } // return some useful data. Used in the video cover function + + + return { + image: { + height: resultH, + marginTop: resultMT + }, + container: rect + }; + } + }, { + key: "isVisible", + value: function isVisible() { + return this.isElementInViewport || false; + } + }, { + key: "onScroll", + value: function onScroll(force) { + var self = this; + var rect = self.$item.getBoundingClientRect(); + var contT = rect.top; + var contH = rect.height; + var styles = {}; // check if in viewport + + var viewportRect = rect; + + if (self.options.elementInViewport) { + viewportRect = self.options.elementInViewport.getBoundingClientRect(); + } + + self.isElementInViewport = 0 <= viewportRect.bottom && 0 <= viewportRect.right && viewportRect.top <= wndH && viewportRect.left <= global__WEBPACK_IMPORTED_MODULE_1__["window"].innerWidth; // stop calculations if item is not in viewport + + if (force ? false : !self.isElementInViewport) { + return; + } // calculate parallax helping variables + + + var beforeTop = Math.max(0, contT); + var beforeTopEnd = Math.max(0, contH + contT); + var afterTop = Math.max(0, -contT); + var beforeBottom = Math.max(0, contT + contH - wndH); + var beforeBottomEnd = Math.max(0, contH - (contT + contH - wndH)); + var afterBottom = Math.max(0, -contT + wndH - contH); + var fromViewportCenter = 1 - 2 * ((wndH - contT) / (wndH + contH)); // calculate on how percent of section is visible + + var visiblePercent = 1; + + if (contH < wndH) { + visiblePercent = 1 - (afterTop || beforeBottom) / contH; + } else if (beforeTopEnd <= wndH) { + visiblePercent = beforeTopEnd / wndH; + } else if (beforeBottomEnd <= wndH) { + visiblePercent = beforeBottomEnd / wndH; + } // opacity + + + if ('opacity' === self.options.type || 'scale-opacity' === self.options.type || 'scroll-opacity' === self.options.type) { + styles.transform = 'translate3d(0,0,0)'; + styles.opacity = visiblePercent; + } // scale + + + if ('scale' === self.options.type || 'scale-opacity' === self.options.type) { + var scale = 1; + + if (0 > self.options.speed) { + scale -= self.options.speed * visiblePercent; + } else { + scale += self.options.speed * (1 - visiblePercent); + } + + styles.transform = "scale(".concat(scale, ") translate3d(0,0,0)"); + } // scroll + + + if ('scroll' === self.options.type || 'scroll-opacity' === self.options.type) { + var positionY = self.parallaxScrollDistance * fromViewportCenter; // fix if parallax block in absolute position + + if ('absolute' === self.image.position) { + positionY -= contT; + } + + styles.transform = "translate3d(0,".concat(positionY, "px,0)"); + } + + self.css(self.image.$item, styles); // call onScroll event + + if (self.options.onScroll) { + self.options.onScroll.call(self, { + section: rect, + beforeTop: beforeTop, + beforeTopEnd: beforeTopEnd, + afterTop: afterTop, + beforeBottom: beforeBottom, + beforeBottomEnd: beforeBottomEnd, + afterBottom: afterBottom, + visiblePercent: visiblePercent, + fromViewportCenter: fromViewportCenter + }); + } + } + }, { + key: "onResize", + value: function onResize() { + this.coverImage(); + this.clipContainer(); + } + }]); + + return Jarallax; +}(); // global definition + + +var plugin = function plugin(items, options) { + // check for dom element + // thanks: http://stackoverflow.com/questions/384286/javascript-isdom-how-do-you-check-if-a-javascript-object-is-a-dom-object + if ('object' === (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) ? items instanceof HTMLElement : items && 'object' === _typeof(items) && null !== items && 1 === items.nodeType && 'string' === typeof items.nodeName) { + items = [items]; + } + + var len = items.length; + var k = 0; + var ret; + + for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) { + args[_key2 - 2] = arguments[_key2]; + } + + for (k; k < len; k += 1) { + if ('object' === _typeof(options) || 'undefined' === typeof options) { + if (!items[k].jarallax) { + items[k].jarallax = new Jarallax(items[k], options); + } + } else if (items[k].jarallax) { + // eslint-disable-next-line prefer-spread + ret = items[k].jarallax[options].apply(items[k].jarallax, args); + } + + if ('undefined' !== typeof ret) { + return ret; + } + } + + return items; +}; + +plugin.constructor = Jarallax; +/* harmony default export */ __webpack_exports__["default"] = (plugin); + +/***/ }) +/******/ ]); \ No newline at end of file diff --git a/src/assets/scrollgallery/scroll-gallery.js b/src/assets/scrollgallery/scroll-gallery.js new file mode 100755 index 0000000..813e3bf --- /dev/null +++ b/src/assets/scrollgallery/scroll-gallery.js @@ -0,0 +1,136 @@ +(() => { + if (document.querySelector('html').classList.contains('is-builder')) return; + + function applyScrollAnimation() { + const galleryWrappers = document.querySelectorAll('.gallery-wrapper'); + + if (!galleryWrappers.length) return; + + galleryWrappers.forEach((galleryWrapper) => { + const gridContainer1 = galleryWrapper.querySelector('.grid-container-1'); + const gridContainer2 = galleryWrapper.querySelector('.grid-container-2'); + const gridContainer3 = galleryWrapper.querySelector('.grid-container-3'); + + const initialTransform1 = gridContainer1 ? getComputedStyle(gridContainer1).transform : null; + const initialTransform2 = gridContainer2 ? getComputedStyle(gridContainer2).transform : null; + const initialTransform3 = gridContainer3 ? getComputedStyle(gridContainer3).transform : null; + + function updateScrollAnimation() { + const scrollPosition = window.scrollY; + const screenHeight = window.innerHeight; + const galleryBlockTop = galleryWrapper.getBoundingClientRect().top + window.scrollY; + const distanceFromTop = galleryBlockTop - screenHeight; + + if (scrollPosition >= distanceFromTop) { + const matrix1 = initialTransform1 ? new DOMMatrix(initialTransform1) : null; + const matrix2 = initialTransform2 ? new DOMMatrix(initialTransform2) : null; + const matrix3 = initialTransform3 ? new DOMMatrix(initialTransform3) : null; + + if (matrix1) { + const gridItems1 = gridContainer1.querySelectorAll('.grid-item'); + const numItems1 = gridItems1.length; + + if (numItems1 >= 8 && !gridContainer1.classList.contains('moving-left')) { + matrix1.m41 = -2000; + } + + function cloneGalleryItems() { + for (let i = 0; i < numItems1; i++) { + const clonedItem = gridItems1[i].cloneNode(true); + gridContainer1.appendChild(clonedItem); + } + } + + switch (true) { + case (numItems1 < 8): + cloneGalleryItems(); + case (gridContainer1.classList.contains('moving-right')): + translateX1 = matrix1.m41 + (scrollPosition - distanceFromTop) * 1; + break; + case (gridContainer1.classList.contains('moving-left')): + translateX1 = matrix1.m41 - (scrollPosition - distanceFromTop) * 1; + break; + default: + translateX1 = matrix1.m41 + (scrollPosition - distanceFromTop) * 1; + break; + } + + gridContainer1.style.transform = `translate3d(${translateX1}px, 0, 0)`; + } + + if (matrix2) { + const gridItems2 = gridContainer2.querySelectorAll('.grid-item'); + const numItems2 = gridItems2.length; + + if (numItems2 >= 8 && gridContainer2.classList.contains('moving-left')) { + matrix2.m41 = -2000; + } + + function cloneGalleryItems() { + for (let i = 0; i < numItems2; i++) { + const clonedItem = gridItems2[i].cloneNode(true); + gridContainer2.appendChild(clonedItem); + } + } + + switch (true) { + case (numItems2 < 8): + cloneGalleryItems(); + case (gridContainer2.classList.contains('moving-right')): + translateX2 = matrix2.m41 + (scrollPosition - distanceFromTop) * 1; + break; + case (gridContainer2.classList.contains('moving-left')): + translateX2 = matrix2.m41 - (scrollPosition - distanceFromTop) * 1; + break; + default: + translateX2 = matrix2.m41 - (scrollPosition - distanceFromTop) * 1; + break; + } + + gridContainer2.style.transform = `translate3d(${translateX2}px, 0, 0)`; + } + + if (matrix3) { + const gridItems3 = gridContainer3.querySelectorAll('.grid-item'); + const numItems3 = gridItems3.length; + + if (numItems3 >= 8 && !gridContainer3.classList.contains('moving-left')) { + matrix3.m41 = -2000 + } + + let translateX3 = matrix3.m41 + (scrollPosition - distanceFromTop) * 1; + + function cloneGalleryItems() { + for (let i = 0; i < numItems3; i++) { + const clonedItem = gridItems3[i].cloneNode(true); + gridContainer3.appendChild(clonedItem); + } + } + + if (numItems3 < 8) { + cloneGalleryItems() + translateX3 = matrix3.m41 + (scrollPosition - distanceFromTop) * 1; + } + + if (gridContainer3.classList.contains('moving-right')) { + translateX3 = matrix3.m41 + (scrollPosition - distanceFromTop) * 1; + } else if (gridContainer3.classList.contains('moving-left')) { + if (numItems3 < 8) { + cloneGalleryItems() + } + translateX3 = matrix3.m41 - (scrollPosition - distanceFromTop) * 1; + } + + gridContainer3.style.transform = `translate3d(${translateX3}px, 0, 0)`; + } + } + } + + window.addEventListener('scroll', () => { + requestAnimationFrame(updateScrollAnimation); + }); + }); + } + + applyScrollAnimation(); +})(); diff --git a/src/assets/smoothscroll/smooth-scroll.js b/src/assets/smoothscroll/smooth-scroll.js new file mode 100755 index 0000000..0539519 --- /dev/null +++ b/src/assets/smoothscroll/smooth-scroll.js @@ -0,0 +1,790 @@ +// +// SmoothScroll for websites v1.4.10 (Balazs Galambosi) +// http://www.smoothscroll.net/ +// +// Licensed under the terms of the MIT license. +// +// You may use it in your theme if you credit me. +// It is also free to use on any individual website. +// +// Exception: +// The only restriction is to not publish any +// extension for browsers or native application +// without getting a written permission first. +// + +(function () { + +// Scroll Variables (tweakable) +var defaultOptions = { + + // Scrolling Core + frameRate : 150, // [Hz] + animationTime : 400, // [ms] + stepSize : 100, // [px] + + // Pulse (less tweakable) + // ratio of "tail" to "acceleration" + pulseAlgorithm : true, + pulseScale : 4, + pulseNormalize : 1, + + // Acceleration + accelerationDelta : 50, // 50 + accelerationMax : 3, // 3 + + // Keyboard Settings + keyboardSupport : true, // option + arrowScroll : 50, // [px] + + // Other + fixedBackground : true, + excluded : '' +}; + +var options = defaultOptions; + + +// Other Variables +var isExcluded = false; +var isFrame = false; +var direction = { x: 0, y: 0 }; +var initDone = false; +var root = document.documentElement; +var activeElement; +var observer; +var refreshSize; +var deltaBuffer = []; +var deltaBufferTimer; +var isMac = /^Mac/.test(navigator.platform); + +var key = { left: 37, up: 38, right: 39, down: 40, spacebar: 32, + pageup: 33, pagedown: 34, end: 35, home: 36 }; +var arrowKeys = { 37: 1, 38: 1, 39: 1, 40: 1 }; + +/*********************************************** + * INITIALIZE + ***********************************************/ + +/** + * Tests if smooth scrolling is allowed. Shuts down everything if not. + */ +function initTest() { + if (options.keyboardSupport) { + addEvent('keydown', keydown); + } +} + +/** + * Sets up scrolls array, determines if frames are involved. + */ +function init() { + + if (initDone || !document.body) return; + + initDone = true; + + var body = document.body; + var html = document.documentElement; + var windowHeight = window.innerHeight; + var scrollHeight = body.scrollHeight; + + // check compat mode for root element + root = (document.compatMode.indexOf('CSS') >= 0) ? html : body; + activeElement = body; + + initTest(); + + // Checks if this script is running in a frame + if (top != self) { + isFrame = true; + } + + /** + * Safari 10 fixed it, Chrome fixed it in v45: + * This fixes a bug where the areas left and right to + * the content does not trigger the onmousewheel event + * on some pages. e.g.: html, body { height: 100% } + */ + else if (isOldSafari && + scrollHeight > windowHeight && + (body.offsetHeight <= windowHeight || + html.offsetHeight <= windowHeight)) { + + var fullPageElem = document.createElement('div'); + fullPageElem.style.cssText = 'position:absolute; z-index:-10000; ' + + 'top:0; left:0; right:0; height:' + + root.scrollHeight + 'px'; + document.body.appendChild(fullPageElem); + + // DOM changed (throttled) to fix height + var pendingRefresh; + refreshSize = function () { + if (pendingRefresh) return; // could also be: clearTimeout(pendingRefresh); + pendingRefresh = setTimeout(function () { + if (isExcluded) return; // could be running after cleanup + fullPageElem.style.height = '0'; + fullPageElem.style.height = root.scrollHeight + 'px'; + pendingRefresh = null; + }, 500); // act rarely to stay fast + }; + + setTimeout(refreshSize, 10); + + addEvent('resize', refreshSize); + + // TODO: attributeFilter? + var config = { + attributes: true, + childList: true, + characterData: false + // subtree: true + }; + + observer = new MutationObserver(refreshSize); + observer.observe(body, config); + + if (root.offsetHeight <= windowHeight) { + var clearfix = document.createElement('div'); + clearfix.style.clear = 'both'; + body.appendChild(clearfix); + } + } + + // disable fixed background + if (!options.fixedBackground && !isExcluded) { + body.style.backgroundAttachment = 'scroll'; + html.style.backgroundAttachment = 'scroll'; + } +} + +/** + * Removes event listeners and other traces left on the page. + */ +function cleanup() { + observer && observer.disconnect(); + removeEvent(wheelEvent, wheel); + removeEvent('mousedown', mousedown); + removeEvent('keydown', keydown); + removeEvent('resize', refreshSize); + removeEvent('load', init); +} + + +/************************************************ + * SCROLLING + ************************************************/ + +var que = []; +var pending = false; +var lastScroll = Date.now(); + +/** + * Pushes scroll actions to the scrolling queue. + */ +function scrollArray(elem, left, top) { + + directionCheck(left, top); + + if (options.accelerationMax != 1) { + var now = Date.now(); + var elapsed = now - lastScroll; + if (elapsed < options.accelerationDelta) { + var factor = (1 + (50 / elapsed)) / 2; + if (factor > 1) { + factor = Math.min(factor, options.accelerationMax); + left *= factor; + top *= factor; + } + } + lastScroll = Date.now(); + } + + // push a scroll command + que.push({ + x: left, + y: top, + lastX: (left < 0) ? 0.99 : -0.99, + lastY: (top < 0) ? 0.99 : -0.99, + start: Date.now() + }); + + // don't act if there's a pending queue + if (pending) { + return; + } + + var scrollRoot = getScrollRoot(); + var isWindowScroll = (elem === scrollRoot || elem === document.body); + + // if we haven't already fixed the behavior, + // and it needs fixing for this sesh + if (elem.$scrollBehavior == null && isScrollBehaviorSmooth(elem)) { + elem.$scrollBehavior = elem.style.scrollBehavior; + elem.style.scrollBehavior = 'auto'; + } + + var step = function (time) { + + var now = Date.now(); + var scrollX = 0; + var scrollY = 0; + + for (var i = 0; i < que.length; i++) { + + var item = que[i]; + var elapsed = now - item.start; + var finished = (elapsed >= options.animationTime); + + // scroll position: [0, 1] + var position = (finished) ? 1 : elapsed / options.animationTime; + + // easing [optional] + if (options.pulseAlgorithm) { + position = pulse(position); + } + + // only need the difference + var x = (item.x * position - item.lastX) >> 0; + var y = (item.y * position - item.lastY) >> 0; + + // add this to the total scrolling + scrollX += x; + scrollY += y; + + // update last values + item.lastX += x; + item.lastY += y; + + // delete and step back if it's over + if (finished) { + que.splice(i, 1); i--; + } + } + + // scroll left and top + if (isWindowScroll) { + window.scrollBy(scrollX, scrollY); + } + else { + if (scrollX) elem.scrollLeft += scrollX; + if (scrollY) elem.scrollTop += scrollY; + } + + // clean up if there's nothing left to do + if (!left && !top) { + que = []; + } + + if (que.length) { + requestFrame(step, elem, (1000 / options.frameRate + 1)); + } else { + pending = false; + // restore default behavior at the end of scrolling sesh + if (elem.$scrollBehavior != null) { + elem.style.scrollBehavior = elem.$scrollBehavior; + elem.$scrollBehavior = null; + } + } + }; + + // start a new queue of actions + requestFrame(step, elem, 0); + pending = true; +} + + +/*********************************************** + * EVENTS + ***********************************************/ + +/** + * Mouse wheel handler. + * @param {Object} event + */ +function wheel(event) { + + if (!initDone) { + init(); + } + + var target = event.target; + + // leave early if default action is prevented + // or it's a zooming event with CTRL + if (event.defaultPrevented || event.ctrlKey) { + return true; + } + + // leave embedded content alone (flash & pdf) + if (isNodeName(activeElement, 'embed') || + (isNodeName(target, 'embed') && /\.pdf/i.test(target.src)) || + isNodeName(activeElement, 'object') || + target.shadowRoot) { + return true; + } + + var deltaX = -event.wheelDeltaX || event.deltaX || 0; + var deltaY = -event.wheelDeltaY || event.deltaY || 0; + + if (isMac) { + if (event.wheelDeltaX && isDivisible(event.wheelDeltaX, 120)) { + deltaX = -120 * (event.wheelDeltaX / Math.abs(event.wheelDeltaX)); + } + if (event.wheelDeltaY && isDivisible(event.wheelDeltaY, 120)) { + deltaY = -120 * (event.wheelDeltaY / Math.abs(event.wheelDeltaY)); + } + } + + // use wheelDelta if deltaX/Y is not available + if (!deltaX && !deltaY) { + deltaY = -event.wheelDelta || 0; + } + + // line based scrolling (Firefox mostly) + if (event.deltaMode === 1) { + deltaX *= 40; + deltaY *= 40; + } + + var overflowing = overflowingAncestor(target); + + // nothing to do if there's no element that's scrollable + if (!overflowing) { + // except Chrome iframes seem to eat wheel events, which we need to + // propagate up, if the iframe has nothing overflowing to scroll + if (isFrame && isChrome) { + // change target to iframe element itself for the parent frame + Object.defineProperty(event, "target", {value: window.frameElement}); + return parent.wheel(event); + } + return true; + } + + // check if it's a touchpad scroll that should be ignored + if (isTouchpad(deltaY)) { + return true; + } + + // scale by step size + // delta is 120 most of the time + // synaptics seems to send 1 sometimes + if (Math.abs(deltaX) > 1.2) { + deltaX *= options.stepSize / 120; + } + if (Math.abs(deltaY) > 1.2) { + deltaY *= options.stepSize / 120; + } + + scrollArray(overflowing, deltaX, deltaY); + event.preventDefault(); + scheduleClearCache(); +} + +/** + * Keydown event handler. + * @param {Object} event + */ +function keydown(event) { + + var target = event.target; + var modifier = event.ctrlKey || event.altKey || event.metaKey || + (event.shiftKey && event.keyCode !== key.spacebar); + + // our own tracked active element could've been removed from the DOM + if (!document.body.contains(activeElement)) { + activeElement = document.activeElement; + } + + // do nothing if user is editing text + // or using a modifier key (except shift) + // or in a dropdown + // or inside interactive elements + var inputNodeNames = /^(textarea|select|embed|object)$/i; + var buttonTypes = /^(button|submit|radio|checkbox|file|color|image)$/i; + if ( event.defaultPrevented || + inputNodeNames.test(target.nodeName) || + isNodeName(target, 'input') && !buttonTypes.test(target.type) || + isNodeName(activeElement, 'video') || + isInsideYoutubeVideo(event) || + target.isContentEditable || + modifier ) { + return true; + } + + // [spacebar] should trigger button press, leave it alone + if ((isNodeName(target, 'button') || + isNodeName(target, 'input') && buttonTypes.test(target.type)) && + event.keyCode === key.spacebar) { + return true; + } + + // [arrwow keys] on radio buttons should be left alone + if (isNodeName(target, 'input') && target.type == 'radio' && + arrowKeys[event.keyCode]) { + return true; + } + + var shift, x = 0, y = 0; + var overflowing = overflowingAncestor(activeElement); + + if (!overflowing) { + // Chrome iframes seem to eat key events, which we need to + // propagate up, if the iframe has nothing overflowing to scroll + return (isFrame && isChrome) ? parent.keydown(event) : true; + } + + var clientHeight = overflowing.clientHeight; + + if (overflowing == document.body) { + clientHeight = window.innerHeight; + } + + switch (event.keyCode) { + case key.up: + y = -options.arrowScroll; + break; + case key.down: + y = options.arrowScroll; + break; + case key.spacebar: // (+ shift) + shift = event.shiftKey ? 1 : -1; + y = -shift * clientHeight * 0.9; + break; + case key.pageup: + y = -clientHeight * 0.9; + break; + case key.pagedown: + y = clientHeight * 0.9; + break; + case key.home: + if (overflowing == document.body && document.scrollingElement) + overflowing = document.scrollingElement; + y = -overflowing.scrollTop; + break; + case key.end: + var scroll = overflowing.scrollHeight - overflowing.scrollTop; + var scrollRemaining = scroll - clientHeight; + y = (scrollRemaining > 0) ? scrollRemaining + 10 : 0; + break; + case key.left: + x = -options.arrowScroll; + break; + case key.right: + x = options.arrowScroll; + break; + default: + return true; // a key we don't care about + } + + scrollArray(overflowing, x, y); + event.preventDefault(); + scheduleClearCache(); +} + +/** + * Mousedown event only for updating activeElement + */ +function mousedown(event) { + activeElement = event.target; +} + + +/*********************************************** + * OVERFLOW + ***********************************************/ + +var uniqueID = (function () { + var i = 0; + return function (el) { + return el.uniqueID || (el.uniqueID = i++); + }; +})(); + +var cacheX = {}; // cleared out after a scrolling session +var cacheY = {}; // cleared out after a scrolling session +var clearCacheTimer; +var smoothBehaviorForElement = {}; + +//setInterval(function () { cache = {}; }, 10 * 1000); + +function scheduleClearCache() { + clearTimeout(clearCacheTimer); + clearCacheTimer = setInterval(function () { + cacheX = cacheY = smoothBehaviorForElement = {}; + }, 1*1000); +} + +function setCache(elems, overflowing, x) { + var cache = x ? cacheX : cacheY; + for (var i = elems.length; i--;) + cache[uniqueID(elems[i])] = overflowing; + return overflowing; +} + +function getCache(el, x) { + return (x ? cacheX : cacheY)[uniqueID(el)]; +} + +// (body) (root) +// | hidden | visible | scroll | auto | +// hidden | no | no | YES | YES | +// visible | no | YES | YES | YES | +// scroll | no | YES | YES | YES | +// auto | no | YES | YES | YES | + +function overflowingAncestor(el) { + var elems = []; + var body = document.body; + var rootScrollHeight = root.scrollHeight; + do { + var cached = getCache(el, false); + if (cached) { + return setCache(elems, cached); + } + elems.push(el); + if (rootScrollHeight === el.scrollHeight) { + var topOverflowsNotHidden = overflowNotHidden(root) && overflowNotHidden(body); + var isOverflowCSS = topOverflowsNotHidden || overflowAutoOrScroll(root); + if (isFrame && isContentOverflowing(root) || + !isFrame && isOverflowCSS) { + return setCache(elems, getScrollRoot()); + } + } else if (isContentOverflowing(el) && overflowAutoOrScroll(el)) { + return setCache(elems, el); + } + } while ((el = el.parentElement)); +} + +function isContentOverflowing(el) { + return (el.clientHeight + 10 < el.scrollHeight); +} + +// typically for and +function overflowNotHidden(el) { + var overflow = getComputedStyle(el, '').getPropertyValue('overflow-y'); + return (overflow !== 'hidden'); +} + +// for all other elements +function overflowAutoOrScroll(el) { + var overflow = getComputedStyle(el, '').getPropertyValue('overflow-y'); + return (overflow === 'scroll' || overflow === 'auto'); +} + +// for all other elements +function isScrollBehaviorSmooth(el) { + var id = uniqueID(el); + if (smoothBehaviorForElement[id] == null) { + var scrollBehavior = getComputedStyle(el, '')['scroll-behavior']; + smoothBehaviorForElement[id] = ('smooth' == scrollBehavior); + } + return smoothBehaviorForElement[id]; +} + + +/*********************************************** + * HELPERS + ***********************************************/ + +function addEvent(type, fn, arg) { + window.addEventListener(type, fn, arg || false); +} + +function removeEvent(type, fn, arg) { + window.removeEventListener(type, fn, arg || false); +} + +function isNodeName(el, tag) { + return el && (el.nodeName||'').toLowerCase() === tag.toLowerCase(); +} + +function directionCheck(x, y) { + x = (x > 0) ? 1 : -1; + y = (y > 0) ? 1 : -1; + if (direction.x !== x || direction.y !== y) { + direction.x = x; + direction.y = y; + que = []; + lastScroll = 0; + } +} + +if (window.localStorage && localStorage.SS_deltaBuffer) { + try { // #46 Safari throws in private browsing for localStorage + deltaBuffer = localStorage.SS_deltaBuffer.split(','); + } catch (e) { } +} + +function isTouchpad(deltaY) { + if (!deltaY) return; + if (!deltaBuffer.length) { + deltaBuffer = [deltaY, deltaY, deltaY]; + } + deltaY = Math.abs(deltaY); + deltaBuffer.push(deltaY); + deltaBuffer.shift(); + clearTimeout(deltaBufferTimer); + deltaBufferTimer = setTimeout(function () { + try { // #46 Safari throws in private browsing for localStorage + localStorage.SS_deltaBuffer = deltaBuffer.join(','); + } catch (e) { } + }, 1000); + var dpiScaledWheelDelta = deltaY > 120 && allDeltasDivisableBy(deltaY); // win64 + var tp = !allDeltasDivisableBy(120) && !allDeltasDivisableBy(100) && !dpiScaledWheelDelta; + if (deltaY < 50) return true; + return tp; +} + +function isDivisible(n, divisor) { + return (Math.floor(n / divisor) == n / divisor); +} + +function allDeltasDivisableBy(divisor) { + return (isDivisible(deltaBuffer[0], divisor) && + isDivisible(deltaBuffer[1], divisor) && + isDivisible(deltaBuffer[2], divisor)); +} + +function isInsideYoutubeVideo(event) { + var elem = event.target; + var isControl = false; + if (document.URL.indexOf ('www.youtube.com/watch') != -1) { + do { + isControl = (elem.classList && + elem.classList.contains('html5-video-controls')); + if (isControl) break; + } while ((elem = elem.parentNode)); + } + return isControl; +} + +var requestFrame = (function () { + return (window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + function (callback, element, delay) { + window.setTimeout(callback, delay || (1000/60)); + }); +})(); + +var MutationObserver = (window.MutationObserver || + window.WebKitMutationObserver || + window.MozMutationObserver); + +var getScrollRoot = (function() { + var SCROLL_ROOT = document.scrollingElement; + return function() { + if (!SCROLL_ROOT) { + var dummy = document.createElement('div'); + dummy.style.cssText = 'height:10000px;width:1px;'; + document.body.appendChild(dummy); + var bodyScrollTop = document.body.scrollTop; + var docElScrollTop = document.documentElement.scrollTop; + window.scrollBy(0, 3); + if (document.body.scrollTop != bodyScrollTop) + (SCROLL_ROOT = document.body); + else + (SCROLL_ROOT = document.documentElement); + window.scrollBy(0, -3); + document.body.removeChild(dummy); + } + return SCROLL_ROOT; + }; +})(); + + +/*********************************************** + * PULSE (by Michael Herf) + ***********************************************/ + +/** + * Viscous fluid with a pulse for part and decay for the rest. + * - Applies a fixed force over an interval (a damped acceleration), and + * - Lets the exponential bleed away the velocity over a longer interval + * - Michael Herf, http://stereopsis.com/stopping/ + */ +function pulse_(x) { + var val, start, expx; + // test + x = x * options.pulseScale; + if (x < 1) { // acceleartion + val = x - (1 - Math.exp(-x)); + } else { // tail + // the previous animation ended here: + start = Math.exp(-1); + // simple viscous drag + x -= 1; + expx = 1 - Math.exp(-x); + val = start + (expx * (1 - start)); + } + return val * options.pulseNormalize; +} + +function pulse(x) { + if (x >= 1) return 1; + if (x <= 0) return 0; + + if (options.pulseNormalize == 1) { + options.pulseNormalize /= pulse_(1); + } + return pulse_(x); +} + + +/*********************************************** + * FIRST RUN + ***********************************************/ + +var userAgent = window.navigator.userAgent; +var isEdge = /Edge/.test(userAgent); // thank you MS +var isChrome = /chrome/i.test(userAgent) && !isEdge; +var isSafari = /safari/i.test(userAgent) && !isEdge; +var isMobile = /mobile/i.test(userAgent); +var isIEWin7 = /Windows NT 6.1/i.test(userAgent) && /rv:11/i.test(userAgent); +var isOldSafari = isSafari && (/Version\/8/i.test(userAgent) || /Version\/9/i.test(userAgent)); +var isEnabledForBrowser = (isChrome || isSafari || isIEWin7) && !isMobile; + +var supportsPassive = false; +try { + window.addEventListener("test", null, Object.defineProperty({}, 'passive', { + get: function () { + supportsPassive = true; + } + })); +} catch(e) {} + +var wheelOpt = supportsPassive ? { passive: false } : false; +var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel'; + +if (wheelEvent && isEnabledForBrowser) { + addEvent(wheelEvent, wheel, wheelOpt); + addEvent('mousedown', mousedown); + addEvent('load', init); +} + + +/*********************************************** + * PUBLIC INTERFACE + ***********************************************/ + +function SmoothScroll(optionsToSet) { + for (var key in optionsToSet) + if (defaultOptions.hasOwnProperty(key)) + options[key] = optionsToSet[key]; +} +SmoothScroll.destroy = cleanup; + +if (window.SmoothScrollOptions) // async API + SmoothScroll(window.SmoothScrollOptions); + +if (typeof define === 'function' && define.amd) + define(function() { + return SmoothScroll; + }); +else if ('object' == typeof exports) + module.exports = SmoothScroll; +else + window.SmoothScroll = SmoothScroll; + +})(); diff --git a/src/assets/socicon/css/styles.css b/src/assets/socicon/css/styles.css new file mode 100755 index 0000000..9a3247a --- /dev/null +++ b/src/assets/socicon/css/styles.css @@ -0,0 +1,934 @@ +@charset "UTF-8"; + +@font-face { + font-family: 'Socicon'; + src: url('../fonts/socicon.eot'); + src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'), + url('../fonts/socicon.woff2') format('woff2'), + url('../fonts/socicon.ttf') format('truetype'), + url('../fonts/socicon.woff') format('woff'), + url('../fonts/socicon.svg#socicon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +[data-icon]:before { + font-family: "socicon" !important; + content: attr(data-icon); + font-style: normal !important; + font-weight: normal !important; + font-variant: normal !important; + text-transform: none !important; + speak: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +[class^="socicon-"], [class*=" socicon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'Socicon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.socicon-eitaa:before { + content: "\e97c"; +} +.socicon-soroush:before { + content: "\e97d"; +} +.socicon-bale:before { + content: "\e97e"; +} +.socicon-zazzle:before { + content: "\e97b"; +} +.socicon-society6:before { + content: "\e97a"; +} +.socicon-redbubble:before { + content: "\e979"; +} +.socicon-avvo:before { + content: "\e978"; +} +.socicon-stitcher:before { + content: "\e977"; +} +.socicon-googlehangouts:before { + content: "\e974"; +} +.socicon-dlive:before { + content: "\e975"; +} +.socicon-vsco:before { + content: "\e976"; +} +.socicon-flipboard:before { + content: "\e973"; +} +.socicon-ubuntu:before { + content: "\e958"; +} +.socicon-artstation:before { + content: "\e959"; +} +.socicon-invision:before { + content: "\e95a"; +} +.socicon-torial:before { + content: "\e95b"; +} +.socicon-collectorz:before { + content: "\e95c"; +} +.socicon-seenthis:before { + content: "\e95d"; +} +.socicon-googleplaymusic:before { + content: "\e95e"; +} +.socicon-debian:before { + content: "\e95f"; +} +.socicon-filmfreeway:before { + content: "\e960"; +} +.socicon-gnome:before { + content: "\e961"; +} +.socicon-itchio:before { + content: "\e962"; +} +.socicon-jamendo:before { + content: "\e963"; +} +.socicon-mix:before { + content: "\e964"; +} +.socicon-sharepoint:before { + content: "\e965"; +} +.socicon-tinder:before { + content: "\e966"; +} +.socicon-windguru:before { + content: "\e967"; +} +.socicon-cdbaby:before { + content: "\e968"; +} +.socicon-elementaryos:before { + content: "\e969"; +} +.socicon-stage32:before { + content: "\e96a"; +} +.socicon-tiktok:before { + content: "\e96b"; +} +.socicon-gitter:before { + content: "\e96c"; +} +.socicon-letterboxd:before { + content: "\e96d"; +} +.socicon-threema:before { + content: "\e96e"; +} +.socicon-splice:before { + content: "\e96f"; +} +.socicon-metapop:before { + content: "\e970"; +} +.socicon-naver:before { + content: "\e971"; +} +.socicon-remote:before { + content: "\e972"; +} +.socicon-internet:before { + content: "\e957"; +} +.socicon-moddb:before { + content: "\e94b"; +} +.socicon-indiedb:before { + content: "\e94c"; +} +.socicon-traxsource:before { + content: "\e94d"; +} +.socicon-gamefor:before { + content: "\e94e"; +} +.socicon-pixiv:before { + content: "\e94f"; +} +.socicon-myanimelist:before { + content: "\e950"; +} +.socicon-blackberry:before { + content: "\e951"; +} +.socicon-wickr:before { + content: "\e952"; +} +.socicon-spip:before { + content: "\e953"; +} +.socicon-napster:before { + content: "\e954"; +} +.socicon-beatport:before { + content: "\e955"; +} +.socicon-hackerone:before { + content: "\e956"; +} +.socicon-hackernews:before { + content: "\e946"; +} +.socicon-smashwords:before { + content: "\e947"; +} +.socicon-kobo:before { + content: "\e948"; +} +.socicon-bookbub:before { + content: "\e949"; +} +.socicon-mailru:before { + content: "\e94a"; +} +.socicon-gitlab:before { + content: "\e945"; +} +.socicon-instructables:before { + content: "\e944"; +} +.socicon-portfolio:before { + content: "\e943"; +} +.socicon-codered:before { + content: "\e940"; +} +.socicon-origin:before { + content: "\e941"; +} +.socicon-nextdoor:before { + content: "\e942"; +} +.socicon-udemy:before { + content: "\e93f"; +} +.socicon-livemaster:before { + content: "\e93e"; +} +.socicon-crunchbase:before { + content: "\e93b"; +} +.socicon-homefy:before { + content: "\e93c"; +} +.socicon-calendly:before { + content: "\e93d"; +} +.socicon-realtor:before { + content: "\e90f"; +} +.socicon-tidal:before { + content: "\e910"; +} +.socicon-qobuz:before { + content: "\e911"; +} +.socicon-natgeo:before { + content: "\e912"; +} +.socicon-mastodon:before { + content: "\e913"; +} +.socicon-unsplash:before { + content: "\e914"; +} +.socicon-homeadvisor:before { + content: "\e915"; +} +.socicon-angieslist:before { + content: "\e916"; +} +.socicon-codepen:before { + content: "\e917"; +} +.socicon-slack:before { + content: "\e918"; +} +.socicon-openaigym:before { + content: "\e919"; +} +.socicon-logmein:before { + content: "\e91a"; +} +.socicon-fiverr:before { + content: "\e91b"; +} +.socicon-gotomeeting:before { + content: "\e91c"; +} +.socicon-aliexpress:before { + content: "\e91d"; +} +.socicon-guru:before { + content: "\e91e"; +} +.socicon-appstore:before { + content: "\e91f"; +} +.socicon-homes:before { + content: "\e920"; +} +.socicon-zoom:before { + content: "\e921"; +} +.socicon-alibaba:before { + content: "\e922"; +} +.socicon-craigslist:before { + content: "\e923"; +} +.socicon-wix:before { + content: "\e924"; +} +.socicon-redfin:before { + content: "\e925"; +} +.socicon-googlecalendar:before { + content: "\e926"; +} +.socicon-shopify:before { + content: "\e927"; +} +.socicon-freelancer:before { + content: "\e928"; +} +.socicon-seedrs:before { + content: "\e929"; +} +.socicon-bing:before { + content: "\e92a"; +} +.socicon-doodle:before { + content: "\e92b"; +} +.socicon-bonanza:before { + content: "\e92c"; +} +.socicon-squarespace:before { + content: "\e92d"; +} +.socicon-toptal:before { + content: "\e92e"; +} +.socicon-gust:before { + content: "\e92f"; +} +.socicon-ask:before { + content: "\e930"; +} +.socicon-trulia:before { + content: "\e931"; +} +.socicon-loomly:before { + content: "\e932"; +} +.socicon-ghost:before { + content: "\e933"; +} +.socicon-upwork:before { + content: "\e934"; +} +.socicon-fundable:before { + content: "\e935"; +} +.socicon-booking:before { + content: "\e936"; +} +.socicon-googlemaps:before { + content: "\e937"; +} +.socicon-zillow:before { + content: "\e938"; +} +.socicon-niconico:before { + content: "\e939"; +} +.socicon-toneden:before { + content: "\e93a"; +} +.socicon-augment:before { + content: "\e908"; +} +.socicon-bitbucket:before { + content: "\e909"; +} +.socicon-fyuse:before { + content: "\e90a"; +} +.socicon-yt-gaming:before { + content: "\e90b"; +} +.socicon-sketchfab:before { + content: "\e90c"; +} +.socicon-mobcrush:before { + content: "\e90d"; +} +.socicon-microsoft:before { + content: "\e90e"; +} +.socicon-pandora:before { + content: "\e907"; +} +.socicon-messenger:before { + content: "\e906"; +} +.socicon-gamewisp:before { + content: "\e905"; +} +.socicon-bloglovin:before { + content: "\e904"; +} +.socicon-tunein:before { + content: "\e903"; +} +.socicon-gamejolt:before { + content: "\e901"; +} +.socicon-trello:before { + content: "\e902"; +} +.socicon-spreadshirt:before { + content: "\e900"; +} +.socicon-500px:before { + content: "\e000"; +} +.socicon-8tracks:before { + content: "\e001"; +} +.socicon-airbnb:before { + content: "\e002"; +} +.socicon-alliance:before { + content: "\e003"; +} +.socicon-amazon:before { + content: "\e004"; +} +.socicon-amplement:before { + content: "\e005"; +} +.socicon-android:before { + content: "\e006"; +} +.socicon-angellist:before { + content: "\e007"; +} +.socicon-apple:before { + content: "\e008"; +} +.socicon-appnet:before { + content: "\e009"; +} +.socicon-baidu:before { + content: "\e00a"; +} +.socicon-bandcamp:before { + content: "\e00b"; +} +.socicon-battlenet:before { + content: "\e00c"; +} +.socicon-mixer:before { + content: "\e00d"; +} +.socicon-bebee:before { + content: "\e00e"; +} +.socicon-bebo:before { + content: "\e00f"; +} +.socicon-behance:before { + content: "\e010"; +} +.socicon-blizzard:before { + content: "\e011"; +} +.socicon-blogger:before { + content: "\e012"; +} +.socicon-buffer:before { + content: "\e013"; +} +.socicon-chrome:before { + content: "\e014"; +} +.socicon-coderwall:before { + content: "\e015"; +} +.socicon-curse:before { + content: "\e016"; +} +.socicon-dailymotion:before { + content: "\e017"; +} +.socicon-deezer:before { + content: "\e018"; +} +.socicon-delicious:before { + content: "\e019"; +} +.socicon-deviantart:before { + content: "\e01a"; +} +.socicon-diablo:before { + content: "\e01b"; +} +.socicon-digg:before { + content: "\e01c"; +} +.socicon-discord:before { + content: "\e01d"; +} +.socicon-disqus:before { + content: "\e01e"; +} +.socicon-douban:before { + content: "\e01f"; +} +.socicon-draugiem:before { + content: "\e020"; +} +.socicon-dribbble:before { + content: "\e021"; +} +.socicon-drupal:before { + content: "\e022"; +} +.socicon-ebay:before { + content: "\e023"; +} +.socicon-ello:before { + content: "\e024"; +} +.socicon-endomodo:before { + content: "\e025"; +} +.socicon-envato:before { + content: "\e026"; +} +.socicon-etsy:before { + content: "\e027"; +} +.socicon-facebook:before { + content: "\e028"; +} +.socicon-feedburner:before { + content: "\e029"; +} +.socicon-filmweb:before { + content: "\e02a"; +} +.socicon-firefox:before { + content: "\e02b"; +} +.socicon-flattr:before { + content: "\e02c"; +} +.socicon-flickr:before { + content: "\e02d"; +} +.socicon-formulr:before { + content: "\e02e"; +} +.socicon-forrst:before { + content: "\e02f"; +} +.socicon-foursquare:before { + content: "\e030"; +} +.socicon-friendfeed:before { + content: "\e031"; +} +.socicon-github:before { + content: "\e032"; +} +.socicon-goodreads:before { + content: "\e033"; +} +.socicon-google:before { + content: "\e034"; +} +.socicon-googlescholar:before { + content: "\e035"; +} +.socicon-googlegroups:before { + content: "\e036"; +} +.socicon-googlephotos:before { + content: "\e037"; +} +.socicon-googleplus:before { + content: "\e038"; +} +.socicon-grooveshark:before { + content: "\e039"; +} +.socicon-hackerrank:before { + content: "\e03a"; +} +.socicon-hearthstone:before { + content: "\e03b"; +} +.socicon-hellocoton:before { + content: "\e03c"; +} +.socicon-heroes:before { + content: "\e03d"; +} +.socicon-smashcast:before { + content: "\e03e"; +} +.socicon-horde:before { + content: "\e03f"; +} +.socicon-houzz:before { + content: "\e040"; +} +.socicon-icq:before { + content: "\e041"; +} +.socicon-identica:before { + content: "\e042"; +} +.socicon-imdb:before { + content: "\e043"; +} +.socicon-instagram:before { + content: "\e044"; +} +.socicon-issuu:before { + content: "\e045"; +} +.socicon-istock:before { + content: "\e046"; +} +.socicon-itunes:before { + content: "\e047"; +} +.socicon-keybase:before { + content: "\e048"; +} +.socicon-lanyrd:before { + content: "\e049"; +} +.socicon-lastfm:before { + content: "\e04a"; +} +.socicon-line:before { + content: "\e04b"; +} +.socicon-linkedin:before { + content: "\e04c"; +} +.socicon-livejournal:before { + content: "\e04d"; +} +.socicon-lyft:before { + content: "\e04e"; +} +.socicon-macos:before { + content: "\e04f"; +} +.socicon-mail:before { + content: "\e050"; +} +.socicon-medium:before { + content: "\e051"; +} +.socicon-meetup:before { + content: "\e052"; +} +.socicon-mixcloud:before { + content: "\e053"; +} +.socicon-modelmayhem:before { + content: "\e054"; +} +.socicon-mumble:before { + content: "\e055"; +} +.socicon-myspace:before { + content: "\e056"; +} +.socicon-newsvine:before { + content: "\e057"; +} +.socicon-nintendo:before { + content: "\e058"; +} +.socicon-npm:before { + content: "\e059"; +} +.socicon-odnoklassniki:before { + content: "\e05a"; +} +.socicon-openid:before { + content: "\e05b"; +} +.socicon-opera:before { + content: "\e05c"; +} +.socicon-outlook:before { + content: "\e05d"; +} +.socicon-overwatch:before { + content: "\e05e"; +} +.socicon-patreon:before { + content: "\e05f"; +} +.socicon-paypal:before { + content: "\e060"; +} +.socicon-periscope:before { + content: "\e061"; +} +.socicon-persona:before { + content: "\e062"; +} +.socicon-pinterest:before { + content: "\e063"; +} +.socicon-play:before { + content: "\e064"; +} +.socicon-player:before { + content: "\e065"; +} +.socicon-playstation:before { + content: "\e066"; +} +.socicon-pocket:before { + content: "\e067"; +} +.socicon-qq:before { + content: "\e068"; +} +.socicon-quora:before { + content: "\e069"; +} +.socicon-raidcall:before { + content: "\e06a"; +} +.socicon-ravelry:before { + content: "\e06b"; +} +.socicon-reddit:before { + content: "\e06c"; +} +.socicon-renren:before { + content: "\e06d"; +} +.socicon-researchgate:before { + content: "\e06e"; +} +.socicon-residentadvisor:before { + content: "\e06f"; +} +.socicon-reverbnation:before { + content: "\e070"; +} +.socicon-rss:before { + content: "\e071"; +} +.socicon-sharethis:before { + content: "\e072"; +} +.socicon-skype:before { + content: "\e073"; +} +.socicon-slideshare:before { + content: "\e074"; +} +.socicon-smugmug:before { + content: "\e075"; +} +.socicon-snapchat:before { + content: "\e076"; +} +.socicon-songkick:before { + content: "\e077"; +} +.socicon-soundcloud:before { + content: "\e078"; +} +.socicon-spotify:before { + content: "\e079"; +} +.socicon-stackexchange:before { + content: "\e07a"; +} +.socicon-stackoverflow:before { + content: "\e07b"; +} +.socicon-starcraft:before { + content: "\e07c"; +} +.socicon-stayfriends:before { + content: "\e07d"; +} +.socicon-steam:before { + content: "\e07e"; +} +.socicon-storehouse:before { + content: "\e07f"; +} +.socicon-strava:before { + content: "\e080"; +} +.socicon-streamjar:before { + content: "\e081"; +} +.socicon-stumbleupon:before { + content: "\e082"; +} +.socicon-swarm:before { + content: "\e083"; +} +.socicon-teamspeak:before { + content: "\e084"; +} +.socicon-teamviewer:before { + content: "\e085"; +} +.socicon-technorati:before { + content: "\e086"; +} +.socicon-telegram:before { + content: "\e087"; +} +.socicon-tripadvisor:before { + content: "\e088"; +} +.socicon-tripit:before { + content: "\e089"; +} +.socicon-triplej:before { + content: "\e08a"; +} +.socicon-tumblr:before { + content: "\e08b"; +} +.socicon-twitch:before { + content: "\e08c"; +} +.socicon-twitter:before { + content: "\e08d"; +} +.socicon-uber:before { + content: "\e08e"; +} +.socicon-ventrilo:before { + content: "\e08f"; +} +.socicon-viadeo:before { + content: "\e090"; +} +.socicon-viber:before { + content: "\e091"; +} +.socicon-viewbug:before { + content: "\e092"; +} +.socicon-vimeo:before { + content: "\e093"; +} +.socicon-vine:before { + content: "\e094"; +} +.socicon-vkontakte:before { + content: "\e095"; +} +.socicon-warcraft:before { + content: "\e096"; +} +.socicon-wechat:before { + content: "\e097"; +} +.socicon-weibo:before { + content: "\e098"; +} +.socicon-whatsapp:before { + content: "\e099"; +} +.socicon-wikipedia:before { + content: "\e09a"; +} +.socicon-windows:before { + content: "\e09b"; +} +.socicon-wordpress:before { + content: "\e09c"; +} +.socicon-wykop:before { + content: "\e09d"; +} +.socicon-xbox:before { + content: "\e09e"; +} +.socicon-xing:before { + content: "\e09f"; +} +.socicon-yahoo:before { + content: "\e0a0"; +} +.socicon-yammer:before { + content: "\e0a1"; +} +.socicon-yandex:before { + content: "\e0a2"; +} +.socicon-yelp:before { + content: "\e0a3"; +} +.socicon-younow:before { + content: "\e0a4"; +} +.socicon-youtube:before { + content: "\e0a5"; +} +.socicon-zapier:before { + content: "\e0a6"; +} +.socicon-zerply:before { + content: "\e0a7"; +} +.socicon-zomato:before { + content: "\e0a8"; +} +.socicon-zynga:before { + content: "\e0a9"; +} diff --git a/src/assets/socicon/fonts/socicon.eot b/src/assets/socicon/fonts/socicon.eot new file mode 100755 index 0000000..ac878ff Binary files /dev/null and b/src/assets/socicon/fonts/socicon.eot differ diff --git a/src/assets/socicon/fonts/socicon.svg b/src/assets/socicon/fonts/socicon.svg new file mode 100755 index 0000000..213c2a1 --- /dev/null +++ b/src/assets/socicon/fonts/socicon.svg @@ -0,0 +1,307 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/socicon/fonts/socicon.ttf b/src/assets/socicon/fonts/socicon.ttf new file mode 100755 index 0000000..f5cceed Binary files /dev/null and b/src/assets/socicon/fonts/socicon.ttf differ diff --git a/src/assets/socicon/fonts/socicon.woff b/src/assets/socicon/fonts/socicon.woff new file mode 100755 index 0000000..99bf863 Binary files /dev/null and b/src/assets/socicon/fonts/socicon.woff differ diff --git a/src/assets/socicon/fonts/socicon.woff2 b/src/assets/socicon/fonts/socicon.woff2 new file mode 100755 index 0000000..7e81286 Binary files /dev/null and b/src/assets/socicon/fonts/socicon.woff2 differ diff --git a/src/assets/theme/css/style.css b/src/assets/theme/css/style.css new file mode 100755 index 0000000..2aa1223 --- /dev/null +++ b/src/assets/theme/css/style.css @@ -0,0 +1,959 @@ +@charset "UTF-8"; +section { + background-color: #ffffff; +} + +body.modal-open { + font-style: normal; + line-height: 1.5; + font-weight: 400; + color: #232323; + position: relative; + overflow: hidden; /* Verhindert Scrollen auf der Website */ +} + +button { + background-color: transparent; + border-color: transparent; +} + +.embla__button, +.carousel-control { + background-color: #edefea !important; + opacity: 0.8 !important; + color: #464845 !important; + border-color: #edefea !important; +} + +.carousel .close, +.modalWindow .close { + background-color: #edefea !important; + color: #464845 !important; + border-color: #edefea !important; + opacity: 0.8 !important; +} + +.carousel .close:hover, +.modalWindow .close:hover { + opacity: 1 !important; +} + +.carousel-indicators li { + background-color: #edefea !important; + border: 2px solid #464845 !important; +} + +.carousel-indicators li:hover, +.carousel-indicators li:active { + opacity: 0.8 !important; +} + +.embla__button:hover, +.carousel-control:hover { + background-color: #edefea !important; + opacity: 1 !important; +} + +.modalWindow-video-container { + height: 80%; +} + +section, +.container, +.container-fluid { + position: relative; + word-wrap: break-word; +} + +a.mbr-iconfont:hover { + text-decoration: none; +} + +.article .lead p, +.article .lead ul, +.article .lead ol, +.article .lead pre, +.article .lead blockquote { + margin-bottom: 0; +} + +a { + font-style: normal; + font-weight: 400; + cursor: pointer; +} +a, a:hover { + text-decoration: none; +} + +.mbr-section-title { + font-style: normal; + line-height: 1.3; +} + +.mbr-section-subtitle { + line-height: 1.3; +} + +.mbr-text { + font-style: normal; + line-height: 1.7; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.display-1, +.display-2, +.display-4, +.display-5, +.display-7, +span, +p, +a { + line-height: 1; + word-break: break-word; + word-wrap: break-word; + font-weight: 400; +} + +b, +strong { + font-weight: bold; +} + +input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { + transition-delay: 9999s; + -webkit-transition-property: background-color, color; + transition-property: background-color, color; +} + +textarea[type=hidden] { + display: none; +} + +section { + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: cover; +} +section .mbr-background-video, +section .mbr-background-video-preview { + position: absolute; + bottom: 0; + left: 0; + right: 0; + top: 0; +} + +.hidden { + visibility: hidden; +} + +.mbr-z-index20 { + z-index: 20; +} + +/*! Base colors */ +.mbr-white { + color: #ffffff; +} + +.mbr-black { + color: #111111; +} + +.mbr-bg-white { + background-color: #ffffff; +} + +.mbr-bg-black { + background-color: #000000; +} + +/*! Text-aligns */ +.align-left { + text-align: left; +} + +.align-center { + text-align: center; +} + +.align-right { + text-align: right; +} + +/*! Font-weight */ +.mbr-light { + font-weight: 300; +} + +.mbr-regular { + font-weight: 400; +} + +.mbr-semibold { + font-weight: 500; +} + +.mbr-bold { + font-weight: 700; +} + +/*! Media */ +.media-content { + flex-basis: 100%; +} + +.media-container-row { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-content: center; + align-items: start; +} +.media-container-row .media-size-item { + width: 400px; +} + +.media-container-column { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + align-content: center; + align-items: stretch; +} +.media-container-column > * { + width: 100%; +} + +@media (min-width: 992px) { + .media-container-row { + flex-wrap: nowrap; + } +} +figure { + margin-bottom: 0; + overflow: hidden; +} + +figure[mbr-media-size] { + transition: width 0.1s; +} + +img, +iframe { + display: block; + width: 100%; +} + +.card { + background-color: transparent; + border: none; +} + +.card-box { + width: 100%; +} + +.card-img { + text-align: center; + flex-shrink: 0; + -webkit-flex-shrink: 0; +} + +.media { + max-width: 100%; + margin: 0 auto; +} + +.mbr-figure { + align-self: center; +} + +.media-container > div { + max-width: 100%; +} + +.mbr-figure img, +.card-img img { + width: 100%; +} + +@media (max-width: 991px) { + .media-size-item { + width: auto !important; + } + .media { + width: auto; + } + .mbr-figure { + width: 100% !important; + } +} +/*! Buttons */ +.mbr-section-btn { + margin-left: -0.6rem; + margin-right: -0.6rem; + font-size: 0; +} + +.btn { + font-weight: 600; + border-width: 1px; + font-style: normal; + margin: 0.6rem 0.6rem; + white-space: normal; + transition: all 0.2s ease-in-out; + display: inline-flex; + align-items: center; + justify-content: center; + word-break: break-word; +} + +.btn-sm { + font-weight: 600; + letter-spacing: 0px; + transition: all 0.3s ease-in-out; +} + +.btn-md { + font-weight: 600; + letter-spacing: 0px; + transition: all 0.3s ease-in-out; +} + +.btn-lg { + font-weight: 600; + letter-spacing: 0px; + transition: all 0.3s ease-in-out; +} + +.btn-form { + margin: 0; +} +.btn-form:hover { + cursor: pointer; +} + +nav .mbr-section-btn { + margin-left: 0rem; + margin-right: 0rem; +} + +/*! Btn icon margin */ +.btn .mbr-iconfont, +.btn.btn-sm .mbr-iconfont { + order: 1; + cursor: pointer; + margin-left: 0.5rem; + vertical-align: sub; +} + +.btn.btn-md .mbr-iconfont, +.btn.btn-md .mbr-iconfont { + margin-left: 0.8rem; +} + +.mbr-regular { + font-weight: 400; +} + +.mbr-semibold { + font-weight: 500; +} + +.mbr-bold { + font-weight: 700; +} + +[type=submit] { + -webkit-appearance: none; +} + +/*! Full-screen */ +.mbr-fullscreen .mbr-overlay { + min-height: 100vh; +} + +.mbr-fullscreen { + display: flex; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + align-items: center; + min-height: 100vh; + padding-top: 3rem; + padding-bottom: 3rem; +} + +/*! Map */ +.map { + height: 25rem; + position: relative; +} +.map iframe { + width: 100%; + height: 100%; +} + +/*! Scroll to top arrow */ +.mbr-arrow-up { + bottom: 25px; + right: 90px; + position: fixed; + text-align: right; + z-index: 5000; + color: #ffffff; + font-size: 22px; +} + +.mbr-arrow-up a { + background: rgba(0, 0, 0, 0.2); + border-radius: 50%; + color: #fff; + display: inline-block; + height: 60px; + width: 60px; + border: 2px solid #fff; + outline-style: none !important; + position: relative; + text-decoration: none; + transition: all 0.3s ease-in-out; + cursor: pointer; + text-align: center; +} +.mbr-arrow-up a:hover { + background-color: rgba(0, 0, 0, 0.4); +} +.mbr-arrow-up a i { + line-height: 60px; +} + +.mbr-arrow-up-icon { + display: block; + color: #fff; +} + +.mbr-arrow-up-icon::before { + content: "›"; + display: inline-block; + font-family: serif; + font-size: 22px; + line-height: 1; + font-style: normal; + position: relative; + top: 6px; + left: -4px; + transform: rotate(-90deg); +} + +/*! Arrow Down */ +.mbr-arrow { + position: absolute; + bottom: 45px; + left: 50%; + width: 60px; + height: 60px; + cursor: pointer; + background-color: rgba(80, 80, 80, 0.5); + border-radius: 50%; + transform: translateX(-50%); +} +@media (max-width: 767px) { + .mbr-arrow { + display: none; + } +} +.mbr-arrow > a { + display: inline-block; + text-decoration: none; + outline-style: none; + animation: arrowdown 1.7s ease-in-out infinite; + color: #ffffff; +} +.mbr-arrow > a > i { + position: absolute; + top: -2px; + left: 15px; + font-size: 2rem; +} + +#scrollToTop a i::before { + content: ""; + position: absolute; + display: block; + border-bottom: 2.5px solid #fff; + border-left: 2.5px solid #fff; + width: 27.8%; + height: 27.8%; + left: 50%; + top: 51%; + transform: translateY(-30%) translateX(-50%) rotate(135deg); +} + +@keyframes arrowdown { + 0% { + transform: translateY(0px); + } + 50% { + transform: translateY(-5px); + } + 100% { + transform: translateY(0px); + } +} +@media (max-width: 500px) { + .mbr-arrow-up { + left: 0; + right: 0; + text-align: center; + } +} +/*Gradients animation*/ +@keyframes gradient-animation { + from { + background-position: 0% 100%; + animation-timing-function: ease-in-out; + } + to { + background-position: 100% 0%; + animation-timing-function: ease-in-out; + } +} +.bg-gradient { + background-size: 200% 200%; + animation: gradient-animation 5s infinite alternate; + -webkit-animation: gradient-animation 5s infinite alternate; +} + +.menu .navbar-brand { + display: -webkit-flex; +} +.menu .navbar-brand span { + display: flex; + display: -webkit-flex; +} +.menu .navbar-brand .navbar-caption-wrap { + display: -webkit-flex; +} +.menu .navbar-brand .navbar-logo img { + display: -webkit-flex; + width: auto; +} +@media (min-width: 768px) and (max-width: 991px) { + .menu .navbar-toggleable-sm .navbar-nav { + display: -ms-flexbox; + } +} +@media (max-width: 991px) { + .menu .navbar-collapse { + max-height: 93.5vh; + } + .menu .navbar-collapse.show { + overflow: auto; + } +} +@media (min-width: 992px) { + .menu .navbar-nav.nav-dropdown { + display: -webkit-flex; + } + .menu .navbar-toggleable-sm .navbar-collapse { + display: -webkit-flex !important; + } + .menu .collapsed .navbar-collapse { + max-height: 93.5vh; + } + .menu .collapsed .navbar-collapse.show { + overflow: auto; + } +} +@media (max-width: 767px) { + .menu .navbar-collapse { + max-height: 80vh; + } +} + +.nav-link .mbr-iconfont { + margin-right: 0.5rem; +} + +.navbar { + display: -webkit-flex; + -webkit-flex-wrap: wrap; + -webkit-align-items: center; + -webkit-justify-content: space-between; +} + +.navbar-collapse { + -webkit-flex-basis: 100%; + -webkit-flex-grow: 1; + -webkit-align-items: center; +} + +.nav-dropdown .link { + padding: 0.667em 1.667em !important; + margin: 0 !important; +} + +.nav { + display: -webkit-flex; + -webkit-flex-wrap: wrap; +} + +.row { + display: -webkit-flex; + -webkit-flex-wrap: wrap; +} + +.justify-content-center { + -webkit-justify-content: center; +} + +.form-inline { + display: -webkit-flex; +} + +.card-wrapper { + -webkit-flex: 1; +} + +.carousel-control { + z-index: 10; + display: -webkit-flex; +} + +.carousel-controls { + display: -webkit-flex; +} + +.media { + display: -webkit-flex; +} + +.form-group:focus { + outline: none; +} + +.jq-selectbox__select { + padding: 7px 0; + position: relative; +} + +.jq-selectbox__dropdown { + overflow: hidden; + border-radius: 10px; + position: absolute; + top: 100%; + left: 0 !important; + width: 100% !important; +} + +.jq-selectbox__trigger-arrow { + right: 0; + transform: translateY(-50%); +} + +.jq-selectbox li { + padding: 1.07em 0.5em; +} + +input[type=range] { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.modal-dialog, +.modal-content { + height: 100%; +} + +.modal-dialog .carousel-inner { + height: calc(100vh - 1.75rem); +} +@media (max-width: 575px) { + .modal-dialog .carousel-inner { + height: calc(100vh - 1rem); + } +} + +.carousel-item { + text-align: center; +} + +.carousel-item img { + margin: auto; +} + +.navbar-toggler { + align-self: flex-start; + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:focus, +.navbar-toggler:hover { + text-decoration: none; + box-shadow: none; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} + +.navbar-toggler-left { + position: absolute; + left: 1rem; +} + +.navbar-toggler-right { + position: absolute; + right: 1rem; +} + +.card-img { + width: auto; +} + +.menu .navbar.collapsed:not(.beta-menu) { + flex-direction: column; +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: flex; +} + +.note-air-layout .dropup .dropdown-menu, +.note-air-layout .navbar-fixed-bottom .dropdown .dropdown-menu { + bottom: initial !important; +} + +html, +body { + height: auto; + min-height: 100vh; +} + +.dropup .dropdown-toggle::after { + display: none; +} + +.form-asterisk { + font-family: initial; + position: absolute; + top: -2px; + font-weight: normal; +} + +.form-control-label { + position: relative; + cursor: pointer; + margin-bottom: 0.357em; + padding: 0; +} + +.alert { + color: #ffffff; + border-radius: 0; + border: 0; + font-size: 1.1rem; + line-height: 1.5; + margin-bottom: 1.875rem; + padding: 1.25rem; + position: relative; + text-align: center; +} +.alert.alert-form::after { + background-color: inherit; + bottom: -7px; + content: ""; + display: block; + height: 14px; + left: 50%; + margin-left: -7px; + position: absolute; + transform: rotate(45deg); + width: 14px; +} + +.form-control { + background-color: #ffffff; + background-clip: border-box; + color: #232323; + line-height: 1rem !important; + height: auto; + padding: 1.2rem 2rem; + transition: border-color 0.25s ease 0s; + border: 1px solid transparent !important; + border-radius: 4px; + box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; +} +.form-active .form-control:invalid { + border-color: red; +} + +.row > * { + padding-right: 1rem; + padding-left: 1rem; +} + +form .row { + margin-left: -0.6rem; + margin-right: -0.6rem; +} +form .row [class*=col] { + padding-left: 0.6rem; + padding-right: 0.6rem; +} + +form .mbr-section-btn { + padding-left: 0.6rem; + padding-right: 0.6rem; +} + +form .form-check-input { + margin-top: 0.5; +} + +textarea.form-control { + line-height: 1.5rem !important; +} + +.form-group { + margin-bottom: 1.2rem; +} + +.form-control, +form .btn { + min-height: 48px; +} + +.gdpr-block label span.textGDPR input[name=gdpr] { + top: 7px; +} + +.form-control:focus { + box-shadow: none; +} + +:focus { + outline: none; +} + +.mbr-overlay { + background-color: #000; + bottom: 0; + left: 0; + opacity: 0.5; + position: absolute; + right: 0; + top: 0; + z-index: 0; + pointer-events: none; +} + +blockquote { + font-style: italic; + padding: 3rem; + font-size: 1.09rem; + position: relative; + border-left: 3px solid; +} + +ul, +ol, +pre, +blockquote { + margin-bottom: 2.3125rem; +} + +.mt-4 { + margin-top: 2rem !important; +} + +.mb-4 { + margin-bottom: 2rem !important; +} + +.container, +.container-fluid { + padding-left: 16px; + padding-right: 16px; +} + +.row { + margin-left: -16px; + margin-right: -16px; +} +.row > [class*=col] { + padding-left: 16px; + padding-right: 16px; +} + +@media (min-width: 992px) { + .container-fluid { + padding-left: 32px; + padding-right: 32px; + } +} +@media (max-width: 991px) { + .mbr-container { + padding-left: 16px; + padding-right: 16px; + } +} +.app-video-wrapper > img { + opacity: 1; +} + +.app-video-wrapper { + background: transparent; +} + +.item { + position: relative; +} + +.dropdown-menu .dropdown-menu { + left: 100%; +} + +.dropdown-item + .dropdown-menu { + display: none; +} + +.dropdown-item:hover + .dropdown-menu, +.dropdown-menu:hover { + display: block; +} + +@media (min-aspect-ratio: 16/9) { + .mbr-video-foreground { + height: 300% !important; + top: -100% !important; + } +} +@media (max-aspect-ratio: 16/9) { + .mbr-video-foreground { + width: 300% !important; + left: -100% !important; + } +} \ No newline at end of file diff --git a/src/assets/theme/js/script.js b/src/assets/theme/js/script.js new file mode 100755 index 0000000..ac85df5 --- /dev/null +++ b/src/assets/theme/js/script.js @@ -0,0 +1,1698 @@ +(function () { + var $, isBuilder; + var isJQuery = typeof jQuery == 'function'; + if (isJQuery) $ = jQuery; + $ ? isBuilder = $('html').hasClass('is-builder') + : isBuilder = document.querySelector('html').classList.contains('is-builder'); + + function outerFind(el, selector) { + var elements = Array.from(el.querySelectorAll(selector)); + if (el.matches && el.matches(selector)) elements.splice(0, 0, el); + return elements; + }; + + function offset(el) { + var box = el.getBoundingClientRect(), + docElem = document.documentElement; + return { + top: box.top + window.pageYOffset - docElem.clientTop, + left: box.left + window.pageXOffset - docElem.clientLeft + }; + }; + + + function getHeight(el) { + return parseFloat(getComputedStyle(el, null).height.replace('px', '')); + }; + + function getWidth(el) { + return parseFloat(getComputedStyle(el, null).width.replace('px', '')); + }; + + function ready(fn) { + if (document.readyState != 'loading'){ + fn(); + } else { + document.addEventListener('DOMContentLoaded', fn); + } + } + + function getIndex(el) { + if (!el) return -1; + var i = 0; + do { + i++; + } while (el = el.previousElementSibling); + return i; + } + + // fadeIn and fadeOut functions from https://only-to-top.ru/blog/coding/2019-09-24-jquery-to-js.html + function fadeOut(el) { + (function fade() { + if ((el.style.opacity -= .1) < 0) { + el.style.display = 'none'; + } else { + requestAnimationFrame(fade); + } + })(); + }; + + function fadeIn(el) { + el.style.display = 'block'; + (function fade() { + var val = parseFloat(el.style.opacity); + if (!((val += .1) > 1)) { + el.style.opacity = val; + requestAnimationFrame(fade); + } + })(); + }; + + // get parents function from https://gist.github.com/ziggi/2f15832b57398649ee9b + Element.prototype.parents = function(selector) { + var elements = []; + var elem = this; + var ishaveselector = selector !== undefined; + + while ((elem = elem.parentElement) !== null) { + if (elem.nodeType !== Node.ELEMENT_NODE) { + continue; + } + + if (!ishaveselector || elem.matches(selector)) { + elements.push(elem); + } + } + + return elements; + }; + + + Element.prototype.footerReveal = function() { + var _this = this; + var prev = _this.previousElementSibling; + var isIE = !!document.documentMode; + function initReveal() { + if (!isIE && _this.offsetHeight <= window.outerHeight) { + _this.style.zIndex = '-999'; + _this.style.position = 'fixed'; + _this.style.bottom = '0'; + _this.style.width = prev.offsetWidth+'px'; + prev.style.marginBottom = _this.offsetHeight+'px'; + } else { + _this.style.zIndex = ''; + _this.style.position = ''; + _this.style.bottom = ''; + _this.style.width = ''; + prev.style.marginBottom = ''; + } + } + + initReveal(); + + window.addEventListener('resize', function() {initReveal()}); + window.addEventListener('load', function() {initReveal()}); + + return _this; + }; + + + (function (sr) { + // debouncing function from John Hann + // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ + var debounce = function (func, threshold, execAsap) { + var timeout; + + return function debounced() { + var obj = this, + args = arguments; + + function delayed() { + if (!execAsap) func.apply(obj, args); + timeout = null; + } + + if (timeout) clearTimeout(timeout); + else if (execAsap) func.apply(obj, args); + + timeout = setTimeout(delayed, threshold || 100); + }; + }; + // smartresize + window[sr] = function (fn) { + var ev = new CustomEvent(sr); + return fn ? this.addEventListener('resize', debounce(fn)) : this.dispatchEvent(ev); + }; + + })('smartresize'); + + + (function () { + + var scrollbarWidth = 0, + originalMargin, touchHandler = function (event) { + event.preventDefault(); + }; + + function getScrollbarWidth() { + if (scrollbarWidth) return scrollbarWidth; + var scrollDiv = document.createElement('div'); + var props = { + top: '-9999px', + width: '50px', + height: '50px', + overflow: 'scroll', + position: 'absolute' + } + for (var prop in props) { + scrollDiv.style[prop] = props[prop]; + } + document.querySelector('body').appendChild(scrollDiv); + scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth; + document.querySelector('body').removeChild(scrollDiv); + return scrollbarWidth; + } + + })(); + + + function isMobile (type) { + var reg = []; + var any = { + blackberry: 'BlackBerry', + android: 'Android', + windows: 'IEMobile', + opera: 'Opera Mini', + ios: 'iPhone|iPad|iPod' + }; + type = 'undefined' == typeof(type) ? '*' : type.toLowerCase(); + if ('*' === type) reg = Object.values(any); + else if (type in any) reg.push(any[type]); + return !!(reg.length && navigator.userAgent.match(new RegExp(reg.join('|'), 'i'))); + }; + + var isSupportViewportUnits = (function () { + // modernizr implementation + var div = document.createElement('div'); + var body = document.querySelector('body'); + div.setAttribute('style', 'height: 50vh; position: absolute; top: -1000px; left: -1000px;'); + body.appendChild(div); + var height = parseInt(window.innerHeight / 2, 10); + var compStyle = parseInt((window.getComputedStyle ? getComputedStyle(div, null) : div.currentStyle)['height'], 10); + body.removeChild(div); + return compStyle == height; + }()); + + + + ready(function () { + document.querySelector('html').classList.add(isMobile() ? 'mobile' : 'desktop'); + + // .mbr-navbar--sticky + + // needs some check + window.addEventListener('scroll', function() { + document.querySelectorAll('.mbr-navbar--sticky').forEach(function(el) { + var method = window.scrollTop > 10 ? 'add' : 'remove'; + el.classList[method]('mbr-navbar--stuck'); + if (!el.classList.contains('.mbr-navbar--open')) el.classList[method]('mbr-navbar--short'); + }) + }); + + if (isMobile() && navigator.userAgent.match(/Chrome/i)) { // simple fix for Chrome's scrolling + (function (width, height) { + var deviceSize = [width, width]; + deviceSize[height > width ? 0 : 1] = height; + window.smartresize(function () { + var windowHeight = window.innerHeight; + if (deviceSize.indexOf(windowHeight) < 0) + windowHeight = deviceSize[window.innerWidth > windowHeight ? 1 : 0]; + var el = document.querySelector('.mbr-section--full-height'); + if (!el) return; + el.style.height = windowHeight + 'px'; + }); + })(window.innerWidth, window.innerHeight); + } else if (!isSupportViewportUnits) { // fallback for .mbr-section--full-height + window.smartresize(function () { + var el = document.querySelector('.mbr-section--full-height'); + if (!el) return; + el.style.height = window.innerHeight + 'px'; + }); + // $(document).on('add.cards', function (event) { + document.addEventListener('add.cards', function (event) { + if (document.querySelector('html').classList.contains('mbr-site-loaded') && outerFind(event.target, '.mbr-section--full-height').length) + window.dispatchEvent(new CustomEvent('resize')); + }); + } + + // .mbr-section--16by9 (16 by 9 blocks autoheight) + + function calculate16by9(el) { + el.style.height = getWidth(el.parentNode) * 9 / 16 + 'px'; + } + window.addEventListener('smartresize', function () { + document.querySelectorAll('.mbr-section--16by9').forEach(calculate16by9); + }); + if (isJQuery) $(document).on('add.cards changeParameter.cards', function (event) { + //document.addEventListener('add.cards changeParameter.cards', function (event) { + var enabled = outerFind(event.target, '.mbr-section--16by9'); + if (enabled.length) { + enabled.forEach(function(el) { + el.setAttribute('data-16by9', 'true'); + calculate16by9(el); + }) + } else { + outerFind(event.target, '[data-16by9]').forEach(function (el) { + el.styles.height = ''; + el.removeAttribute('data-16by9'); + }) + } + }); + + + // .mbr-parallax-background + + // plugin needs replacement: Parallax + + function initParallax(card) { + setTimeout(function () { + outerFind(card, '.mbr-parallax-background').forEach(function(el) { + if (jarallax) { + jarallax(el, {speed: 0.6}) + el.style.position = 'relative'; + } + }) + + }, 0); + } + + + function destroyParallax(card) { + if (jarallax) jarallax(card, ('destroy')); + card.style.position = ''; + } + + if ((typeof jarallax !== 'undefined') && !isMobile()) { + window.addEventListener('update.parallax', function (event) { + setTimeout(function () { + if (!jarallax) return; + var jarallax = document.querySelector('.mbr-parallax-background'); + + jarallax.jarallax('coverImage'); + jarallax.jarallax('clipContainer'); + jarallax.jarallax('onScroll'); + }, 0); + }); + + if (isBuilder) { + if (!isJQuery) return; + $(document).on('add.cards', function (event) { + initParallax(event.target); + $(window).trigger('update.parallax'); + }); + + $(document).on('changeParameter.cards', function (event, paramName, value, key) { + if (paramName === 'bg') { + destroyParallax(event.target); + $(event.target).find('.mbr-background-video-preview').remove(); + $(event.target).find('.mbr-background-video').remove(); + switch (key) { + case 'type': + if (value.parallax === true) { + initParallax(event.target); + } + break; + case 'value': + if (value.type === 'image' && value.parallax === true) { + initParallax(event.target); + } + break; + case 'parallax': + if (value.parallax === true) { + initParallax(event.target); + } + } + } + + $(window).trigger('update.parallax'); + }); + } else { + initParallax(document.body); + } + + // for Tabs + window.addEventListener('shown.bs.tab', function () { + window.dispatchEvent(new CustomEvent('update.parallax')); + }); + } + + // .mbr-fixed-top + + var fixedTopTimeout, scrollTimeout, prevScrollTop = 0, + fixedTop = null, + isDesktop = !isMobile(); + window.addEventListener('scroll', function () { + if (scrollTimeout) clearTimeout(scrollTimeout); + var scrollTop = document.documentElement.scrollTop; + var scrollUp = scrollTop <= prevScrollTop || isDesktop; + prevScrollTop = scrollTop; + if (fixedTop) { + var fixed = scrollTop > fixedTop.breakPoint; + if (scrollUp) { + if (fixed != fixedTop.fixed) { + if (isDesktop) { + fixedTop.fixed = fixed; + fixedTop.elm.classList.toggle('is-fixed'); + } else { + scrollTimeout = setTimeout(function () { + fixedTop.fixed = fixed; + fixedTop.elm.classList.toggle('is-fixed'); + }, 40); + } + } + } else { + fixedTop.fixed = false; + fixedTop.elm.classList.remove('is-fixed'); + } + } + }); + + if (isJQuery) $(document).on('add.cards delete.cards', function (event) { + // document.addEventListener('add.cards delete.cards', function () { + if (fixedTopTimeout) clearTimeout(fixedTopTimeout); + fixedTopTimeout = setTimeout(function () { + if (fixedTop) { + fixedTop.fixed = false; + fixedTop.elm.classList.remove('is-fixed'); + } + var elm = document.querySelector('.mbr-fixed-top'); + if (elm) { + fixedTop = { + breakPoint: offset(elm).top + getHeight(elm) * 3, + fixed: false, + elm + }; + elm.dispatchEvent(new CustomEvent('scroll')); + } + }, 650); + }); + + + // embedded videos + + window.smartresize(function () { + document.querySelectorAll('.mbr-embedded-video').forEach(function (el) { + el.style.height = (getWidth(el) * parseInt(el.getAttribute('height') || 315) / parseInt(el.getAttribute('width') || 560)).toFixed() + 'px'; + }); + }); + if (isJQuery) $(document).on('add.cards', function (event) { + // document.addEventListener('add.cards', function (event) { + if (document.querySelector('html').classList.contains('mbr-site-loaded') && outerFind(event.target, 'iframe').length) + window.dispatchEvent(new CustomEvent('resize')); + }); + + // background video + + function videoParser(card) { + outerFind(card, '[data-bg-video]').forEach(function (el) { + var videoURL = el.getAttribute('data-bg-video'); + if (!videoURL) return; + + var searchParams = new URLSearchParams(videoURL); + var startAt = Number(searchParams.has('t') ? searchParams.get('t') : 0) || 0; + var parsedUrl = videoURL.match(/(http:\/\/|https:\/\/|)?(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(shorts\/|video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(&\S+)?/); + + var img = el.querySelector('.mbr-background-video-preview') || document.createElement('div'); + + img.classList.add('mbr-background-video-preview'); + img.style.display = 'none'; + img.style.backgroundSize = 'cover'; + img.style.backgroundPosition = 'center'; + + if (!el.querySelector('.mbr-background-video-preview')) el.childNodes[0].before(img); + + const optimizeDisplay = function (player, iframe) { + let vid = {}; + let win = {}; + win.width = window.outerWidth; + win.height = window.outerHeight; + + let ratio = player._opts.width / player._opts.height; + + vid.width = win.width; + vid.height = Math.ceil(vid.width / ratio); + vid.marginTop = Math.ceil(-((vid.height - win.height) / 2)); + let lowest = vid.height < win.height; + + if (lowest) { + vid.height = win.height; + vid.width = Math.ceil(vid.height * ratio); + vid.marginLeft = Math.ceil(-((vid.width - win.width) / 2)) + } + player.setSize(vid.width, vid.height); + }; + + // youtube or vimeo + if (parsedUrl && (/youtu\.?be/g.test(parsedUrl[3]) || /vimeo/g.test(parsedUrl[3]))) { + // youtube + if (parsedUrl && /youtu\.?be/g.test(parsedUrl[3])) { + parsedUrl[6] = parsedUrl[6].replace('shorts', 'embed') + var previewURL = 'http' + ('https:' === location.protocol ? 's' : '') + ':'; + previewURL += '//img.youtube.com/vi/' + parsedUrl[6] + '/maxresdefault.jpg'; + var image = new Image(); + + image.onload = function () { + + if (120 === (image.naturalWidth || image.width)) { + // selection of preview in the best quality + var file = image.src.split('/').pop(); + + switch (file) { + case 'maxresdefault.jpg': + image.src = image.src.replace(file, 'sddefault.jpg'); + break; + case 'sddefault.jpg': + image.src = image.src.replace(file, 'hqdefault.jpg'); + break; + default: // image not found + if (isBuilder) { + img.style.backgroundImage = 'url("images/no-video.jpg")'; + img.style.display = 'block'; + } + } + } else { + img.style.backgroundImage = 'url("' + image.src + '")'; + img.style.display = 'block'; + } + + if (el.querySelector('.mbr-background-video')) el.querySelector('.mbr-background-video').remove(); + + var videoElement = document.createElement('div'); + const wrapperBackground = document.createElement('div'); + const videoBackground = document.createElement('div') + const videoForeground = document.createElement('div') + + videoForeground.classList.add('mbr-video-foreground'); + + videoForeground.appendChild(videoElement) + videoBackground.appendChild(videoForeground) + wrapperBackground.appendChild(videoBackground) + + videoElement.classList.add('mbr-background-video'); + + var playerEl = el.childNodes[1].before(wrapperBackground); + + var imageResolution = { + height: image.naturalHeight, + width: image.naturalWidth, + scale: image.naturalHeight / image.naturalWidth + }; + + var sectionResolution = { + height: videoElement.parentNode.clientHeight, + width: videoElement.parentNode.clientWidth, + scale: videoElement.parentNode.clientHeight / videoElement.parentNode.clientWidth, + }; + + var videoResolution = { + height: imageResolution.height < sectionResolution.height ? imageResolution.height : sectionResolution.height, + width: imageResolution.width > sectionResolution.width ? imageResolution.width : sectionResolution.width + }; + if (videoResolution.height/videoResolution.width != imageResolution.scale) { + videoResolution.height = videoResolution.width * imageResolution.scale + } + var options = { + // height: videoResolution.height, + // width: videoResolution.width, + modestBranding: true, + autoplay: true, + controls: false, + origin: '*', + iv_load_policy: false, + keyboard: false, + captions: false, + annotations: false, + related: false, + start: startAt + } + + var player = new YouTubePlayer(videoElement, options); + + wrapperBackground.style.overflow = 'hidden'; + wrapperBackground.style.position = 'absolute'; + wrapperBackground.style.width = '100%'; + wrapperBackground.style.height = '100%'; + wrapperBackground.style.top = '0'; + wrapperBackground.style.left = '0'; + + videoBackground.style.background = '#000'; + videoBackground.style.top = '0'; + videoBackground.style.right = '0'; + videoBackground.style.bottom = '0'; + videoBackground.style.left = '0'; + + videoForeground.style.position = 'absolute'; + videoForeground.style.top = '0'; + videoForeground.style.left = '0'; + videoForeground.style.width = '100%'; + videoForeground.style.height = '100%'; + videoForeground.style.pointerEvents = 'none'; + + videoElement.style.marginTop = '0'; + videoElement.style.maxWidth = 'initial'; + videoElement.style.transitionProperty = 'opacity'; + videoElement.style.transitionDuration = '1000ms'; + videoElement.style.pointerEvents = 'none'; + videoElement.style.position = 'absolute'; + videoElement.style.top = '0'; + videoElement.style.left = '0'; + videoElement.style.width = '100%'; + videoElement.style.height = '100%'; + videoElement.parentNode.style.overflow = 'hidden'; + videoElement.style.transform = 'scale(1.2)'; + + player.load(parsedUrl[6], true, startAt); + player.play(); + //player.loadPlaylist(); + player.setLoop(true); + player.mute(); + player.on('ended', () => player.play()); + + optimizeDisplay(player); + } + image.setAttribute('src', previewURL); + } else if (parsedUrl && /vimeo/g.test(parsedUrl[3])) { // vimeo + var request = new XMLHttpRequest(); + request.open('GET', 'https://vimeo.com/api/v2/video/' + parsedUrl[6] + '.json', true); + request.onreadystatechange = function () { + if (this.readyState === 4) { + if (this.status >= 200 && this.status < 400) { + var response = JSON.parse(this.responseText); + img.style.backgroundImage = 'url("' + response[0].thumbnail_large + '")'; + img.style.display = 'block'; + } else if (isBuilder) { // image not found + img.style.backgroundImage = 'url("images/no-video.jpg")'; + img.style.display = 'block'; + } + } + }; + request.send(); + request = null; + + if (el.querySelector('.mbr-background-video')) el.querySelector('.mbr-background-video').remove(); + + var videoElement = document.createElement('div'); + videoElement.classList.add('mbr-background-video'); + + var playerEl = el.childNodes[1].before(videoElement); + + var options = { + id: videoURL, + loop: true, + background: true, + responsive: true, + autoplay: true, + byline: false, + title: false, + muted: true, + controls: false + } + + var player = new Vimeo.Player(videoElement, options); + var playerParent = player.element.parentNode; + + playerParent.style.overflow = 'hidden'; + player.element.style.pointerEvents = 'none'; + player.element.style.marginLeft = '-'+(player.element.scrollWidth - playerParent.scrollWidth)/2+'px'; + player.element.style.minHeight = '100vh'; + player.element.style.minWidth = '177.77vh'; + } + } else if (isBuilder) { // neither youtube nor vimeo + img.style.backgroundImage = 'url("images/video-placeholder.jpg")'; + img.style.display = 'block'; + } else if (!isBuilder) { + var videoElement = document.createElement('video'); + var sourceElement = document.createElement('source'); + + videoElement.append(sourceElement) + + el.childNodes[1].before(videoElement); + + sourceElement.src = videoURL; + videoElement.autoplay = true; + videoElement.loop = true; + + videoElement.muted = true; + videoElement.setAttribute('muted', ''); + + videoElement.playsinline = true; + videoElement.setAttribute('playsinline', ''); + + videoElement.style.position = 'absolute'; + videoElement.style.left = '50%'; + videoElement.style.top = '50%'; + videoElement.style.bottom = '0'; + videoElement.style.right = '0'; + videoElement.style.minWidth = '100%'; + videoElement.style.minHeight = '100%'; + videoElement.style.transform = 'translateX(-50%) translateY(-50%)'; + + let placeholder = ''; + + if (el.querySelector('.mbr-fallback-image')) { + placeholder = window.getComputedStyle(el.querySelector('.mbr-fallback-image')).backgroundImage; + placeholder = placeholder.match(/\((.*?)\)/)[1].replace(/('|")/g,''); + videoElement.setAttribute('poster', placeholder); + } + + videoElement.parentNode.style.overflow = 'hidden'; + } + }); + } + + if (isBuilder) { + if (!isJQuery) return; + var targets = []; + $(document).on('add.cards', function (event) { + if (targets.some(el => el === event.target) || !event.target.hasAttribute('mbr-data-bg-video')) return; + targets.push(event.target); + videoParser(event.target); + }); + } else { + videoParser(document.body); + } + + if (isBuilder) $(document).on('changeParameter.cards', function (event, paramName, value, key) { + // document.addEventListener('changeParameter.cards', function (event, paramName, value, key) { + if (paramName === 'bg') { + switch (key) { + case 'type': + if (value.type === 'video') { + videoParser(event.target); + } + break; + case 'value': + if (value.type === 'video') { + videoParser(event.target); + } + break; + } + } + }); + + document.querySelector('html').classList.add('mbr-site-loaded'); + window.dispatchEvent(new CustomEvent('resize')); + window.dispatchEvent(new CustomEvent('scroll')); + + // smooth scroll + + if (!isBuilder) { + document.addEventListener('click', function (e) { + try { + var target = e.target; + + if (target.parents().some(function(el) {el.classList.contains('carousel')})) { + return; + } + do { + if (target.hash) { + var useBody = /#bottom|#top/g.test(target.hash); + document.querySelectorAll(useBody ? 'body' : target.hash).forEach(function (el) { + e.preventDefault(); + + var stickyMenuHeight = document.querySelector('.navbar-fixed-top'); + + var stickyMenuHeightCalculate = function(){ + return stickyMenuHeight ? 60 : 0; + } + + var goTo = target.hash == '#bottom' ? (getHeight(el) - window.innerHeight) : (offset(el).top - stickyMenuHeightCalculate()); + // Disable Accordion's and Tab's scroll + function carouselCheck() { + return target.classList.contains('carousel-control') || !!target.parents('.carousel-controls').length + } + + if (el.classList.contains('panel-collapse') || el.classList.contains('tab-pane') || carouselCheck()) { + return; + } + + window.scrollTo({ + top: goTo, + left: 0, + behavior: 'smooth' + }); + }); + break; + } + } while (target = target.parentNode); + } catch (e) { + // throw e; + } + }); + } + + + // init the same height columns + + document.querySelectorAll('.cols-same-height .mbr-figure').forEach(function (el) { + var img = el.querySelector('img'); + var cont = el.parentNode; + var imgW = img.width; + var imgH = img.height; + + function setNewSize() { + img.style.width = ''; + img.style.maxWidth = ''; + img.style.marginLeft = ''; + + if (imgH && imgW) { + var aspectRatio = imgH / imgW; + + // needs check (in jQ version supposedly should be .css() instead of .addClass()) + el.style.position = 'absolute'; + el.style.top = '0'; + el.style.left = '0'; + el.style.right = '0'; + el.style.bottom = '0'; + + // change image size + var contAspectRatio = getHeight(cont) / getWidth(cont); + if (contAspectRatio > aspectRatio) { + var percent = 100 * (contAspectRatio - aspectRatio) / aspectRatio; + img.style.width = percent + 100 + '%'; + img.style.maxWidth = percent + 100 + '%'; + img.style.marginLeft = (-percent / 2) + '%'; + } + } + } + + img.addEventListener('load', function () { + imgW = img.width; + imgH = img.height; + setNewSize(); + }, { + once: true + }); + + window.addEventListener('resize', setNewSize); + setNewSize(); + }); + }); + + + if (!isBuilder) { + // mbr-social-likes + if (isJQuery && $.fn.socialLikes) { + $(document).on('add.cards', function (event) { + // document.addEventListener('add.cards', function (event) { + outerFind(event.target, '.mbr-social-likes').forEach(function(el) { + el.addEventListener('counter.social-likes', function (event, service, counter) { + if (counter > 999) event.target.querySelectorAll('.social-likes__counter').forEach(function(el) { + el.innerHTML = Math.floor(counter / 1000) + 'k'; + }); + }) + el.socialLikes({ + initHtml: false + }); + }); + }); + } + Array.from(document.body.children).filter(function(el) { return !el.matches('style, script')}) + .forEach(function(el) { + if (el.classList.contains('mbr-reveal')) { + el.addEventListener('add.cards', function() { + el.footerReveal(); + }); + } + }); + + ready(function () { + // disable animation on scroll on mobiles + if (isMobile()) { + return; + // enable animation on scroll + } else if (document.querySelectorAll('input[name=animation]').length) { + document.querySelectorAll('input[name=animation]').forEach(function(el){ el.remove() }); + + var animatedElements = Array.from(document.querySelectorAll('p, h1, h2, h3, h4, h5, a, button, small, img, li, blockquote, .mbr-author-name, em, label, input, select, textarea, .input-group, .form-control, .iconbox, .btn-social, .mbr-figure, .mbr-map, .mbr-testimonial .card-block, .mbr-price-value, .mbr-price-figure, .dataTable, .dataTables_info, .item')); + animatedElements = animatedElements.filter(function(el) { + if (!el.parents().filter(function(parentElement) { + if (parentElement.matches('a, p, .navbar, .mbr-arrow, footer, .iconbox, .mbr-slider, .mbr-gallery, .mbr-testimonial .card-block, #cookiesdirective, .mbr-wowslider, .accordion, .tab-content, .engine, #scrollToTop, .modal, .item')) { + return true + } + }).length) { + return true + }; + }) + + animatedElements = animatedElements.filter(function(el) { + if (!el.parents().filter(function(i) { + return i.matches('form') && !el.matches('li') + }).length) return true; + }) + + animatedElements.forEach(function(el){ + el.classList.add('hidden') + el.classList.add('animate__animated') + el.classList.add('animate__delay-1s') + }); + + function getElementOffset(element) { + var top = 0; + do { + top += element.offsetTop || 0; + element = element.offsetParent; + } while (element); + + return top; + } + + function elCarouselItem(element) { + if (element.parents('.carousel-item').some(function(x) { + return getComputedStyle(x, null).display !== 'none' + })) return false; + + var parentEl = element.parents('.carousel-item').parentNode; + if (!parentEl) return false + if (parentEl.querySelectorAll('.carousel-item.active .hidden.animate__animated').length) { + return false; + } + else if (parentEl.getAttribute('data-visible') > 1) { + var visibleSlides = parentEl.getAttribute('data-visible'); + if (element.parents().some(function (el) {return el.matches('.cloneditem-' + (visibleSlides - 1))}) && element.parents('.cloneditem-' + (visibleSlides - 1)).some(function (el) {return el.getAttribute('data-cloned-index') >= visibleSlides})) { + return true; + } + else { + element.classList.remove('animate__animated animate__delay-1s hidden'); + return false; + } + } + else return true; + } + + function checkIfInView() { + var window_height = window.innerHeight; + var window_top_position = document.documentElement.scrollTop || document.body.scrollTop; + var window_bottom_position = window_top_position + window_height - 100; + + animatedElements.forEach(function (el) { + var element = el; + var element_height = element.offsetHeight; + var element_top_position = getElementOffset(element); + var element_bottom_position = (element_top_position + element_height); + + // check to see if this current element is within viewport + if ((((element_bottom_position >= window_top_position) && + (element_top_position-50 <= window_bottom_position)) || elCarouselItem(el)) && + (el.classList.contains('hidden'))) { + el.classList.remove('hidden') + el.classList.add('animate__fadeIn') + el.classList.add('animate__delay-1s') + el.addEventListener('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () { + el.classList.remove('animate__animated animate__delay-1s animate__fadeIn'); + }, { + once: true + }) + } + }); + } + + window.addEventListener('scroll', checkIfInView); + window.addEventListener('resize', checkIfInView); + window.dispatchEvent(new CustomEvent('scroll')); + } + }); + } + + // Scroll to Top Button + + ready(function () { + if (document.querySelectorAll('.mbr-arrow-up').length) { + var scroller = document.querySelector('#scrollToTop'); + scroller.style.display = 'none'; + window.addEventListener('scroll', function () { + var scrollHeight = Math.max( + document.body.scrollHeight, document.documentElement.scrollHeight, + document.body.offsetHeight, document.documentElement.offsetHeight, + document.body.clientHeight, document.documentElement.clientHeight + ); + var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; + + if (scrollTop > scrollHeight / 2 - document.documentElement.clientHeight / 2 || window.scrollY > window.innerHeight) { + fadeIn(scroller); + } else { + fadeOut(scroller); + } + }); + + scroller.addEventListener('click', function () { + window.scrollTo({ + top: 0, + left: 0, + behavior: 'smooth' + }); + return false; + }); + } + }); + + // arrow down + + if (!isBuilder) { + var arrowDown = document.querySelector('.mbr-arrow'); + if (arrowDown) { + arrowDown.addEventListener('click', function (e) { + var next = e.target.closest('section').nextElementSibling; + if (next.classList.contains('engine')) { + next = next.closest('section').nextElementSibling; + } + + // needs tests + window.scrollTo(0, offset(next).top); + /* + $('html, body').stop().animate({ + scrollTop: offset.top + }, 800, 'linear'); + */ + }); + } + } + + // add padding to the first element, if it exists + if (document.querySelectorAll('nav.navbar').length) { + var navHeight = getHeight(document.querySelector('nav.navbar')); + if (document.querySelector('.mbr-after-navbar.mbr-fullscreen')) document.querySelector('.mbr-after-navbar.mbr-fullscreen').style.paddingTop = navHeight + 'px'; + } + + function isIE() { + var ua = window.navigator.userAgent; + var msie = ua.indexOf('MSIE '); + + if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) { + return true; + } + + return false; + } + + // fixes for IE + + if (!isBuilder && isIE()) { + $(document).on('add.cards', function (event) { + // document.addEventListener('add.cards', function (event) { + var eventTarget = event.target; + + if (eventTarget.classList.contains('mbr-fullscreen')) { + var eventListener = function () { + eventTarget.style.height = 'auto'; + + if (eventTarget.offsetHeight <= window.innerHeight) { + eventTarget.style.height = '1px'; + } + } + window.addEventListener('load', eventListener); + window.addEventListener('resize', eventListener); + } + + if (eventTarget.classList.contains('mbr-slider') || eventTarget.classList.contains('mbr-gallery')) { + eventTarget.querySelectorAll('.carousel-indicators').forEach(function(el) { + el.classList.add('ie-fix'); + el.querySelectorAll('li').forEach(function (x) { + x.style.display = 'inline-block'; + x.style.width = '30px'; + }) + }) + + if (eventTarget.classList.contains('mbr-slider')) { + eventTarget.querySelectorAll('.full-screen .slider-fullscreen-image').forEach(function(x) {x.style.height = '1px'}); + } + } + }); + } + + // Script for popUp video + + ready(function () { + if (!isBuilder) { + var clickListener = function (event) { + if (!event.target) return + if (event.target.tagName == 'VIDEO') { + event.preventDefault(); + event.stopPropagation(); + return + }; + modal(event.target); + }; + var modal = function (item) { + var videoIframe = item.parents('section')[0].querySelector('iframe'), + videoIframeSrc = videoIframe.getAttribute('src'); + + item.parents('section').forEach(function(el) {el.style.zIndex = '5000'}); + + if (videoIframeSrc) { + if (videoIframeSrc.indexOf('youtu') !== -1) { + videoIframe.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); + } + + if (videoIframeSrc.indexOf('vimeo') !== -1) { + var vimeoPlayer = new Vimeo.Player(videoIframe); + vimeoPlayer.play(); + } + } else { + let newVideo = videoIframe.parentNode.querySelector('video'); + if (newVideo) { + if (newVideo.play) newVideo.play(); + } + } + + var section = item.parents('section')[0], + modalWindow = section.querySelector(section.querySelector('[data-modal]').getAttribute('data-modal')); + + modalWindow.style.display = 'table'; + modalWindow.addEventListener('click', function(e) { + if (e.target.tagName === 'VIDEO') return; + if (videoIframeSrc) { + if (videoIframeSrc.indexOf('youtu') !== -1) { + videoIframe.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); + } + + if (videoIframeSrc.indexOf('vimeo') !== -1) { + vimeoPlayer.pause(); + } + } else { + let newVideo = videoIframe.parentNode.querySelector('video'); + if (newVideo) { + if (newVideo.pause) newVideo.pause(); + } + } + + modalWindow.style.display = 'none'; + modalWindow.removeEventListener('click', clickListener); + section.style.zIndex = '0'; + }) + }; + + // Youtube & Vimeo + document.querySelectorAll('.modalWindow-video > iframe').forEach(function (el) { + // var videoURL = el.getAttribute('data-src') || el.getAttribute('src'); + var videoURL = el.getAttribute('data-src'); + if (!videoURL) return; + el.removeAttribute('data-src'); + + + // var videoURL = el.getAttribute('data-src') || el.getAttribute('src'); + // el.removeAttribute('data-src'); + // el.removeAttribute('src'); + + var parsedUrl = videoURL.match(/(http:\/\/|https:\/\/|)?(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(shorts\/|video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(&\S+)?/); + if (videoURL.indexOf('youtu') !== -1) { + el.setAttribute('src', 'https://youtube.com/embed/' + parsedUrl[6] + '?rel=0&enablejsapi=1'); + } else if (videoURL.indexOf('vimeo') !== -1) { + el.setAttribute('src', 'https://player.vimeo.com/video/' + parsedUrl[6] + '?autoplay=0&loop=0'); + } else if (/\.mp4|\.webm|\.ogg|\.ogv|\.m4a|\.m4v/.test(videoURL)) { + let newVideo = document.createElement('video'); + + newVideo.onloadeddata = function(e) { + if (e.target.videoHeight > e.target.videoWidth) { + e.target.style.height = window.innerHeight - (window.innerHeight * 0.2) + 'px'; + } else { + e.target.style.height = '100%'; + } + } + + let posterEl = el.parents('section')[0].querySelector('img'); + if (posterEl) {newVideo.setAttribute('poster', posterEl.src)}; + newVideo.setAttribute('controls', '') + newVideo.setAttribute('playsinline', '') + newVideo.setAttribute('loop', ''); + newVideo.setAttribute('src', videoURL); + el.style.display = 'none'; + newVideo.style.width = '100%'; + el.after(newVideo); + } + }); + + if (document.querySelector('[data-modal]')) + document.querySelectorAll('[data-modal]').forEach(function(el){ + el.addEventListener('click', clickListener); + }) + } + }); + + + if (!isBuilder) { + // removes the public class if it was open when published + const dropdownTogglesArray = document.querySelectorAll('.dropdown-toggle.show'); + const dropdownMenusArray = document.querySelectorAll('.dropdown-menu.show, .dropdown.open'); + const dropdownArray = document.querySelectorAll('.dropdown.open'); + + dropdownTogglesArray.forEach(dropdownTogglerItem => { + dropdownTogglerItem.classList.remove('show'); + dropdownTogglerItem.ariaExpanded = 'false'; + }); + + dropdownMenusArray.forEach(dropdownMenuItem => dropdownMenuItem.classList.remove('show')); + + dropdownArray.forEach(dropdownItem => dropdownItem.classList.remove('open')); + + // open dropdown menu on hover + if (!isMobile()) { + var menu = document.querySelector('section.menu'); + if (menu) { + var width = window.innerWidth, + collapsed = menu.querySelector('.navbar').classList.contains('collapsed'); + // check if collapsed on + if (!collapsed) { + // check width device + if (width > 991) { + menu.querySelectorAll('ul.navbar-nav li.dropdown').forEach(function(el) { + el.addEventListener('mouseover', function() { + if (!el.classList.contains('open')) { + const dropdownItem = el.querySelector('a'); + dropdownItem.parentNode.classList.toggle('open'); + } + }); + el.addEventListener('mouseout', function() { + if (el.classList.contains('open')) { + const dropdownItem = el.querySelector('a'); + dropdownItem.parentNode.classList.toggle('open'); + } + }); + }) + menu.querySelectorAll('ul.navbar-nav li.dropdown .dropdown-menu .dropdown').forEach(function(el) { + el.addEventListener('mouseover', function() { + if (!el.classList.contains('open')) { + el.classList.toggle('open'); + } + }); + el.addEventListener('mouseout', function() { + if (el.classList.contains('open')) { + el.classList.toggle('open'); + } + }); + }) + } + } + } + } + } + + // Functions from plugins for + // compatibility with old projects + + + function setActiveCarouselItem(card){ + var target = card.querySelector('.carousel-item'), + firstIndicator = card.querySelector('.carousel-indicators > li') + target.classList.add('active'); + if (firstIndicator) firstIndicator.classList.add('active'); + } + + function initTestimonialsCarousel(card) { + var target = card, + carouselID = target.getAttribute('id') + '-carousel', + bs5 = target.getAttribute('data-bs-version') && target.getAttribute('data-bs-version').startsWith('5'); + + if (target.getAttribute('id') === null) { + carouselID = target.classList.value.match(/cid-.*?(?=\s|$)/) + '-carousel'; + } + + target.querySelectorAll('.carousel').forEach(function(el) {el.setAttribute('id', carouselID)}); + if (target.querySelector('.carousel-controls')) target.querySelectorAll('.carousel-controls').forEach(function(el) { + el.querySelectorAll('a').forEach(function(el) { + el.setAttribute('href', '#' + carouselID); + bs5 ? el.setAttribute('data-bs-target', '#' + carouselID) + : el.setAttribute('data-target', '#' + carouselID); + }); + }) + target.querySelectorAll('.carousel-indicators > li').forEach(function(el) { + bs5 ? el.setAttribute('data-bs-target', '#' + carouselID) + : el.setAttribute('data-target', '#' + carouselID); + }); + setActiveCarouselItem(target); + } + + + + function initClientCarousel(card) { + var target = card, + countElems = target.querySelectorAll('.carousel-item').length, + visibleSlides = target.querySelector('.carousel-inner').getAttribute('data-visible'); + if (countElems < visibleSlides) { + visibleSlides = countElems; + } + target.querySelectorAll('.carousel-inner').forEach(function(el) {el.setAttribute('class', 'carousel-inner slides' + visibleSlides)}); + target.querySelectorAll('.clonedCol').forEach(function(el) {el.remove()}); + + target.querySelectorAll('.carousel-item .col-md-12').forEach(function (el) { + if (visibleSlides < 2) { + el.setAttribute('class', 'col-md-12'); + } else if (visibleSlides == '5') { + el.setAttribute('class', 'col-md-12 col-lg-15'); + } else { + el.setAttribute('class', 'col-md-12 col-lg-' + 12 / visibleSlides); + } + }); + + // css fix for carousel mess in bs5 + target.querySelectorAll('.carousel-item .row').forEach(function(el) { + el.setAttribute('style', '-webkit-flex-grow: 1; flex-grow: 1; margin: 0;') + }); + + target.querySelectorAll('.carousel-item').forEach(function (el) { + var itemToClone = el; + for (var i = 1; i < visibleSlides; i++) { + itemToClone = itemToClone.nextElementSibling; + if (!itemToClone) { + itemToClone = el.parentNode.children[0] === el ? el.nextElementSibling : el.parentNode.children[0]; + } + var index = getIndex(itemToClone); + var clonedItem = itemToClone.querySelector('.col-md-12').cloneNode(true); + clonedItem.classList.add('cloneditem-' + i); + clonedItem.classList.add('clonedCol'); + clonedItem.setAttribute('data-cloned-index', index); + el.children[0].appendChild(clonedItem); + } + }); + } + + function clickPrev(event) { + event.stopPropagation(); + event.preventDefault(); + } + + if (!isBuilder) { + if (typeof window.initClientPlugin === 'undefined') { + if (document.body.querySelectorAll('.clients').length != 0) { + window.initClientPlugin = true; + document.body.querySelectorAll('.clients').forEach(function (el) { + if (!el.getAttribute('data-isinit')) { + initTestimonialsCarousel(el); + initClientCarousel(el); + } + }); + } + } + if (typeof window.initPopupBtnPlugin === 'undefined') { + if (document.body.querySelectorAll('section.popup-btn-cards').length != 0) { + window.initPopupBtnPlugin = true; + document.querySelectorAll('section.popup-btn-cards .card-wrapper').forEach(function (el) { + el.classList.add('popup-btn'); + }); + } + } + if (typeof window.initTestimonialsPlugin === 'undefined') { + if (document.body.querySelectorAll('.testimonials-slider').length != 0) { + window.initTestimonialsPlugin = true; + document.querySelectorAll('.testimonials-slider').forEach(function (el) { + initTestimonialsCarousel(el); + }); + } + } + + + if (typeof window.initSwitchArrowPlugin === 'undefined'){ + window.initSwitchArrowPlugin = true; + ready(function () { + if (document.querySelectorAll('.accordionStyles').length!=0) { + document.querySelectorAll('.accordionStyles > .card > .card-header > a[role="button"]').forEach(function(el){ + if(!el.classList.contains('collapsed')){ + el.classList.add('collapsed'); + } + }); + } + }); + document.querySelectorAll('.accordionStyles > .card > .card-header > a[role="button"]').forEach(function(el) { + el.addEventListener('click', function() { + var id = el.closest('.accordionStyles').getAttribute('id'), + iscollapsing = el.closest('.card').querySelector('.panel-collapse'), + sign = el.querySelector('span.sign') ? el.querySelector('span.sign') : el.querySelector('span.mbr-iconfont'); + + if (iscollapsing.classList.contains('collapsing')) { + if (id.indexOf('toggle')!= -1 || id.indexOf('accordion')!= -1) { + if (el.classList.contains('collapsed')) { + sign.classList.remove('mbri-arrow-up'); + sign.classList.add('mbri-arrow-down'); + } else { + sign.classList.remove('mbri-arrow-down'); + sign.classList.add('mbri-arrow-up'); + } + if (id.indexOf('accordion')!= -1) { + var accordion = el.closest('.accordionStyles'); + Array.from(accordion.children).filter(function(el) { return el.querySelector('span.sign') !== sign}) + .forEach(function(el) { + var icon = el.querySelector('span.sign') ? el.querySelector('span.sign') : el.querySelector('span.mbr-iconfont'); + icon.classList.remove('mbri-arrow-up'); + icon.classList.add('mbri-arrow-down'); + }) + } + } + } + }) + }) + } + + // Fix for slider bug + if (document.querySelectorAll('.mbr-slider.carousel').length != 0) { + document.querySelectorAll('.mbr-slider.carousel').forEach(function (el) { + var slider = el, + controls = slider.querySelectorAll('.carousel-control'), + indicators = slider.querySelectorAll('.carousel-indicators li'), + slideEventHandler = function (event) { clickPrev(event) } + slider.addEventListener('slide.bs.carousel', function () { + controls.forEach(function(el) {el.addEventListener('click', slideEventHandler)}); + indicators.forEach(function(el) {el.addEventListener('click', slideEventHandler)}); + // plugin needs replacement: bootstrapcarouselswipe + if (isJQuery) $(slider).carousel({ + keyboard: false + }); + }) + slider.addEventListener('slid.bs.carousel', function () { + controls.forEach(function(el) {el.removeEventListener('click', slideEventHandler)}); + indicators.forEach(function(el) {el.removeEventListener('click', slideEventHandler)}); + // plugin needs replacement: bootstrapcarouselswipe + if (isJQuery) $(slider).carousel({ + keyboard: true + }); + if (slider.querySelectorAll('.carousel-item.active').length > 1) { + slider.querySelectorAll('.carousel-item.active')[1].classList.remove('active'); + slider.querySelectorAll('.carousel-control li.active')[1].classList.remove('active'); + } + }); + }); + } + } + + // Form Styler + + if (isBuilder) { + if (!isJQuery) return; + $(document).on('add.cards', function (event) { + if ($(event.target).find('.form-with-styler').length) { + var form = $(event.target).find('.form-with-styler'); + $(form).find('select:not("[multiple]")').each(function () { + if (!$(this).styler) return; + $(this).styler(); + }); + $(form).find('input[type=number]').each(function () { + if (!$(this).styler) return; + $(this).styler(); + $(this).parent().parent().removeClass('form-control') + }); + // documentation about plugin https://xdsoft.net/jqplugins/datetimepicker/ + $(form).find('input[type=date]').each(function () { + if ($(this).datetimepicker) + $(this).datetimepicker({ + format: 'Y-m-d', + timepicker: false + }); + }); + $(form).find('input[type=time]').each(function () { + if ($(this).datetimepicker) + $(this).datetimepicker({ + format: 'H:i', + datepicker: false + }); + }); + + } + }); + } + + document.querySelectorAll('input[type="range"]').forEach(function(el) { + el.addEventListener('change', function(e) {e.target.parents('.form-group').forEach(function(x) { + x.querySelector('.value').innerHTML = e.target.value + })}); + }); + + + + // circular progress + + function setGradient(section) { + var linearGradient = '', + gradientElement = section.querySelector('svg linearGradient'); + if (gradientElement) { + var colors = []; + var stops = Array.from(gradientElement.children); + for (var x = 0; x < stops.length; x++) { + colors.push(`"${stops[x].getAttribute('stop-color')}"`); + } + linearGradient = `"lineargradient": [${colors}],`; + if (!Array.from(section.querySelectorAll('svg')).some(function (el) { return el.classList.contains('svg-gradient') })) + section.querySelectorAll('svg').forEach(function (el) {el.classList.add('svg-gradient')}); + }; + return linearGradient; + } + + function setProgressElement (el, cardID, percent) { + // css fix for cards row + var card = el.closest('.card'), + rowClasses = card.parentElement.classList; + if (!card.getAttribute('style')) + card.setAttribute('style', '-webkit-flex-basis: auto; flex-basis: auto;'); + if (rowClasses.contains('row')) { + rowClasses.remove('row'); + rowClasses.add('media-container-row'); + } + + el.querySelectorAll('.svg-gradient > *').forEach(function(el) {el.setAttribute('id', cardID)}); + var clonedEl = el.cloneNode(true); + Array.from(el.children).forEach(function(el) { + if (el.tagName !== 'SVG') return el.remove(); + }) + el.setAttribute('data-pie', `{ ${setGradient(el.closest('section'))} "percent": ${percent}, "size": 150, "colorCircle": "#f1f1f1", "stroke": 5, "colorSlice": "url(#${cardID})", "fontSize": "1.3rem", "number": false }`); + Array.from(clonedEl.children).forEach(function(clonedChild) { + switch (true) { + case clonedChild.matches('p'): + clonedChild.innerText = percent + '%'; + el.appendChild(clonedChild); + break; + case clonedChild.matches('svg'): + break; + default: + el.appendChild(clonedChild); + } + }) + } + + function initCircleProgress (card) { + var section = card.closest('section'), + cardID = section.getAttribute('id') + '-svg-gradient', + percent = +card.getAttribute('data-goal'); + setProgressElement(card, cardID, percent); + } + + function updateCircleProgress (section, paramName) { + if (!section.classList.contains('circle-progress-section') || !paramName.includes('progress') || paramName == 'progressCount') return; + if (paramName.includes('Color')) { + section.querySelectorAll('.pie_progress').forEach(function(el) { + var cardID = section.getAttribute('id') + '-svg-gradient', + percent = +el.getAttribute('data-goal'); + setProgressElement(el, cardID, percent); + }) + } else { + var cardID = section.getAttribute('id') + '-svg-gradient', + el = section.querySelector('.' + paramName), + percent = +el.getAttribute('data-goal'); + setProgressElement(el, cardID, percent); + } + } + + if (isBuilder) { + $(document).on('add.cards changeParameter.cards', function (event, paramName) { + if (typeof CircularProgressBar !== 'undefined') new CircularProgressBar('pie_progress'); + if (paramName) { + updateCircleProgress(event.target, paramName) + } else { + if (event.target.querySelectorAll('.pie_progress').length) { + event.target.querySelectorAll('.pie_progress').forEach(function(el) {initCircleProgress(el)}) + } + } + }) + } else { + if (document.querySelectorAll('.pie_progress').length) { + if (typeof CircularProgressBar !== 'undefined') new CircularProgressBar('pie_progress'); + document.querySelectorAll('.pie_progress').forEach(function(el) {initCircleProgress(el)}) + } + } + + if (isBuilder && isJQuery) { + $(document).on('add.cards', function(event) { + if($(event.target).hasClass('testimonials-slider')){ + initTestimonialsCarousel(event.target); + } + + }).on('changeParameter.cards', function(event, paramName, value) { + if (paramName === 'testimonialsSlides') { + if ($(event.target).find('.carousel-item.active').length==0) { + setActiveCarouselItem(event.target); + } + } + }); + } else { + if (typeof window.initTestimonialsPlugin === 'undefined'){ + window.initTestimonialsPlugin = true; + document.querySelectorAll('.testimonials-slider').forEach(function(el){ + initTestimonialsCarousel(el); + }); + } + } + + // init + ready(function(){ + if (!isBuilder) { + Array.from(document.body.children).filter(function(el) { return !el.matches('style, script')}) + .forEach(function(el) { + if (window.Event && typeof window.Event === 'function') { + var event = new Event('add.cards'); + } else { + var event = document.createEvent('CustomEvent'); + event.initEvent('add.cards', true, true); + } + el.dispatchEvent(event); + }) + } + }) + + // background on scroll menu + ready(() => { + window.addEventListener('scroll', () => { + const navbarDropdown = document.querySelector('.navbar-dropdown'); + const navbarCollapse = document.querySelector('.navbar-collapse'); + + if (navbarDropdown && !navbarDropdown.classList.contains('opacityScrollOff')) { + const scrollTop = document.documentElement.scrollTop; + const isScrollingDown = scrollTop > 1; + + navbarDropdown.classList.toggle("opacityScroll", !isScrollingDown); + navbarCollapse.classList.toggle("opacityScroll", !isScrollingDown); + } + }); + }); + + // infinite marquee + + function infinityMarquee() { + const checkMarqueeOnPage = document.querySelector(".loop-container") + + if (!checkMarqueeOnPage) { + return + } + + const lerp = (current, target, factor) => current * (1 - factor) + target * factor; + + const loopingText = (el) => { + const lerpData = { current: 0, target: 0 }; + const interpolationFactor = 0.2; // smoothness from 0.01 to 1 + const speed = +(el.children[0].dataset.speed) || 0.05; // speed from 0.01 to ~ + const item = el.querySelector('.item'); + const direction = item.dataset.direction // -1 left, 1 right + + if (item) { + // update the text content with line words + const updateTextContent = () => { + el.querySelectorAll('.item').forEach((item) => { + const lineWords = item.dataset.linewords; + item.textContent = lineWords + '\u00A0'; + }); + } + + updateTextContent(); + + + el.style.cssText = `position: relative; display: inline-flex; white-space: nowrap;`; + el.children[1].style.cssText = `position: absolute; left: ${100 * -direction}%;`; + + const animate = () => { + lerpData.target += speed; + lerpData.current = lerp(lerpData.current, lerpData.target, interpolationFactor); + + if (lerpData.target > 100) { + lerpData.current -= lerpData.target; + lerpData.target = 0; + } + + const x = lerpData.current * direction; + el.style.transform = `translateX(${x}%)`; + + window.requestAnimationFrame(animate); + }; + + const events = () => { + window.addEventListener("scroll", () => (lerpData.target += speed * 1.5)); + }; + + // tracking data-attribute changes to update the animation in the mbr + const observer = new MutationObserver(() => { + document.querySelectorAll(".loop-container").forEach(el => { + el.style.transform = ""; // Reset the current animation + }); + observer.disconnect(); // Disconnect the observer to prevent cyclic observation + loopingText(el); // Start the animation again after removal + }); + + observer.observe(item, { attributes: true, attributeFilter: ["data-direction", "data-speed", "data-linewords"] }); + + + events(); + animate(); + } + }; + + document.querySelectorAll(".loop-container").forEach(el => loopingText(el)); + } + + if (isBuilder) { + $(document).on("add.cards", infinityMarquee); + } else { + window.addEventListener("DOMContentLoaded", infinityMarquee); + } + + + // for animated text blocks + + function tickerItemsUpdate() { + const tickerItems = Array.from(document.querySelectorAll('.ticker__item')); + + if (tickerItems.length === 0) { + return; + } + + const textLines = tickerItems.map(item => item.textContent); + const mutation = new MutationObserver(function () { + tickerItems.forEach((item, index) => { + const updatedWord = item.dataset['word']; + item.textContent = updatedWord; + }); + }); + + tickerItems.forEach((item, index) => { + item.textContent = textLines[index]; + mutation.observe(item, { attributes: true, attributeFilter: ['data-word'] }); + }); + + const updateTextContent = () => { + document.querySelectorAll('.ticker__item').forEach((item) => { + const lineWords = item.dataset.word; + item.textContent = lineWords; + }); + } + + updateTextContent(); + } + + if (isBuilder) { + $(document).on("add.cards", tickerItemsUpdate); + } else { + window.addEventListener("DOMContentLoaded", tickerItemsUpdate); + } + + if (!document.getElementById('top-1')) { + var e = document.createElement("section"); + e.id = "top-1"; + e.style = "display: none"; + e.innerHTML = 'Mobirise AI Website Builder Mobirise AI Alpha v0.01 AI Website Builder'; + document.body.insertBefore(e, document.body.childNodes[0]); + } +}()); \ No newline at end of file diff --git a/src/assets/web/assets/mobirise-icons2/mobirise2.css b/src/assets/web/assets/mobirise-icons2/mobirise2.css new file mode 100755 index 0000000..956772f --- /dev/null +++ b/src/assets/web/assets/mobirise-icons2/mobirise2.css @@ -0,0 +1,498 @@ +@font-face { + font-family: 'Moririse2'; + font-display: swap; + src: url('mobirise2.eot?f2bix4'); + src: url('mobirise2.eot?f2bix4#iefix') format('embedded-opentype'), + url('mobirise2.ttf?f2bix4') format('truetype'), + url('mobirise2.woff?f2bix4') format('woff'), + url('mobirise2.svg?f2bix4#mobirise2') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="mobi-"], [class*=" mobi-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'Moririse2' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.mobi-mbri-add-submenu:before { + content: "\e900"; +} +.mobi-mbri-alert:before { + content: "\e901"; +} +.mobi-mbri-align-center:before { + content: "\e902"; +} +.mobi-mbri-align-justify:before { + content: "\e903"; +} +.mobi-mbri-align-left:before { + content: "\e904"; +} +.mobi-mbri-align-right:before { + content: "\e905"; +} +.mobi-mbri-android:before { + content: "\e906"; +} +.mobi-mbri-apple:before { + content: "\e907"; +} +.mobi-mbri-arrow-down:before { + content: "\e908"; +} +.mobi-mbri-arrow-next:before { + content: "\e909"; +} +.mobi-mbri-arrow-prev:before { + content: "\e90a"; +} +.mobi-mbri-arrow-up:before { + content: "\e90b"; +} +.mobi-mbri-bold:before { + content: "\e90c"; +} +.mobi-mbri-bookmark:before { + content: "\e90d"; +} +.mobi-mbri-bootstrap:before { + content: "\e90e"; +} +.mobi-mbri-briefcase:before { + content: "\e90f"; +} +.mobi-mbri-browse:before { + content: "\e910"; +} +.mobi-mbri-bulleted-list:before { + content: "\e911"; +} +.mobi-mbri-calendar:before { + content: "\e912"; +} +.mobi-mbri-camera:before { + content: "\e913"; +} +.mobi-mbri-cart-add:before { + content: "\e914"; +} +.mobi-mbri-cart-full:before { + content: "\e915"; +} +.mobi-mbri-cash:before { + content: "\e916"; +} +.mobi-mbri-change-style:before { + content: "\e917"; +} +.mobi-mbri-chat:before { + content: "\e918"; +} +.mobi-mbri-clock:before { + content: "\e919"; +} +.mobi-mbri-close:before { + content: "\e91a"; +} +.mobi-mbri-cloud:before { + content: "\e91b"; +} +.mobi-mbri-code:before { + content: "\e91c"; +} +.mobi-mbri-contact-form:before { + content: "\e91d"; +} +.mobi-mbri-credit-card:before { + content: "\e91e"; +} +.mobi-mbri-cursor-click:before { + content: "\e91f"; +} +.mobi-mbri-cust-feedback:before { + content: "\e920"; +} +.mobi-mbri-database:before { + content: "\e921"; +} +.mobi-mbri-delivery:before { + content: "\e922"; +} +.mobi-mbri-desktop:before { + content: "\e923"; +} +.mobi-mbri-devices:before { + content: "\e924"; +} +.mobi-mbri-down:before { + content: "\e925"; +} +.mobi-mbri-download-2:before { + content: "\e926"; +} +.mobi-mbri-download:before { + content: "\e927"; +} +.mobi-mbri-drag-n-drop-2:before { + content: "\e928"; +} +.mobi-mbri-drag-n-drop:before { + content: "\e929"; +} +.mobi-mbri-edit-2:before { + content: "\e92a"; +} +.mobi-mbri-edit:before { + content: "\e92b"; +} +.mobi-mbri-error:before { + content: "\e92c"; +} +.mobi-mbri-extension:before { + content: "\e92d"; +} +.mobi-mbri-features:before { + content: "\e92e"; +} +.mobi-mbri-file:before { + content: "\e92f"; +} +.mobi-mbri-flag:before { + content: "\e930"; +} +.mobi-mbri-folder:before { + content: "\e931"; +} +.mobi-mbri-gift:before { + content: "\e932"; +} +.mobi-mbri-github:before { + content: "\e933"; +} +.mobi-mbri-globe-2:before { + content: "\e934"; +} +.mobi-mbri-globe:before { + content: "\e935"; +} +.mobi-mbri-growing-chart:before { + content: "\e936"; +} +.mobi-mbri-hearth:before { + content: "\e937"; +} +.mobi-mbri-help:before { + content: "\e938"; +} +.mobi-mbri-home:before { + content: "\e939"; +} +.mobi-mbri-hot-cup:before { + content: "\e93a"; +} +.mobi-mbri-idea:before { + content: "\e93b"; +} +.mobi-mbri-image-gallery:before { + content: "\e93c"; +} +.mobi-mbri-image-slider:before { + content: "\e93d"; +} +.mobi-mbri-info:before { + content: "\e93e"; +} +.mobi-mbri-italic:before { + content: "\e93f"; +} +.mobi-mbri-key:before { + content: "\e940"; +} +.mobi-mbri-laptop:before { + content: "\e941"; +} +.mobi-mbri-layers:before { + content: "\e942"; +} +.mobi-mbri-left-right:before { + content: "\e943"; +} +.mobi-mbri-left:before { + content: "\e944"; +} +.mobi-mbri-letter:before { + content: "\e945"; +} +.mobi-mbri-like:before { + content: "\e946"; +} +.mobi-mbri-link:before { + content: "\e947"; +} +.mobi-mbri-lock:before { + content: "\e948"; +} +.mobi-mbri-login:before { + content: "\e949"; +} +.mobi-mbri-logout:before { + content: "\e94a"; +} +.mobi-mbri-magic-stick:before { + content: "\e94b"; +} +.mobi-mbri-map-pin:before { + content: "\e94c"; +} +.mobi-mbri-menu:before { + content: "\e94d"; +} +.mobi-mbri-mobile-2:before { + content: "\e94e"; +} +.mobi-mbri-mobile-horizontal:before { + content: "\e94f"; +} +.mobi-mbri-mobile:before { + content: "\e950"; +} +.mobi-mbri-mobirise:before { + content: "\e951"; +} +.mobi-mbri-more-horizontal:before { + content: "\e952"; +} +.mobi-mbri-more-vertical:before { + content: "\e953"; +} +.mobi-mbri-music:before { + content: "\e954"; +} +.mobi-mbri-new-file:before { + content: "\e955"; +} +.mobi-mbri-numbered-list:before { + content: "\e956"; +} +.mobi-mbri-opened-folder:before { + content: "\e957"; +} +.mobi-mbri-pages:before { + content: "\e958"; +} +.mobi-mbri-paper-plane:before { + content: "\e959"; +} +.mobi-mbri-paperclip:before { + content: "\e95a"; +} +.mobi-mbri-phone:before { + content: "\e95b"; +} +.mobi-mbri-photo:before { + content: "\e95c"; +} +.mobi-mbri-photos:before { + content: "\e95d"; +} +.mobi-mbri-pin:before { + content: "\e95e"; +} +.mobi-mbri-play:before { + content: "\e95f"; +} +.mobi-mbri-plus:before { + content: "\e960"; +} +.mobi-mbri-preview:before { + content: "\e961"; +} +.mobi-mbri-print:before { + content: "\e962"; +} +.mobi-mbri-protect:before { + content: "\e963"; +} +.mobi-mbri-question:before { + content: "\e964"; +} +.mobi-mbri-quote-left:before { + content: "\e965"; +} +.mobi-mbri-quote-right:before { + content: "\e966"; +} +.mobi-mbri-redo:before { + content: "\e967"; +} +.mobi-mbri-refresh:before { + content: "\e968"; +} +.mobi-mbri-responsive-2:before { + content: "\e969"; +} +.mobi-mbri-responsive:before { + content: "\e96a"; +} +.mobi-mbri-right:before { + content: "\e96b"; +} +.mobi-mbri-rocket:before { + content: "\e96c"; +} +.mobi-mbri-sad-face:before { + content: "\e96d"; +} +.mobi-mbri-sale:before { + content: "\e96e"; +} +.mobi-mbri-save:before { + content: "\e96f"; +} +.mobi-mbri-search:before { + content: "\e970"; +} +.mobi-mbri-setting-2:before { + content: "\e971"; +} +.mobi-mbri-setting-3:before { + content: "\e972"; +} +.mobi-mbri-setting:before { + content: "\e973"; +} +.mobi-mbri-share:before { + content: "\e974"; +} +.mobi-mbri-shopping-bag:before { + content: "\e975"; +} +.mobi-mbri-shopping-basket:before { + content: "\e976"; +} +.mobi-mbri-shopping-cart:before { + content: "\e977"; +} +.mobi-mbri-sites:before { + content: "\e978"; +} +.mobi-mbri-smile-face:before { + content: "\e979"; +} +.mobi-mbri-speed:before { + content: "\e97a"; +} +.mobi-mbri-star:before { + content: "\e97b"; +} +.mobi-mbri-success:before { + content: "\e97c"; +} +.mobi-mbri-sun:before { + content: "\e97d"; +} +.mobi-mbri-sun2:before { + content: "\e97e"; +} +.mobi-mbri-tablet-vertical:before { + content: "\e97f"; +} +.mobi-mbri-tablet:before { + content: "\e980"; +} +.mobi-mbri-target:before { + content: "\e981"; +} +.mobi-mbri-timer:before { + content: "\e982"; +} +.mobi-mbri-to-ftp:before { + content: "\e983"; +} +.mobi-mbri-to-local-drive:before { + content: "\e984"; +} +.mobi-mbri-touch-swipe:before { + content: "\e985"; +} +.mobi-mbri-touch:before { + content: "\e986"; +} +.mobi-mbri-trash:before { + content: "\e987"; +} +.mobi-mbri-underline:before { + content: "\e988"; +} +.mobi-mbri-undo:before { + content: "\e989"; +} +.mobi-mbri-unlink:before { + content: "\e98a"; +} +.mobi-mbri-unlock:before { + content: "\e98b"; +} +.mobi-mbri-up-down:before { + content: "\e98c"; +} +.mobi-mbri-up:before { + content: "\e98d"; +} +.mobi-mbri-update:before { + content: "\e98e"; +} +.mobi-mbri-upload-2:before { + content: "\e98f"; +} +.mobi-mbri-upload:before { + content: "\e990"; +} +.mobi-mbri-user-2:before { + content: "\e991"; +} +.mobi-mbri-user:before { + content: "\e992"; +} +.mobi-mbri-users:before { + content: "\e993"; +} +.mobi-mbri-video-play:before { + content: "\e994"; +} +.mobi-mbri-video:before { + content: "\e995"; +} +.mobi-mbri-watch:before { + content: "\e996"; +} +.mobi-mbri-website-theme-2:before { + content: "\e997"; +} +.mobi-mbri-website-theme:before { + content: "\e998"; +} +.mobi-mbri-wifi:before { + content: "\e999"; +} +.mobi-mbri-windows:before { + content: "\e99a"; +} +.mobi-mbri-zoom-in:before { + content: "\e99b"; +} +.mobi-mbri-zoom-out:before { + content: "\e99c"; +} diff --git a/src/assets/web/assets/mobirise-icons2/mobirise2.eot b/src/assets/web/assets/mobirise-icons2/mobirise2.eot new file mode 100755 index 0000000..6d1ffe0 Binary files /dev/null and b/src/assets/web/assets/mobirise-icons2/mobirise2.eot differ diff --git a/src/assets/web/assets/mobirise-icons2/mobirise2.svg b/src/assets/web/assets/mobirise-icons2/mobirise2.svg new file mode 100755 index 0000000..e7031cb --- /dev/null +++ b/src/assets/web/assets/mobirise-icons2/mobirise2.svg @@ -0,0 +1,167 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/web/assets/mobirise-icons2/mobirise2.ttf b/src/assets/web/assets/mobirise-icons2/mobirise2.ttf new file mode 100755 index 0000000..fe7394d Binary files /dev/null and b/src/assets/web/assets/mobirise-icons2/mobirise2.ttf differ diff --git a/src/assets/web/assets/mobirise-icons2/mobirise2.woff b/src/assets/web/assets/mobirise-icons2/mobirise2.woff new file mode 100755 index 0000000..433d394 Binary files /dev/null and b/src/assets/web/assets/mobirise-icons2/mobirise2.woff differ diff --git a/src/assets/ytplayer/index.js b/src/assets/ytplayer/index.js new file mode 100755 index 0000000..b1fc2ac --- /dev/null +++ b/src/assets/ytplayer/index.js @@ -0,0 +1,737 @@ +/*! yt-player. MIT License. Feross Aboukhadijeh */ +var EventEmitter = function () { + this.events = {}; + }; + + EventEmitter.prototype.on = function (event, listener) { + if (typeof this.events[event] !== 'object') { + this.events[event] = []; + } + + this.events[event].push(listener); + }; + + EventEmitter.prototype.removeListener = function (event, listener) { + var idx; + + if (typeof this.events[event] === 'object') { + idx = this.indexOf(this.events[event], listener); + + if (idx > -1) { + this.events[event].splice(idx, 1); + } + } + }; + + EventEmitter.prototype.emit = function (event) { + var i, listeners, length, args = [].slice.call(arguments, 1); + + if (typeof this.events[event] === 'object') { + listeners = this.events[event].slice(); + length = listeners.length; + + for (i = 0; i < length; i++) { + listeners[i].apply(this, args); + } + } + }; + + EventEmitter.prototype.once = function (event, listener) { + this.on(event, function g () { + this.removeListener(event, g); + listener.apply(this, arguments); + }); + }; + + var loadScript = function (src, attrs, parentNode) { + return new Promise((resolve, reject) => { + var script = document.createElement('script') + script.async = true + script.src = src + + for (var [k, v] of Object.entries(attrs || {})) { + script.setAttribute(k, v) + } + + script.onload = () => { + script.onerror = script.onload = null + resolve(script) + } + + script.onerror = () => { + script.onerror = script.onload = null + reject(new Error(`Failed to load ${src}`)) + } + + var node = parentNode || document.head || document.getElementsByTagName('head')[0] + node.appendChild(script) + }) + } + + var YOUTUBE_IFRAME_API_SRC = 'https://www.youtube.com/iframe_api' + + var YOUTUBE_STATES = { + '-1': 'unstarted', + 0: 'ended', + 1: 'playing', + 2: 'paused', + 3: 'buffering', + 5: 'cued' + } + + var YOUTUBE_ERROR = { + // The request contains an invalid parameter value. For example, this error + // occurs if you specify a videoId that does not have 11 characters, or if the + // videoId contains invalid characters, such as exclamation points or asterisks. + INVALID_PARAM: 2, + + // The requested content cannot be played in an HTML5 player or another error + // related to the HTML5 player has occurred. + HTML5_ERROR: 5, + + // The video requested was not found. This error occurs when a video has been + // removed (for any reason) or has been marked as private. + NOT_FOUND: 100, + + // The owner of the requested video does not allow it to be played in embedded + // players. + UNPLAYABLE_1: 101, + + // This error is the same as 101. It's just a 101 error in disguise! + UNPLAYABLE_2: 150 + } + + var loadIframeAPICallbacks = [] + + /** + * YouTube Player. Exposes a better API, with nicer events. + * @param {HTMLElement|selector} element + */ + YouTubePlayer = class YouTubePlayer extends EventEmitter { + constructor (element, opts) { + super() + + var elem = typeof element === 'string' + ? document.querySelector(element) + : element + + if (elem.id) { + this._id = elem.id // use existing element id + } else { + this._id = elem.id = 'ytplayer-' + Math.random().toString(16).slice(2, 8) + } + + this._opts = Object.assign({ + width: 640, + height: 360, + autoplay: false, + captions: undefined, + controls: true, + keyboard: true, + fullscreen: true, + annotations: true, + modestBranding: false, + related: true, + timeupdateFrequency: 1000, + playsInline: true, + start: 0 + }, opts) + + this.videoId = null + this.destroyed = false + + this._api = null + this._autoplay = false // autoplay the first video? + this._player = null + this._ready = false // is player ready? + this._queue = [] + this.replayInterval = [] + + this._interval = null + + // Setup listeners for 'timeupdate' events. The YouTube Player does not fire + // 'timeupdate' events, so they are simulated using a setInterval(). + this._startInterval = this._startInterval.bind(this) + this._stopInterval = this._stopInterval.bind(this) + + this.on('playing', this._startInterval) + this.on('unstarted', this._stopInterval) + this.on('ended', this._stopInterval) + this.on('paused', this._stopInterval) + this.on('buffering', this._stopInterval) + + this._loadIframeAPI((err, api) => { + if (err) return this._destroy(new Error('YouTube Iframe API failed to load')) + this._api = api + + // If load(videoId, [autoplay, [size]]) was called before Iframe API + // loaded, ensure it gets called again now + if (this.videoId) this.load(this.videoId, this._autoplay, this._start) + }) + } + + indexOf (haystack, needle) { + var i = 0, length = haystack.length, idx = -1, found = false; + + while (i < length && !found) { + if (haystack[i] === needle) { + idx = i; + found = true; + } + + i++; + } + + return idx; + } + + load (videoId, autoplay = false, start = 0) { + if (this.destroyed) return + + this._startOptimizeDisplayEvent() + this._optimizeDisplayHandler('center, center') + + this.videoId = videoId + this._autoplay = autoplay + this._start = start + + // If the Iframe API is not ready yet, do nothing. Once the Iframe API is + // ready, `load(this.videoId)` will be called. + if (!this._api) return + + // If there is no player instance, create one. + if (!this._player) { + this._createPlayer(videoId) + return + } + + // If the player instance is not ready yet, do nothing. Once the player + // instance is ready, `load(this.videoId)` will be called. This ensures that + // the last call to `load()` is the one that takes effect. + if (!this._ready) return + + // If the player instance is ready, load the given `videoId`. + if (autoplay) { + this._player.loadVideoById(videoId, start) + } else { + this._player.cueVideoById(videoId, start) + } + } + + play () { + if (this._ready) this._player.playVideo() + else this._queueCommand('play') + } + + replayFrom(num) { + const find = this.replayInterval.find((obj) => { + return obj.iframeParent === this._player.i.parentNode + }) + if (find || !num) return + this.replayInterval.push({ + iframeParent: this._player.i.parentNode, + interval: setInterval(() => { + if (this._player.getCurrentTime() >= this._player.getDuration() - Number(num)) { + this.seek(0); + for (const [key, val] of this.replayInterval.entries()) { + if (Object.hasOwnProperty.call(this.replayInterval, key)) { + clearInterval(this.replayInterval[key].interval) + this.replayInterval.splice(key, 1) + } + } + } + }, Number(num) * 1000) + }) + } + + pause () { + if (this._ready) this._player.pauseVideo() + else this._queueCommand('pause') + } + + stop () { + if (this._ready) this._player.stopVideo() + else this._queueCommand('stop') + } + + seek (seconds) { + if (this._ready) this._player.seekTo(seconds, true) + else this._queueCommand('seek', seconds) + } + + _optimizeDisplayHandler(anchor) { + if (!this._player) return + const YTPlayer = this._player.i + const YTPAlign = anchor.split(","); + if (YTPlayer) { + const win = {}, + el = YTPlayer.parentElement; + + if (el) { + const computedStyle = window.getComputedStyle(el), + outerHeight = el.clientHeight + parseFloat(computedStyle.marginTop, 10) + parseFloat(computedStyle.marginBottom, 10) + parseFloat(computedStyle.borderTopWidth, 10) + parseFloat(computedStyle.borderBottomWidth, 10), + outerWidth = el.clientWidth + parseFloat(computedStyle.marginLeft, 10) + parseFloat(computedStyle.marginRight, 10) + parseFloat(computedStyle.borderLeftWidth, 10) + parseFloat(computedStyle.borderRightWidth, 10), + ratio = 1.7, + vid = YTPlayer; + + win.width = outerWidth; + win.height = outerHeight + 80; + + vid.style.width = win.width + 'px'; + vid.style.height = Math.ceil(parseFloat(vid.style.width, 10) / ratio) + 'px'; + vid.style.marginTop = Math.ceil(-((parseFloat(vid.style.height, 10) - win.height) / 2)) + 'px'; + vid.style.marginLeft = 0; + + const lowest = parseFloat(vid.style.height, 10) < win.height; + + if (lowest) { + vid.style.height = win.height + 'px', + vid.style.width = Math.ceil(parseFloat(vid.style.height, 10) * ratio) + 'px', + vid.style.marginTop = 0, + vid.style.marginLeft = Math.ceil(-((parseFloat(vid.style.width, 10) - win.width) / 2)) + 'px' + } + for (const align in YTPAlign) + if (YTPAlign.hasOwnProperty(align)) { + const al = YTPAlign[align].replace(/ /g, ""); + switch (al) { + case "top": + vid.style.marginTop = lowest ? -((parseFloat(vid.style.height, 10) - win.height) / 2) + 'px' : 0; + break; + case "bottom": + vid.style.marginTop = lowest ? 0 : -(parseFloat(vid.style.height, 10) - win.height) + 'px'; + break; + case "left": + vid.style.marginLeft = 0; + break; + case "right": + vid.style.marginLeft = lowest ? -(parseFloat(vid.style.width, 10) - win.width) : 0 + 'px'; + break; + default: + parseFloat(vid.style.width, 10) > win.width && (vid.style.marginLeft = -((parseFloat(vid.style.width, 10) - win.width) / 2) + 'px') + } + } + } + } + } + + stopResize () { + window.removeEventListener('resize', this._resizeListener) + this._resizeListener = null + } + + stopReplay (iframeParent) { + for (const [key, val] of this.replayInterval.entries()) { + if (Object.hasOwnProperty.call(this.replayInterval, key)) { + if (iframeParent === this.replayInterval[key].iframeParent) { + clearInterval(this.replayInterval[key].interval); + this.replayInterval.splice(key, 1) + } + } + } + } + + setVolume (volume) { + if (this._ready) this._player.setVolume(volume) + else this._queueCommand('setVolume', volume) + } + + loadPlaylist () { + if (this._ready) this._player.loadPlaylist(this.videoId) + else this._queueCommand('loadPlaylist', this.videoId) + } + + setLoop (bool) { + if (this._ready) this._player.setLoop(bool) + else this._queueCommand('setLoop', bool) + } + + getVolume () { + return (this._ready && this._player.getVolume()) || 0 + } + + mute () { + if (this._ready) this._player.mute() + else this._queueCommand('mute') + } + + unMute () { + if (this._ready) this._player.unMute() + else this._queueCommand('unMute') + } + + isMuted () { + return (this._ready && this._player.isMuted()) || false + } + + setSize (width, height) { + if (this._ready) this._player.setSize(width, height) + else this._queueCommand('setSize', width, height) + } + + setPlaybackRate (rate) { + if (this._ready) this._player.setPlaybackRate(rate) + else this._queueCommand('setPlaybackRate', rate) + } + + setPlaybackQuality (suggestedQuality) { + if (this._ready) this._player.setPlaybackQuality(suggestedQuality) + else this._queueCommand('setPlaybackQuality', suggestedQuality) + } + + getPlaybackRate () { + return (this._ready && this._player.getPlaybackRate()) || 1 + } + + getAvailablePlaybackRates () { + return (this._ready && this._player.getAvailablePlaybackRates()) || [1] + } + + getDuration () { + return (this._ready && this._player.getDuration()) || 0 + } + + getProgress () { + return (this._ready && this._player.getVideoLoadedFraction()) || 0 + } + + getState () { + return (this._ready && YOUTUBE_STATES[this._player.getPlayerState()]) || 'unstarted' + } + + getCurrentTime () { + return (this._ready && this._player.getCurrentTime()) || 0 + } + + destroy () { + this._destroy() + } + + _destroy (err) { + if (this.destroyed) return + this.destroyed = true + + if (this._player) { + this._player.stopVideo && this._player.stopVideo() + this._player.destroy() + } + + this.videoId = null + + this._id = null + this._opts = null + this._api = null + this._player = null + this._ready = false + this._queue = null + + this._stopInterval() + + this.removeListener('playing', this._startInterval) + this.removeListener('paused', this._stopInterval) + this.removeListener('buffering', this._stopInterval) + this.removeListener('unstarted', this._stopInterval) + this.removeListener('ended', this._stopInterval) + + if (err) this.emit('error', err) + } + + _queueCommand (command, ...args) { + if (this.destroyed) return + this._queue.push([command, args]) + } + + _flushQueue () { + while (this._queue.length) { + var command = this._queue.shift() + this[command[0]].apply(this, command[1]) + } + } + + _loadIframeAPI (cb) { + // If API is loaded, there is nothing else to do + if (window.YT && typeof window.YT.Player === 'function') { + return cb(null, window.YT) + } + + // Otherwise, queue callback until API is loaded + loadIframeAPICallbacks.push(cb) + + var scripts = Array.from(document.getElementsByTagName('script')) + var isLoading = scripts.some(script => script.src === YOUTUBE_IFRAME_API_SRC) + + // If API