3056 lines
64 KiB
CSS
3056 lines
64 KiB
CSS
|
/**
|
||
|
|
* Swiper 8.4.4
|
||
|
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||
|
|
* https://swiperjs.com
|
||
|
|
*
|
||
|
|
* Copyright 2014-2022 Vladimir Kharlampidi
|
||
|
|
*
|
||
|
|
* Released under the MIT License
|
||
|
|
*
|
||
|
|
* Released on: October 12, 2022
|
||
|
|
*/
|
||
|
|
.swiper-slide,
|
||
|
|
.swiper-wrapper {
|
||
|
|
height: 100%;
|
||
|
|
position: relative;
|
||
|
|
transition-property: transform;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.swiper-android .swiper-slide,
|
||
|
|
.swiper-pagination,
|
||
|
|
.swiper-wrapper {
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
}
|
||
|
|
.swiper-fade.swiper-free-mode .swiper-slide,
|
||
|
|
.swiper-free-mode > .swiper-wrapper {
|
||
|
|
transition-timing-function: ease-out;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: swiper-icons;
|
||
|
|
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
:root {
|
||
|
|
--swiper-theme-color: #007aff;
|
||
|
|
--swiper-navigation-size: 44px;
|
||
|
|
}
|
||
|
|
.swiper {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
list-style: none;
|
||
|
|
padding: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.swiper-vertical > .swiper-wrapper {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.swiper-wrapper {
|
||
|
|
z-index: 1;
|
||
|
|
display: flex;
|
||
|
|
box-sizing: content-box;
|
||
|
|
}
|
||
|
|
.swiper-pointer-events {
|
||
|
|
touch-action: pan-y;
|
||
|
|
}
|
||
|
|
.swiper-pointer-events.swiper-vertical {
|
||
|
|
touch-action: pan-x;
|
||
|
|
}
|
||
|
|
.swiper-slide {
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
.swiper-slide-invisible-blank {
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.swiper-autoheight,
|
||
|
|
.swiper-autoheight .swiper-slide {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.swiper-autoheight .swiper-wrapper {
|
||
|
|
align-items: flex-start;
|
||
|
|
transition-property: transform, height;
|
||
|
|
}
|
||
|
|
.swiper-backface-hidden .swiper-slide {
|
||
|
|
transform: translateZ(0);
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
}
|
||
|
|
.swiper-3d,
|
||
|
|
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
||
|
|
perspective: 1200px;
|
||
|
|
}
|
||
|
|
.swiper-3d .swiper-cube-shadow,
|
||
|
|
.swiper-3d .swiper-slide,
|
||
|
|
.swiper-3d .swiper-slide-shadow,
|
||
|
|
.swiper-3d .swiper-slide-shadow-bottom,
|
||
|
|
.swiper-3d .swiper-slide-shadow-left,
|
||
|
|
.swiper-3d .swiper-slide-shadow-right,
|
||
|
|
.swiper-3d .swiper-slide-shadow-top,
|
||
|
|
.swiper-3d .swiper-wrapper {
|
||
|
|
transform-style: preserve-3d;
|
||
|
|
}
|
||
|
|
.swiper-3d .swiper-slide-shadow,
|
||
|
|
.swiper-3d .swiper-slide-shadow-bottom,
|
||
|
|
.swiper-3d .swiper-slide-shadow-left,
|
||
|
|
.swiper-3d .swiper-slide-shadow-right,
|
||
|
|
.swiper-3d .swiper-slide-shadow-top {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 10;
|
||
|
|
}
|
||
|
|
.swiper-3d .swiper-slide-shadow {
|
||
|
|
background: rgba(0, 0, 0, 0.15);
|
||
|
|
}
|
||
|
|
.swiper-3d .swiper-slide-shadow-left {
|
||
|
|
background-image: linear-gradient(
|
||
|
|
to left,
|
||
|
|
rgba(0, 0, 0, 0.5),
|
||
|
|
rgba(0, 0, 0, 0)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
.swiper-3d .swiper-slide-shadow-right {
|
||
|
|
background-image: linear-gradient(
|
||
|
|
to right,
|
||
|
|
rgba(0, 0, 0, 0.5),
|
||
|
|
rgba(0, 0, 0, 0)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
.swiper-3d .swiper-slide-shadow-top {
|
||
|
|
background-image: linear-gradient(
|
||
|
|
to top,
|
||
|
|
rgba(0, 0, 0, 0.5),
|
||
|
|
rgba(0, 0, 0, 0)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
.swiper-3d .swiper-slide-shadow-bottom {
|
||
|
|
background-image: linear-gradient(
|
||
|
|
to bottom,
|
||
|
|
rgba(0, 0, 0, 0.5),
|
||
|
|
rgba(0, 0, 0, 0)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
.swiper-css-mode > .swiper-wrapper {
|
||
|
|
overflow: auto;
|
||
|
|
scrollbar-width: none;
|
||
|
|
-ms-overflow-style: none;
|
||
|
|
}
|
||
|
|
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
|
||
|
|
scroll-snap-align: start start;
|
||
|
|
}
|
||
|
|
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
|
||
|
|
scroll-snap-type: x mandatory;
|
||
|
|
}
|
||
|
|
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
|
||
|
|
scroll-snap-type: y mandatory;
|
||
|
|
}
|
||
|
|
.swiper-centered > .swiper-wrapper::before {
|
||
|
|
content: "";
|
||
|
|
flex-shrink: 0;
|
||
|
|
order: 9999;
|
||
|
|
}
|
||
|
|
.swiper-centered.swiper-horizontal
|
||
|
|
> .swiper-wrapper
|
||
|
|
> .swiper-slide:first-child {
|
||
|
|
margin-inline-start: var(--swiper-centered-offset-before);
|
||
|
|
}
|
||
|
|
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
|
||
|
|
height: 100%;
|
||
|
|
min-height: 1px;
|
||
|
|
width: var(--swiper-centered-offset-after);
|
||
|
|
}
|
||
|
|
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
|
||
|
|
margin-block-start: var(--swiper-centered-offset-before);
|
||
|
|
}
|
||
|
|
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
|
||
|
|
width: 100%;
|
||
|
|
min-width: 1px;
|
||
|
|
height: var(--swiper-centered-offset-after);
|
||
|
|
}
|
||
|
|
.swiper-centered > .swiper-wrapper > .swiper-slide {
|
||
|
|
scroll-snap-align: center center;
|
||
|
|
}
|
||
|
|
.swiper-virtual .swiper-slide {
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
transform: translateZ(0);
|
||
|
|
}
|
||
|
|
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
|
||
|
|
height: 1px;
|
||
|
|
width: var(--swiper-virtual-size);
|
||
|
|
}
|
||
|
|
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
|
||
|
|
width: 1px;
|
||
|
|
height: var(--swiper-virtual-size);
|
||
|
|
}
|
||
|
|
.swiper-button-next,
|
||
|
|
.swiper-button-prev {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||
|
|
height: var(--swiper-navigation-size);
|
||
|
|
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||
|
|
z-index: 10;
|
||
|
|
cursor: pointer;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
||
|
|
}
|
||
|
|
.swiper-button-next.swiper-button-disabled,
|
||
|
|
.swiper-button-prev.swiper-button-disabled {
|
||
|
|
opacity: 0.35;
|
||
|
|
cursor: auto;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.swiper-button-next.swiper-button-hidden,
|
||
|
|
.swiper-button-prev.swiper-button-hidden {
|
||
|
|
opacity: 0;
|
||
|
|
cursor: auto;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.swiper-navigation-disabled .swiper-button-next,
|
||
|
|
.swiper-navigation-disabled .swiper-button-prev,
|
||
|
|
.swiper-pagination-bullet:only-child,
|
||
|
|
.swiper-pagination-disabled > .swiper-pagination,
|
||
|
|
.swiper-pagination.swiper-pagination-disabled,
|
||
|
|
.swiper-scrollbar-disabled > .swiper-scrollbar,
|
||
|
|
.swiper-scrollbar.swiper-scrollbar-disabled {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.swiper-button-next:after,
|
||
|
|
.swiper-button-prev:after {
|
||
|
|
font-family: swiper-icons;
|
||
|
|
font-size: var(--swiper-navigation-size);
|
||
|
|
text-transform: none !important;
|
||
|
|
letter-spacing: 0;
|
||
|
|
font-variant: initial;
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
.swiper-button-prev,
|
||
|
|
.swiper-rtl .swiper-button-next {
|
||
|
|
left: 10px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.swiper-button-prev:after,
|
||
|
|
.swiper-rtl .swiper-button-next:after {
|
||
|
|
content: "prev";
|
||
|
|
}
|
||
|
|
.swiper-button-next,
|
||
|
|
.swiper-rtl .swiper-button-prev {
|
||
|
|
right: 10px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
.swiper-button-next:after,
|
||
|
|
.swiper-rtl .swiper-button-prev:after {
|
||
|
|
content: "next";
|
||
|
|
}
|
||
|
|
.swiper-button-lock,
|
||
|
|
.swiper-pagination-lock,
|
||
|
|
.swiper-scrollbar-lock {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.swiper-pagination {
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
transition: opacity 0.3s;
|
||
|
|
z-index: 10;
|
||
|
|
}
|
||
|
|
.swiper-pagination.swiper-pagination-hidden {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.swiper-horizontal > .swiper-pagination-bullets,
|
||
|
|
.swiper-pagination-bullets.swiper-pagination-horizontal,
|
||
|
|
.swiper-pagination-custom,
|
||
|
|
.swiper-pagination-fraction {
|
||
|
|
bottom: 10px;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.swiper-pagination-bullets-dynamic {
|
||
|
|
overflow: hidden;
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||
|
|
transform: scale(0.33);
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
|
||
|
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
|
||
|
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
||
|
|
transform: scale(0.66);
|
||
|
|
}
|
||
|
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
|
||
|
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
||
|
|
transform: scale(0.33);
|
||
|
|
}
|
||
|
|
.swiper-pagination-bullet {
|
||
|
|
width: var(
|
||
|
|
--swiper-pagination-bullet-width,
|
||
|
|
var(--swiper-pagination-bullet-size, 8px)
|
||
|
|
);
|
||
|
|
height: var(
|
||
|
|
--swiper-pagination-bullet-height,
|
||
|
|
var(--swiper-pagination-bullet-size, 8px)
|
||
|
|
);
|
||
|
|
display: inline-block;
|
||
|
|
border-radius: 50%;
|
||
|
|
background: var(--swiper-pagination-bullet-inactive-color, #000);
|
||
|
|
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
|
||
|
|
}
|
||
|
|
button.swiper-pagination-bullet {
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
}
|
||
|
|
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.swiper-pagination-bullet-active {
|
||
|
|
opacity: var(--swiper-pagination-bullet-opacity, 1);
|
||
|
|
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||
|
|
}
|
||
|
|
.swiper-pagination-vertical.swiper-pagination-bullets,
|
||
|
|
.swiper-vertical > .swiper-pagination-bullets {
|
||
|
|
right: 10px;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate3d(0, -50%, 0);
|
||
|
|
}
|
||
|
|
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
|
||
|
|
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||
|
|
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
||
|
|
.swiper-vertical
|
||
|
|
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||
|
|
top: 50%;
|
||
|
|
transform: translateY(-50%);
|
||
|
|
width: 8px;
|
||
|
|
}
|
||
|
|
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
|
||
|
|
.swiper-pagination-bullet,
|
||
|
|
.swiper-vertical
|
||
|
|
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
|
||
|
|
.swiper-pagination-bullet {
|
||
|
|
display: inline-block;
|
||
|
|
transition: transform 0.2s, top 0.2s;
|
||
|
|
}
|
||
|
|
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
|
||
|
|
.swiper-pagination-horizontal.swiper-pagination-bullets
|
||
|
|
.swiper-pagination-bullet {
|
||
|
|
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
|
||
|
|
}
|
||
|
|
.swiper-horizontal
|
||
|
|
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
||
|
|
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.swiper-horizontal
|
||
|
|
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
|
||
|
|
.swiper-pagination-bullet,
|
||
|
|
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
|
||
|
|
.swiper-pagination-bullet {
|
||
|
|
transition: transform 0.2s, left 0.2s;
|
||
|
|
}
|
||
|
|
.swiper-horizontal.swiper-rtl
|
||
|
|
> .swiper-pagination-bullets-dynamic
|
||
|
|
.swiper-pagination-bullet {
|
||
|
|
transition: transform 0.2s, right 0.2s;
|
||
|
|
}
|
||
|
|
.swiper-pagination-progressbar {
|
||
|
|
background: rgba(0, 0, 0, 0.25);
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||
|
|
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
transform: scale(0);
|
||
|
|
transform-origin: left top;
|
||
|
|
}
|
||
|
|
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||
|
|
transform-origin: right top;
|
||
|
|
}
|
||
|
|
.swiper-horizontal > .swiper-pagination-progressbar,
|
||
|
|
.swiper-pagination-progressbar.swiper-pagination-horizontal,
|
||
|
|
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
|
||
|
|
.swiper-vertical
|
||
|
|
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
||
|
|
width: 100%;
|
||
|
|
height: 4px;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.swiper-horizontal
|
||
|
|
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
||
|
|
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
|
||
|
|
.swiper-pagination-progressbar.swiper-pagination-vertical,
|
||
|
|
.swiper-vertical > .swiper-pagination-progressbar {
|
||
|
|
width: 4px;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.swiper-scrollbar {
|
||
|
|
border-radius: 10px;
|
||
|
|
position: relative;
|
||
|
|
-ms-touch-action: none;
|
||
|
|
background: rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
.swiper-horizontal > .swiper-scrollbar,
|
||
|
|
.swiper-scrollbar.swiper-scrollbar-horizontal {
|
||
|
|
position: absolute;
|
||
|
|
left: 1%;
|
||
|
|
bottom: 3px;
|
||
|
|
z-index: 50;
|
||
|
|
height: 5px;
|
||
|
|
width: 98%;
|
||
|
|
}
|
||
|
|
.swiper-scrollbar.swiper-scrollbar-vertical,
|
||
|
|
.swiper-vertical > .swiper-scrollbar {
|
||
|
|
position: absolute;
|
||
|
|
right: 3px;
|
||
|
|
top: 1%;
|
||
|
|
z-index: 50;
|
||
|
|
width: 5px;
|
||
|
|
height: 98%;
|
||
|
|
}
|
||
|
|
.swiper-scrollbar-drag {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
background: rgba(0, 0, 0, 0.5);
|
||
|
|
border-radius: 10px;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.swiper-scrollbar-cursor-drag,
|
||
|
|
.swiper-slide-zoomed {
|
||
|
|
cursor: move;
|
||
|
|
}
|
||
|
|
.swiper-zoom-container {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.swiper-zoom-container > canvas,
|
||
|
|
.swiper-zoom-container > img,
|
||
|
|
.swiper-zoom-container > svg {
|
||
|
|
max-width: 100%;
|
||
|
|
max-height: 100%;
|
||
|
|
object-fit: contain;
|
||
|
|
}
|
||
|
|
.swiper-lazy-preloader {
|
||
|
|
width: 42px;
|
||
|
|
height: 42px;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
margin-left: -21px;
|
||
|
|
margin-top: -21px;
|
||
|
|
z-index: 10;
|
||
|
|
transform-origin: 50%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||
|
|
border-radius: 50%;
|
||
|
|
border-top-color: transparent;
|
||
|
|
}
|
||
|
|
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
|
||
|
|
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
|
||
|
|
animation: 1s linear infinite swiper-preloader-spin;
|
||
|
|
}
|
||
|
|
.swiper-lazy-preloader-white {
|
||
|
|
--swiper-preloader-color: #fff;
|
||
|
|
}
|
||
|
|
.swiper-lazy-preloader-black {
|
||
|
|
--swiper-preloader-color: #000;
|
||
|
|
}
|
||
|
|
@keyframes swiper-preloader-spin {
|
||
|
|
0% {
|
||
|
|
transform: rotate(0);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.swiper .swiper-notification {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
opacity: 0;
|
||
|
|
z-index: -1000;
|
||
|
|
}
|
||
|
|
.swiper-free-mode > .swiper-wrapper {
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.swiper-grid > .swiper-wrapper {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.swiper-grid-column > .swiper-wrapper {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.swiper-fade .swiper-slide {
|
||
|
|
pointer-events: none;
|
||
|
|
transition-property: opacity;
|
||
|
|
}
|
||
|
|
.swiper-cube .swiper-slide .swiper-slide,
|
||
|
|
.swiper-fade .swiper-slide .swiper-slide,
|
||
|
|
.swiper-flip .swiper-slide .swiper-slide {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.swiper-cube .swiper-slide-active,
|
||
|
|
.swiper-cube .swiper-slide-active .swiper-slide-active,
|
||
|
|
.swiper-fade .swiper-slide-active,
|
||
|
|
.swiper-fade .swiper-slide-active .swiper-slide-active,
|
||
|
|
.swiper-flip .swiper-slide-active,
|
||
|
|
.swiper-flip .swiper-slide-active .swiper-slide-active {
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
.swiper-cards,
|
||
|
|
.swiper-cube,
|
||
|
|
.swiper-flip {
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.swiper-cube .swiper-slide {
|
||
|
|
pointer-events: none;
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
z-index: 1;
|
||
|
|
visibility: hidden;
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.swiper-cube.swiper-rtl .swiper-slide {
|
||
|
|
transform-origin: 100% 0;
|
||
|
|
}
|
||
|
|
.swiper-cube .swiper-slide-active,
|
||
|
|
.swiper-cube .swiper-slide-next,
|
||
|
|
.swiper-cube .swiper-slide-next + .swiper-slide,
|
||
|
|
.swiper-cube .swiper-slide-prev {
|
||
|
|
pointer-events: auto;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
.swiper-cube .swiper-slide-shadow-bottom,
|
||
|
|
.swiper-cube .swiper-slide-shadow-left,
|
||
|
|
.swiper-cube .swiper-slide-shadow-right,
|
||
|
|
.swiper-cube .swiper-slide-shadow-top,
|
||
|
|
.swiper-flip .swiper-slide-shadow-bottom,
|
||
|
|
.swiper-flip .swiper-slide-shadow-left,
|
||
|
|
.swiper-flip .swiper-slide-shadow-right,
|
||
|
|
.swiper-flip .swiper-slide-shadow-top {
|
||
|
|
z-index: 0;
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
}
|
||
|
|
.swiper-cube .swiper-cube-shadow {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
opacity: 0.6;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
.swiper-cube .swiper-cube-shadow:before {
|
||
|
|
content: "";
|
||
|
|
background: #000;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
filter: blur(50px);
|
||
|
|
}
|
||
|
|
.swiper-flip .swiper-slide {
|
||
|
|
pointer-events: none;
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.swiper-creative .swiper-slide {
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
overflow: hidden;
|
||
|
|
transition-property: transform, opacity, height;
|
||
|
|
}
|
||
|
|
.swiper-cards .swiper-slide {
|
||
|
|
transform-origin: center bottom;
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Fancybox v3.5.7
|
||
|
|
* Copyright 2013-2018 David Deutsch
|
||
|
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||
|
|
*/
|
||
|
|
body.compensate-for-scrollbar {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.fancybox-active {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.fancybox-is-hidden {
|
||
|
|
left: -9999px;
|
||
|
|
margin: 0;
|
||
|
|
position: absolute !important;
|
||
|
|
top: -9999px;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.fancybox-container {
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
outline: none;
|
||
|
|
position: fixed;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
top: 0;
|
||
|
|
-ms-touch-action: manipulation;
|
||
|
|
touch-action: manipulation;
|
||
|
|
transform: translateZ(0);
|
||
|
|
width: 100%;
|
||
|
|
z-index: 99992;
|
||
|
|
}
|
||
|
|
.fancybox-container * {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.fancybox-bg,
|
||
|
|
.fancybox-inner,
|
||
|
|
.fancybox-outer,
|
||
|
|
.fancybox-stage {
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.fancybox-outer {
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
.fancybox-bg {
|
||
|
|
background: #1e1e1e;
|
||
|
|
opacity: 0;
|
||
|
|
transition-duration: inherit;
|
||
|
|
transition-property: opacity;
|
||
|
|
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
|
||
|
|
}
|
||
|
|
.fancybox-is-open .fancybox-bg {
|
||
|
|
opacity: 0.9;
|
||
|
|
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
|
||
|
|
}
|
||
|
|
.fancybox-caption,
|
||
|
|
.fancybox-infobar,
|
||
|
|
.fancybox-navigation .fancybox-button,
|
||
|
|
.fancybox-toolbar {
|
||
|
|
direction: ltr;
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
|
||
|
|
visibility: hidden;
|
||
|
|
z-index: 99997;
|
||
|
|
}
|
||
|
|
.fancybox-show-caption .fancybox-caption,
|
||
|
|
.fancybox-show-infobar .fancybox-infobar,
|
||
|
|
.fancybox-show-nav .fancybox-navigation .fancybox-button,
|
||
|
|
.fancybox-show-toolbar .fancybox-toolbar {
|
||
|
|
opacity: 1;
|
||
|
|
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
.fancybox-infobar {
|
||
|
|
color: #ccc;
|
||
|
|
font-size: 13px;
|
||
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
||
|
|
height: 44px;
|
||
|
|
left: 0;
|
||
|
|
line-height: 44px;
|
||
|
|
min-width: 44px;
|
||
|
|
mix-blend-mode: difference;
|
||
|
|
padding: 0 10px;
|
||
|
|
pointer-events: none;
|
||
|
|
top: 0;
|
||
|
|
-webkit-touch-callout: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
.fancybox-toolbar {
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.fancybox-stage {
|
||
|
|
direction: ltr;
|
||
|
|
overflow: visible;
|
||
|
|
transform: translateZ(0);
|
||
|
|
z-index: 99994;
|
||
|
|
}
|
||
|
|
.fancybox-is-open .fancybox-stage {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.fancybox-slide {
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
display: none;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
outline: none;
|
||
|
|
overflow: auto;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
padding: 44px;
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
top: 0;
|
||
|
|
transition-property: transform, opacity;
|
||
|
|
white-space: normal;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 99994;
|
||
|
|
}
|
||
|
|
.fancybox-slide:before {
|
||
|
|
content: "";
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 0;
|
||
|
|
height: 100%;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
.fancybox-is-sliding .fancybox-slide,
|
||
|
|
.fancybox-slide--current,
|
||
|
|
.fancybox-slide--next,
|
||
|
|
.fancybox-slide--previous {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.fancybox-slide--image {
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 44px 10px;
|
||
|
|
}
|
||
|
|
.fancybox-slide--image:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.fancybox-slide--html {
|
||
|
|
padding: 6px;
|
||
|
|
}
|
||
|
|
.fancybox-content {
|
||
|
|
background: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0;
|
||
|
|
max-width: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
padding: 44px;
|
||
|
|
position: relative;
|
||
|
|
text-align: left;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.fancybox-slide--image .fancybox-content {
|
||
|
|
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
background: transparent;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
left: 0;
|
||
|
|
max-width: none;
|
||
|
|
overflow: visible;
|
||
|
|
padding: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transform-origin: top left;
|
||
|
|
transition-property: transform, opacity;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
z-index: 99995;
|
||
|
|
}
|
||
|
|
.fancybox-can-zoomOut .fancybox-content {
|
||
|
|
cursor: zoom-out;
|
||
|
|
}
|
||
|
|
.fancybox-can-zoomIn .fancybox-content {
|
||
|
|
cursor: zoom-in;
|
||
|
|
}
|
||
|
|
.fancybox-can-pan .fancybox-content,
|
||
|
|
.fancybox-can-swipe .fancybox-content {
|
||
|
|
cursor: grab;
|
||
|
|
}
|
||
|
|
.fancybox-is-grabbing .fancybox-content {
|
||
|
|
cursor: grabbing;
|
||
|
|
}
|
||
|
|
.fancybox-container [data-selectable="true"] {
|
||
|
|
cursor: text;
|
||
|
|
}
|
||
|
|
.fancybox-image,
|
||
|
|
.fancybox-spaceball {
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
margin: 0;
|
||
|
|
max-height: none;
|
||
|
|
max-width: none;
|
||
|
|
padding: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-spaceball {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.fancybox-slide--iframe .fancybox-content,
|
||
|
|
.fancybox-slide--map .fancybox-content,
|
||
|
|
.fancybox-slide--pdf .fancybox-content,
|
||
|
|
.fancybox-slide--video .fancybox-content {
|
||
|
|
height: 100%;
|
||
|
|
overflow: visible;
|
||
|
|
padding: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-slide--video .fancybox-content {
|
||
|
|
background: #000;
|
||
|
|
}
|
||
|
|
.fancybox-slide--map .fancybox-content {
|
||
|
|
background: #e5e3df;
|
||
|
|
}
|
||
|
|
.fancybox-slide--iframe .fancybox-content {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.fancybox-iframe,
|
||
|
|
.fancybox-video {
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
display: block;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-iframe {
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.fancybox-error {
|
||
|
|
background: #fff;
|
||
|
|
cursor: default;
|
||
|
|
max-width: 400px;
|
||
|
|
padding: 40px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-error p {
|
||
|
|
color: #444;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 20px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.fancybox-button {
|
||
|
|
background: rgba(30, 30, 30, 0.6);
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-block;
|
||
|
|
height: 44px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 10px;
|
||
|
|
position: relative;
|
||
|
|
transition: color 0.2s;
|
||
|
|
vertical-align: top;
|
||
|
|
visibility: inherit;
|
||
|
|
width: 44px;
|
||
|
|
}
|
||
|
|
.fancybox-button,
|
||
|
|
.fancybox-button:link,
|
||
|
|
.fancybox-button:visited {
|
||
|
|
color: #ccc;
|
||
|
|
}
|
||
|
|
.fancybox-button:hover {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.fancybox-button:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.fancybox-button.fancybox-focus {
|
||
|
|
outline: 1px dotted;
|
||
|
|
}
|
||
|
|
.fancybox-button[disabled],
|
||
|
|
.fancybox-button[disabled]:hover {
|
||
|
|
color: #888;
|
||
|
|
cursor: default;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.fancybox-button div {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-button svg {
|
||
|
|
display: block;
|
||
|
|
height: 100%;
|
||
|
|
overflow: visible;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-button svg path {
|
||
|
|
fill: currentColor;
|
||
|
|
stroke-width: 0;
|
||
|
|
}
|
||
|
|
.fancybox-button--fsenter svg:nth-child(2),
|
||
|
|
.fancybox-button--fsexit svg:first-child,
|
||
|
|
.fancybox-button--pause svg:first-child,
|
||
|
|
.fancybox-button--play svg:nth-child(2) {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.fancybox-progress {
|
||
|
|
background: #ff5268;
|
||
|
|
height: 2px;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
transform: scaleX(0);
|
||
|
|
transform-origin: 0;
|
||
|
|
transition-property: transform;
|
||
|
|
transition-timing-function: linear;
|
||
|
|
z-index: 99998;
|
||
|
|
}
|
||
|
|
.fancybox-close-small {
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
color: #ccc;
|
||
|
|
cursor: pointer;
|
||
|
|
opacity: 0.8;
|
||
|
|
padding: 8px;
|
||
|
|
position: absolute;
|
||
|
|
right: -12px;
|
||
|
|
top: -44px;
|
||
|
|
z-index: 401;
|
||
|
|
}
|
||
|
|
.fancybox-close-small:hover {
|
||
|
|
color: #fff;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.fancybox-slide--html .fancybox-close-small {
|
||
|
|
color: currentColor;
|
||
|
|
padding: 10px;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
color: #fff;
|
||
|
|
background-color: red;
|
||
|
|
}
|
||
|
|
.fancybox-slide--html .fancybox-close-small-bottom {
|
||
|
|
bottom: 0;
|
||
|
|
top: unset;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.fancybox-is-scaling .fancybox-close-small,
|
||
|
|
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.fancybox-navigation .fancybox-button {
|
||
|
|
background-clip: content-box;
|
||
|
|
height: 100px;
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: calc(50% - 50px);
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
.fancybox-navigation .fancybox-button div {
|
||
|
|
padding: 7px;
|
||
|
|
}
|
||
|
|
.fancybox-navigation .fancybox-button--arrow_left {
|
||
|
|
left: 0;
|
||
|
|
left: env(safe-area-inset-left);
|
||
|
|
padding: 31px 26px 31px 6px;
|
||
|
|
}
|
||
|
|
.fancybox-navigation .fancybox-button--arrow_right {
|
||
|
|
padding: 31px 6px 31px 26px;
|
||
|
|
right: 0;
|
||
|
|
right: env(safe-area-inset-right);
|
||
|
|
}
|
||
|
|
.fancybox-caption {
|
||
|
|
background: linear-gradient(
|
||
|
|
0deg,
|
||
|
|
rgba(0, 0, 0, 0.85) 0,
|
||
|
|
rgba(0, 0, 0, 0.3) 50%,
|
||
|
|
rgba(0, 0, 0, 0.15) 65%,
|
||
|
|
rgba(0, 0, 0, 0.075) 75.5%,
|
||
|
|
rgba(0, 0, 0, 0.037) 82.85%,
|
||
|
|
rgba(0, 0, 0, 0.019) 88%,
|
||
|
|
transparent
|
||
|
|
);
|
||
|
|
bottom: 0;
|
||
|
|
color: #eee;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 400;
|
||
|
|
left: 0;
|
||
|
|
line-height: 1.5;
|
||
|
|
padding: 75px 44px 25px;
|
||
|
|
pointer-events: none;
|
||
|
|
right: 0;
|
||
|
|
text-align: center;
|
||
|
|
z-index: 99996;
|
||
|
|
}
|
||
|
|
@supports (padding: max(0px)) {
|
||
|
|
.fancybox-caption {
|
||
|
|
padding: 75px max(44px, env(safe-area-inset-right))
|
||
|
|
max(25px, env(safe-area-inset-bottom))
|
||
|
|
max(44px, env(safe-area-inset-left));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fancybox-caption--separate {
|
||
|
|
margin-top: -50px;
|
||
|
|
}
|
||
|
|
.fancybox-caption__body {
|
||
|
|
max-height: 50vh;
|
||
|
|
overflow: auto;
|
||
|
|
pointer-events: all;
|
||
|
|
}
|
||
|
|
.fancybox-caption a,
|
||
|
|
.fancybox-caption a:link,
|
||
|
|
.fancybox-caption a:visited {
|
||
|
|
color: #ccc;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.fancybox-caption a:hover {
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.fancybox-loading {
|
||
|
|
animation: a 1s linear infinite;
|
||
|
|
background: transparent;
|
||
|
|
border: 4px solid #888;
|
||
|
|
border-bottom-color: #fff;
|
||
|
|
border-radius: 50%;
|
||
|
|
height: 50px;
|
||
|
|
left: 50%;
|
||
|
|
margin: -25px 0 0 -25px;
|
||
|
|
opacity: 0.7;
|
||
|
|
padding: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
width: 50px;
|
||
|
|
z-index: 99999;
|
||
|
|
}
|
||
|
|
@keyframes a {
|
||
|
|
to {
|
||
|
|
transform: rotate(1turn);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fancybox-animated {
|
||
|
|
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
|
||
|
|
}
|
||
|
|
.fancybox-fx-slide.fancybox-slide--previous {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translate3d(-100%, 0, 0);
|
||
|
|
}
|
||
|
|
.fancybox-fx-slide.fancybox-slide--next {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translate3d(100%, 0, 0);
|
||
|
|
}
|
||
|
|
.fancybox-fx-slide.fancybox-slide--current {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateZ(0);
|
||
|
|
}
|
||
|
|
.fancybox-fx-fade.fancybox-slide--next,
|
||
|
|
.fancybox-fx-fade.fancybox-slide--previous {
|
||
|
|
opacity: 0;
|
||
|
|
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||
|
|
}
|
||
|
|
.fancybox-fx-fade.fancybox-slide--current {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale3d(1.5, 1.5, 1.5);
|
||
|
|
}
|
||
|
|
.fancybox-fx-zoom-in-out.fancybox-slide--next {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale3d(0.5, 0.5, 0.5);
|
||
|
|
}
|
||
|
|
.fancybox-fx-zoom-in-out.fancybox-slide--current {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scaleX(1);
|
||
|
|
}
|
||
|
|
.fancybox-fx-rotate.fancybox-slide--previous {
|
||
|
|
opacity: 0;
|
||
|
|
transform: rotate(-1turn);
|
||
|
|
}
|
||
|
|
.fancybox-fx-rotate.fancybox-slide--next {
|
||
|
|
opacity: 0;
|
||
|
|
transform: rotate(1turn);
|
||
|
|
}
|
||
|
|
.fancybox-fx-rotate.fancybox-slide--current {
|
||
|
|
opacity: 1;
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
.fancybox-fx-circular.fancybox-slide--previous {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||
|
|
}
|
||
|
|
.fancybox-fx-circular.fancybox-slide--next {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||
|
|
}
|
||
|
|
.fancybox-fx-circular.fancybox-slide--current {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scaleX(1) translateZ(0);
|
||
|
|
}
|
||
|
|
.fancybox-fx-tube.fancybox-slide--previous {
|
||
|
|
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
|
||
|
|
}
|
||
|
|
.fancybox-fx-tube.fancybox-slide--next {
|
||
|
|
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
|
||
|
|
}
|
||
|
|
.fancybox-fx-tube.fancybox-slide--current {
|
||
|
|
transform: translateZ(0) scale(1);
|
||
|
|
}
|
||
|
|
@media (max-height: 576px) {
|
||
|
|
.fancybox-slide {
|
||
|
|
padding-left: 6px;
|
||
|
|
padding-right: 6px;
|
||
|
|
}
|
||
|
|
.fancybox-slide--image {
|
||
|
|
padding: 6px 0;
|
||
|
|
}
|
||
|
|
.fancybox-close-small {
|
||
|
|
right: -6px;
|
||
|
|
}
|
||
|
|
.fancybox-slide--image .fancybox-close-small {
|
||
|
|
background: #4e4e4e;
|
||
|
|
color: #f2f4f6;
|
||
|
|
height: 36px;
|
||
|
|
opacity: 1;
|
||
|
|
padding: 6px;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 36px;
|
||
|
|
}
|
||
|
|
.fancybox-caption {
|
||
|
|
padding-left: 12px;
|
||
|
|
padding-right: 12px;
|
||
|
|
}
|
||
|
|
@supports (padding: max(0px)) {
|
||
|
|
.fancybox-caption {
|
||
|
|
padding-left: max(12px, env(safe-area-inset-left));
|
||
|
|
padding-right: max(12px, env(safe-area-inset-right));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fancybox-share {
|
||
|
|
background: #f4f4f4;
|
||
|
|
border-radius: 3px;
|
||
|
|
max-width: 90%;
|
||
|
|
padding: 30px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.fancybox-share h1 {
|
||
|
|
color: #222;
|
||
|
|
font-size: 35px;
|
||
|
|
font-weight: 700;
|
||
|
|
margin: 0 0 20px;
|
||
|
|
}
|
||
|
|
.fancybox-share p {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.fancybox-share__button {
|
||
|
|
border: 0;
|
||
|
|
border-radius: 3px;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 40px;
|
||
|
|
margin: 0 5px 10px;
|
||
|
|
min-width: 130px;
|
||
|
|
padding: 0 15px;
|
||
|
|
text-decoration: none;
|
||
|
|
transition: all 0.2s;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.fancybox-share__button:link,
|
||
|
|
.fancybox-share__button:visited {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.fancybox-share__button:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.fancybox-share__button--fb {
|
||
|
|
background: #3b5998;
|
||
|
|
}
|
||
|
|
.fancybox-share__button--fb:hover {
|
||
|
|
background: #344e86;
|
||
|
|
}
|
||
|
|
.fancybox-share__button--pt {
|
||
|
|
background: #bd081d;
|
||
|
|
}
|
||
|
|
.fancybox-share__button--pt:hover {
|
||
|
|
background: #aa0719;
|
||
|
|
}
|
||
|
|
.fancybox-share__button--tw {
|
||
|
|
background: #1da1f2;
|
||
|
|
}
|
||
|
|
.fancybox-share__button--tw:hover {
|
||
|
|
background: #0d95e8;
|
||
|
|
}
|
||
|
|
.fancybox-share__button svg {
|
||
|
|
height: 25px;
|
||
|
|
margin-right: 7px;
|
||
|
|
position: relative;
|
||
|
|
top: -1px;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 25px;
|
||
|
|
}
|
||
|
|
.fancybox-share__button svg path {
|
||
|
|
fill: #fff;
|
||
|
|
}
|
||
|
|
.fancybox-share__input {
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 1px solid #d7d7d7;
|
||
|
|
border-radius: 0;
|
||
|
|
color: #5d5b5b;
|
||
|
|
font-size: 14px;
|
||
|
|
margin: 10px 0 0;
|
||
|
|
outline: none;
|
||
|
|
padding: 10px 15px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs {
|
||
|
|
background: #ddd;
|
||
|
|
bottom: 0;
|
||
|
|
display: none;
|
||
|
|
margin: 0;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||
|
|
padding: 2px 2px 4px;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||
|
|
top: 0;
|
||
|
|
width: 212px;
|
||
|
|
z-index: 99995;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs-x {
|
||
|
|
overflow-x: auto;
|
||
|
|
overflow-y: hidden;
|
||
|
|
}
|
||
|
|
.fancybox-show-thumbs .fancybox-thumbs {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.fancybox-show-thumbs .fancybox-inner {
|
||
|
|
right: 212px;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs__list {
|
||
|
|
font-size: 0;
|
||
|
|
height: 100%;
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
overflow-x: hidden;
|
||
|
|
overflow-y: auto;
|
||
|
|
padding: 0;
|
||
|
|
position: absolute;
|
||
|
|
position: relative;
|
||
|
|
white-space: nowrap;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs-x .fancybox-thumbs__list {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
|
||
|
|
width: 7px;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 10px;
|
||
|
|
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||
|
|
}
|
||
|
|
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
|
||
|
|
background: #2a2a2a;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs__list a {
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
background-color: rgba(0, 0, 0, 0.1);
|
||
|
|
background-position: 50%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: cover;
|
||
|
|
cursor: pointer;
|
||
|
|
float: left;
|
||
|
|
height: 75px;
|
||
|
|
margin: 2px;
|
||
|
|
max-height: calc(100% - 8px);
|
||
|
|
max-width: calc(50% - 4px);
|
||
|
|
outline: none;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
position: relative;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs__list a:before {
|
||
|
|
border: 3px solid #ff5268;
|
||
|
|
bottom: 0;
|
||
|
|
content: "";
|
||
|
|
left: 0;
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
|
|
z-index: 99991;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs__list a:focus:before {
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
@media (max-width: 576px) {
|
||
|
|
.fancybox-thumbs {
|
||
|
|
width: 110px;
|
||
|
|
}
|
||
|
|
.fancybox-show-thumbs .fancybox-inner {
|
||
|
|
right: 110px;
|
||
|
|
}
|
||
|
|
.fancybox-thumbs__list a {
|
||
|
|
max-width: calc(100% - 10px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*!
|
||
|
|
* MMenu
|
||
|
|
*/
|
||
|
|
/*!
|
||
|
|
* jQuery mmenu v7.2.2
|
||
|
|
* @requires jQuery 1.7.0 or later
|
||
|
|
*
|
||
|
|
* mmenu.frebsite.nl
|
||
|
|
*
|
||
|
|
* Copyright (c) Fred Heusschen
|
||
|
|
* www.frebsite.nl
|
||
|
|
*
|
||
|
|
* License: CC-BY-NC-4.0
|
||
|
|
* http://creativecommons.org/licenses/by-nc/4.0/
|
||
|
|
*/
|
||
|
|
.mm-menu {
|
||
|
|
--mm-line-height: 20px;
|
||
|
|
--mm-listitem-size: 44px;
|
||
|
|
--mm-navbar-size: 44px;
|
||
|
|
--mm-offset-top: 0;
|
||
|
|
--mm-offset-right: 0;
|
||
|
|
--mm-offset-bottom: 0;
|
||
|
|
--mm-offset-left: 0;
|
||
|
|
--mm-color-border: rgba(0, 0, 0, 0.1);
|
||
|
|
--mm-color-button: rgba(0, 0, 0, 0.3);
|
||
|
|
--mm-color-text: rgba(0, 0, 0, 0.75);
|
||
|
|
--mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
|
||
|
|
--mm-color-background: #f3f3f3;
|
||
|
|
--mm-color-background-highlight: rgba(0, 0, 0, 0.05);
|
||
|
|
--mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
|
||
|
|
--mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
||
|
|
}
|
||
|
|
.mm-hidden {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.mm-wrapper {
|
||
|
|
overflow-x: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.mm-menu {
|
||
|
|
background: #f3f3f3;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1);
|
||
|
|
color: rgba(0, 0, 0, 0.75);
|
||
|
|
background: var(--mm-color-background);
|
||
|
|
border-color: var(--mm-color-border);
|
||
|
|
color: var(--mm-color-text);
|
||
|
|
line-height: 20px;
|
||
|
|
line-height: var(--mm-line-height);
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 0;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
top: var(--mm-offset-top);
|
||
|
|
right: var(--mm-offset-right);
|
||
|
|
bottom: var(--mm-offset-bottom);
|
||
|
|
left: var(--mm-offset-left);
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
}
|
||
|
|
.mm-menu a,
|
||
|
|
.mm-menu a:active,
|
||
|
|
.mm-menu a:hover,
|
||
|
|
.mm-menu a:link,
|
||
|
|
.mm-menu a:visited {
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-menu {
|
||
|
|
direction: rtl;
|
||
|
|
}
|
||
|
|
.mm-panels,
|
||
|
|
.mm-panels > .mm-panel {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
.mm-panel,
|
||
|
|
.mm-panels {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background: #f3f3f3;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1);
|
||
|
|
color: rgba(0, 0, 0, 0.75);
|
||
|
|
background: var(--mm-color-background);
|
||
|
|
border-color: var(--mm-color-border);
|
||
|
|
color: var(--mm-color-text);
|
||
|
|
}
|
||
|
|
.mm-panels {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mm-panel {
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
overflow: scroll;
|
||
|
|
overflow-x: hidden;
|
||
|
|
overflow-y: auto;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0 20px;
|
||
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
||
|
|
transform: translate3d(100%, 0, 0);
|
||
|
|
-webkit-transition: -webkit-transform 0.4s ease;
|
||
|
|
transition: -webkit-transform 0.4s ease;
|
||
|
|
-o-transition: transform 0.4s ease;
|
||
|
|
transition: transform 0.4s ease;
|
||
|
|
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
|
||
|
|
}
|
||
|
|
.mm-panel:not(.mm-hidden) {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mm-panel:after,
|
||
|
|
.mm-panel:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 20px;
|
||
|
|
}
|
||
|
|
.mm-panel_has-navbar {
|
||
|
|
padding-top: 44px;
|
||
|
|
padding-top: var(--mm-navbar-size);
|
||
|
|
}
|
||
|
|
.mm-panel_opened {
|
||
|
|
z-index: 1;
|
||
|
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
}
|
||
|
|
.mm-panel_opened-parent {
|
||
|
|
-webkit-transform: translate3d(-30%, 0, 0);
|
||
|
|
transform: translate3d(-30%, 0, 0);
|
||
|
|
}
|
||
|
|
.mm-panel_highest {
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.mm-panel_noanimation {
|
||
|
|
-webkit-transition: none !important;
|
||
|
|
-o-transition: none !important;
|
||
|
|
transition: none !important;
|
||
|
|
}
|
||
|
|
.mm-panel_noanimation.mm-panel_opened-parent {
|
||
|
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-panel:not(.mm-panel_opened) {
|
||
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
||
|
|
transform: translate3d(-100%, 0, 0);
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-panel.mm-panel_opened-parent {
|
||
|
|
-webkit-transform: translate3d(30%, 0, 0);
|
||
|
|
transform: translate3d(30%, 0, 0);
|
||
|
|
}
|
||
|
|
.mm-listitem_vertical > .mm-panel {
|
||
|
|
-webkit-transform: none !important;
|
||
|
|
-ms-transform: none !important;
|
||
|
|
transform: none !important;
|
||
|
|
display: none;
|
||
|
|
width: 100%;
|
||
|
|
padding: 10px 0 10px 10px;
|
||
|
|
}
|
||
|
|
.mm-listitem_vertical > .mm-panel:after,
|
||
|
|
.mm-listitem_vertical > .mm-panel:before {
|
||
|
|
content: none;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mm-listitem_opened > .mm-panel {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mm-listitem_vertical > .mm-listitem__btn {
|
||
|
|
height: 44px;
|
||
|
|
height: var(--mm-listitem-size);
|
||
|
|
bottom: auto;
|
||
|
|
}
|
||
|
|
.mm-listitem_vertical .mm-listitem:last-child:after {
|
||
|
|
border-color: transparent;
|
||
|
|
}
|
||
|
|
.mm-listitem_opened > .mm-listitem__btn:after {
|
||
|
|
-webkit-transform: rotate(225deg);
|
||
|
|
-ms-transform: rotate(225deg);
|
||
|
|
transform: rotate(225deg);
|
||
|
|
right: 19px;
|
||
|
|
}
|
||
|
|
.mm-btn {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 44px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.mm-btn:after,
|
||
|
|
.mm-btn:before {
|
||
|
|
border-color: rgba(0, 0, 0, 0.1);
|
||
|
|
border-color: var(--mm-color-button);
|
||
|
|
border-width: 2px;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
.mm-btn_close:after,
|
||
|
|
.mm-btn_close:before {
|
||
|
|
content: "";
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
display: block;
|
||
|
|
width: 5px;
|
||
|
|
height: 5px;
|
||
|
|
margin: auto;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
-ms-transform: rotate(-45deg);
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
.mm-btn_close:before {
|
||
|
|
border-right: none;
|
||
|
|
border-bottom: none;
|
||
|
|
right: 18px;
|
||
|
|
}
|
||
|
|
.mm-btn_close:after {
|
||
|
|
border-left: none;
|
||
|
|
border-top: none;
|
||
|
|
right: 25px;
|
||
|
|
}
|
||
|
|
.mm-btn_next:after,
|
||
|
|
.mm-btn_prev:before {
|
||
|
|
content: "";
|
||
|
|
border-bottom: none;
|
||
|
|
border-right: none;
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
display: block;
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
margin: auto;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.mm-btn_prev:before {
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
-ms-transform: rotate(-45deg);
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
left: 23px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.mm-btn_next:after {
|
||
|
|
-webkit-transform: rotate(135deg);
|
||
|
|
-ms-transform: rotate(135deg);
|
||
|
|
transform: rotate(135deg);
|
||
|
|
right: 23px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-btn_next:after {
|
||
|
|
-webkit-transform: rotate(-45deg);
|
||
|
|
-ms-transform: rotate(-45deg);
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
left: 23px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-btn_prev:before {
|
||
|
|
-webkit-transform: rotate(135deg);
|
||
|
|
-ms-transform: rotate(135deg);
|
||
|
|
transform: rotate(135deg);
|
||
|
|
right: 23px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-btn_close:after,
|
||
|
|
[dir="rtl"] .mm-btn_close:before {
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-btn_close:before {
|
||
|
|
left: 25px;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-btn_close:after {
|
||
|
|
left: 18px;
|
||
|
|
}
|
||
|
|
.mm-navbar {
|
||
|
|
background: #f3f3f3;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1);
|
||
|
|
color: rgba(0, 0, 0, 0.3);
|
||
|
|
background: var(--mm-color-background);
|
||
|
|
border-color: var(--mm-color-border);
|
||
|
|
color: var(--mm-color-text-dimmed);
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
text-align: center;
|
||
|
|
display: none;
|
||
|
|
height: 44px;
|
||
|
|
height: var(--mm-navbar-size);
|
||
|
|
padding: 0 44px;
|
||
|
|
margin: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transition: opacity 0.4s ease;
|
||
|
|
-o-transition: opacity 0.4s ease;
|
||
|
|
transition: opacity 0.4s ease;
|
||
|
|
}
|
||
|
|
.mm-navbar > * {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: block;
|
||
|
|
padding: 12px;
|
||
|
|
padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5);
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.mm-navbar a,
|
||
|
|
.mm-navbar a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: 18px;
|
||
|
|
color: var(--color-primary) !important;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.mm-navbar__title {
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mm-navbar__btn {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.mm-navbar__btn:first-child {
|
||
|
|
text-align: left;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.mm-navbar__btn:last-child {
|
||
|
|
text-align: right;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.mm-panel_has-navbar .mm-navbar {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-navbar__btn:first-child {
|
||
|
|
text-align: right;
|
||
|
|
right: 0;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-navbar__btn:last-child {
|
||
|
|
text-align: left;
|
||
|
|
left: 0;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.mm-listitem,
|
||
|
|
.mm-listview {
|
||
|
|
list-style: none;
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.mm-listitem {
|
||
|
|
color: #000;
|
||
|
|
font-weight: 500;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1);
|
||
|
|
border-color: var(--mm-color-border);
|
||
|
|
position: relative;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.mm-listitem:after {
|
||
|
|
content: "";
|
||
|
|
border-color: inherit;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 20px;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.mm-listitem a,
|
||
|
|
.mm-listitem a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.mm-listitem__btn,
|
||
|
|
.mm-listitem__text {
|
||
|
|
color: inherit;
|
||
|
|
display: block;
|
||
|
|
padding-top: 12px;
|
||
|
|
padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
|
||
|
|
padding-bottom: 12px;
|
||
|
|
padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
|
||
|
|
}
|
||
|
|
.mm-listitem__text {
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
padding-left: 20px;
|
||
|
|
padding-right: 10px;
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-ms-flex-positive: 1;
|
||
|
|
flex-grow: 1;
|
||
|
|
-ms-flex-preferred-size: 10%;
|
||
|
|
flex-basis: 10%;
|
||
|
|
}
|
||
|
|
.mm-listitem__btn {
|
||
|
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
|
||
|
|
tap-highlight-color: rgba(255, 255, 255, 0.4);
|
||
|
|
-webkit-tap-highlight-color: var(--mm-color-background-emphasis);
|
||
|
|
tap-highlight-color: var(--mm-color-background-emphasis);
|
||
|
|
background: rgba(3, 2, 1, 0);
|
||
|
|
border-color: inherit;
|
||
|
|
width: auto;
|
||
|
|
padding-right: 54px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.mm-listitem__btn:not(.mm-listitem__text) {
|
||
|
|
border-left-width: 1px;
|
||
|
|
border-left-style: solid;
|
||
|
|
}
|
||
|
|
.mm-listitem_selected > .mm-listitem__text {
|
||
|
|
background: rgba(255, 255, 255, 0.4);
|
||
|
|
background: var(--mm-color-background-emphasis);
|
||
|
|
}
|
||
|
|
.mm-listitem_opened > .mm-listitem__btn,
|
||
|
|
.mm-listitem_opened > .mm-panel {
|
||
|
|
background: rgba(0, 0, 0, 0.05);
|
||
|
|
background: var(--mm-color-background-highlight);
|
||
|
|
}
|
||
|
|
.mm-panels > .mm-panel > .mm-listview {
|
||
|
|
margin: 20px -20px;
|
||
|
|
}
|
||
|
|
.mm-panels > .mm-panel > .mm-listview:first-child,
|
||
|
|
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
|
||
|
|
margin-top: -20px;
|
||
|
|
}
|
||
|
|
.mm-listitem_divider {
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
background: rgba(0, 0, 0, 0.05);
|
||
|
|
background: var(--mm-color-background-highlight);
|
||
|
|
font-size: 75%;
|
||
|
|
text-transform: uppercase;
|
||
|
|
min-height: 20px;
|
||
|
|
min-height: var(--mm-line-height);
|
||
|
|
padding: 6.5px;
|
||
|
|
padding: calc(
|
||
|
|
((var(--mm-listitem-size) * 0.75) - var(--mm-line-height)) * 0.5
|
||
|
|
);
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.mm-listitem_spacer {
|
||
|
|
padding-top: 44px;
|
||
|
|
padding-top: var(--mm-listitem-size);
|
||
|
|
}
|
||
|
|
.mm-listitem_spacer > .mm-btn_next {
|
||
|
|
top: 44px;
|
||
|
|
top: var(--mm-listitem-size);
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-listitem:after {
|
||
|
|
left: 0;
|
||
|
|
right: 20px;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-listitem__text {
|
||
|
|
padding-left: 10px;
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-listitem__btn {
|
||
|
|
padding-left: 54px;
|
||
|
|
border-left-width: 0;
|
||
|
|
border-left-style: none;
|
||
|
|
}
|
||
|
|
[dir="rtl"] .mm-listitem__btn:not(.mm-listitem__text) {
|
||
|
|
padding-right: 0;
|
||
|
|
border-right-width: 1px;
|
||
|
|
border-right-style: solid;
|
||
|
|
}
|
||
|
|
.mm-page {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.mm-slideout {
|
||
|
|
-webkit-transition: -webkit-transform 0.4s ease;
|
||
|
|
transition: -webkit-transform 0.4s ease;
|
||
|
|
-o-transition: transform 0.4s ease;
|
||
|
|
transition: transform 0.4s ease;
|
||
|
|
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.mm-wrapper_opened {
|
||
|
|
overflow-x: hidden;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.mm-wrapper_background .mm-page {
|
||
|
|
background: inherit;
|
||
|
|
}
|
||
|
|
.mm-menu_offcanvas {
|
||
|
|
display: none;
|
||
|
|
position: fixed;
|
||
|
|
right: auto;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
.mm-menu_offcanvas.mm-menu_opened {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mm-menu_offcanvas {
|
||
|
|
width: 80%;
|
||
|
|
min-width: 240px;
|
||
|
|
max-width: 440px;
|
||
|
|
}
|
||
|
|
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
|
||
|
|
-webkit-transform: translate3d(80vw, 0, 0);
|
||
|
|
transform: translate3d(80vw, 0, 0);
|
||
|
|
}
|
||
|
|
@media all and (max-width: 300px) {
|
||
|
|
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
|
||
|
|
-webkit-transform: translate3d(240px, 0, 0);
|
||
|
|
transform: translate3d(240px, 0, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media all and (min-width: 550px) {
|
||
|
|
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
|
||
|
|
-webkit-transform: translate3d(440px, 0, 0);
|
||
|
|
transform: translate3d(440px, 0, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mm-wrapper__blocker {
|
||
|
|
background: rgba(0, 0, 0, 0.2);
|
||
|
|
overflow: hidden;
|
||
|
|
display: none;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.mm-wrapper_blocking {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mm-wrapper_blocking body {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.mm-wrapper_blocking .mm-wrapper__blocker {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.mm-sronly {
|
||
|
|
border: 0 !important;
|
||
|
|
clip: rect(1px, 1px, 1px, 1px) !important;
|
||
|
|
-webkit-clip-path: inset(50%) !important;
|
||
|
|
clip-path: inset(50%) !important;
|
||
|
|
white-space: nowrap !important;
|
||
|
|
width: 1px !important;
|
||
|
|
min-width: 1px !important;
|
||
|
|
height: 1px !important;
|
||
|
|
min-height: 1px !important;
|
||
|
|
padding: 0 !important;
|
||
|
|
overflow: hidden !important;
|
||
|
|
position: absolute !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* STYLE GLOBAL */
|
||
|
|
.color-primary {
|
||
|
|
color: var(--color-primary);
|
||
|
|
}
|
||
|
|
.color-secondary {
|
||
|
|
color: var(--color-secondary);
|
||
|
|
}
|
||
|
|
.color-white {
|
||
|
|
color: var(--white);
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
.color-black {
|
||
|
|
color: var(--black);
|
||
|
|
}
|
||
|
|
.color-gray {
|
||
|
|
color: var(--gray);
|
||
|
|
}
|
||
|
|
.color-gray-2 {
|
||
|
|
color: var(--gray-2);
|
||
|
|
}
|
||
|
|
.bg-primary {
|
||
|
|
background-color: var(--color-primary);
|
||
|
|
}
|
||
|
|
.bg-secondary {
|
||
|
|
background-color: var(--color-secondary);
|
||
|
|
}
|
||
|
|
.bg-white {
|
||
|
|
background-color: var(--white);
|
||
|
|
}
|
||
|
|
.box-shadow {
|
||
|
|
-webkit-box-shadow: var(--box-shadow);
|
||
|
|
box-shadow: var(--box-shadow);
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
input::-webkit-input-placeholder,
|
||
|
|
textarea::-webkit-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-moz-placeholder,
|
||
|
|
textarea::-moz-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input:-ms-input-placeholder,
|
||
|
|
textarea:-ms-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-ms-input-placeholder,
|
||
|
|
textarea::-ms-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-webkit-input-placeholder,
|
||
|
|
textarea::-webkit-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-moz-placeholder,
|
||
|
|
textarea::-moz-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input:-ms-input-placeholder,
|
||
|
|
textarea:-ms-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-ms-input-placeholder,
|
||
|
|
textarea::-ms-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-webkit-input-placeholder,
|
||
|
|
textarea::-webkit-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-moz-placeholder,
|
||
|
|
textarea::-moz-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input:-ms-input-placeholder,
|
||
|
|
textarea:-ms-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input::-ms-input-placeholder,
|
||
|
|
textarea::-ms-input-placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
input,
|
||
|
|
input::placeholder,
|
||
|
|
select,
|
||
|
|
textarea,
|
||
|
|
textarea::placeholder {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
.line-clamp-1 {
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
-webkit-line-clamp: 1;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.line-clamp-2 {
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.line-clamp-3 {
|
||
|
|
-o-text-overflow: ellipsis;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
-webkit-line-clamp: 3;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.text-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.text-left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.text-right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.text-uppercase {
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.text-line-through {
|
||
|
|
text-decoration: line-through;
|
||
|
|
}
|
||
|
|
.text-32 {
|
||
|
|
font-size: 32px;
|
||
|
|
line-height: 36px;
|
||
|
|
}
|
||
|
|
.text-28 {
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 32px;
|
||
|
|
}
|
||
|
|
.text-24 {
|
||
|
|
font-size: 24px;
|
||
|
|
line-height: 28px;
|
||
|
|
}
|
||
|
|
.text-20 {
|
||
|
|
font-size: 20px;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
.text-18 {
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 22px;
|
||
|
|
}
|
||
|
|
.text-16 {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 20px;
|
||
|
|
}
|
||
|
|
.text-15 {
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 19px;
|
||
|
|
}
|
||
|
|
.text-14 {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 18px;
|
||
|
|
}
|
||
|
|
.text-13 {
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 17px;
|
||
|
|
}
|
||
|
|
.text-12 {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 16px;
|
||
|
|
}
|
||
|
|
.text-10 {
|
||
|
|
font-size: 10px;
|
||
|
|
line-height: 14px;
|
||
|
|
}
|
||
|
|
.font-weight-900 {
|
||
|
|
font-weight: 900;
|
||
|
|
}
|
||
|
|
.font-weight-700 {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.font-weight-600 {
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
.font-weight-500 {
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.font-weight-400 {
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.font-weight-300 {
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
.grid {
|
||
|
|
display: -ms-grid;
|
||
|
|
display: grid;
|
||
|
|
gap: 12px;
|
||
|
|
}
|
||
|
|
.grid--1-cols {
|
||
|
|
-ms-grid-columns: (1fr) [1];
|
||
|
|
grid-template-columns: repeat(1, 1fr);
|
||
|
|
}
|
||
|
|
.grid--2-cols {
|
||
|
|
-ms-grid-columns: (1fr) [2];
|
||
|
|
grid-template-columns: repeat(2, 1fr);
|
||
|
|
}
|
||
|
|
.grid--3-cols {
|
||
|
|
-ms-grid-columns: (1fr) [3];
|
||
|
|
grid-template-columns: repeat(3, 1fr);
|
||
|
|
}
|
||
|
|
.grid--4-cols {
|
||
|
|
-ms-grid-columns: (1fr) [4];
|
||
|
|
grid-template-columns: repeat(4, 1fr);
|
||
|
|
}
|
||
|
|
.grid--5-cols {
|
||
|
|
-ms-grid-columns: (1fr) [5];
|
||
|
|
grid-template-columns: repeat(5, 1fr);
|
||
|
|
}
|
||
|
|
.grid--2-rows {
|
||
|
|
-ms-grid-rows: (1fr) [2];
|
||
|
|
grid-template-rows: repeat(2, 1fr);
|
||
|
|
}
|
||
|
|
.row {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
margin-right: -6px;
|
||
|
|
margin-left: -6px;
|
||
|
|
}
|
||
|
|
.no-gutters {
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.no-gutters > .col,
|
||
|
|
.no-gutters > [class*="col-"] {
|
||
|
|
padding-right: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
.col,
|
||
|
|
.col-1,
|
||
|
|
.col-10,
|
||
|
|
.col-11,
|
||
|
|
.col-12,
|
||
|
|
.col-2,
|
||
|
|
.col-3,
|
||
|
|
.col-4,
|
||
|
|
.col-5,
|
||
|
|
.col-6,
|
||
|
|
.col-7,
|
||
|
|
.col-8,
|
||
|
|
.col-9,
|
||
|
|
.col-auto,
|
||
|
|
.col-sm,
|
||
|
|
.col-sm-1,
|
||
|
|
.col-sm-10,
|
||
|
|
.col-sm-11,
|
||
|
|
.col-sm-12,
|
||
|
|
.col-sm-2,
|
||
|
|
.col-sm-3,
|
||
|
|
.col-sm-4,
|
||
|
|
.col-sm-5,
|
||
|
|
.col-sm-6,
|
||
|
|
.col-sm-7,
|
||
|
|
.col-sm-8,
|
||
|
|
.col-sm-9,
|
||
|
|
.col-sm-auto {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
padding-right: 6px;
|
||
|
|
padding-left: 6px;
|
||
|
|
}
|
||
|
|
.col {
|
||
|
|
-ms-flex-preferred-size: 0;
|
||
|
|
flex-basis: 0;
|
||
|
|
-ms-flex-positive: 1;
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
flex-grow: 1;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.row-cols-1 > * {
|
||
|
|
-ms-flex: 0 0 100%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.row-cols-2 > * {
|
||
|
|
-ms-flex: 0 0 50%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 50%;
|
||
|
|
max-width: 50%;
|
||
|
|
}
|
||
|
|
.row-cols-3 > * {
|
||
|
|
-ms-flex: 0 0 33.333333%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 33.333333%;
|
||
|
|
max-width: 33.333333%;
|
||
|
|
}
|
||
|
|
.row-cols-4 > * {
|
||
|
|
-ms-flex: 0 0 25%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 25%;
|
||
|
|
max-width: 25%;
|
||
|
|
}
|
||
|
|
.row-cols-5 > * {
|
||
|
|
-ms-flex: 0 0 20%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 20%;
|
||
|
|
max-width: 20%;
|
||
|
|
}
|
||
|
|
.row-cols-6 > * {
|
||
|
|
-ms-flex: 0 0 16.666667%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 16.666667%;
|
||
|
|
max-width: 16.666667%;
|
||
|
|
}
|
||
|
|
.col-auto {
|
||
|
|
-ms-flex: 0 0 auto;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
width: auto;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.col-1 {
|
||
|
|
-ms-flex: 0 0 8.333333%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 8.333333%;
|
||
|
|
max-width: 8.333333%;
|
||
|
|
}
|
||
|
|
.col-2 {
|
||
|
|
-ms-flex: 0 0 16.666667%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 16.666667%;
|
||
|
|
max-width: 16.666667%;
|
||
|
|
}
|
||
|
|
.col-3 {
|
||
|
|
-ms-flex: 0 0 25%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 25%;
|
||
|
|
max-width: 25%;
|
||
|
|
}
|
||
|
|
.col-4 {
|
||
|
|
-ms-flex: 0 0 33.333333%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 33.333333%;
|
||
|
|
max-width: 33.333333%;
|
||
|
|
}
|
||
|
|
.col-5 {
|
||
|
|
-ms-flex: 0 0 41.666667%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 41.666667%;
|
||
|
|
max-width: 41.666667%;
|
||
|
|
}
|
||
|
|
.col-6 {
|
||
|
|
-ms-flex: 0 0 50%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 50%;
|
||
|
|
max-width: 50%;
|
||
|
|
}
|
||
|
|
.col-7 {
|
||
|
|
-ms-flex: 0 0 58.333333%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 58.333333%;
|
||
|
|
max-width: 58.333333%;
|
||
|
|
}
|
||
|
|
.col-8 {
|
||
|
|
-ms-flex: 0 0 66.666667%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 66.666667%;
|
||
|
|
max-width: 66.666667%;
|
||
|
|
}
|
||
|
|
.col-9 {
|
||
|
|
-ms-flex: 0 0 75%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 75%;
|
||
|
|
max-width: 75%;
|
||
|
|
}
|
||
|
|
.col-10 {
|
||
|
|
-ms-flex: 0 0 83.333333%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 83.333333%;
|
||
|
|
max-width: 83.333333%;
|
||
|
|
}
|
||
|
|
.col-11 {
|
||
|
|
-ms-flex: 0 0 91.666667%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 91.666667%;
|
||
|
|
max-width: 91.666667%;
|
||
|
|
}
|
||
|
|
.col-12 {
|
||
|
|
-ms-flex: 0 0 100%;
|
||
|
|
-webkit-box-flex: 0;
|
||
|
|
flex: 0 0 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.offset-1 {
|
||
|
|
margin-left: 8.333333%;
|
||
|
|
}
|
||
|
|
.offset-2 {
|
||
|
|
margin-left: 16.666667%;
|
||
|
|
}
|
||
|
|
.offset-3 {
|
||
|
|
margin-left: 25%;
|
||
|
|
}
|
||
|
|
.offset-4 {
|
||
|
|
margin-left: 33.333333%;
|
||
|
|
}
|
||
|
|
.offset-5 {
|
||
|
|
margin-left: 41.666667%;
|
||
|
|
}
|
||
|
|
.offset-6 {
|
||
|
|
margin-left: 50%;
|
||
|
|
}
|
||
|
|
.offset-7 {
|
||
|
|
margin-left: 58.333333%;
|
||
|
|
}
|
||
|
|
.offset-8 {
|
||
|
|
margin-left: 66.666667%;
|
||
|
|
}
|
||
|
|
.offset-9 {
|
||
|
|
margin-left: 75%;
|
||
|
|
}
|
||
|
|
.offset-10 {
|
||
|
|
margin-left: 83.333333%;
|
||
|
|
}
|
||
|
|
.offset-11 {
|
||
|
|
margin-left: 91.666667%;
|
||
|
|
}
|
||
|
|
.d-flex {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.align-items-center {
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.align-items-start {
|
||
|
|
-webkit-box-align: start;
|
||
|
|
-ms-flex-align: start;
|
||
|
|
align-items: flex-start;
|
||
|
|
}
|
||
|
|
.align-items-end {
|
||
|
|
-webkit-box-align: end;
|
||
|
|
-ms-flex-align: end;
|
||
|
|
align-items: flex-end;
|
||
|
|
}
|
||
|
|
.align-items-baseline {
|
||
|
|
-webkit-box-align: baseline;
|
||
|
|
-ms-flex-align: baseline;
|
||
|
|
align-items: baseline;
|
||
|
|
}
|
||
|
|
.justify-content-center {
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.justify-content-between {
|
||
|
|
-webkit-box-pack: justify;
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.justify-content-around {
|
||
|
|
-ms-flex-pack: distribute;
|
||
|
|
justify-content: space-around;
|
||
|
|
}
|
||
|
|
.flex-column {
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.flex-row {
|
||
|
|
-ms-flex-direction: row;
|
||
|
|
-webkit-box-orient: horizontal;
|
||
|
|
-webkit-box-direction: normal;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.flex-1 {
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.flex-wrap {
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.m-0 {
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
.mt-0,
|
||
|
|
.my-0 {
|
||
|
|
margin-top: 0 !important;
|
||
|
|
}
|
||
|
|
.mr-0,
|
||
|
|
.mx-0 {
|
||
|
|
margin-right: 0 !important;
|
||
|
|
}
|
||
|
|
.mb-0,
|
||
|
|
.my-0 {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.ml-0,
|
||
|
|
.mx-0 {
|
||
|
|
margin-left: 0 !important;
|
||
|
|
}
|
||
|
|
.m-1 {
|
||
|
|
margin: 4px !important;
|
||
|
|
}
|
||
|
|
.mt-1,
|
||
|
|
.my-1 {
|
||
|
|
margin-top: 4px !important;
|
||
|
|
}
|
||
|
|
.mr-1,
|
||
|
|
.mx-1 {
|
||
|
|
margin-right: 4px !important;
|
||
|
|
}
|
||
|
|
.mb-1,
|
||
|
|
.my-1 {
|
||
|
|
margin-bottom: 4px !important;
|
||
|
|
}
|
||
|
|
.ml-1,
|
||
|
|
.mx-1 {
|
||
|
|
margin-left: 4px !important;
|
||
|
|
}
|
||
|
|
.m-2 {
|
||
|
|
margin: 8px !important;
|
||
|
|
}
|
||
|
|
.mt-2,
|
||
|
|
.my-2 {
|
||
|
|
margin-top: 8px !important;
|
||
|
|
}
|
||
|
|
.mr-2,
|
||
|
|
.mx-2 {
|
||
|
|
margin-right: 8px !important;
|
||
|
|
}
|
||
|
|
.mb-2,
|
||
|
|
.my-2 {
|
||
|
|
margin-bottom: 8px !important;
|
||
|
|
}
|
||
|
|
.ml-2,
|
||
|
|
.mx-2 {
|
||
|
|
margin-left: 8px !important;
|
||
|
|
}
|
||
|
|
.m-3 {
|
||
|
|
margin: 16px !important;
|
||
|
|
}
|
||
|
|
.mt-3,
|
||
|
|
.my-3 {
|
||
|
|
margin-top: 16px !important;
|
||
|
|
}
|
||
|
|
.mr-3,
|
||
|
|
.mx-3 {
|
||
|
|
margin-right: 16px !important;
|
||
|
|
}
|
||
|
|
.mb-3,
|
||
|
|
.my-3 {
|
||
|
|
margin-bottom: 16px !important;
|
||
|
|
}
|
||
|
|
.ml-3,
|
||
|
|
.mx-3 {
|
||
|
|
margin-left: 16px !important;
|
||
|
|
}
|
||
|
|
.m-4 {
|
||
|
|
margin: 24px !important;
|
||
|
|
}
|
||
|
|
.mt-4,
|
||
|
|
.my-4 {
|
||
|
|
margin-top: 24px !important;
|
||
|
|
}
|
||
|
|
.mr-4,
|
||
|
|
.mx-4 {
|
||
|
|
margin-right: 24px !important;
|
||
|
|
}
|
||
|
|
.mb-4,
|
||
|
|
.my-4 {
|
||
|
|
margin-bottom: 24px !important;
|
||
|
|
}
|
||
|
|
.ml-4,
|
||
|
|
.mx-4 {
|
||
|
|
margin-left: 24px !important;
|
||
|
|
}
|
||
|
|
.m-5 {
|
||
|
|
margin: 48px !important;
|
||
|
|
}
|
||
|
|
.mt-5,
|
||
|
|
.my-5 {
|
||
|
|
margin-top: 48px !important;
|
||
|
|
}
|
||
|
|
.mr-5,
|
||
|
|
.mx-5 {
|
||
|
|
margin-right: 48px !important;
|
||
|
|
}
|
||
|
|
.mb-5,
|
||
|
|
.my-5 {
|
||
|
|
margin-bottom: 48px !important;
|
||
|
|
}
|
||
|
|
.ml-5,
|
||
|
|
.mx-5 {
|
||
|
|
margin-left: 48px !important;
|
||
|
|
}
|
||
|
|
.m-12px {
|
||
|
|
margin: 12px !important;
|
||
|
|
}
|
||
|
|
.mt-12px,
|
||
|
|
.my-12px {
|
||
|
|
margin-top: 12px !important;
|
||
|
|
}
|
||
|
|
.mr-12px,
|
||
|
|
.mx-12px {
|
||
|
|
margin-right: 12px !important;
|
||
|
|
}
|
||
|
|
.mb-12px,
|
||
|
|
.my-12px {
|
||
|
|
margin-bottom: 12px !important;
|
||
|
|
}
|
||
|
|
.ml-12px,
|
||
|
|
.mx-12px {
|
||
|
|
margin-left: 12px !important;
|
||
|
|
}
|
||
|
|
.m-32px {
|
||
|
|
margin: 32px !important;
|
||
|
|
}
|
||
|
|
.mt-32px,
|
||
|
|
.my-32px {
|
||
|
|
margin-top: 32px !important;
|
||
|
|
}
|
||
|
|
.mr-32px,
|
||
|
|
.mx-32px {
|
||
|
|
margin-right: 32px !important;
|
||
|
|
}
|
||
|
|
.mb-32px,
|
||
|
|
.my-32px {
|
||
|
|
margin-bottom: 32px !important;
|
||
|
|
}
|
||
|
|
.ml-32px,
|
||
|
|
.mx-32px {
|
||
|
|
margin-left: 32px !important;
|
||
|
|
}
|
||
|
|
.p-0 {
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
.pt-0,
|
||
|
|
.py-0 {
|
||
|
|
padding-top: 0 !important;
|
||
|
|
}
|
||
|
|
.pr-0,
|
||
|
|
.px-0 {
|
||
|
|
padding-right: 0 !important;
|
||
|
|
}
|
||
|
|
.pb-0,
|
||
|
|
.py-0 {
|
||
|
|
padding-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.pl-0,
|
||
|
|
.px-0 {
|
||
|
|
padding-left: 0 !important;
|
||
|
|
}
|
||
|
|
.p-1 {
|
||
|
|
padding: 4px !important;
|
||
|
|
}
|
||
|
|
.pt-1,
|
||
|
|
.py-1 {
|
||
|
|
padding-top: 4px !important;
|
||
|
|
}
|
||
|
|
.pr-1,
|
||
|
|
.px-1 {
|
||
|
|
padding-right: 4px !important;
|
||
|
|
}
|
||
|
|
.pb-1,
|
||
|
|
.py-1 {
|
||
|
|
padding-bottom: 4px !important;
|
||
|
|
}
|
||
|
|
.pl-1,
|
||
|
|
.px-1 {
|
||
|
|
padding-left: 4px !important;
|
||
|
|
}
|
||
|
|
.p-2 {
|
||
|
|
padding: 8px !important;
|
||
|
|
}
|
||
|
|
.pt-2,
|
||
|
|
.py-2 {
|
||
|
|
padding-top: 8px !important;
|
||
|
|
}
|
||
|
|
.pr-2,
|
||
|
|
.px-2 {
|
||
|
|
padding-right: 8px !important;
|
||
|
|
}
|
||
|
|
.pb-2,
|
||
|
|
.py-2 {
|
||
|
|
padding-bottom: 8px !important;
|
||
|
|
}
|
||
|
|
.pl-2,
|
||
|
|
.px-2 {
|
||
|
|
padding-left: 8px !important;
|
||
|
|
}
|
||
|
|
.p-3 {
|
||
|
|
padding: 16px !important;
|
||
|
|
}
|
||
|
|
.pt-3,
|
||
|
|
.py-3 {
|
||
|
|
padding-top: 16px !important;
|
||
|
|
}
|
||
|
|
.pr-3,
|
||
|
|
.px-3 {
|
||
|
|
padding-right: 16px !important;
|
||
|
|
}
|
||
|
|
.pb-3,
|
||
|
|
.py-3 {
|
||
|
|
padding-bottom: 16px !important;
|
||
|
|
}
|
||
|
|
.pl-3,
|
||
|
|
.px-3 {
|
||
|
|
padding-left: 16px !important;
|
||
|
|
}
|
||
|
|
.p-4 {
|
||
|
|
padding: 24px !important;
|
||
|
|
}
|
||
|
|
.pt-4,
|
||
|
|
.py-4 {
|
||
|
|
padding-top: 24px !important;
|
||
|
|
}
|
||
|
|
.pr-4,
|
||
|
|
.px-4 {
|
||
|
|
padding-right: 24px !important;
|
||
|
|
}
|
||
|
|
.pb-4,
|
||
|
|
.py-4 {
|
||
|
|
padding-bottom: 24px !important;
|
||
|
|
}
|
||
|
|
.pl-4,
|
||
|
|
.px-4 {
|
||
|
|
padding-left: 24px !important;
|
||
|
|
}
|
||
|
|
.p-5 {
|
||
|
|
padding: 48px !important;
|
||
|
|
}
|
||
|
|
.pt-5,
|
||
|
|
.py-5 {
|
||
|
|
padding-top: 48px !important;
|
||
|
|
}
|
||
|
|
.pr-5,
|
||
|
|
.px-5 {
|
||
|
|
padding-right: 48px !important;
|
||
|
|
}
|
||
|
|
.pb-5,
|
||
|
|
.py-5 {
|
||
|
|
padding-bottom: 48px !important;
|
||
|
|
}
|
||
|
|
.pl-5,
|
||
|
|
.px-5 {
|
||
|
|
padding-left: 48px !important;
|
||
|
|
}
|
||
|
|
.p-12px {
|
||
|
|
padding: 12px !important;
|
||
|
|
}
|
||
|
|
.pt-12px,
|
||
|
|
.py-12px {
|
||
|
|
padding-top: 12px !important;
|
||
|
|
}
|
||
|
|
.pr-12px,
|
||
|
|
.px-12px {
|
||
|
|
padding-right: 12px !important;
|
||
|
|
}
|
||
|
|
.pb-12px,
|
||
|
|
.py-12px {
|
||
|
|
padding-bottom: 12px !important;
|
||
|
|
}
|
||
|
|
.pl-12px,
|
||
|
|
.px-12px {
|
||
|
|
padding-left: 12px !important;
|
||
|
|
}
|
||
|
|
.p-32px {
|
||
|
|
padding: 32px !important;
|
||
|
|
}
|
||
|
|
.pt-32px,
|
||
|
|
.py-32px {
|
||
|
|
padding-top: 32px !important;
|
||
|
|
}
|
||
|
|
.pr-32px,
|
||
|
|
.px-32px {
|
||
|
|
padding-right: 32px !important;
|
||
|
|
}
|
||
|
|
.pb-32px,
|
||
|
|
.py-32px {
|
||
|
|
padding-bottom: 32px !important;
|
||
|
|
}
|
||
|
|
.pl-32px,
|
||
|
|
.px-32px {
|
||
|
|
padding-left: 32px !important;
|
||
|
|
}
|
||
|
|
.w-100 {
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
.h-100 {
|
||
|
|
height: 100% !important;
|
||
|
|
}
|
||
|
|
.w-auto {
|
||
|
|
width: auto !important;
|
||
|
|
}
|
||
|
|
.h-auto {
|
||
|
|
height: auto !important;
|
||
|
|
}
|
||
|
|
.m-auto {
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.d-block {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
.hide {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.d-none {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.max-height-none {
|
||
|
|
max-height: unset !important;
|
||
|
|
}
|
||
|
|
.min-width-0 {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
.overflow-hidden {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.overflow-auto {
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.p-relative {
|
||
|
|
position: relative !important;
|
||
|
|
}
|
||
|
|
.ws-pre-line {
|
||
|
|
white-space: pre-line;
|
||
|
|
}
|
||
|
|
.list {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.hover-primary:hover {
|
||
|
|
color: var(--color-primary);
|
||
|
|
}
|
||
|
|
.hover-secondary:hover {
|
||
|
|
color: var(--color-secondary);
|
||
|
|
}
|
||
|
|
.hover-underline:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.r-180deg {
|
||
|
|
-webkit-transform: rotate(180deg);
|
||
|
|
-ms-transform: rotate(180deg);
|
||
|
|
transform: rotate(180deg);
|
||
|
|
}
|
||
|
|
.gap-0 {
|
||
|
|
gap: 0;
|
||
|
|
}
|
||
|
|
.gap-2 {
|
||
|
|
gap: 2px;
|
||
|
|
}
|
||
|
|
.gap-4 {
|
||
|
|
gap: 4px;
|
||
|
|
}
|
||
|
|
.gap-8 {
|
||
|
|
gap: 8px;
|
||
|
|
}
|
||
|
|
.gap-12 {
|
||
|
|
gap: 12px;
|
||
|
|
}
|
||
|
|
.gap-16 {
|
||
|
|
gap: 16px;
|
||
|
|
}
|
||
|
|
.gap-24 {
|
||
|
|
gap: 24px;
|
||
|
|
}
|
||
|
|
.gap-32 {
|
||
|
|
gap: 32px;
|
||
|
|
}
|
||
|
|
.static-html a,
|
||
|
|
.static-html b,
|
||
|
|
.static-html h1,
|
||
|
|
.static-html h2,
|
||
|
|
.static-html h3,
|
||
|
|
.static-html h4,
|
||
|
|
.static-html h5,
|
||
|
|
.static-html h6,
|
||
|
|
.static-html ol,
|
||
|
|
.static-html p,
|
||
|
|
.static-html span,
|
||
|
|
.static-html strong,
|
||
|
|
.static-html ul {
|
||
|
|
margin: revert;
|
||
|
|
padding: revert;
|
||
|
|
}
|
||
|
|
.static-html img {
|
||
|
|
display: block;
|
||
|
|
margin: 0 auto;
|
||
|
|
width: -webkit-min-content;
|
||
|
|
width: -moz-min-content;
|
||
|
|
width: min-content;
|
||
|
|
height: auto;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.shake-animation {
|
||
|
|
-webkit-animation: shake 1.5s infinite;
|
||
|
|
animation: shake 1.5s infinite;
|
||
|
|
}
|
||
|
|
.circle {
|
||
|
|
stroke-dasharray: 76;
|
||
|
|
stroke-dashoffset: 76;
|
||
|
|
-webkit-animation: 0.5s forwards draw;
|
||
|
|
animation: 0.5s forwards draw;
|
||
|
|
}
|
||
|
|
.tick {
|
||
|
|
stroke-dasharray: 18;
|
||
|
|
stroke-dashoffset: 18;
|
||
|
|
-webkit-animation: 0.5s 0.6s forwards draw;
|
||
|
|
animation: 0.5s 0.6s forwards draw;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes draw {
|
||
|
|
to {
|
||
|
|
stroke-dashoffset: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes draw {
|
||
|
|
to {
|
||
|
|
stroke-dashoffset: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes shake {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
10% {
|
||
|
|
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes shake {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
10% {
|
||
|
|
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
30% {
|
||
|
|
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
-webkit-transform: rotate(0) scale(1) skew(1deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.loading-progress {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
width: 96%;
|
||
|
|
height: 450px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle {
|
||
|
|
width: 200px;
|
||
|
|
height: 200px;
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-animation: colorfull-spin 2s alternate infinite;
|
||
|
|
animation: colorfull-spin 2s alternate infinite;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:first-child {
|
||
|
|
-webkit-animation-delay: 0.1s;
|
||
|
|
animation-delay: 0.1s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 180px;
|
||
|
|
height: 180px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:nth-child(2) {
|
||
|
|
-webkit-animation-delay: 0.2s;
|
||
|
|
animation-delay: 0.2s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 160px;
|
||
|
|
height: 160px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:nth-child(3) {
|
||
|
|
-webkit-animation-delay: 0.3s;
|
||
|
|
animation-delay: 0.3s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 140px;
|
||
|
|
height: 140px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:nth-child(4) {
|
||
|
|
-webkit-animation-delay: 0.4s;
|
||
|
|
animation-delay: 0.4s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 120px;
|
||
|
|
height: 120px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:nth-child(5) {
|
||
|
|
-webkit-animation-delay: 0.5s;
|
||
|
|
animation-delay: 0.5s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 100px;
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:nth-child(6) {
|
||
|
|
-webkit-animation-delay: 0.6s;
|
||
|
|
animation-delay: 0.6s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 80px;
|
||
|
|
height: 80px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:nth-child(7) {
|
||
|
|
-webkit-animation-delay: 0.7s;
|
||
|
|
animation-delay: 0.7s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
.loading-progress .circle:nth-child(8) {
|
||
|
|
-webkit-animation-delay: 0.8s;
|
||
|
|
animation-delay: 0.8s;
|
||
|
|
background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
|
||
|
|
background-size: 200%;
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
}
|
||
|
|
@-webkit-keyframes colorfull-spin {
|
||
|
|
0% {
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-transform: rotate(0);
|
||
|
|
transform: rotate(0);
|
||
|
|
background-position: 0 50%;
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-transform: rotate(0);
|
||
|
|
transform: rotate(0);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
background-position: 100% 50%;
|
||
|
|
}
|
||
|
|
90% {
|
||
|
|
border-radius: 5%;
|
||
|
|
-webkit-transform: rotate(90deg);
|
||
|
|
transform: rotate(90deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
border-radius: 5%;
|
||
|
|
-webkit-transform: rotate(90deg);
|
||
|
|
transform: rotate(90deg);
|
||
|
|
background-position: 0 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes colorfull-spin {
|
||
|
|
0% {
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-transform: rotate(0);
|
||
|
|
transform: rotate(0);
|
||
|
|
background-position: 0 50%;
|
||
|
|
}
|
||
|
|
20% {
|
||
|
|
border-radius: 50%;
|
||
|
|
-webkit-transform: rotate(0);
|
||
|
|
transform: rotate(0);
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
background-position: 100% 50%;
|
||
|
|
}
|
||
|
|
90% {
|
||
|
|
border-radius: 5%;
|
||
|
|
-webkit-transform: rotate(90deg);
|
||
|
|
transform: rotate(90deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
border-radius: 5%;
|
||
|
|
-webkit-transform: rotate(90deg);
|
||
|
|
transform: rotate(90deg);
|
||
|
|
background-position: 0 50%;
|
||
|
|
}
|
||
|
|
}
|