html {
font: normal 14px / 20px var(--font-family);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background-color: var(--background-color);
color: var(--color-text);
}
body {
margin: 0;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
a,
.uk-link {
color: var(--color-text-link);
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
a:hover,
.uk-link:hover {
color: var(--color-text-link-lighter);
text-decoration: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
font-size: 12px;
font-family: Consolas, monospace, serif;
color: #D05;
white-space: nowrap;
}
ins {
background: var(--color-text);
color: #444;
text-decoration: none;
}
mark {
background: #ffa;
color: var(--color-text);
}
q {
font-style: italic;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
audio,
canvas,
img,
svg,
video {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
max-width: none;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
blockquote,
figure {
margin: 0;
}
p,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
margin: 0 0 15px 0;
}
* + p,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
margin-top: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px 0;
font-family: var(--font-family);
font-weight: 600;
color: var(--color-text);
text-transform: none;
}
h5,
h6 {
font-weight: normal;
}
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
margin-top: 15px;
}
h1,
.uk-h1 {
font-size: 26px;
line-height: 30px;
}
h2,
.uk-h2 {
font-size: 20px;
line-height: 26px;
}
h3,
.uk-h3 {
font-size: 18px;
line-height: 24.5px;
}
h4,
.uk-h4 {
font-size: 16px;
line-height: 21.8px;
}
h5,
.uk-h5 {
font-size: 14px;
line-height: 20px;
}
h6,
.uk-h6 {
font-size: 12px;
line-height: 18px;
}
ul,
ol {
padding-left: 30px;
}
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
margin: 0;
}
dt {
font-weight: 600;
}
dd {
margin-left: 0;
}
hr {
box-sizing: content-box;
height: 0;
margin: 15px 0;
border: 0;
border-top: 1px solid var(--color--shade-light);
}
address {
font-style: normal;
}
blockquote {
padding-left: 15px;
border-left: 5px solid var(--color--shade-light);
font-size: 16px;
line-height: 22px;
font-style: none;
background: #fefff4;
margin-bottom: 4px;
}
html[data-theme-dark=dark] blockquote {
background: var(--color--shade-smoky);
}
pre {
padding: 10px;
background: var(--color--shade-smoky);
font: 12px / 18px Consolas, monospace, serif;
color: var(--color-text);
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
}
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none;
}
::selection {
background: #39f;
color: #fff;
text-shadow: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
progress {
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
}
[hidden],
template {
display: none;
}
iframe {
border: 0;
}
@media screen and (max-width: 400px) {
@-ms-viewport {
width: device-width;
}
}
.yellow-block {
background: #fdf799;
padding: var(--margin--medium);
}
.pink-block {
background: #f8cfcd;
padding: var(--margin--medium);
}
html[data-theme-dark=dark] .yellow-block {
color: #1C1E20;
}
html[data-theme-dark=dark] .pink-block {
color: #1C1E20;
}
.uk-grid {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.uk-grid:before,
.uk-grid:after {
content: "";
display: block;
overflow: hidden;
}
.uk-grid:after {
clear: both;
}
.uk-grid > * {
-ms-flex: none;
-webkit-flex: none;
flex: none;
margin: 0;
float: left;
}
.uk-grid > * > :last-child {
margin-bottom: 0;
}
.uk-grid {
margin-left: -25px;
}
.uk-grid > * {
padding-left: 25px;
}
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
margin-top: 25px;
}
@media (min-width: 1220px) {
.uk-grid {
margin-left: -36px;
}
.uk-grid > * {
padding-left: 36px;
}
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
margin-top: 36px;
}
}
.uk-grid-collapse {
margin-left: 0;
}
.uk-grid-collapse > * {
padding-left: 0;
}
.uk-grid-collapse + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin,
.uk-grid-collapse > * > .uk-panel + .uk-panel {
margin-top: 0;
}
.uk-grid-small {
margin-left: -10px;
}
.uk-grid-small > * {
padding-left: 10px;
}
.uk-grid-small + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-small > * > .uk-panel + .uk-panel {
margin-top: 10px;
}
.uk-grid-medium {
margin-left: -25px;
}
.uk-grid-medium > * {
padding-left: 25px;
}
.uk-grid-medium + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
.uk-grid-medium > * > .uk-panel + .uk-panel {
margin-top: 25px;
}
@media (min-width: 960px) {
.uk-grid-large {
margin-left: -36px;
}
.uk-grid-large > * {
padding-left: 36px;
}
.uk-grid-large + .uk-grid-large,
.uk-grid-large-margin,
.uk-grid-large > * > .uk-panel + .uk-panel {
margin-top: 36px;
}
}
@media (min-width: 1220px) {
.uk-grid-large {
margin-left: -52px;
}
.uk-grid-large > * {
padding-left: 52px;
}
.uk-grid-large + .uk-grid-large,
.uk-grid-large-margin,
.uk-grid-large > * > .uk-panel + .uk-panel {
margin-top: 52px;
}
}
.uk-grid-divider:not(:empty) {
margin-left: -25px;
margin-right: -25px;
}
.uk-grid-divider > * {
padding-left: 25px;
padding-right: 25px;
}
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
border-left: 1px solid var(--color--shade-light);
}
@media (min-width: 768px) {
.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid var(--color--shade-light);
}
}
@media (min-width: 960px) {
.uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid var(--color--shade-light);
}
}
@media (min-width: 1220px) {
.uk-grid-divider:not(:empty) {
margin-left: -36px;
margin-right: -36px;
}
.uk-grid-divider > * {
padding-left: 36px;
padding-right: 36px;
}
.uk-grid-divider:empty {
margin-top: 36px;
margin-bottom: 36px;
}
}
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid var(--color--shade-light);
}
.uk-grid-match > * {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.uk-grid-match > * > * {
-ms-flex: none;
-webkit-flex: none;
flex: none;
box-sizing: border-box;
width: 100%;
}
[class*='uk-grid-width'] > * {
box-sizing: border-box;
width: 100%;
}
.uk-grid-width-1-2 > * {
width: 50%;
}
.uk-grid-width-1-3 > * {
width: 33.333%;
}
.uk-grid-width-1-4 > * {
width: 25%;
}
.uk-grid-width-1-5 > * {
width: 20%;
}
.uk-grid-width-1-6 > * {
width: 16.666%;
}
.uk-grid-width-1-10 > * {
width: 10%;
}
.uk-grid-width-auto > * {
width: auto;
}
@media (min-width: 480px) {
.uk-grid-width-small-1-1 > * {
width: 100%;
}
.uk-grid-width-small-1-2 > * {
width: 50%;
}
.uk-grid-width-small-1-3 > * {
width: 33.333%;
}
.uk-grid-width-small-1-4 > * {
width: 25%;
}
.uk-grid-width-small-1-5 > * {
width: 20%;
}
.uk-grid-width-small-1-6 > * {
width: 16.666%;
}
.uk-grid-width-small-1-10 > * {
width: 10%;
}
}
@media (min-width: 768px) {
.uk-grid-width-medium-1-1 > * {
width: 100%;
}
.uk-grid-width-medium-1-2 > * {
width: 50%;
}
.uk-grid-width-medium-1-3 > * {
width: 33.333%;
}
.uk-grid-width-medium-1-4 > * {
width: 25%;
}
.uk-grid-width-medium-1-5 > * {
width: 20%;
}
.uk-grid-width-medium-1-6 > * {
width: 16.666%;
}
.uk-grid-width-medium-1-10 > * {
width: 10%;
}
}
@media (min-width: 960px) {
.uk-grid-width-large-1-1 > * {
width: 100%;
}
.uk-grid-width-large-1-2 > * {
width: 50%;
}
.uk-grid-width-large-1-3 > * {
width: 33.333%;
}
.uk-grid-width-large-1-4 > * {
width: 25%;
}
.uk-grid-width-large-1-5 > * {
width: 20%;
}
.uk-grid-width-large-1-6 > * {
width: 16.666%;
}
.uk-grid-width-large-1-10 > * {
width: 10%;
}
}
@media (min-width: 1220px) {
.uk-grid-width-xlarge-1-1 > * {
width: 100%;
}
.uk-grid-width-xlarge-1-2 > * {
width: 50%;
}
.uk-grid-width-xlarge-1-3 > * {
width: 33.333%;
}
.uk-grid-width-xlarge-1-4 > * {
width: 25%;
}
.uk-grid-width-xlarge-1-5 > * {
width: 20%;
}
.uk-grid-width-xlarge-1-6 > * {
width: 16.666%;
}
.uk-grid-width-xlarge-1-10 > * {
width: 10%;
}
}
[class*='uk-width'] {
box-sizing: border-box;
width: 100%;
}
.uk-width-1-1 {
width: 100%;
}
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
width: 50%;
}
.uk-width-1-3,
.uk-width-2-6 {
width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
width: 66.666%;
}
.uk-width-1-4 {
width: 25%;
}
.uk-width-3-4 {
width: 75%;
}
.uk-width-1-5,
.uk-width-2-10 {
width: 20%;
}
.uk-width-2-5,
.uk-width-4-10 {
width: 40%;
}
.uk-width-3-5,
.uk-width-6-10 {
width: 60%;
}
.uk-width-4-5,
.uk-width-8-10 {
width: 80%;
}
.uk-width-1-6 {
width: 16.666%;
}
.uk-width-5-6 {
width: 83.333%;
}
.uk-width-1-10 {
width: 10%;
}
.uk-width-3-10 {
width: 30%;
}
.uk-width-7-10 {
width: 70%;
}
.uk-width-9-10 {
width: 90%;
}
@media (min-width: 480px) {
.uk-width-small-1-1 {
width: 100%;
}
.uk-width-small-1-2,
.uk-width-small-2-4,
.uk-width-small-3-6,
.uk-width-small-5-10 {
width: 50%;
}
.uk-width-small-1-3,
.uk-width-small-2-6 {
width: 33.333%;
}
.uk-width-small-2-3,
.uk-width-small-4-6 {
width: 66.666%;
}
.uk-width-small-1-4 {
width: 25%;
}
.uk-width-small-3-4 {
width: 75%;
}
.uk-width-small-1-5,
.uk-width-small-2-10 {
width: 20%;
}
.uk-width-small-2-5,
.uk-width-small-4-10 {
width: 40%;
}
.uk-width-small-3-5,
.uk-width-small-6-10 {
width: 60%;
}
.uk-width-small-4-5,
.uk-width-small-8-10 {
width: 80%;
}
.uk-width-small-1-6 {
width: 16.666%;
}
.uk-width-small-5-6 {
width: 83.333%;
}
.uk-width-small-1-10 {
width: 10%;
}
.uk-width-small-3-10 {
width: 30%;
}
.uk-width-small-7-10 {
width: 70%;
}
.uk-width-small-9-10 {
width: 90%;
}
}
@media (min-width: 768px) {
.uk-width-medium-1-1 {
width: 100%;
}
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 50%;
}
.uk-width-medium-1-3,
.uk-width-medium-2-6 {
width: 33.333%;
}
.uk-width-medium-2-3,
.uk-width-medium-4-6 {
width: 66.666%;
}
.uk-width-medium-1-4 {
width: 25%;
}
.uk-width-medium-3-4 {
width: 75%;
}
.uk-width-medium-1-5,
.uk-width-medium-2-10 {
width: 20%;
}
.uk-width-medium-2-5,
.uk-width-medium-4-10 {
width: 40%;
}
.uk-width-medium-3-5,
.uk-width-medium-6-10 {
width: 60%;
}
.uk-width-medium-4-5,
.uk-width-medium-8-10 {
width: 80%;
}
.uk-width-medium-1-6 {
width: 16.666%;
}
.uk-width-medium-5-6 {
width: 83.333%;
}
.uk-width-medium-1-10 {
width: 10%;
}
.uk-width-medium-3-10 {
width: 30%;
}
.uk-width-medium-7-10 {
width: 70%;
}
.uk-width-medium-9-10 {
width: 90%;
}
}
@media (min-width: 960px) {
.uk-width-large-1-1 {
width: 100%;
}
.uk-width-large-1-2,
.uk-width-large-2-4,
.uk-width-large-3-6,
.uk-width-large-5-10 {
width: 50%;
}
.uk-width-large-1-3,
.uk-width-large-2-6 {
width: 33.333%;
}
.uk-width-large-2-3,
.uk-width-large-4-6 {
width: 66.666%;
}
.uk-width-large-1-4 {
width: 25%;
}
.uk-width-large-3-4 {
width: 75%;
}
.uk-width-large-1-5,
.uk-width-large-2-10 {
width: 20%;
}
.uk-width-large-2-5,
.uk-width-large-4-10 {
width: 40%;
}
.uk-width-large-3-5,
.uk-width-large-6-10 {
width: 60%;
}
.uk-width-large-4-5,
.uk-width-large-8-10 {
width: 80%;
}
.uk-width-large-1-6 {
width: 16.666%;
}
.uk-width-large-5-6 {
width: 83.333%;
}
.uk-width-large-1-10 {
width: 10%;
}
.uk-width-large-3-10 {
width: 30%;
}
.uk-width-large-7-10 {
width: 70%;
}
.uk-width-large-9-10 {
width: 90%;
}
}
@media (min-width: 1220px) {
.uk-width-xlarge-1-1 {
width: 100%;
}
.uk-width-xlarge-1-2,
.uk-width-xlarge-2-4,
.uk-width-xlarge-3-6,
.uk-width-xlarge-5-10 {
width: 50%;
}
.uk-width-xlarge-1-3,
.uk-width-xlarge-2-6 {
width: 33.333%;
}
.uk-width-xlarge-2-3,
.uk-width-xlarge-4-6 {
width: 66.666%;
}
.uk-width-xlarge-1-4 {
width: 25%;
}
.uk-width-xlarge-3-4 {
width: 75%;
}
.uk-width-xlarge-1-5,
.uk-width-xlarge-2-10 {
width: 20%;
}
.uk-width-xlarge-2-5,
.uk-width-xlarge-4-10 {
width: 40%;
}
.uk-width-xlarge-3-5,
.uk-width-xlarge-6-10 {
width: 60%;
}
.uk-width-xlarge-4-5,
.uk-width-xlarge-8-10 {
width: 80%;
}
.uk-width-xlarge-1-6 {
width: 16.666%;
}
.uk-width-xlarge-5-6 {
width: 83.333%;
}
.uk-width-xlarge-1-10 {
width: 10%;
}
.uk-width-xlarge-3-10 {
width: 30%;
}
.uk-width-xlarge-7-10 {
width: 70%;
}
.uk-width-xlarge-9-10 {
width: 90%;
}
}
@media (min-width: 768px) {
[class*='uk-push-'],
[class*='uk-pull-'] {
position: relative;
}
.uk-push-1-2,
.uk-push-2-4,
.uk-push-3-6,
.uk-push-5-10 {
left: 50%;
}
.uk-push-1-3,
.uk-push-2-6 {
left: 33.333%;
}
.uk-push-2-3,
.uk-push-4-6 {
left: 66.666%;
}
.uk-push-1-4 {
left: 25%;
}
.uk-push-3-4 {
left: 75%;
}
.uk-push-1-5,
.uk-push-2-10 {
left: 20%;
}
.uk-push-2-5,
.uk-push-4-10 {
left: 40%;
}
.uk-push-3-5,
.uk-push-6-10 {
left: 60%;
}
.uk-push-4-5,
.uk-push-8-10 {
left: 80%;
}
.uk-push-1-6 {
left: 16.666%;
}
.uk-push-5-6 {
left: 83.333%;
}
.uk-push-1-10 {
left: 10%;
}
.uk-push-3-10 {
left: 30%;
}
.uk-push-7-10 {
left: 70%;
}
.uk-push-9-10 {
left: 90%;
}
.uk-pull-1-2,
.uk-pull-2-4,
.uk-pull-3-6,
.uk-pull-5-10 {
left: -50%;
}
.uk-pull-1-3,
.uk-pull-2-6 {
left: -33.333%;
}
.uk-pull-2-3,
.uk-pull-4-6 {
left: -66.666%;
}
.uk-pull-1-4 {
left: -25%;
}
.uk-pull-3-4 {
left: -75%;
}
.uk-pull-1-5,
.uk-pull-2-10 {
left: -20%;
}
.uk-pull-2-5,
.uk-pull-4-10 {
left: -40%;
}
.uk-pull-3-5,
.uk-pull-6-10 {
left: -60%;
}
.uk-pull-4-5,
.uk-pull-8-10 {
left: -80%;
}
.uk-pull-1-6 {
left: -16.666%;
}
.uk-pull-5-6 {
left: -83.333%;
}
.uk-pull-1-10 {
left: -10%;
}
.uk-pull-3-10 {
left: -30%;
}
.uk-pull-7-10 {
left: -70%;
}
.uk-pull-9-10 {
left: -90%;
}
}
.uk-block {
position: relative;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.uk-block {
padding-top: 50px;
padding-bottom: 50px;
}
}
.uk-block:before,
.uk-block:after {
content: "";
display: table;
}
.uk-block:after {
clear: both;
}
.uk-block > :last-child {
margin-bottom: 0;
}
.uk-block-large {
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.uk-block-large {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (min-width: 960px) {
.uk-block-large {
padding-top: 100px;
padding-bottom: 100px;
}
}
.uk-block-default {
background: var(--background-color);
}
.uk-block-muted {
background: #f9f9f9;
}
.uk-block-primary {
background: #00a8e6;
}
.uk-block-secondary {
background: #222;
}
.uk-block-default + .uk-block-default,
.uk-block-muted + .uk-block-muted,
.uk-block-primary + .uk-block-primary,
.uk-block-secondary + .uk-block-secondary {
padding-top: 0;
}
.uk-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.uk-cover {
overflow: hidden;
}
.uk-cover-object {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[data-uk-cover] {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.uk-breadcrumb {
padding: 0;
list-style: none;
font-size: 0.001px;
}
.uk-breadcrumb > li {
font-size: 1rem;
vertical-align: top;
}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
display: inline-block;
}
.uk-breadcrumb > li:nth-child(n+2):before {
content: "/";
display: inline-block;
margin: 0 8px;
}
.uk-breadcrumb > li:not(.uk-active) > span {
color: #999999;
}
.uk-breadcrumb-small {
margin: 0;
}
.uk-breadcrumb-small > li {
font-size: 11px;
}
.uk-breadcrumb-small > li:not(.uk-active) > a {
color: #999999;
}
.uk-pagination-previous,
.uk-pagination-next {
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0.001px;
}
.uk-pagination:before,
.uk-pagination:after {
content: "";
display: table;
}
.uk-pagination:after {
clear: both;
}
.uk-pagination > li {
display: inline-block;
font-size: 1rem;
vertical-align: top;
}
.uk-pagination > li:nth-child(n+2) {
margin-left: 5px;
}
.uk-pagination > li > a,
.uk-pagination > li > span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 8px;
}
.uk-pagination > li > a {
background: #eee;
color: var(----color-text-brand-second-contrast);
}
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
background-color: var(--color--shade-smoky);
color: var(----color-text-brand-second-contrast);
outline: none;
}
.uk-pagination > li > a:active {
background-color: #ddd;
color: var(----color-text-brand-second-contrast);
}
.uk-pagination > .uk-active > span {
background: var(--color--primary-midtone);
color: #fff;
}
.uk-pagination > .uk-disabled > span {
background-color: #f5f5f5;
color: var(--color-text-muted);
}
.uk-pagination-previous {
float: left;
}
.uk-pagination-next {
float: right;
}
.uk-pagination-left {
text-align: left;
}
.uk-pagination-right {
text-align: right;
}
.uk-thumbnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none;
}
.uk-thumbnav > * {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px;
}
.uk-thumbnav:before,
.uk-thumbnav:after {
content: "";
display: block;
overflow: hidden;
}
.uk-thumbnav:after {
clear: both;
}
.uk-thumbnav > * {
float: left;
}
.uk-thumbnav > * > * {
display: block;
background: #fff;
}
.uk-thumbnav > * > * > img {
opacity: 0.7;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.uk-thumbnav > * > :hover > img,
.uk-thumbnav > * > :focus > img {
opacity: 1;
}
.uk-thumbnav > .uk-active > * > img {
opacity: 1;
}
.uk-list {
padding: 0;
list-style: none;
}
.uk-list > li:before,
.uk-list > li:after {
content: "";
display: table;
}
.uk-list > li:after {
clear: both;
}
.uk-list > li > :last-child {
margin-bottom: 0;
}
.uk-list ul {
margin: 0;
padding-left: 20px;
list-style: none;
}
.uk-list-line > li:nth-child(n+2) {
margin-top: 2px;
padding-top: 2px;
border-top: 1px solid var(--color--shade-light);
}
@media (pointer: coarse), (max-width: 730px) {
.uk-list-line > li:nth-child(n+2) {
margin-top: 8px;
padding-top: 8px;
}
.uk-list-line {
font-size: 14px;
}
}
.uk-list-striped > li {
padding: 5px 5px;
}
.uk-list-striped > li:nth-of-type(odd) {
background: var(--color--shade-smoky);
}
.uk-list-space > li:nth-child(n+2) {
margin-top: 10px;
}
.uk-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
line-height: 1.1;
}
* + .uk-table {
margin-top: 15px;
}
.uk-table th,
.uk-table td,
.sticky-table-cell {
padding: 7px 4px;
border: 1px solid var(--color--shade-light);
}
.uk-table tr {
min-height: 30px;
}
.uk-table tr:last-child td {
border-bottom: none;
}
.uk-table td:last-child,
.uk-table th:last-child {
border-right: none;
}
.uk-table td:first-child,
.uk-table th:first-child {
border-left: none;
}
.uk-table tr:first-child > * {
border-top: none;
}
.uk-table th,
.sticky-table-header {
font-size: 12px;
font-weight: 600;
line-height: 1;
}
.sticky-table-column .sticky-table-cell,
.sticky-table-corner .sticky-table-cell {
border-left: none;
}
.sticky-table-header-wrapper .sticky-table-cell {
border-top: none;
}
.uk-table th {
text-align: center;
}
.uk-table td {
vertical-align: middle;
box-sizing: border-box;
}
.uk-table thead th {
vertical-align: bottom;
}
.uk-table caption,
.uk-table tfoot {
font-size: 12px;
font-style: italic;
}
.uk-table caption {
text-align: left;
color: var(--color-text-muted);
}
.uk-table tbody tr.uk-active {
background: var(--color--shade-lightest);
}
.uk-table-middle,
.uk-table-middle td {
vertical-align: middle !important;
}
.uk-table-striped tbody tr:nth-of-type(odd) {
background: var(--color--shade-smoky);
}
.uk-table-hover tbody tr:hover {
background: var(--color--shade-lightest);
}
:root {
--form-border--color: var(--color--shade-light);
--form-border--width: 1px;
--form-border--raduis: 8px;
--form-border--checkbox-background: var(--color--primary-midtone);
--form-border--checkbox-disabled-background: var(--color--primary-lightest);
--form-border--radio-magin-top: 5px;
--form-border--checkbox-line-height: 20px;
}
html[data-theme^=zozhnik] {
--form-border--color: var(--color--third-light);
--form-border--width: 2px;
--form-border--raduis: var(--radius--small);
--form-border--checkbox-background: var(--color--third-midtone);
--form-border--checkbox-disabled-background: var(--color--third-light);
--form-border--radio-magin-top: 3px;
--form-border--checkbox-line-height: 16px;
}
.uk-form-input,
.uk-form input,
.uk-form select,
.uk-form textarea {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: inherit;
}
.uk-form select {
text-transform: none;
}
.uk-form optgroup {
font: inherit;
font-weight: 600;
}
.uk-form input::-moz-focus-inner {
border: 0;
padding: 0;
}
.uk-form input[type="checkbox"],
.uk-form input[type="radio"] {
padding: 0;
}
.uk-form input[type="checkbox"]:not(:disabled),
.uk-form input[type="radio"]:not(:disabled) {
cursor: pointer;
}
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="number"],
.uk-form input[type="datetime"] {
-webkit-appearance: none;
}
.uk-form input[type="search"]::-webkit-search-cancel-button,
.uk-form input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.uk-form input[type="number"]::-webkit-inner-spin-button,
.uk-form input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
.uk-form fieldset {
border: none;
margin: 0;
padding: 0;
}
.uk-form textarea {
overflow: auto;
vertical-align: top;
}
.uk-form ::-moz-placeholder {
opacity: 1;
}
.uk-form :invalid {
box-shadow: none;
}
.uk-form input:not([type="radio"]):not([type="checkbox"]),
.uk-form select {
vertical-align: middle;
}
input,
textarea {
background: var(--color--white);
color: var(--color--shade-darkest);
}
.uk-form > :last-child {
margin-bottom: 0;
}
.uk-form-input,
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
height: var(--global-height);
max-width: 100%;
padding: 4px var(--margin--small);
border: var(--form-border--width) solid var(--form-border--color);
border-radius: var(--form-border--raduis);
background: var(--color--white);
color: var(--color--shade-darkest);
font-weight: 600;
-webkit-transition: all 0.2s linear;
-webkit-transition-property: border, background, color, box-shadow, padding;
transition: all 0.2s linear;
transition-property: border, background, color, box-shadow, padding;
}
.uk-form-input:focus,
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
border-color: var(--color--shade-midtone);
outline: 0;
background-color: var(--color--white);
color: var(--color--shade-darkest);
}
.uk-form-input:disabled,
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
color: #ddd;
border: var(--form-border--width) solid transparent;
}
.uk-form-input {
min-height: var(--global-height);
height: auto;
}
.uk-form :-ms-input-placeholder {
color: var(--color--shade-midtone) !important;
font-size: 14px;
font-weight: normal;
}
.uk-form ::-moz-placeholder {
color: var(--color--shade-midtone);
font-size: 14px;
font-weight: normal;
}
.uk-form ::-webkit-input-placeholder {
color: var(--color--shade-midtone);
font-size: 14px;
font-weight: normal;
}
.uk-form :disabled:-ms-input-placeholder {
color: #ddd !important;
font-size: 14px;
}
.uk-form :disabled::-moz-placeholder {
color: #ddd;
font-size: 14px;
}
.uk-form :disabled::-webkit-input-placeholder {
color: #ddd;
font-size: 14px;
}
.uk-form legend {
width: 100%;
border: 0;
padding: 0;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px;
}
.uk-form legend:after {
content: "";
display: block;
border-bottom: 1px solid var(--color--shade-light);
width: 100%;
}
select.uk-form-small,
textarea.uk-form-small,
input[type].uk-form-small,
input:not([type]).uk-form-small {
height: var(--global-height-small);
padding: 3px 3px;
font-size: 12px;
}
select.uk-form-large,
textarea.uk-form-large,
input[type].uk-form-large,
input:not([type]).uk-form-large {
height: var(--global-height-large);
padding: 8px 6px;
font-size: 16px;
}
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size] {
height: auto;
}
.uk-form-danger {
border-color: var(--color--error-light) !important;
background: #fff7f8 !important;
color: var(--color--error-light) !important;
}
.uk-form-success {
border-color: #8ec73b !important;
background: #fafff2 !important;
color: #659f13 !important;
}
.uk-form-blank {
border-color: transparent !important;
border-style: dashed !important;
background: none !important;
}
.uk-form-blank:focus {
border-color: var(--color--shade-light) !important;
}
input.uk-form-width-mini {
width: 40px;
}
select.uk-form-width-mini {
width: 65px;
}
.uk-form-width-small {
width: 130px;
}
.uk-form-width-medium {
width: 200px;
}
.uk-form-width-large {
width: 500px;
}
.uk-form-row:before,
.uk-form-row:after {
content: "";
display: table;
}
.uk-form-row:after {
clear: both;
}
.uk-form-row + .uk-form-row {
margin-top: 15px;
}
.uk-form-help-inline {
display: inline-block;
margin: 0 0 0 12px;
}
.uk-form-help-block {
margin: 4px 0 0 0;
}
.uk-form-controls > :first-child {
margin-top: 0;
}
.uk-form-controls > :last-child {
margin-bottom: 0;
}
.uk-form-controls-condensed {
margin: 4px 0;
}
.uk-form-stacked .uk-form-label {
display: block;
margin-bottom: var(--margin--xsmall);
font-weight: normal;
color: var(--color--shade-darkest);
font-size: 14px;
line-height: 18px;
}
.uk-form-label-mod-light {
font-weight: normal !important;
}
.uk-form-horizontal .uk-form-label {
width: 40%;
margin-top: 4px;
float: left;
}
.uk-form-horizontal .uk-form-controls-text {
padding-top: 4px;
}
.uk-form-horizontalV2 .uk-form-row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.uk-form-horizontalV2 .uk-form-row .uk-form-label {
margin-bottom: 0;
width: 30%;
}
.uk-form-icon {
display: inline-block;
position: relative;
max-width: 100%;
}
.uk-form-icon > [class*='uk-icon-'] {
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
color: var(--color-text-muted);
text-align: center;
pointer-events: none;
}
.uk-form-icon:not(.uk-form-icon-flip) > input {
padding-left: 30px !important;
}
.uk-form-icon-flip > [class*='uk-icon-'] {
right: 0;
}
.uk-form-icon-flip > input {
padding-right: 30px !important;
}
.uk-form {
}
.uk-form .mzr-iphone-select {
display: block;
color: var(--color--shade-darkest);
width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: var(--color--white);
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2213%22%20height%3D%2214%22%20viewBox%3D%220%200%2013%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.62154%206.94975L6.57129%2011.8995L11.521%206.94975%22%20stroke%3D%22%23B7B7B7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%;
background-size: 0.8em auto;
-webkit-transition: none;
transition: none;
}
.uk-form .mzr-iphone-select::-ms-expand {
display: none;
}
.uk-form .mzr-iphone-select:focus {
outline: none;
}
.uk-form .mzr-iphone-select option {
font-weight: normal;
}
.uk-form .mzr-iphone-select:disabled,
.uk-form .mzr-iphone-select[aria-disabled=true] {
color: #ddd;
}
.uk-form .mzr-iphone-select:disabled:hover,
.uk-form .mzr-iphone-select[aria-disabled=true] {
border-color: var(--color--shade-light);
}
.uk-form-input-unit {
color: var(--color--shade-dark);
font-size: 13px;
line-height: 13px;
position: absolute;
right: 8px;
bottom: 12px;
}
.uk-form-input-unit-for22 .uk-form-input-unit {
bottom: 14px;
}
:root {
--color-button-primary: var(--color--primary-midtone);
--color-button-primary-lighten: var(--color--primary-light);
--color-button-primary-darken: var(--color--primary-dark);
--color-button-danger: var(--color--error-diagram);
--color-button-success: var(--color--secondary-midtone);
--color-button-success-lighten: var(--color--secondary-light);
--color-button-success-darken: var(--color--secondary-dark);
}
.uk-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.uk-button {
-webkit-appearance: none;
margin: 0;
border: var(--form-border--width) solid transparent;
overflow: visible;
color: rgba(0, 0, 0, 0.87);
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 var(--margin--medium);
background: #eee;
vertical-align: middle;
line-height: calc(var(--global-height) - var(--form-border--width)*2);
min-height: var(--global-height);
font-size: 16px;
text-decoration: none;
text-align: center;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border-radius: calc(var(--global-height)/2);
font-family: var(--font-family) !important;
font-weight: 600;
letter-spacing: 0;
outline: none;
}
@media (max-width: 359px) {
.uk-button {
padding: 0 8px;
}
}
.uk-button:not(:disabled) {
cursor: pointer;
}
.uk-button:hover,
.uk-button:focus {
background-color: var(--color--shade-smoky);
color: rgba(0, 0, 0, 0.87);
outline: none;
text-decoration: none;
}
.uk-button:active,
.uk-button.uk-active {
background-color: #ddd;
color: rgba(0, 0, 0, 0.87);
}
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
border-color: transparent !important;
background: none !important;
box-shadow: none;
}
.uk-button-link {
color: var(--color-button-primary);
text-decoration: none;
}
.uk-button-link.uk-button-danger {
color: var(--color-button-danger) !important;
}
.uk-button-link.uk-button-success {
color: var(--color-button-success) !important;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
color: var(--color-button-primary-lighten);
text-decoration: none;
}
.uk-button-link:active,
.uk-button-link.uk-active {
color: var(--color-button-primary-darken);
}
.uk-button-link:disabled {
color: var(--color--shade-midtone);
}
.uk-button-primary {
background-color: var(--color-button-primary);
color: var(--color--white);
}
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: var(--color-button-primary-lighten);
color: var(--color--white);
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: var(--color-button-primary-darken);
color: var(--color--white);
}
.uk-button-success {
background-color: var(--color-button-success);
color: var(--color--white);
}
.uk-button-success:hover,
.uk-button-success:focus {
background-color: var(--color-button-success-lighten);
color: var(--color--white);
}
.uk-button-success:active,
.uk-button-success.uk-active {
background-color: var(--color-button-success-darken);
color: var(--color--white);
}
.uk-button-danger {
background-color: var(--color-button-danger);
color: var(--color--white);
}
.uk-button-danger:hover,
.uk-button-danger:focus {
background-color: var(--color-button-danger);
color: var(--color--white);
}
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: var(--color-button-danger);
color: var(--color--white);
}
.uk-button:disabled {
background-color: var(--color--shade-midtone);
color: white;
}
.uk-button-mini {
min-height: var(--global-height-mini);
padding: 0 var(--margin--xsmall);
line-height: calc(var(--global-height-mini) - var(--form-border--width)*2);
font-size: 11px;
border-radius: calc(var(--global-height-mini)/2);
}
.uk-button-small {
min-height: var(--global-height-small);
padding: 0 var(--margin--small);
line-height: calc(var(--global-height-small) - var(--form-border--width)*2);
font-size: 12px;
border-radius: calc(var(--global-height-small)/2);
}
.uk-button-xsmall {
min-height: 35px;
padding: 0 var(--margin--medium);
line-height: calc(35px - var(--form-border--width)*2);
font-size: 14px;
border-radius: calc(35px/2);
}
.uk-button-large {
min-height: var(--global-height-large);
padding: 0 var(--margin--xmedium);
line-height: calc(var(--global-height-large) - var(--form-border--width)*2);
font-size: 18px;
border-radius: calc(var(--global-height-large)/2);
}
.uk-button-group {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0.001px;
white-space: nowrap;
}
.uk-button-group > * {
display: inline-block;
}
.uk-button-group .uk-button {
vertical-align: top;
}
.uk-button-dropdown {
display: inline-block;
vertical-align: middle;
position: relative;
}
.uk-button-outline {
border: var(--form-border--width) solid var(--color-button-primary);
background: var(--color--white) !important;
color: var(--color-button-primary);
}
.uk-button-outline:hover,
.uk-button-outline:focus {
border-color: var(--color-button-primary-lighten);
background: var(--color--white);
color: var(--color-button-primary-lighten);
}
.uk-button-outline:active,
.uk-button-outline.uk-active {
border-color: var(--color-button-primary);
background: var(--color--white);
color: var(--color-button-primary);
}
.uk-button-outline:disabled {
background-color: var(--color--white);
color: var(--color--shade-midtone);
border-color: var(--color--shade-midtone);
}
.uk-button-outline.uk-button-success {
border-color: var(--color-button-success);
color: var(--color-button-success);
}
.uk-button-outline.uk-button-danger {
border-color: var(--color-button-danger);
color: var(--color-button-danger);
}
.uk-button-outline-transparent {
border: var(--form-border--width) solid rgba(255, 255, 255, 0.8);
background: transparent;
color: rgba(255, 255, 255, 0.9);
}
.uk-button-outline-transparent:hover,
.uk-button-outline-transparent:focus,
.uk-button-outline-transparent:active,
.uk-button-outline-transparent.uk-active {
background: transparent;
border: var(--form-border--width) solid rgba(255, 255, 255);
color: rgba(255, 255, 255);
}
html[data-theme=default-redwhite] .uk-button-outline-transparent {
color: var(--top-menu-color-svg);
border: var(--form-border--width) solid var(--top-menu-color-svg);
}
.uk-button-transparent,
.uk-button-transparent:hover,
.uk-button-transparent:focus,
.uk-button-transparent:active {
background: rgba(var(--color--white), 0.8) !important;
border: var(--form-border--width) solid rgba(var(--color--white), 0.8) !important;
}
.uk-button-transparent:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}
.mzr-ripple {
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.mzr-ripple:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
background-repeat: no-repeat;
background-position: 50%;
transform: scale(10, 10);
opacity: 0;
transition: transform 0.5s, opacity 1s;
}
.mzr-ripple:active:after {
transform: scale(0, 0);
opacity: 0.2;
transition: 0s;
}
.uk-button-fab {
border-radius: 50%;
font-size: 24px;
height: 56px;
margin: auto;
min-width: 56px;
width: 56px;
padding: 0;
overflow: hidden;
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
position: relative;
line-height: 1;
}
.uk-button-fab-small {
height: 48px;
min-width: 48px;
width: 48px;
}
.uk-button-fab:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.uk-button-fab:focus:not(:active) {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}
.uk-link-button {
color: var(--color-text);
text-decoration: none;
cursor: pointer;
font-size: 15px;
line-height: 1.8;
}
.uk-link-button [class*='uk-icon-'] {
width: 18px;
text-align: center;
}
.mzr-button-group {
margin-top: calc(var(--margin--medium) - var(--margin--medium) * 2);
}
.mzr-button-group .uk-button {
margin-top: var(--margin--medium);
}
.mzr-button-group-centerLeft .uk-button:first-of-type {
margin-right: var(--margin--medium);
}
.mzr-button-group-centerLeft .uk-button + .uk-button {
margin-right: var(--margin--medium);
}
@media (max-width: 480px) {
.mzr-button-group-centerLeft {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-left: 0 !important;
}
}
@media (min-width: 481px) {
.mzr-button-group-centerLeft .uk-button.uk-button-link:first-of-type {
padding-left: 0;
}
.mzr-button-group-left .uk-button.uk-button-link:first-of-type {
padding-left: 0;
}
}
.mzr-button-group-centerColumnLeft .uk-button:first-of-type {
margin-right: var(--margin--medium);
}
.mzr-button-group-centerColumnLeft .uk-button + .uk-button {
margin-right: var(--margin--medium);
}
@media (max-width: 480px) {
.mzr-button-group-centerColumnLeft {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
flex-direction: column;
margin-left: 0 !important;
}
.mzr-button-group-centerColumnLeft > .uk-button {
width: 80%;
}
}
@media (max-width: 320px) {
.mzr-button-group-centerColumnLeft > .uk-button {
width: 100%;
}
}
.mzr-button-group-left .uk-button:first-of-type {
margin-right: var(--margin--medium);
}
.mzr-button-group-left .uk-button + .uk-button {
margin-right: var(--margin--medium);
}
.mzr-button-group-right .uk-button:last-of-type {
margin-left: var(--margin--medium);
}
.mzr-button-group-right .uk-button + .uk-button {
margin-left: var(--margin--medium);
}
.mzr-button-group-center .uk-button + .uk-button {
margin-left: var(--margin--medium);
}
html[data-theme^=zozhnik] .uk-button {
text-transform: none;
}
.mzr-button-site-social {
padding: 0;
border: none;
background-color: transparent;
cursor: pointer;
outline: none;
}
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.woff2") format('woff2'), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
[class*='uk-icon-'] {
font-family: FontAwesome;
display: inline-block;
font-weight: normal;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class*='uk-icon-'],
[class*='uk-icon-']:hover,
[class*='uk-icon-']:focus {
text-decoration: none;
}
.uk-icon-small {
font-size: 150%;
vertical-align: -10%;
}
.uk-icon-medium {
font-size: 200%;
vertical-align: -16%;
}
.uk-icon-large {
font-size: 250%;
vertical-align: -22%;
}
.uk-icon-justify {
width: 1em;
text-align: center;
}
.uk-icon-spin {
display: inline-block;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear;
}
.uk-icon-hover {
color: var(--color-text-muted);
}
.uk-icon-hover:hover {
color: var(--color-text);
}
.uk-icon-button {
box-sizing: border-box;
display: inline-block;
width: 35px;
height: 35px;
border-radius: 100%;
background: #eee;
line-height: 35px;
color: var(--color-text);
font-size: 18px;
text-align: center;
}
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: var(--color--shade-smoky);
color: var(--color-text);
outline: none;
}
.uk-icon-button:active {
background-color: #ddd;
color: var(--color-text);
}
.uk-icon-glass:before {
content: "\f000";
}
.uk-icon-music:before {
content: "\f001";
}
.uk-icon-search:before {
content: "\f002";
}
.uk-icon-envelope-o:before {
content: "\f003";
}
.uk-icon-heart:before {
content: "\f004";
}
.uk-icon-star:before {
content: "\f005";
}
.uk-icon-star-o:before {
content: "\f006";
}
.uk-icon-user:before {
content: "\f007";
}
.uk-icon-film:before {
content: "\f008";
}
.uk-icon-th-large:before {
content: "\f009";
}
.uk-icon-th:before {
content: "\f00a";
}
.uk-icon-th-list:before {
content: "\f00b";
}
.uk-icon-check:before {
content: "\f00c";
}
.uk-icon-remove:before,
.uk-icon-close:before,
.uk-icon-times:before {
content: "\f00d";
}
.uk-icon-search-plus:before {
content: "\f00e";
}
.uk-icon-search-minus:before {
content: "\f010";
}
.uk-icon-power-off:before {
content: "\f011";
}
.uk-icon-signal:before {
content: "\f012";
}
.uk-icon-gear:before,
.uk-icon-cog:before {
content: "\f013";
}
.uk-icon-trash-o:before {
content: "\f014";
}
.uk-icon-home:before {
content: "\f015";
}
.uk-icon-file-o:before {
content: "\f016";
}
.uk-icon-clock-o:before {
content: "\f017";
}
.uk-icon-road:before {
content: "\f018";
}
.uk-icon-download:before {
content: "\f019";
}
.uk-icon-arrow-circle-o-down:before {
content: "\f01a";
}
.uk-icon-arrow-circle-o-up:before {
content: "\f01b";
}
.uk-icon-inbox:before {
content: "\f01c";
}
.uk-icon-play-circle-o:before {
content: "\f01d";
}
.uk-icon-rotate-right:before,
.uk-icon-repeat:before {
content: "\f01e";
}
.uk-icon-refresh:before {
content: "\f021";
}
.uk-icon-list-alt:before {
content: "\f022";
}
.uk-icon-lock:before {
content: "\f023";
}
.uk-icon-flag:before {
content: "\f024";
}
.uk-icon-headphones:before {
content: "\f025";
}
.uk-icon-volume-off:before {
content: "\f026";
}
.uk-icon-volume-down:before {
content: "\f027";
}
.uk-icon-volume-up:before {
content: "\f028";
}
.uk-icon-qrcode:before {
content: "\f029";
}
.uk-icon-barcode:before {
content: "\f02a";
}
.uk-icon-tag:before {
content: "\f02b";
}
.uk-icon-tags:before {
content: "\f02c";
}
.uk-icon-book:before {
content: "\f02d";
}
.uk-icon-bookmark:before {
content: "\f02e";
}
.uk-icon-print:before {
content: "\f02f";
}
.uk-icon-camera:before {
content: "\f030";
}
.uk-icon-font:before {
content: "\f031";
}
.uk-icon-bold:before {
content: "\f032";
}
.uk-icon-italic:before {
content: "\f033";
}
.uk-icon-text-height:before {
content: "\f034";
}
.uk-icon-text-width:before {
content: "\f035";
}
.uk-icon-align-left:before {
content: "\f036";
}
.uk-icon-align-center:before {
content: "\f037";
}
.uk-icon-align-right:before {
content: "\f038";
}
.uk-icon-align-justify:before {
content: "\f039";
}
.uk-icon-list:before {
content: "\f03a";
}
.uk-icon-dedent:before,
.uk-icon-outdent:before {
content: "\f03b";
}
.uk-icon-indent:before {
content: "\f03c";
}
.uk-icon-video-camera:before {
content: "\f03d";
}
.uk-icon-photo:before,
.uk-icon-image:before,
.uk-icon-picture-o:before {
content: "\f03e";
}
.uk-icon-pencil:before {
content: "\f040";
}
.uk-icon-map-marker:before {
content: "\f041";
}
.uk-icon-adjust:before {
content: "\f042";
}
.uk-icon-tint:before {
content: "\f043";
}
.uk-icon-edit:before,
.uk-icon-pencil-square-o:before {
content: "\f044";
}
.uk-icon-share-square-o:before {
content: "\f045";
}
.uk-icon-check-square-o:before {
content: "\f046";
}
.uk-icon-arrows:before {
content: "\f047";
}
.uk-icon-step-backward:before {
content: "\f048";
}
.uk-icon-fast-backward:before {
content: "\f049";
}
.uk-icon-backward:before {
content: "\f04a";
}
.uk-icon-play:before {
content: "\f04b";
}
.uk-icon-pause:before {
content: "\f04c";
}
.uk-icon-stop:before {
content: "\f04d";
}
.uk-icon-forward:before {
content: "\f04e";
}
.uk-icon-fast-forward:before {
content: "\f050";
}
.uk-icon-step-forward:before {
content: "\f051";
}
.uk-icon-eject:before {
content: "\f052";
}
.uk-icon-chevron-left:before {
content: "\f053";
}
.uk-icon-chevron-right:before {
content: "\f054";
}
.uk-icon-plus-circle:before {
content: "\f055";
}
.uk-icon-minus-circle:before {
content: "\f056";
}
.uk-icon-times-circle:before {
content: "\f057";
}
.uk-icon-check-circle:before {
content: "\f058";
}
.uk-icon-question-circle:before {
content: "\f059";
}
.uk-icon-info-circle:before {
content: "\f05a";
}
.uk-icon-crosshairs:before {
content: "\f05b";
}
.uk-icon-times-circle-o:before {
content: "\f05c";
}
.uk-icon-check-circle-o:before {
content: "\f05d";
}
.uk-icon-ban:before {
content: "\f05e";
}
.uk-icon-arrow-left:before {
content: "\f060";
}
.uk-icon-arrow-right:before {
content: "\f061";
}
.uk-icon-arrow-up:before {
content: "\f062";
}
.uk-icon-arrow-down:before {
content: "\f063";
}
.uk-icon-mail-forward:before,
.uk-icon-share:before {
content: "\f064";
}
.uk-icon-expand:before {
content: "\f065";
}
.uk-icon-compress:before {
content: "\f066";
}
.uk-icon-plus:before {
content: "\f067";
}
.uk-icon-minus:before {
content: "\f068";
}
.uk-icon-asterisk:before {
content: "\f069";
}
.uk-icon-exclamation-circle:before {
content: "\f06a";
}
.uk-icon-gift:before {
content: "\f06b";
}
.uk-icon-leaf:before {
content: "\f06c";
}
.uk-icon-fire:before {
content: "\f06d";
}
.uk-icon-eye:before {
content: "\f06e";
}
.uk-icon-eye-slash:before {
content: "\f070";
}
.uk-icon-warning:before,
.uk-icon-exclamation-triangle:before {
content: "\f071";
}
.uk-icon-plane:before {
content: "\f072";
}
.uk-icon-calendar:before {
content: "\f073";
}
.uk-icon-random:before {
content: "\f074";
}
.uk-icon-comment:before {
content: "\f075";
}
.uk-icon-magnet:before {
content: "\f076";
}
.uk-icon-chevron-up:before {
content: "\f077";
}
.uk-icon-chevron-down:before {
content: "\f078";
}
.uk-icon-retweet:before {
content: "\f079";
}
.uk-icon-shopping-cart:before {
content: "\f07a";
}
.uk-icon-folder:before {
content: "\f07b";
}
.uk-icon-folder-open:before {
content: "\f07c";
}
.uk-icon-arrows-v:before {
content: "\f07d";
}
.uk-icon-arrows-h:before {
content: "\f07e";
}
.uk-icon-bar-chart-o:before,
.uk-icon-bar-chart:before {
content: "\f080";
}
.uk-icon-twitter-square:before {
content: "\f081";
}
.uk-icon-facebook-square:before {
content: "\f082";
}
.uk-icon-camera-retro:before {
content: "\f083";
}
.uk-icon-key:before {
content: "\f084";
}
.uk-icon-gears:before,
.uk-icon-cogs:before {
content: "\f085";
}
.uk-icon-comments:before {
content: "\f086";
}
.uk-icon-thumbs-o-up:before {
content: "\f087";
}
.uk-icon-thumbs-o-down:before {
content: "\f088";
}
.uk-icon-star-half:before {
content: "\f089";
}
.uk-icon-heart-o:before {
content: "\f08a";
}
.uk-icon-sign-out:before {
content: "\f08b";
}
.uk-icon-linkedin-square:before {
content: "\f08c";
}
.uk-icon-thumb-tack:before {
content: "\f08d";
}
.uk-icon-external-link:before {
content: "\f08e";
}
.uk-icon-sign-in:before {
content: "\f090";
}
.uk-icon-trophy:before {
content: "\f091";
}
.uk-icon-github-square:before {
content: "\f092";
}
.uk-icon-upload:before {
content: "\f093";
}
.uk-icon-lemon-o:before {
content: "\f094";
}
.uk-icon-phone:before {
content: "\f095";
}
.uk-icon-square-o:before {
content: "\f096";
}
.uk-icon-bookmark-o:before {
content: "\f097";
}
.uk-icon-phone-square:before {
content: "\f098";
}
.uk-icon-twitter:before {
content: "\f099";
}
.uk-icon-facebook-f:before,
.uk-icon-facebook:before {
content: "\f09a";
}
.uk-icon-github:before {
content: "\f09b";
}
.uk-icon-unlock:before {
content: "\f09c";
}
.uk-icon-credit-card:before {
content: "\f09d";
}
.uk-icon-rss:before {
content: "\f09e";
}
.uk-icon-hdd-o:before {
content: "\f0a0";
}
.uk-icon-bullhorn:before {
content: "\f0a1";
}
.uk-icon-bell:before {
content: "\f0f3";
}
.uk-icon-certificate:before {
content: "\f0a3";
}
.uk-icon-hand-o-right:before {
content: "\f0a4";
}
.uk-icon-hand-o-left:before {
content: "\f0a5";
}
.uk-icon-hand-o-up:before {
content: "\f0a6";
}
.uk-icon-hand-o-down:before {
content: "\f0a7";
}
.uk-icon-arrow-circle-left:before {
content: "\f0a8";
}
.uk-icon-arrow-circle-right:before {
content: "\f0a9";
}
.uk-icon-arrow-circle-up:before {
content: "\f0aa";
}
.uk-icon-arrow-circle-down:before {
content: "\f0ab";
}
.uk-icon-globe:before {
content: "\f0ac";
}
.uk-icon-wrench:before {
content: "\f0ad";
}
.uk-icon-tasks:before {
content: "\f0ae";
}
.uk-icon-filter:before {
content: "\f0b0";
}
.uk-icon-briefcase:before {
content: "\f0b1";
}
.uk-icon-arrows-alt:before {
content: "\f0b2";
}
.uk-icon-group:before,
.uk-icon-users:before {
content: "\f0c0";
}
.uk-icon-chain:before,
.uk-icon-link:before {
content: "\f0c1";
}
.uk-icon-cloud:before {
content: "\f0c2";
}
.uk-icon-flask:before {
content: "\f0c3";
}
.uk-icon-cut:before,
.uk-icon-scissors:before {
content: "\f0c4";
}
.uk-icon-copy:before,
.uk-icon-files-o:before {
content: "\f0c5";
}
.uk-icon-paperclip:before {
content: "\f0c6";
}
.uk-icon-save:before,
.uk-icon-floppy-o:before {
content: "\f0c7";
}
.uk-icon-square:before {
content: "\f0c8";
}
.uk-icon-navicon:before,
.uk-icon-reorder:before,
.uk-icon-bars:before {
content: "\f0c9";
}
.uk-icon-list-ul:before {
content: "\f0ca";
}
.uk-icon-list-ol:before {
content: "\f0cb";
}
.uk-icon-strikethrough:before {
content: "\f0cc";
}
.uk-icon-underline:before {
content: "\f0cd";
}
.uk-icon-table:before {
content: "\f0ce";
}
.uk-icon-magic:before {
content: "\f0d0";
}
.uk-icon-truck:before {
content: "\f0d1";
}
.uk-icon-pinterest:before {
content: "\f0d2";
}
.uk-icon-pinterest-square:before {
content: "\f0d3";
}
.uk-icon-google-plus-square:before {
content: "\f0d4";
}
.uk-icon-google-plus:before {
content: "\f0d5";
}
.uk-icon-money:before {
content: "\f0d6";
}
.uk-icon-caret-down:before {
content: "\f0d7";
}
.uk-icon-caret-up:before {
content: "\f0d8";
}
.uk-icon-caret-left:before {
content: "\f0d9";
}
.uk-icon-caret-right:before {
content: "\f0da";
}
.uk-icon-columns:before {
content: "\f0db";
}
.uk-icon-unsorted:before,
.uk-icon-sort:before {
content: "\f0dc";
}
.uk-icon-sort-down:before,
.uk-icon-sort-desc:before {
content: "\f0dd";
}
.uk-icon-sort-up:before,
.uk-icon-sort-asc:before {
content: "\f0de";
}
.uk-icon-envelope:before {
content: "\f0e0";
}
.uk-icon-linkedin:before {
content: "\f0e1";
}
.uk-icon-rotate-left:before,
.uk-icon-undo:before {
content: "\f0e2";
}
.uk-icon-legal:before,
.uk-icon-gavel:before {
content: "\f0e3";
}
.uk-icon-dashboard:before,
.uk-icon-tachometer:before {
content: "\f0e4";
}
.uk-icon-comment-o:before {
content: "\f0e5";
}
.uk-icon-comments-o:before {
content: "\f0e6";
}
.uk-icon-flash:before,
.uk-icon-bolt:before {
content: "\f0e7";
}
.uk-icon-sitemap:before {
content: "\f0e8";
}
.uk-icon-umbrella:before {
content: "\f0e9";
}
.uk-icon-paste:before,
.uk-icon-clipboard:before {
content: "\f0ea";
}
.uk-icon-lightbulb-o:before {
content: "\f0eb";
}
.uk-icon-exchange:before {
content: "\f0ec";
}
.uk-icon-cloud-download:before {
content: "\f0ed";
}
.uk-icon-cloud-upload:before {
content: "\f0ee";
}
.uk-icon-user-md:before {
content: "\f0f0";
}
.uk-icon-stethoscope:before {
content: "\f0f1";
}
.uk-icon-suitcase:before {
content: "\f0f2";
}
.uk-icon-bell-o:before {
content: "\f0a2";
}
.uk-icon-coffee:before {
content: "\f0f4";
}
.uk-icon-cutlery:before {
content: "\f0f5";
}
.uk-icon-file-text-o:before {
content: "\f0f6";
}
.uk-icon-building-o:before {
content: "\f0f7";
}
.uk-icon-hospital-o:before {
content: "\f0f8";
}
.uk-icon-ambulance:before {
content: "\f0f9";
}
.uk-icon-medkit:before {
content: "\f0fa";
}
.uk-icon-fighter-jet:before {
content: "\f0fb";
}
.uk-icon-beer:before {
content: "\f0fc";
}
.uk-icon-h-square:before {
content: "\f0fd";
}
.uk-icon-plus-square:before {
content: "\f0fe";
}
.uk-icon-angle-double-left:before {
content: "\f100";
}
.uk-icon-angle-double-right:before {
content: "\f101";
}
.uk-icon-angle-double-up:before {
content: "\f102";
}
.uk-icon-angle-double-down:before {
content: "\f103";
}
.uk-icon-angle-left:before {
content: "\f104";
}
.uk-icon-angle-right:before {
content: "\f105";
}
.uk-icon-angle-up:before {
content: "\f106";
}
.uk-icon-angle-down:before {
content: "\f107";
}
.uk-icon-desktop:before {
content: "\f108";
}
.uk-icon-laptop:before {
content: "\f109";
}
.uk-icon-tablet:before {
content: "\f10a";
}
.uk-icon-mobile-phone:before,
.uk-icon-mobile:before {
content: "\f10b";
}
.uk-icon-circle-o:before {
content: "\f10c";
}
.uk-icon-quote-left:before {
content: "\f10d";
}
.uk-icon-quote-right:before {
content: "\f10e";
}
.uk-icon-spinner:before {
content: "\f110";
}
.uk-icon-circle:before {
content: "\f111";
}
.uk-icon-mail-reply:before,
.uk-icon-reply:before {
content: "\f112";
}
.uk-icon-github-alt:before {
content: "\f113";
}
.uk-icon-folder-o:before {
content: "\f114";
}
.uk-icon-folder-open-o:before {
content: "\f115";
}
.uk-icon-smile-o:before {
content: "\f118";
}
.uk-icon-frown-o:before {
content: "\f119";
}
.uk-icon-meh-o:before {
content: "\f11a";
}
.uk-icon-gamepad:before {
content: "\f11b";
}
.uk-icon-keyboard-o:before {
content: "\f11c";
}
.uk-icon-flag-o:before {
content: "\f11d";
}
.uk-icon-flag-checkered:before {
content: "\f11e";
}
.uk-icon-terminal:before {
content: "\f120";
}
.uk-icon-code:before {
content: "\f121";
}
.uk-icon-mail-reply-all:before,
.uk-icon-reply-all:before {
content: "\f122";
}
.uk-icon-star-half-empty:before,
.uk-icon-star-half-full:before,
.uk-icon-star-half-o:before {
content: "\f123";
}
.uk-icon-location-arrow:before {
content: "\f124";
}
.uk-icon-crop:before {
content: "\f125";
}
.uk-icon-code-fork:before {
content: "\f126";
}
.uk-icon-unlink:before,
.uk-icon-chain-broken:before {
content: "\f127";
}
.uk-icon-question:before {
content: "\f128";
}
.uk-icon-info:before {
content: "\f129";
}
.uk-icon-exclamation:before {
content: "\f12a";
}
.uk-icon-superscript:before {
content: "\f12b";
}
.uk-icon-subscript:before {
content: "\f12c";
}
.uk-icon-eraser:before {
content: "\f12d";
}
.uk-icon-puzzle-piece:before {
content: "\f12e";
}
.uk-icon-microphone:before {
content: "\f130";
}
.uk-icon-microphone-slash:before {
content: "\f131";
}
.uk-icon-shield:before {
content: "\f132";
}
.uk-icon-calendar-o:before {
content: "\f133";
}
.uk-icon-fire-extinguisher:before {
content: "\f134";
}
.uk-icon-rocket:before {
content: "\f135";
}
.uk-icon-maxcdn:before {
content: "\f136";
}
.uk-icon-chevron-circle-left:before {
content: "\f137";
}
.uk-icon-chevron-circle-right:before {
content: "\f138";
}
.uk-icon-chevron-circle-up:before {
content: "\f139";
}
.uk-icon-chevron-circle-down:before {
content: "\f13a";
}
.uk-icon-html5:before {
content: "\f13b";
}
.uk-icon-css3:before {
content: "\f13c";
}
.uk-icon-anchor:before {
content: "\f13d";
}
.uk-icon-unlock-alt:before {
content: "\f13e";
}
.uk-icon-bullseye:before {
content: "\f140";
}
.uk-icon-ellipsis-h:before {
content: "\f141";
}
.uk-icon-ellipsis-v:before {
content: "\f142";
}
.uk-icon-rss-square:before {
content: "\f143";
}
.uk-icon-play-circle:before {
content: "\f144";
}
.uk-icon-ticket:before {
content: "\f145";
}
.uk-icon-minus-square:before {
content: "\f146";
}
.uk-icon-minus-square-o:before {
content: "\f147";
}
.uk-icon-level-up:before {
content: "\f148";
}
.uk-icon-level-down:before {
content: "\f149";
}
.uk-icon-check-square:before {
content: "\f14a";
}
.uk-icon-pencil-square:before {
content: "\f14b";
}
.uk-icon-external-link-square:before {
content: "\f14c";
}
.uk-icon-share-square:before {
content: "\f14d";
}
.uk-icon-compass:before {
content: "\f14e";
}
.uk-icon-toggle-down:before,
.uk-icon-caret-square-o-down:before {
content: "\f150";
}
.uk-icon-toggle-up:before,
.uk-icon-caret-square-o-up:before {
content: "\f151";
}
.uk-icon-toggle-right:before,
.uk-icon-caret-square-o-right:before {
content: "\f152";
}
.uk-icon-euro:before,
.uk-icon-eur:before {
content: "\f153";
}
.uk-icon-gbp:before {
content: "\f154";
}
.uk-icon-dollar:before,
.uk-icon-usd:before {
content: "\f155";
}
.uk-icon-rupee:before,
.uk-icon-inr:before {
content: "\f156";
}
.uk-icon-cny:before,
.uk-icon-rmb:before,
.uk-icon-yen:before,
.uk-icon-jpy:before {
content: "\f157";
}
.uk-icon-ruble:before,
.uk-icon-rouble:before,
.uk-icon-rub:before {
content: "\f158";
}
.uk-icon-won:before,
.uk-icon-krw:before {
content: "\f159";
}
.uk-icon-bitcoin:before,
.uk-icon-btc:before {
content: "\f15a";
}
.uk-icon-file:before {
content: "\f15b";
}
.uk-icon-file-text:before {
content: "\f15c";
}
.uk-icon-sort-alpha-asc:before {
content: "\f15d";
}
.uk-icon-sort-alpha-desc:before {
content: "\f15e";
}
.uk-icon-sort-amount-asc:before {
content: "\f160";
}
.uk-icon-sort-amount-desc:before {
content: "\f161";
}
.uk-icon-sort-numeric-asc:before {
content: "\f162";
}
.uk-icon-sort-numeric-desc:before {
content: "\f163";
}
.uk-icon-thumbs-up:before {
content: "\f164";
}
.uk-icon-thumbs-down:before {
content: "\f165";
}
.uk-icon-youtube-square:before {
content: "\f166";
}
.uk-icon-youtube:before {
content: "\f167";
}
.uk-icon-xing:before {
content: "\f168";
}
.uk-icon-xing-square:before {
content: "\f169";
}
.uk-icon-youtube-play:before {
content: "\f16a";
}
.uk-icon-dropbox:before {
content: "\f16b";
}
.uk-icon-stack-overflow:before {
content: "\f16c";
}
.uk-icon-instagram:before {
content: "\f16d";
}
.uk-icon-flickr:before {
content: "\f16e";
}
.uk-icon-adn:before {
content: "\f170";
}
.uk-icon-bitbucket:before {
content: "\f171";
}
.uk-icon-bitbucket-square:before {
content: "\f172";
}
.uk-icon-tumblr:before {
content: "\f173";
}
.uk-icon-tumblr-square:before {
content: "\f174";
}
.uk-icon-long-arrow-down:before {
content: "\f175";
}
.uk-icon-long-arrow-up:before {
content: "\f176";
}
.uk-icon-long-arrow-left:before {
content: "\f177";
}
.uk-icon-long-arrow-right:before {
content: "\f178";
}
.uk-icon-apple:before {
content: "\f179";
}
.uk-icon-windows:before {
content: "\f17a";
}
.uk-icon-android:before {
content: "\f17b";
}
.uk-icon-linux:before {
content: "\f17c";
}
.uk-icon-dribbble:before {
content: "\f17d";
}
.uk-icon-skype:before {
content: "\f17e";
}
.uk-icon-foursquare:before {
content: "\f180";
}
.uk-icon-trello:before {
content: "\f181";
}
.uk-icon-female:before {
content: "\f182";
}
.uk-icon-male:before {
content: "\f183";
}
.uk-icon-gittip:before,
.uk-icon-gratipay:before {
content: "\f184";
}
.uk-icon-sun-o:before {
content: "\f185";
}
.uk-icon-moon-o:before {
content: "\f186";
}
.uk-icon-archive:before {
content: "\f187";
}
.uk-icon-bug:before {
content: "\f188";
}
.uk-icon-vk:before {
content: "\f189";
}
.uk-icon-weibo:before {
content: "\f18a";
}
.uk-icon-renren:before {
content: "\f18b";
}
.uk-icon-pagelines:before {
content: "\f18c";
}
.uk-icon-stack-exchange:before {
content: "\f18d";
}
.uk-icon-arrow-circle-o-right:before {
content: "\f18e";
}
.uk-icon-arrow-circle-o-left:before {
content: "\f190";
}
.uk-icon-toggle-left:before,
.uk-icon-caret-square-o-left:before {
content: "\f191";
}
.uk-icon-dot-circle-o:before {
content: "\f192";
}
.uk-icon-wheelchair:before {
content: "\f193";
}
.uk-icon-vimeo-square:before {
content: "\f194";
}
.uk-icon-turkish-lira:before,
.uk-icon-try:before {
content: "\f195";
}
.uk-icon-plus-square-o:before {
content: "\f196";
}
.uk-icon-space-shuttle:before {
content: "\f197";
}
.uk-icon-slack:before {
content: "\f198";
}
.uk-icon-envelope-square:before {
content: "\f199";
}
.uk-icon-wordpress:before {
content: "\f19a";
}
.uk-icon-openid:before {
content: "\f19b";
}
.uk-icon-institution:before,
.uk-icon-bank:before,
.uk-icon-university:before {
content: "\f19c";
}
.uk-icon-mortar-board:before,
.uk-icon-graduation-cap:before {
content: "\f19d";
}
.uk-icon-yahoo:before {
content: "\f19e";
}
.uk-icon-google:before {
content: "\f1a0";
}
.uk-icon-reddit:before {
content: "\f1a1";
}
.uk-icon-reddit-square:before {
content: "\f1a2";
}
.uk-icon-stumbleupon-circle:before {
content: "\f1a3";
}
.uk-icon-stumbleupon:before {
content: "\f1a4";
}
.uk-icon-delicious:before {
content: "\f1a5";
}
.uk-icon-digg:before {
content: "\f1a6";
}
.uk-icon-pied-piper:before {
content: "\f1a7";
}
.uk-icon-pied-piper-alt:before {
content: "\f1a8";
}
.uk-icon-drupal:before {
content: "\f1a9";
}
.uk-icon-joomla:before {
content: "\f1aa";
}
.uk-icon-language:before {
content: "\f1ab";
}
.uk-icon-fax:before {
content: "\f1ac";
}
.uk-icon-building:before {
content: "\f1ad";
}
.uk-icon-child:before {
content: "\f1ae";
}
.uk-icon-paw:before {
content: "\f1b0";
}
.uk-icon-spoon:before {
content: "\f1b1";
}
.uk-icon-cube:before {
content: "\f1b2";
}
.uk-icon-cubes:before {
content: "\f1b3";
}
.uk-icon-behance:before {
content: "\f1b4";
}
.uk-icon-behance-square:before {
content: "\f1b5";
}
.uk-icon-steam:before {
content: "\f1b6";
}
.uk-icon-steam-square:before {
content: "\f1b7";
}
.uk-icon-recycle:before {
content: "\f1b8";
}
.uk-icon-automobile:before,
.uk-icon-car:before {
content: "\f1b9";
}
.uk-icon-cab:before,
.uk-icon-taxi:before {
content: "\f1ba";
}
.uk-icon-tree:before {
content: "\f1bb";
}
.uk-icon-spotify:before {
content: "\f1bc";
}
.uk-icon-deviantart:before {
content: "\f1bd";
}
.uk-icon-soundcloud:before {
content: "\f1be";
}
.uk-icon-database:before {
content: "\f1c0";
}
.uk-icon-file-pdf-o:before {
content: "\f1c1";
}
.uk-icon-file-word-o:before {
content: "\f1c2";
}
.uk-icon-file-excel-o:before {
content: "\f1c3";
}
.uk-icon-file-powerpoint-o:before {
content: "\f1c4";
}
.uk-icon-file-photo-o:before,
.uk-icon-file-picture-o:before,
.uk-icon-file-image-o:before {
content: "\f1c5";
}
.uk-icon-file-zip-o:before,
.uk-icon-file-archive-o:before {
content: "\f1c6";
}
.uk-icon-file-sound-o:before,
.uk-icon-file-audio-o:before {
content: "\f1c7";
}
.uk-icon-file-movie-o:before,
.uk-icon-file-video-o:before {
content: "\f1c8";
}
.uk-icon-file-code-o:before {
content: "\f1c9";
}
.uk-icon-vine:before {
content: "\f1ca";
}
.uk-icon-codepen:before {
content: "\f1cb";
}
.uk-icon-jsfiddle:before {
content: "\f1cc";
}
.uk-icon-life-bouy:before,
.uk-icon-life-buoy:before,
.uk-icon-life-saver:before,
.uk-icon-support:before,
.uk-icon-life-ring:before {
content: "\f1cd";
}
.uk-icon-circle-o-notch:before {
content: "\f1ce";
}
.uk-icon-ra:before,
.uk-icon-rebel:before {
content: "\f1d0";
}
.uk-icon-ge:before,
.uk-icon-empire:before {
content: "\f1d1";
}
.uk-icon-git-square:before {
content: "\f1d2";
}
.uk-icon-git:before {
content: "\f1d3";
}
.uk-icon-hacker-news:before {
content: "\f1d4";
}
.uk-icon-tencent-weibo:before {
content: "\f1d5";
}
.uk-icon-qq:before {
content: "\f1d6";
}
.uk-icon-wechat:before,
.uk-icon-weixin:before {
content: "\f1d7";
}
.uk-icon-send:before,
.uk-icon-paper-plane:before {
content: "\f1d8";
}
.uk-icon-send-o:before,
.uk-icon-paper-plane-o:before {
content: "\f1d9";
}
.uk-icon-history:before {
content: "\f1da";
}
.uk-icon-genderless:before,
.uk-icon-circle-thin:before {
content: "\f1db";
}
.uk-icon-header:before {
content: "\f1dc";
}
.uk-icon-paragraph:before {
content: "\f1dd";
}
.uk-icon-sliders:before {
content: "\f1de";
}
.uk-icon-share-alt:before {
content: "\f1e0";
}
.uk-icon-share-alt-square:before {
content: "\f1e1";
}
.uk-icon-bomb:before {
content: "\f1e2";
}
.uk-icon-soccer-ball-o:before,
.uk-icon-futbol-o:before {
content: "\f1e3";
}
.uk-icon-tty:before {
content: "\f1e4";
}
.uk-icon-binoculars:before {
content: "\f1e5";
}
.uk-icon-plug:before {
content: "\f1e6";
}
.uk-icon-slideshare:before {
content: "\f1e7";
}
.uk-icon-twitch:before {
content: "\f1e8";
}
.uk-icon-yelp:before {
content: "\f1e9";
}
.uk-icon-newspaper-o:before {
content: "\f1ea";
}
.uk-icon-wifi:before {
content: "\f1eb";
}
.uk-icon-calculator:before {
content: "\f1ec";
}
.uk-icon-paypal:before {
content: "\f1ed";
}
.uk-icon-google-wallet:before {
content: "\f1ee";
}
.uk-icon-cc-visa:before {
content: "\f1f0";
}
.uk-icon-cc-mastercard:before {
content: "\f1f1";
}
.uk-icon-cc-discover:before {
content: "\f1f2";
}
.uk-icon-cc-amex:before {
content: "\f1f3";
}
.uk-icon-cc-paypal:before {
content: "\f1f4";
}
.uk-icon-cc-stripe:before {
content: "\f1f5";
}
.uk-icon-bell-slash:before {
content: "\f1f6";
}
.uk-icon-bell-slash-o:before {
content: "\f1f7";
}
.uk-icon-trash:before {
content: "\f1f8";
}
.uk-icon-copyright:before {
content: "\f1f9";
}
.uk-icon-at:before {
content: "\f1fa";
}
.uk-icon-eyedropper:before {
content: "\f1fb";
}
.uk-icon-paint-brush:before {
content: "\f1fc";
}
.uk-icon-birthday-cake:before {
content: "\f1fd";
}
.uk-icon-area-chart:before {
content: "\f1fe";
}
.uk-icon-pie-chart:before {
content: "\f200";
}
.uk-icon-line-chart:before {
content: "\f201";
}
.uk-icon-lastfm:before {
content: "\f202";
}
.uk-icon-lastfm-square:before {
content: "\f203";
}
.uk-icon-toggle-off:before {
content: "\f204";
}
.uk-icon-toggle-on:before {
content: "\f205";
}
.uk-icon-bicycle:before {
content: "\f206";
}
.uk-icon-bus:before {
content: "\f207";
}
.uk-icon-ioxhost:before {
content: "\f208";
}
.uk-icon-angellist:before {
content: "\f209";
}
.uk-icon-cc:before {
content: "\f20a";
}
.uk-icon-shekel:before,
.uk-icon-sheqel:before,
.uk-icon-ils:before {
content: "\f20b";
}
.uk-icon-meanpath:before {
content: "\f20c";
}
.uk-icon-buysellads:before {
content: "\f20d";
}
.uk-icon-connectdevelop:before {
content: "\f20e";
}
.uk-icon-dashcube:before {
content: "\f210";
}
.uk-icon-forumbee:before {
content: "\f211";
}
.uk-icon-leanpub:before {
content: "\f212";
}
.uk-icon-sellsy:before {
content: "\f213";
}
.uk-icon-shirtsinbulk:before {
content: "\f214";
}
.uk-icon-simplybuilt:before {
content: "\f215";
}
.uk-icon-skyatlas:before {
content: "\f216";
}
.uk-icon-cart-plus:before {
content: "\f217";
}
.uk-icon-cart-arrow-down:before {
content: "\f218";
}
.uk-icon-diamond:before {
content: "\f219";
}
.uk-icon-ship:before {
content: "\f21a";
}
.uk-icon-user-secret:before {
content: "\f21b";
}
.uk-icon-motorcycle:before {
content: "\f21c";
}
.uk-icon-street-view:before {
content: "\f21d";
}
.uk-icon-heartbeat:before {
content: "\f21e";
}
.uk-icon-venus:before {
content: "\f221";
}
.uk-icon-mars:before {
content: "\f222";
}
.uk-icon-mercury:before {
content: "\f223";
}
.uk-icon-transgender:before {
content: "\f224";
}
.uk-icon-transgender-alt:before {
content: "\f225";
}
.uk-icon-venus-double:before {
content: "\f226";
}
.uk-icon-mars-double:before {
content: "\f227";
}
.uk-icon-venus-mars:before {
content: "\f228";
}
.uk-icon-mars-stroke:before {
content: "\f229";
}
.uk-icon-mars-stroke-v:before {
content: "\f22a";
}
.uk-icon-mars-stroke-h:before {
content: "\f22b";
}
.uk-icon-neuter:before {
content: "\f22c";
}
.uk-icon-facebook-official:before {
content: "\f230";
}
.uk-icon-pinterest-p:before {
content: "\f231";
}
.uk-icon-whatsapp:before {
content: "\f232";
}
.uk-icon-server:before {
content: "\f233";
}
.uk-icon-user-plus:before {
content: "\f234";
}
.uk-icon-user-times:before {
content: "\f235";
}
.uk-icon-hotel:before,
.uk-icon-bed:before {
content: "\f236";
}
.uk-icon-viacoin:before {
content: "\f237";
}
.uk-icon-train:before {
content: "\f238";
}
.uk-icon-subway:before {
content: "\f239";
}
.uk-icon-medium-logo:before {
content: "\f23a";
}
.uk-icon-500px:before {
content: "\f26e";
}
.uk-icon-amazon:before {
content: "\f270";
}
.uk-icon-balance-scale:before {
content: "\f24e";
}
.uk-icon-battery-empty:before,
.uk-icon-battery-0:before {
content: "\f244";
}
.uk-icon-battery-quarter:before,
.uk-icon-battery-1:before {
content: "\f243";
}
.uk-icon-battery-half:before,
.uk-icon-battery-2:before {
content: "\f242";
}
.uk-icon-battery-three-quarters:before,
.uk-icon-battery-3:before {
content: "\f241";
}
.uk-icon-battery-full:before,
.uk-icon-battery-4:before {
content: "\f240";
}
.uk-icon-black-tie:before {
content: "\f27e";
}
.uk-icon-calendar-check-o:before {
content: "\f274";
}
.uk-icon-calendar-minus-o:before {
content: "\f272";
}
.uk-icon-calendar-plus-o:before {
content: "\f271";
}
.uk-icon-calendar-times-o:before {
content: "\f273";
}
.uk-icon-cc-diners-club:before {
content: "\f24c";
}
.uk-icon-cc-jcb:before {
content: "\f24b";
}
.uk-icon-chrome:before {
content: "\f268";
}
.uk-icon-clone:before {
content: "\f24d";
}
.uk-icon-commenting:before {
content: "\f27a";
}
.uk-icon-commenting-o:before {
content: "\f27b";
}
.uk-icon-contao:before {
content: "\f26d";
}
.uk-icon-creative-commons:before {
content: "\f25e";
}
.uk-icon-expeditedssl:before {
content: "\f23e";
}
.uk-icon-firefox:before {
content: "\f269";
}
.uk-icon-fonticons:before {
content: "\f280";
}
.uk-icon-get-pocket:before {
content: "\f265";
}
.uk-icon-gg:before {
content: "\f260";
}
.uk-icon-gg-circle:before {
content: "\f261";
}
.uk-icon-hand-lizard-o:before {
content: "\f258";
}
.uk-icon-hand-stop-o:before,
.uk-icon-hand-paper-o:before {
content: "\f256";
}
.uk-icon-hand-peace-o:before {
content: "\f25b";
}
.uk-icon-hand-pointer-o:before {
content: "\f25a";
}
.uk-icon-hand-grab-o:before,
.uk-icon-hand-rock-o:before {
content: "\f255";
}
.uk-icon-hand-scissors-o:before {
content: "\f257";
}
.uk-icon-hand-spock-o:before {
content: "\f259";
}
.uk-icon-hourglass:before {
content: "\f254";
}
.uk-icon-hourglass-o:before {
content: "\f250";
}
.uk-icon-hourglass-1:before,
.uk-icon-hourglass-start:before {
content: "\f251";
}
.uk-icon-hourglass-2:before,
.uk-icon-hourglass-half:before {
content: "\f252";
}
.uk-icon-hourglass-3:before,
.uk-icon-hourglass-end:before {
content: "\f253";
}
.uk-icon-houzz:before {
content: "\f27c";
}
.uk-icon-i-cursor:before {
content: "\f246";
}
.uk-icon-industry:before {
content: "\f275";
}
.uk-icon-internet-explorer:before {
content: "\f26b";
}
.uk-icon-map:before {
content: "\f279";
}
.uk-icon-map-o:before {
content: "\f278";
}
.uk-icon-map-pin:before {
content: "\f276";
}
.uk-icon-map-signs:before {
content: "\f277";
}
.uk-icon-mouse-pointer:before {
content: "\f245";
}
.uk-icon-object-group:before {
content: "\f247";
}
.uk-icon-object-ungroup:before {
content: "\f248";
}
.uk-icon-odnoklassniki:before {
content: "\f263";
}
.uk-icon-odnoklassniki-square:before {
content: "\f264";
}
.uk-icon-opencart:before {
content: "\f23d";
}
.uk-icon-opera:before {
content: "\f26a";
}
.uk-icon-optin-monster:before {
content: "\f23c";
}
.uk-icon-registered:before {
content: "\f25d";
}
.uk-icon-safari:before {
content: "\f267";
}
.uk-icon-sticky-note:before {
content: "\f249";
}
.uk-icon-sticky-note-o:before {
content: "\f24a";
}
.uk-icon-tv:before,
.uk-icon-television:before {
content: "\f26c";
}
.uk-icon-trademark:before {
content: "\f25c";
}
.uk-icon-tripadvisor:before {
content: "\f262";
}
.uk-icon-vimeo:before {
content: "\f27d";
}
.uk-icon-wikipedia-w:before {
content: "\f266";
}
.uk-icon-yc:before,
.uk-icon-y-combinator:before {
content: "\f23b";
}
.uk-icon-yc-square:before,
.uk-icon-y-combinator-square:before {
content: "\f1d4";
}
.uk-icon-bluetooth:before {
content: "\f293";
}
.uk-icon-bluetooth-b:before {
content: "\f294";
}
.uk-icon-codiepie:before {
content: "\f284";
}
.uk-icon-credit-card-alt:before {
content: "\f283";
}
.uk-icon-edge:before {
content: "\f282";
}
.uk-icon-fort-awesome:before {
content: "\f286";
}
.uk-icon-hashtag:before {
content: "\f292";
}
.uk-icon-mixcloud:before {
content: "\f289";
}
.uk-icon-modx:before {
content: "\f285";
}
.uk-icon-pause-circle:before {
content: "\f28b";
}
.uk-icon-pause-circle-o:before {
content: "\f28c";
}
.uk-icon-percent:before {
content: "\f295";
}
.uk-icon-product-hunt:before {
content: "\f288";
}
.uk-icon-reddit-alien:before {
content: "\f281";
}
.uk-icon-scribd:before {
content: "\f28a";
}
.uk-icon-shopping-bag:before {
content: "\f290";
}
.uk-icon-shopping-basket:before {
content: "\f291";
}
.uk-icon-stop-circle:before {
content: "\f28d";
}
.uk-icon-stop-circle-o:before {
content: "\f28e";
}
.uk-icon-usb:before {
content: "\f287";
}
.uk-icon-american-sign-language-interpreting:before,
.uk-icon-asl-interpreting:before {
content: "\f2a3";
}
.uk-icon-assistive-listening-systems:before {
content: "\f2a2";
}
.uk-icon-audio-description:before {
content: "\f29e";
}
.uk-icon-blind:before {
content: "\f29d";
}
.uk-icon-braille:before {
content: "\f2a1";
}
.uk-icon-deaf:before,
.uk-icon-deafness:before {
content: "\f2a4";
}
.uk-icon-envira:before {
content: "\f299";
}
.uk-icon-font-awesome:before,
.uk-icon-fa:before {
content: "\f2b4";
}
.uk-icon-first-order:before {
content: "\f2b0";
}
.uk-icon-gitlab:before {
content: "\f296";
}
.uk-icon-glide:before {
content: "\f2a5";
}
.uk-icon-glide-g:before {
content: "\f2a6";
}
.uk-icon-hard-of-hearing:before {
content: "\f2a4";
}
.uk-icon-low-vision:before {
content: "\f2a8";
}
.uk-icon-question-circle-o:before {
content: "\f29c";
}
.uk-icon-sign-language:before,
.uk-icon-signing:before {
content: "\f2a7";
}
.uk-icon-snapchat:before {
content: "\f2ab";
}
.uk-icon-snapchat-ghost:before {
content: "\f2ac";
}
.uk-icon-snapchat-square:before {
content: "\f2ad";
}
.uk-icon-themeisle:before {
content: "\f2b2";
}
.uk-icon-universal-access:before {
content: "\f29a";
}
.uk-icon-viadeo:before {
content: "\f2a9";
}
.uk-icon-viadeo-square:before {
content: "\f2aa";
}
.uk-icon-volume-control-phone:before {
content: "\f2a0";
}
.uk-icon-wheelchair-alt:before {
content: "\f29b";
}
.uk-icon-wpbeginner:before {
content: "\f297";
}
.uk-icon-wpforms:before {
content: "\f298";
}
.uk-icon-yoast:before {
content: "\f2b1";
}
.uk-icon-adress-book:before {
content: "\f2b9";
}
.uk-icon-adress-book-o:before {
content: "\f2ba";
}
.uk-icon-adress-card:before {
content: "\f2bb";
}
.uk-icon-adress-card-o:before {
content: "\f2bc";
}
.uk-icon-bandcamp:before {
content: "\f2d5";
}
.uk-icon-bath:before {
content: "\f2cd";
}
.uk-icon-bathub:before {
content: "\f2cd";
}
.uk-icon-drivers-license:before {
content: "\f2c2";
}
.uk-icon-drivers-license-o:before {
content: "\f2c3";
}
.uk-icon-eercast:before {
content: "\f2da";
}
.uk-icon-envelope-open:before {
content: "\f2b6";
}
.uk-icon-envelope-open-o:before {
content: "\f2b7";
}
.uk-icon-etsy:before {
content: "\f2d7";
}
.uk-icon-free-code-camp:before {
content: "\f2c5";
}
.uk-icon-grav:before {
content: "\f2d6";
}
.uk-icon-handshake-o:before {
content: "\f2b5";
}
.uk-icon-id-badge:before {
content: "\f2c1";
}
.uk-icon-id-card:before {
content: "\f2c2";
}
.uk-icon-id-card-o:before {
content: "\f2c3";
}
.uk-icon-imdb:before {
content: "\f2d8";
}
.uk-icon-linode:before {
content: "\f2b8";
}
.uk-icon-meetup:before {
content: "\f2e0";
}
.uk-icon-microchip:before {
content: "\f2db";
}
.uk-icon-podcast:before {
content: "\f2ce";
}
.uk-icon-quora:before {
content: "\f2c4";
}
.uk-icon-ravelry:before {
content: "\f2d9";
}
.uk-icon-s15:before {
content: "\f2cd";
}
.uk-icon-shower:before {
content: "\f2cc";
}
.uk-icon-snowflake-o:before {
content: "\f2dc";
}
.uk-icon-superpowers:before {
content: "\f2dd";
}
.uk-icon-telegram:before {
content: "\f2c6";
}
.uk-icon-thermometer:before {
content: "\f2c7";
}
.uk-icon-thermometer-0:before {
content: "\f2cb";
}
.uk-icon-thermometer-1:before {
content: "\f2ca";
}
.uk-icon-thermometer-2:before {
content: "\f2c9";
}
.uk-icon-thermometer-3:before {
content: "\f2c8";
}
.uk-icon-thermometer-4:before {
content: "\f2c7";
}
.uk-icon-thermometer-empty:before {
content: "\f2cb";
}
.uk-icon-thermometer-full:before {
content: "\f2c7";
}
.uk-icon-thermometer-half:before {
content: "\f2c9";
}
.uk-icon-thermometer-quarter:before {
content: "\f2ca";
}
.uk-icon-thermometer-three-quarters:before {
content: "\f2c8";
}
.uk-icon-times-rectangle:before {
content: "\f2d3";
}
.uk-icon-times-rectangle-o:before {
content: "\f2d4";
}
.uk-icon-user-circle:before {
content: "\f2bd";
}
.uk-icon-user-circle-o:before {
content: "\f2be";
}
.uk-icon-user-o:before {
content: "\f2c0";
}
.uk-icon-vcard:before {
content: "\f2bb";
}
.uk-icon-vcard-o:before {
content: "\f2bc";
}
.uk-icon-widow-close:before {
content: "\f2d3";
}
.uk-icon-widow-close-o:before {
content: "\f2d4";
}
.uk-icon-window-maximize:before {
content: "\f2d0";
}
.uk-icon-window-minimize:before {
content: "\f2d1";
}
.uk-icon-window-restore:before {
content: "\f2d2";
}
.uk-icon-wpexplorer:before {
content: "\f2de";
}
.uk-close::-moz-focus-inner {
border: 0;
padding: 0;
}
.uk-close {
-webkit-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: var(--color--white);
text-transform: none;
padding: 0;
background: transparent;
display: inline-block;
box-sizing: content-box;
width: 26px;
line-height: 26px;
text-align: center;
vertical-align: middle;
opacity: 0.5;
}
.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome;
}
.uk-close:hover,
.uk-close:focus {
opacity: 0.5;
outline: none;
color: inherit;
text-decoration: none;
cursor: pointer;
}
.uk-close-alt {
padding: 2px;
border-radius: 50%;
background: #eee;
opacity: 1;
}
.uk-close-alt:hover,
.uk-close-alt:focus {
opacity: 1;
}
.uk-close-alt:after {
opacity: 0.5;
}
.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
opacity: 0.8;
}
.uk-badge {
display: inline-block;
padding: 0 4px;
background: var(--color--error-light);
font-size: 11px;
font-weight: bold;
line-height: 12px;
color: #fff;
text-align: center;
vertical-align: middle;
text-transform: none;
border-radius: 50%;
}
a.uk-badge:hover {
color: #fff;
}
.uk-badge-notification {
height: 14px;
box-sizing: border-box;
min-width: 14px;
border-radius: 500px;
line-height: 14px;
}
:root {
--alert-color: var(--color--shade-darkest);
--alert-background: var(--color--shade-lightest);
}
html[data-theme^=zozhnik] {
--alert-color: var(--color--shade-darkest);
--alert-background: var(--color--third-lightest);
}
.uk-alert {
margin-bottom: var(--margin--medium);
padding: var(--margin--medium);
background: var(--alert-background);
color: var(--alert-color);
border-radius: var(--radius--small);
font-size: 14px;
line-height: 18px;
}
* + .uk-alert {
margin-top: var(--margin--medium);
}
.uk-alert > :last-child {
margin-bottom: 0;
}
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
color: inherit;
}
.uk-alert > .uk-close:first-child {
float: right;
color: inherit;
}
.uk-alert > .uk-close:first-child + * {
margin-top: 0;
}
.uk-alert-success {
background: #f2fae3;
color: #659f13;
}
.uk-alert-warning {
background: #fffceb;
color: #e28327;
}
.uk-alert-danger {
background: var(--color--error-lightest);
color: var(--color--shade-black);
}
html[data-theme-dark=dark] .uk-alert-danger {
background: var(--color--error-light);
}
.uk-thumbnail {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
margin: 0;
padding: 4px;
border: 1px solid var(--color--shade-light);
background: var(--color--white);
border-radius: var(--radius--small);
}
.uk-thumbnail img {
border-radius: var(--radius--small);
}
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
border-color: var(--color--shade-lightest);
background-color: var(--background-color);
text-decoration: none;
outline: none;
}
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
color: var(--color-text);
}
.uk-thumbnail-mini {
width: 150px;
}
.uk-thumbnail-small {
width: 200px;
}
.uk-thumbnail-medium {
width: 300px;
}
.uk-thumbnail-large {
width: 400px;
}
.uk-thumbnail-expand,
.uk-thumbnail-expand > img {
width: 100%;
}
.uk-overlay {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
overflow: hidden;
-webkit-transform: translateZ(0);
margin: 0;
}
.uk-overlay.uk-border-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.uk-overlay > :first-child {
margin-bottom: 0;
}
.uk-overlay-panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff;
}
.uk-overlay-panel > :last-child,
.uk-overlay-panel.uk-flex > * > :last-child {
margin-bottom: 0;
}
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
color: inherit;
}
.uk-overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline;
}
.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
color: inherit;
}
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
opacity: 0;
}
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
opacity: 0;
}
.uk-overlay-background {
background: rgba(0, 0, 0, 0.5);
}
.uk-overlay-image {
padding: 0;
}
.uk-overlay-top {
bottom: auto;
}
.uk-overlay-bottom {
top: auto;
}
.uk-overlay-left {
right: auto;
}
.uk-overlay-right {
left: auto;
}
.uk-overlay-icon:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff;
}
.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
transition-duration: 0.3s;
transition-timing-function: ease-out;
transition-property: opacity, transform, filter;
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*='uk-overlay-slide'] {
transition-duration: 0.8s;
}
.uk-overlay-fade {
opacity: 0.7;
}
.uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
opacity: 1;
}
.uk-overlay-scale {
-webkit-transform: scale(1);
transform: scale(1);
}
.uk-overlay-hover:hover .uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-active .uk-active > .uk-overlay-scale {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.uk-overlay-spin {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.uk-overlay-hover:hover .uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-active .uk-active > .uk-overlay-spin {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
.uk-overlay-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.uk-overlay-hover:hover .uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-active .uk-active > .uk-overlay-grayscale {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
[class*='uk-overlay-slide'] {
opacity: 0;
}
.uk-overlay-slide-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.uk-overlay-slide-bottom {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.uk-overlay-slide-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.uk-overlay-slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.uk-overlay-hover:hover [class*='uk-overlay-slide'],
.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],
.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {
opacity: 1;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
.uk-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
}
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
opacity: 1;
}
.uk-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff;
}
.uk-overlay-area:not(:empty) {
font-size: 0.001px;
}
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-overlay-area-content {
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
font-size: 1rem;
text-align: center;
padding: 0 15px;
color: #fff;
}
.uk-overlay-area-content > :last-child {
margin-bottom: 0;
}
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
color: inherit;
}
.uk-overlay-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
}
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
opacity: 1;
}
[class*='uk-animation-'] {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media screen {
[data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
opacity: 0;
}
}
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important;
}
.uk-animation-scale-up {
-webkit-animation-name: uk-fade-scale-02;
animation-name: uk-fade-scale-02;
}
.uk-animation-scale-down {
-webkit-animation-name: uk-fade-scale-18;
animation-name: uk-fade-scale-18;
}
.uk-animation-slide-top {
-webkit-animation-name: uk-fade-top;
animation-name: uk-fade-top;
}
.uk-animation-slide-bottom {
-webkit-animation-name: uk-fade-bottom;
animation-name: uk-fade-bottom;
}
.uk-animation-slide-left {
-webkit-animation-name: uk-fade-left;
animation-name: uk-fade-left;
}
.uk-animation-slide-right {
-webkit-animation-name: uk-fade-right;
animation-name: uk-fade-right;
}
.uk-animation-scale {
-webkit-animation-name: uk-scale-12;
animation-name: uk-scale-12;
}
.uk-animation-shake {
-webkit-animation-name: uk-shake;
animation-name: uk-shake;
}
.uk-animation-reverse {
-webkit-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.uk-animation-15 {
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
.uk-animation-top-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.uk-animation-top-center {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.uk-animation-top-right {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.uk-animation-middle-left {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.uk-animation-middle-right {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.uk-animation-bottom-left {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.uk-animation-bottom-center {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.uk-animation-bottom-right {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
-webkit-animation-name: none;
animation-name: none;
}
@-webkit-keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes uk-fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-fade-top {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes uk-fade-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes uk-fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes uk-fade-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes uk-fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes uk-fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(0.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-fade-scale-15 {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-15 {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-slide-left {
0% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-left {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-left-33 {
0% {
-webkit-transform: translateX(33%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-left-33 {
0% {
transform: translateX(33%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right-33 {
0% {
-webkit-transform: translateX(-33%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-right-33 {
0% {
transform: translateX(-33%);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes uk-scale-12 {
0% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes uk-scale-12 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes uk-rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@keyframes uk-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@-webkit-keyframes uk-shake {
0%,
100% {
-webkit-transform: translateX(0);
}
10% {
-webkit-transform: translateX(-9px);
}
20% {
-webkit-transform: translateX(8px);
}
30% {
-webkit-transform: translateX(-7px);
}
40% {
-webkit-transform: translateX(6px);
}
50% {
-webkit-transform: translateX(-5px);
}
60% {
-webkit-transform: translateX(4px);
}
70% {
-webkit-transform: translateX(-3px);
}
80% {
-webkit-transform: translateX(2px);
}
90% {
-webkit-transform: translateX(-1px);
}
}
@keyframes uk-shake {
0%,
100% {
transform: translateX(0);
}
10% {
transform: translateX(-9px);
}
20% {
transform: translateX(8px);
}
30% {
transform: translateX(-7px);
}
40% {
transform: translateX(6px);
}
50% {
transform: translateX(-5px);
}
60% {
transform: translateX(4px);
}
70% {
transform: translateX(-3px);
}
80% {
transform: translateX(2px);
}
90% {
transform: translateX(-1px);
}
}
@-webkit-keyframes uk-slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-top-fixed {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.uk-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
touch-action: cross-slide-y pinch-zoom double-tap-zoom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.uk-modal.uk-open {
opacity: 1;
}
.uk-modal-page,
.uk-modal-page body {
overflow: hidden;
}
.uk-modal-dialog {
position: relative;
box-sizing: border-box;
margin: 50px auto;
width: 600px;
max-width: 100%;
background: var(--background-color);
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
transition: opacity 0.3s linear, transform 0.3s ease-out;
border-radius: var(--radius--medium);
}
.uk-modal-dialog > div:first-child {
border-top-left-radius: var(--radius--medium);
border-top-right-radius: var(--radius--medium);
}
.uk-modal-dialog > div:last-child {
border-bottom-left-radius: var(--radius--medium);
border-bottom-right-radius: var(--radius--medium);
}
@media (max-width: 767px) {
.uk-modal-dialog {
width: auto;
margin: var(--margin--medium) var(--margin--small);
}
}
@media (max-width: 374px) {
.uk-modal-dialog {
width: auto;
max-width: unset !important;
margin: var(--margin--medium) auto !important;
}
}
.uk-open .uk-modal-dialog {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
margin-bottom: 0;
}
.uk-modal-dialog > .uk-close:first-child {
margin: 8px 8px 0 0;
float: right;
}
.uk-modal-close {
z-index: 1011;
}
.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) {
margin-top: 0;
}
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
min-height: 50px;
}
.uk-modal-dialog-lightbox > .uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none;
}
@media (max-width: 600px) {
.uk-modal-dialog-lightbox {
max-width: 100%;
margin: 0;
}
}
@media (max-width: 767px) {
.uk-modal-dialog-lightbox > .uk-close:first-child {
top: -7px;
right: -7px;
}
}
@media (min-width: 768px) {
.uk-modal-dialog-large {
width: 930px;
}
}
@media (min-width: 1220px) {
.uk-modal-dialog-large {
width: 1130px;
}
}
.uk-modal-header {
height: 40px;
line-height: 40px;
padding-left: var(--margin--medium);
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: var(--color--shade-black);
}
.uk-modal-footer {
padding: var(--margin--medium);
padding-top: 0;
}
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
margin-bottom: 0;
}
.uk-modal-caption {
position: absolute;
left: 0;
right: 0;
margin-bottom: -10px;
color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uk-modal-spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
color: #ddd;
}
.uk-modal-spinner:after {
content: "\f110";
display: block;
font-family: FontAwesome;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear;
}
.uk-model-top-menu {
padding-left: var(--margin--medium);
padding-right: var(--margin--medium);
height: 50px;
background-color: var(--top-menu-color-background);
border-top-left-radius: var(--radius--medium);
border-top-right-radius: var(--radius--medium);
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: var(--color--shade-black);
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
position: relative;
z-index: 1;
}
.uk-modal-dialog-blank {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.uk-modal-dialog-blank {
border-radius: unset;
}
.uk-modal-dialog-blank > div:first-child {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
.uk-modal-dialog-blank > div:last-child {
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
}
html[data-theme^=default] .mzr-main-block-fix-block-round > .mzr-block:first-child {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
.uk-lightbox-content img {
border-radius: var(--radius--medium);
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
touch-action: none;
background: white;
}
.uk-offcanvas.uk-active {
display: block;
}
.uk-offcanvas-page {
position: fixed;
-webkit-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
margin-left: 0;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.uk-offcanvas .uk-panel {
margin: 20px 15px;
color: var(--color-text);
}
.uk-offcanvas .uk-panel-title {
color: var(--color-text);
}
.uk-offcanvas .uk-panel a:not([class]) {
color: var(--color-text);
}
.uk-offcanvas .uk-panel a:not([class]):hover {
color: var(--color-text);
}
.uk-text-small {
font-size: 12px;
line-height: 16px;
}
.uk-text-large {
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
.uk-text-bold {
font-weight: 600;
}
.uk-text-bold-semi {
font-weight: 600;
}
.uk-text-bold-semi:hover {
font-weight: 600 !important;
}
.uk-text-light {
font-weight: 300;
}
.uk-text-normal {
font-weight: normal !important;
}
.uk-text-underline {
border-bottom: 1px solid var(--color-brand-second);
padding-bottom: 2px;
}
.uk-text-underline-none {
text-decoration: none !important;
}
.uk-text-muted {
color: var(--color-text-muted) !important;
}
.uk-text-primary {
color: #2d7091 !important;
}
.uk-text-success {
color: #659f13 !important;
}
.uk-text-warning {
color: #e28327 !important;
}
.uk-text-danger {
color: #d85030 !important;
}
.uk-text-contrast {
color: #fff !important;
}
.uk-text-left {
text-align: left !important;
}
.uk-text-right {
text-align: right !important;
}
.uk-text-center {
text-align: center !important;
}
.uk-text-justify {
text-align: justify !important;
}
.uk-text-top {
vertical-align: top !important;
}
.uk-text-middle {
vertical-align: middle !important;
}
.uk-text-bottom {
vertical-align: bottom !important;
}
@media (max-width: 959px) {
.uk-text-center-medium {
text-align: center !important;
}
.uk-text-left-medium {
text-align: left !important;
}
}
@media (max-width: 767px) {
.uk-text-center-small {
text-align: center !important;
}
.uk-text-left-small {
text-align: left !important;
}
}
.uk-text-nowrap {
white-space: nowrap;
}
.uk-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uk-text-break {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.uk-text-capitalize {
text-transform: capitalize !important;
}
.uk-text-lowercase {
text-transform: lowercase !important;
}
.uk-text-uppercase {
text-transform: uppercase !important;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url("../fonts/Open_Sans/OpenSans-Regular.ttf");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("../fonts/Open_Sans/OpenSans-SemiBold.ttf");
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../fonts/Open_Sans/OpenSans-Bold.ttf");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: normal;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url("../fonts/Open_Sans/OpenSans-Italic.ttf");
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: bold;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("../fonts/Open_Sans/OpenSans-BoldItalic.ttf");
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url("../fonts/Montserrat/Montserrat-Regular.ttf");
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat Bold'), local('Montserrat-Bold'), url("../fonts/Montserrat/Montserrat-Bold.ttf");
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: normal;
src: local('Montserrat Italic'), local('Montserrat-Italic'), url("../fonts/Montserrat/Montserrat-Italic.ttf");
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: bold;
src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url("../fonts/Montserrat/Montserrat-BoldItalic.ttf");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto Regular'), local('Roboto-Regular'), url("../fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
src: local('Roboto Bold'), local('Roboto-Bold'), url("../fonts/Roboto/Roboto-Bold.ttf");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url("../fonts/Roboto/Roboto-Bold.ttf");
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: normal;
src: local('Roboto Italic'), local('Roboto-Italic'), url("../fonts/Roboto/Roboto-Italic.ttf");
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: bold;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("../fonts/Roboto/Roboto-BoldItalic.ttf");
}
.uk-container {
box-sizing: border-box;
max-width: 980px;
padding: 0 25px;
}
@media (min-width: 1220px) {
.uk-container {
max-width: 1200px;
padding: 0 36px;
}
}
.uk-container:before,
.uk-container:after {
content: "";
display: table;
}
.uk-container:after {
clear: both;
}
.uk-container-center {
margin-left: auto;
margin-right: auto;
}
.uk-clearfix:before {
content: "";
display: table-cell;
}
.uk-clearfix:after {
content: "";
display: table;
clear: both;
}
.uk-nbfc {
overflow: hidden;
}
.uk-nbfc-alt {
display: table-cell;
width: 10000px;
}
.uk-float-left {
float: left;
}
.uk-float-right {
float: right;
}
[class*='uk-float-'] {
max-width: 100%;
}
[class*='uk-align-'] {
display: block;
margin-bottom: 12px;
}
.uk-align-left {
margin-right: 12px;
float: left;
}
.uk-align-right {
margin-left: 12px;
float: right;
}
@media (min-width: 768px) {
.uk-align-medium-left {
margin-right: 12px;
float: left;
}
.uk-align-medium-right {
margin-left: 12px;
float: right;
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto;
}
.uk-vertical-align {
font-size: 0.001px;
}
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
display: inline-block;
max-width: 100%;
font-size: 1rem;
}
.uk-vertical-align-middle {
vertical-align: middle;
}
.uk-vertical-align-bottom {
vertical-align: bottom;
}
[class*='uk-height'] {
box-sizing: border-box;
}
.uk-height-1-1 {
height: 100%;
}
.uk-height-viewport {
height: 100vh;
min-height: 600px;
}
.uk-height-viewport-mzr {
height: calc(100vh - var(--top-menu-height) - var(--margin--top-content));
}
.uk-height-min-viewport-mzr {
min-height: calc(100vh - var(--top-menu-height) - var(--margin--top-content));
}
.uk-responsive-width,
.uk-responsive-height {
box-sizing: border-box;
}
.uk-responsive-width {
max-width: 100% !important;
height: auto;
}
.uk-responsive-height {
max-height: 100%;
width: auto;
}
.uk-margin {
margin-bottom: var(--margin--medium);
}
* + .uk-margin {
margin-top: var(--margin--medium);
}
.uk-margin-top {
margin-top: var(--margin--medium) !important;
}
.uk-margin-bottom {
margin-bottom: var(--margin--medium) !important;
}
.uk-margin-left {
margin-left: var(--margin--medium) !important;
}
.uk-margin-right {
margin-right: var(--margin--medium) !important;
}
.uk-margin-xmedium-top {
margin-top: var(--margin--xmedium) !important;
}
.uk-margin-xmedium-bottom {
margin-bottom: var(--margin--xmedium) !important;
}
.uk-margin-xmedium-left {
margin-left: var(--margin--xmedium) !important;
}
.uk-margin-xmedium-right {
margin-right: var(--margin--xmedium) !important;
}
.uk-margin-large {
margin-bottom: var(--margin--large);
}
* + .uk-margin-large {
margin-top: var(--margin--large);
}
.uk-margin-large-top {
margin-top: var(--margin--large) !important;
}
.uk-margin-large-bottom {
margin-bottom: var(--margin--large) !important;
}
.uk-margin-large-left {
margin-left: var(--margin--large) !important;
}
.uk-margin-large-right {
margin-right: var(--margin--large) !important;
}
.uk-margin-xlarge-top {
margin-top: var(--margin--xlarge) !important;
}
.uk-margin-xlarge-bottom {
margin-bottom: var(--margin--xlarge) !important;
}
.uk-margin-xlarge-left {
margin-left: var(--margin--xlarge) !important;
}
.uk-margin-xlarge-right {
margin-right: var(--margin--xlarge) !important;
}
.uk-margin-small {
margin-bottom: var(--margin--small);
}
* + .uk-margin-small {
margin-top: var(--margin--small);
}
.uk-margin-small-top {
margin-top: var(--margin--small) !important;
}
.uk-margin-small-bottom {
margin-bottom: var(--margin--small) !important;
}
.uk-margin-small-left {
margin-left: var(--margin--small) !important;
}
.uk-margin-small-right {
margin-right: var(--margin--small) !important;
}
.uk-margin-xsmall-top {
margin-top: var(--margin--xsmall) !important;
}
.uk-margin-xsmall-bottom {
margin-bottom: var(--margin--xsmall) !important;
}
.uk-margin-xsmall-left {
margin-left: var(--margin--xsmall) !important;
}
.uk-margin-xsmall-right {
margin-right: var(--margin--xsmall) !important;
}
.uk-margin-remove {
margin: 0 !important;
}
.uk-margin-top-remove {
margin-top: 0 !important;
}
.uk-margin-bottom-remove {
margin-bottom: 0 !important;
}
.uk-padding-remove {
padding: 0 !important;
}
.uk-padding-top-remove {
padding-top: 0 !important;
}
.uk-padding-bottom-remove {
padding-bottom: 0 !important;
}
.uk-padding-vertical-remove {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.uk-border-circle {
border-radius: 50%;
}
.uk-border-rounded {
border-radius: 5px;
}
.uk-heading-large {
font-size: 36px;
line-height: 42px;
}
@media (min-width: 768px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px;
}
}
.uk-link-muted,
.uk-link-muted a {
color: var(--color-text);
}
.uk-link-muted:hover,
.uk-link-muted a:hover {
color: var(--color-text);
}
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover,
.uk-link-reset:active,
.uk-link-reset a:active,
.uk-link-reset:visited,
.uk-link-reset a:visited,
.uk-link-reset:focus,
.uk-link-reset a:focus {
color: inherit;
text-decoration: none;
font-weight: inherit;
}
.uk-scrollable-text {
height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
resize: both;
}
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
border: 1px solid var(--color--shade-light);
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
}
.uk-scrollable-box > :last-child {
margin-bottom: 0;
}
.uk-overflow-hidden {
overflow: hidden;
}
.uk-overflow-visible {
overflow: visible;
}
.uk-overflow-container {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.uk-overflow-container > :last-child {
margin-bottom: 0;
}
.uk-position-absolute,
[class*='uk-position-top'],
[class*='uk-position-bottom'] {
position: absolute !important;
}
.uk-position-top {
top: 0;
left: 0;
right: 0;
}
.uk-position-bottom {
bottom: 0;
left: 0;
right: 0;
}
.uk-position-top-left {
top: 0;
left: 0;
}
.uk-position-top-right {
top: 0;
right: 0;
}
.uk-position-bottom-left {
bottom: 0;
left: 0;
}
.uk-position-bottom-right {
bottom: 0;
right: 0;
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.uk-position-relative {
position: relative !important;
}
.uk-position-z-index {
z-index: 1;
}
.uk-display-block {
display: block !important;
}
.uk-display-inline {
display: inline !important;
}
.uk-display-inline-block {
display: inline-block !important;
max-width: 100%;
}
@media (min-width: 960px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-medium {
display: none !important;
}
.uk-hidden-large {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-large {
display: none !important ;
}
.uk-hidden-medium {
display: none !important;
}
}
@media (max-width: 767px) {
.uk-visible-medium {
display: none !important;
}
.uk-visible-large {
display: none !important;
}
.uk-hidden-small {
display: none !important;
}
}
.uk-hidden {
display: none !important;
visibility: hidden !important;
}
.uk-invisible {
visibility: hidden !important;
}
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
display: block !important;
visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
display: inline-block !important;
visibility: visible !important;
}
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch {
display: none !important;
}
.uk-flex,
.mzr-media {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.uk-flex-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
.uk-flex > *,
.uk-flex-inline > * {
-ms-flex-negative: 1;
}
.uk-flex-top {
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.uk-flex-middle {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.uk-flex-bottom {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.uk-flex-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.uk-flex-right {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.uk-flex-space-between {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.uk-flex-space-around {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.uk-flex-row-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.uk-flex-column {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.uk-flex-column-reverse {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.uk-flex-nowrap {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.uk-flex-wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.uk-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.uk-flex-wrap-top {
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
.uk-flex-wrap-middle {
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center;
}
.uk-flex-wrap-bottom {
-ms-flex-line-pack: end;
-webkit-align-content: flex-end;
align-content: flex-end;
}
.uk-flex-wrap-space-between {
-ms-flex-line-pack: justify;
-webkit-align-content: space-between;
align-content: space-between;
}
.uk-flex-wrap-space-around {
-ms-flex-line-pack: distribute;
-webkit-align-content: space-around;
align-content: space-around;
}
.uk-flex-order-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
@media (min-width: 480px) {
.uk-flex-order-first-small {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-small {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
@media (min-width: 768px) {
.uk-flex-order-first-medium {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-medium {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
@media (min-width: 960px) {
.uk-flex-order-first-large {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-large {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
@media (min-width: 1220px) {
.uk-flex-order-first-xlarge {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-xlarge {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
.uk-flex-item-none {
-ms-flex: none;
-webkit-flex: none;
flex: none;
}
.uk-flex-item-auto {
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
-ms-flex-negative: 1;
}
.uk-flex-item-1 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
[class*="mzr-icon-nutr-"] {
border-radius: 180px;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
content: "";
}
.mzr-icon-nutr-calorie {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAKCAYAAACqnE5VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENjZEODIwNjU1Q0ZFMzExOUExNUM5MzM4OTEyMTMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMTUwMjk3RUU2NDIxMUUzOTkwNUYzMzE0REIwQjU5MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMTUwMjk3REU2NDIxMUUzOTkwNUYzMzE0REIwQjU5MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MEQ1NUJDQUFFNEUzMTFBMDk1RTdCNDk2NDhEMUM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NkQ4MjA2NTVDRkUzMTE5QTE1QzkzMzg5MTIxMzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c/z9yQAAAQtJREFUeNqUk4uNwjAQRK2IBtyCKcEthBKuhbQAJeRKgBKgBFLCpQRSAikht4a3aBQhH7fSKP7srGc/aZZlCX8gG3pQ9h3r+AH3hU2o25FvZxgNe0NrSIYBfGRN5W5PwAv7yZANO8P2P48U24jyRJAe1RNZZHxa7tXUt/APKwFnzueSUaQ0EeIM8ZuHEqSyvpKpi+sIPiNoXokYiRtLo9rlaT+Gu+G4amQ5v9H8G/sM5yw+9ze8hF/fSGm8uZ5d4JvJMMoQZMnSfUbOkpeLsj76qw+dVg8EcRxkPcq9T2SQqbziO0jZHz1KKJ6kkd6HLBOnIi4o7j2QcJx/gvcU8+bHq+2/Knexxv8VYAArHC9oerWkrQAAAABJRU5ErkJggg==");
background-color: #E66761;
}
.mzr-icon-nutr-protein {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENjZEODIwNjU1Q0ZFMzExOUExNUM5MzM4OTEyMTMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOERFRUU4NkU2NDIxMUUzQjA1OUEyMjczNzAyNkQ3RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOERFRUU4NUU2NDIxMUUzQjA1OUEyMjczNzAyNkQ3RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MEQ1NUJDQUFFNEUzMTFBMDk1RTdCNDk2NDhEMUM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NkQ4MjA2NTVDRkUzMTE5QTE1QzkzMzg5MTIxMzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hII2UwAAAINJREFUeNpckIENgCAMBKthAVZgBVZgBV3FWXQVWMERdAQZoT7xIY1NLm2a59syqaowFhDlF455BxUkEEAZGQ4JXMDrF7m5dmaovHnd4mRvjChsBPYS97nBKsYuc0QbtbDeZrNwoH01Pd8FkYL7N644IxC+flgfTTCZj+rXRHONvAIMAJkSTsaZT/7YAAAAAElFTkSuQmCC");
background-color: #e73cb1;
}
.mzr-icon-nutr-fat {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENjZEODIwNjU1Q0ZFMzExOUExNUM5MzM4OTEyMTMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjkzQUQ3MkU2NDIxMUUzODc2Nzg2RkQ3MEI3OEE2QSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjkzQUQ3MUU2NDIxMUUzODc2Nzg2RkQ3MEI3OEE2QSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MEQ1NUJDQUFFNEUzMTFBMDk1RTdCNDk2NDhEMUM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NkQ4MjA2NTVDRkUzMTE5QTE1QzkzMzg5MTIxMzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SQQ0CwAAAKFJREFUeNpckAENwzAMBK1qBELBFEIhFEJhFEqhFIZhEFYIodBBWCFkn/Q9vWbplHdi2e9Y793IBlZqZ55Apc43u8JBpT7BHWTwpvappbNJlw9o4MUp8z06a4yOiV1NTlukaAMrC8Oa8+4KjhiLjSjgQZ1ppXPRX/HwdlC3P93C8yIjT1qIX3DqXT1XPjxB4f3OQpMdpo34+LCURBfNvwIMAIYow2YAr8DoAAAAAElFTkSuQmCC");
background-color: #33c14e;
}
.mzr-icon-nutr-carb {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENjZEODIwNjU1Q0ZFMzExOUExNUM5MzM4OTEyMTMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzQ4QkNFMkU2NDIxMUUzQkVCRkUyMTAxRDk0OUREMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzQ4QkNFMUU2NDIxMUUzQkVCRkUyMTAxRDk0OUREMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MEQ1NUJDQUFFNEUzMTFBMDk1RTdCNDk2NDhEMUM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NkQ4MjA2NTVDRkUzMTE5QTE1QzkzMzg5MTIxMzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IdNypAAAAHtJREFUeNp0jgENgCAQRdFZgApUuApWsAIVsIpWsQJWMAJGwH/62W5O2d64vft+6WqtjseDyHsFB30a2gBGLiLdTO8cmgQU4DnryfoHsKnvkQtsOMHOWdj4eDZEfqkspk3uN5tlIzK0NfcVCgxNf6HEZbb+HSpErL8EGACXkb4PE0ZzFAAAAABJRU5ErkJggg==");
background-color: #a1c133;
}
.mzr-icon-nutr-fiber {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAYAAABSfLWiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENjZEODIwNjU1Q0ZFMzExOUExNUM5MzM4OTEyMTMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NjI1RDJFRUU2NDIxMUUzODA5OUJGNTYyMzg0NEQyMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NjI1RDJFREU2NDIxMUUzODA5OUJGNTYyMzg0NEQyMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MEQ1NUJDQUFFNEUzMTFBMDk1RTdCNDk2NDhEMUM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NkQ4MjA2NTVDRkUzMTE5QTE1QzkzMzg5MTIxMzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3PIVvAAAAN1JREFUeNpskgsNwjAQQG8LBoqEWqgFLMzCLHQSQAKTABKYBCphk7BJGNfxmhwNl7yk9+l9em32fRckKJ38yqYsilduf2LG7G9IEpWeCxflqTjOG7pgW0zyu3KWnERZlU557F9x6FmuSlReysXYPOfQkj0z0W6ikqd6wp/wC11ExkktFwYCPQHCKELykSQlscfvj3uMk+lpL6LPytv4BX2u4rvWvLRtP6An43fYF7O5Q2ySsompml2q8coblVWnU1UlmT9T3kMqW45dOQ9HITOvq+avdWvLqw7F/hFgANZX1z1LWDZ1AAAAAElFTkSuQmCC");
background-color: #28a485;
}
.mzr-icon-nutr-water {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENjZEODIwNjU1Q0ZFMzExOUExNUM5MzM4OTEyMTMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRjc1OUQ2NEU2NDIxMUUzQTJDMkVBQUFDQTlGMDhBNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRjc1OUQ2M0U2NDIxMUUzQTJDMkVBQUFDQTlGMDhBNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MEQ1NUJDQUFFNEUzMTFBMDk1RTdCNDk2NDhEMUM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NkQ4MjA2NTVDRkUzMTE5QTE1QzkzMzg5MTIxMzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xMY1jQAAAPlJREFUeNqEkg0RgzAMhQsOagELTAIWsIAFJmEWNglMApVAJYAEkNC17MtdrmOQu3eX/yavKUIIBqkjWvS7sl8RizkWG9GjL3tuahjxBEkmfA/sBjtHHbFSV0tuCvQRI4WBRobG659mEp/RrdSWjO1ZUaTFllUrfE0WdzkHJRx5igxFwovDP2APxGoVN8reSqZ4q4lu2EK0PJR8GxtV2WBi+1L9ll5RT+B4pKXQk6+lodYJwS2k9geEC+mzissFdOozu/0Es4TUuEIfVLNRNTPkzFzBqmOFOmwLR7k+qtUtqy0HeV85uTOZbgLh4tB/JrwS+YjtLOkjwAASX35JsJAKiQAAAABJRU5ErkJggg==");
background-color: #2865a4;
}
.mzr-icon-nutr-salt {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENjZEODIwNjU1Q0ZFMzExOUExNUM5MzM4OTEyMTMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQjIwNkIwMEU2NDIxMUUzOTQwNkJCMkUyMUFBQkJCNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQjIwNkFGRkU2NDIxMUUzOTQwNkJCMkUyMUFBQkJCNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MEQ1NUJDQUFFNEUzMTFBMDk1RTdCNDk2NDhEMUM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NkQ4MjA2NTVDRkUzMTE5QTE1QzkzMzg5MTIxMzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZO8IvgAAAMJJREFUeNp0UQsVwjAMLDwM1EItzEItzMKQUAtDwiwUCUxCJ6GTABLKdVz2QmF5714+TXa57FRKMTALDPQv4MY4AAtwN/8MwxZIwFg+lusHgZ55YP6DMxlXMlRzZO2YL+bA6rDnsG72TV4JEhDpgwxf2SDNM5kd6z0wUfes+ozWkKm9ao3UO7Iud5C7+O3QLHYsToADnswH+si+xLdt7sIFZJWVELMqljuIRG+adTrFkFUsWz1U/KXZHv3P5m2P3wIMAMnFFxaATUfMAAAAAElFTkSuQmCC");
background-color: #288ba4;
}
.mzr-icon-calorie-diagram {
height: 93px;
width: 93px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABdCAYAAADHcWrDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8wOC8xNAm1OkkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACGklEQVR4nO3dT07bQBhA8e+rsuuiZ+AGSDkAPVJvEOcmPUq6jyVuAEeoVGXLdNE/IhYeiDLmIc/7rRJhrMljMoptMHk8Hn9FxOfQezlt4k/wT/RIOvK0+fdou92SA+nCOI4R4QxHNImemaXFfj6apV6XMx1gdIDRAUYHGB1gdIDRAUYHGL2ilJJL7Hfz+iZvs89Y5VHpS3YlrvphONMBRq8YrpvQs4wOqEbPzENmlrWeRaQ40wFGBxgdcPY5PTMPEXH30obTdX2pA4ceONMB0yPS+8nz24j48vfxj+WH04ez6KWUb8+fP19uSilf321UK+fyUjEsdDrJ6IDXzjJO13g1UI0+XeN7M0QussS4vACMDjA6wOiAZtdIr71u+BENGWWJ1+VMBxgdYHSA0QFGr1jqQo3RAUYHGL3Cv64DuKavyOxpgJub24veWpdu35OHh/uzd8xs9OmGNZlZLtm+dy4vAKMDjA4wOsDoAKMDjA4wOsDoAKMDjA4wOsDoAKMDjA5o9ruMsff+AbN255f9nOkAowOMDjA6wOgAowNmPzJm5lD5vu+llMfmo+lE7XP6rvK1Q0Q8Nh1JR1xeALWZXru/y8/WA+nJbHTv77IclxeA0QFGBxgdYHRAu4sYEfuG+1q1dtF3ZWi2r5VzeQEYHWB0gNEBRgcYHWB0gNEBRgc0ie7/x7jM/9MA4ziS4+jKJiJOEfFED6Qjp9/weFuupV7tLgAAAABJRU5ErkJggg==);
}
.mzr-icon-calorie-balans-chart-period {
height: 93px;
width: 93px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABdCAYAAADHcWrDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8wOC8xNAm1OkkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAE4klEQVR4nO2dQW7bOBSGfxrBbIoCllazGUDrWTm1D6DZdDnIEXSD5gZVL1BkbqDNAF0GXbaL0QHkOt107RMkAYJsrVlQsmiJomiJFC37fYAh6smRiD/Mk/iLZFiWZS8A3oAYi9crcMFnrmtyQeyuytJyuXRZkYtgvV4DoBbuBBLdASS6A0h0B+xvpIwx4yfP89z4Oc8Bay3d8zxSvAVKLw4g0UdmNnthOqIvavshgEAjZpXNJh0lfdm4Tpfot8UHAOYA7oR42BIjOrhSHCtb+LbY3oALvAWQAojBW3c9lpqs4DmiaumlyCUBql+AKkZ00CZ6BCAZrxqXhaqlR+DpIizKD6hy9rzYymJEB205PRHKsbCfoBL5DsCzJLbH9hPGlJ5grq/DfZdfdSMtiYVyJDkuizUuZJrNJs1tnt/mdahz5AAS3QEkugNIdAfsb6SmvW/f942e75yw9hLD8zwwxuhFhgRKLw4g0R1AojugS/QFmi8xAjR9c1mMaEEl+i24mAtULzIiVC8vEkWMUKDyXkTzKi62gVCeF/uy2HZIpf789E36yPPr43vrXssY6OT0ObibWGeL5ntRWYyooesy3nZ9ScaPH//lm03a50el1C3Wc7V2b3Fo7YovKkLwFHQjiQEA3r37i/XqHH2Vpxex4lO2dnVyetnKY/CXzuXLi4diK4tZ4yDfC7+cKeV7leiylHJffLpihALqHDmARHcAie4AEt0Be9HzPNf+dFF+h7x0OdTSHWBC9ADkMB7FUNEjkMOoTTlBWsd7URHAsMN4CQwVXWSLmui+7xu9k/r/oPV8qmMGMHLux8dHBpgVvcHvH75I478+vmdDPXOZEaU659jHVHUfmtPrruPDwPOdNeWCDENbeooRHcZzYajo5DD2gDpHDiDRHTADgNVqBcaY9qcLG4s7nBPU0h1AojuARHdAl+hzVIaWSIgTWJRhqqhED1CNCLgDF54WZTCAqnO0xeFAowXkCzDIYqmxGp4huj3SBaqZ0dvasUASU6IapnbMEDbd7/a9nsljqmF1EbiIKarWGoKLasxXub4Omc7QORXS4W6qc459TEFd9KS2vwDP2aW/Ui7AkKK5KIMY68TGMLipDK1TpZcAPFen4OKn4OInOGJRBqJJ1400lMQjzRjRAnWOHECiO4BEdwCJ7gAS3QFWhmDkeQ7f9yfz3Kzi379/M74slm5LP8mlX6cKy7Jst1qtumZOL8CfxefghtY9+Ky6e/Ae6UEsz/PU9/38j++RtYpPjZ/Lz2y9XmM2e8m70sugpV9/Lj+fzGp1fUdqqa7Td4RXl+g34CLGxX4ADZeRMXYRi+z0vWepXMYAA4c/m54xXcfETGYdi9b2jOlEKEeoPJUQh0u/ptBwGXvPmNbg6JnMPS3asWdMJ0I5Rs+lX4kmus/psVCOJMdlMaIFq+PTT4lT6qiRDeAAEt0BF5NeVIydeqilO0D3/xyFtVgIMrx60yV6DC7kXNjSsLqe6EzevcHhoCOAP4/TsLqB6PxzqRCVpRvgiGF1nufllpf0HstNszp5N0JleAGHU9CjYy7w9PTEAHvLj0x1tbrd7m3DT0+EcoBmKzY2rG4oYwhu+jo6k3fvwVv6M6r0IjO3yPA6EpXoz5AvExhpxogWrPdIyz8pouIKwGuWZTvXFbkgXv8HfU4DESInebMAAAAASUVORK5CYII=);
}
.mzr-icon-PFC-day-diagram {
height: 93px;
width: 93px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABdCAYAAADHcWrDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8wOC8xNAm1OkkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAADTUlEQVR4nO2dTW7iQBCFX0WsZjYcwbPKcoJyAY7AETgCNxjnBj6Cj5AjMHsi2GbHESKNsqVm4TZyjE3Af0+y3ydZIqbbKX2plNvdNthut/sH4CfEUHzOkAl/YEcyIU6z/NXz8zMzkEnw9vYGQBlOQdIJSDoBSScg6QQknYCkE5B0ApJOQNIJSDqBxtL3+60z+jL7t/29Ocp0ApJOQNIJSDoBSScg6QRm3zepx98fGg2hnn4A/o7Gw6+++tvjyZoe8x6U6QQqM93M1gDW5f3uvuw3nGlQV14iAEcA6VCBTIlrNf3o7tuhApkSqukErkn/Y2Ze2F7N7GmwyEbMNekv7m75BmAL1fhOuLm8uHsC4HePsUyGm6Wb2QbA3x5jmQw313QAKwCbgeIaNZVDRnePAcSDRjIhNGQk0GrCq+kE0X6/9cVi2Xhyid2/Lcp0ApJOQNIJSDoBSScwtuW6F3s8xU2POxTnTDezpDyTaGbrsIqU/xyFNsnAcY6KYnlJkc0kFoVGYSu3SXuMafScpbv7Icwkzs1sWW4Y9s3dPXH3w3Ahjo+qE2mC6nmXGF//C0RDLk6k7p6a2crMjvm+UNcP7p4OF9p4ucj0IDhCdgtGGrYVgKh4UhXN+SLdzCJkZWRVvBMg1PA1gDi0ES0oZ3oKIHH3Y7lhEJ9AI5fWFMfpG+C8FlpJ/l7eVjSjOGRMyrfNuXscVpGK+5bX/jDiezT3QmCSK0dslOkEJJ2ApBOQdAKSTmBsK0e99u9qxapqwmtlZhcHqNsv7qeqvGwBbComtjbhPdGSC+nu/oHSQka+kqRnkLqhrqYnAI5mFoUZxxi6i7czKkcvxWxXlnfPtdFLguxZ0icoyzuldpxeyPa5u78OF9L4+e7iKIKyvHPqPhtgg2wxeu7u60EjmgB1NT0FcAib6Ji6B70+oAuh3tCEFwFJJzDJNdKm/btam1WmE5B0ApJOQNIJSDoBSScg6QRst9udADzc+y2NXX1qfuDjzvbzBn3u7V/1foRsjeFmFovlr/x1+JbGU+OLoy5v4Nzvt/OujtUhvcXU6oq0KxaLZZus7YveYlJNJyDpBCSdgKQTkHQCkk5A0glIOoHzxVG4RBUDMAPwCeDEDmRCfP4HJOk18R2R/9gAAAAASUVORK5CYII=);
}
.mzr-icon-nutrients-diagram {
height: 93px;
width: 93px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABdCAYAAADHcWrDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8wOC8xNAm1OkkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACUElEQVR4nO3dMW4TQRxG8b9jdyYUOQKiQaJBqxSpqDmAcwEKOAEVJRVCqTlD5gC5QKQU2IlSpcsNQgFyCxTEwllP5JXx7puV36+zm4yeorX8aVceTKfTLxHxOiKGoS6cj+Jv8EP6JDvkci/8D+/caPlFVVXUOXbCbDaLiIg9+Bw7aVR/I6X0MyLGwFmamk8mk/3Fi76dNyITPSLGn7+/GnR0oAe+vXu+9u+mlH7V3hq/OD1Gzvsy/d7kvF5eCEYHGB1gdIDRAUYHGB1gdIDRAUYH5GaA+YeDK2TLSOlq5Stzxrz++ub4FDnvTeYrfkb9vKvR6+NM6fp23ghXxi40Wxnf/HiPrHZ1T97erZwjtzJ+enaBnPe6OnFl7AujA4wOMDrA6ACjA4wOMDrA6ACjA7Ir49nTr2VsGfkVb2Vl/Hh7xKyit66MveHK2L5+rYzLFovjNlbGJuvgtrgyFsLoAKMDjA4wOsDoAKMDjA4wOsDogLJXxmX/vk7/98rYcB3cFlfGErgytq+clTF3n2ITJd3LuM51dTJwZSyE0QFGBxgdYHSA0QFGBxgdYHSA0QHcytjsaeOcYu5lXOd+zXRlLIErY/u6Xxk3XRMf06eVMSIid+nzgxRgdIDRAUYHGB1gdIDRAUYHGB1gdED7K+Pma+JjerMy3nNlLIErY/vKuZcxp8ki2ZeVcfFUtvcyFsLoAKMDjA4wOsDoAKMDjA4wOsDogLKemN7s11SKXBmXnsp2ZSyBlxeA0QEPLi+L37VXq4ajiDiPiEv6JDtiGBEXfwD08+QnHhhuNAAAAABJRU5ErkJggg==);
}
.mzr-icon-rating-nutrients-chart-period {
height: 93px;
width: 93px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABdCAYAAADHcWrDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8wOC8xNAm1OkkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEbUlEQVR4nO2dMXLqMBCG/82Q6jWZnID0KfDkAs4NaF7vI3AEV6k5An0a+jQ+ABlTpI9PkDDzJm32FZaIMZYNtmAdvF+DrXWE5s8io99rQ6vV6h+AP1DOxdcIueBX0iMZEN8ju/Xw8CA5kEHw+voKQDNcBBVdABVdABVdABVdABVdABVdABVdABVdABVdABVdAG+i397ectc+0jTp3Ecf+ymjmS6Aii7AjuhENC4fQERhub2qTTmcrehENAMwL+zfEJHdnxmh99rON9TLYXsRg5nnRHRTiE0BzJk5A5AQUQxgXNGWnGmsF0PdnD424ja1KUcyaj6knuLXKh9fsdI0+ezah+d+3n30EwThnd2uE31NRCEzJ4VpZ68tCEIyMS5st8L80+4aD2zm02M/jx762WErupmfQ/O6YOYlES0KJ8s5M2/Kbb4HFAThpmsfaZq06uftL1V9Ut/vn7lTMpUpnkjjcpCZo0PalOPoPKd3pZhd1wDeAAaALtl1/fS47aeI74xti65IBRDP9HPjmLfP+in4taL3Qby2/FrR+8SxCdBr0X9zNtehJ1IBep3pfcLnp86Z6cbGVS/9BFRmuvFVYgBLAFMiypBbuLZtRkRLZk4OeZNLnZvb4sr0MYDEiLow+9ZfT5h5BiA8/fAuk8pMZ+Y1EU2JaAogY+aYiOIqL/0Qa/fa8eZpmnBN7LNHsfe2MWDX1gXc08vYbMbIp5fI0e+OtXv9tO+C3j8zVfkg9m9dMeTWrMsTP3fsEYDLV2+K7eGaXiJmjpk5Y+Y58ullbS3d0mW9k1BnzQrEsraxqrjrK+PCXIC2A0nMhYuTeulDwTWnZwBmFe3RicczCHRFKoCKLoCKLoCKLoCKLoCKLkCt6EQ0KReJqsvYnTprN0a+Er0horFW7PrD5b1M8eMy2rYIWrHrBZcNMAHyqQSA9da1YtcTzst1tszOmFuR67imSt0G+3YQ1i6wa++65vSs4mRZ6TIGQUh11bptY6ivuj13rK5ytyn2WD7GlelLADERbWCml3NU7BYJgnDz1p9Y1jZW1e5yGTdQl/Fk6OJIABVdABVdABVdABVdABVdgEbRiWhS2leXsSNN1u4M5vu6uoz+qLN2bYZn5lVrGT1Rl+lTU91lUZfREy4/PUJerduIuozHu4x1d2JERATkt65HqH5WwE4BaVUndUWiQy0gdRleC7ttSqQXZltdxiNjVe2N9xwVnxmgLqMfdHEkgIougIougIougIouwCE3796U2tXw6kil6EZUe2F6bv4Banh5ou6eoxgAzKp0An0QpjcOmdMnANZQw8sbTX56iPyO6c6P7VN+oNVq9Q3gqvyDgcZPHzPz0uxPAWwKhteMmWMfD6sfCi8vL4TirzQWMSfSOfK5e4K8bHrv4ZgA8PHxQUD+SwF2uy1pmnR+imkf+7HYX2l0Zvqx+BD90jGif3tbHKngh6MrUgFUdAFUdAFUdAFUdAFUdAFUdAFUdAG2NoBdoiqnZwTgC8C39EAGxNd/xWNSie98DSIAAAAASUVORK5CYII=);
}
.mzr-icon-weight-chart {
height: 93px;
width: 93px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABdCAYAAADHcWrDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8wOC8xNAm1OkkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEi0lEQVR4nO2dzW3bTBCG3wl080VQBTr5bMMNMB2oBLoBwyWoBMENWBUEaSAwC5BhnXViBYaBQFfPd+CuvtWGfyKpHf7MAxgQSZlePJwMl7MjhXa73V8AN1BCcZwhE/5DeiQT4ntmXz08PEgOZBK8v78D0AgXQaULoNIFUOkCqHQBVLoAjaUvFgvuciBTQiNdAJUuwGCkf3wk4umsqzEMRvqYUOkCnEknojkRRUQ09/ZHRLQMObAxc5JupK7N5sZcgDkRbcy+ZyKKgo5upMyc1zEzPwMAEaUAYgBfADbMnAJIiGgNIAk6whHippeUiFbm9dz8LI1wpUNOkc7MWyKKTTTv6/xy6GncUKeN9/cRudtuegEzbwHARPxvAEsiipg58W+ueSe7Jh8fCYf8e9ccw0m6uZE+I8vjKTPvAeyJaOvcQDf+CZTLcdNLikz6GcwcBxzPJGj1cHR4Ij48kXieHRqdPJGq+MtoJf32hUVvbEOls9qLRnt9Wkt3o13F16OTSFfxl9FZetH8Xp+i0u7S244uqTBqtJfjlnbn+L+0uzKlgDvzUwtNM/VwI30JIGHmBMDWbAPAnpnt/kpUfDUn6abWckdEWwDPzLxBVodZEdHaVB9rofm9HL/gBWQpZkVEsak62oWNOyKyFwNAeZnTfrTDRvvx8a31YMdY2o2ZeW1eb3IiO6062flBPksvN68/T4ea/EsYZWkXwNash36Z7cTMWFZmn3ujrYWV6+d2f3tq6aiytIsO1kSrbq5231Tkz6rf0i2+WPciHJ6IpyBevNno9oVpatNMcemWKYnvjXRgOjm9V9JdxhztvZPup5kxyg8+e6nD7QuTP6u5AXB4xSimlr2UDhQ/WPn7hngBepdefOyU8vj4lit4iOmndBHD2d+b/nR7EYY8xSxdxOh7f/pQxVctYqyQ9acnpnc9Cju8aprMduz7pC6UW/Dam+heIWsgXRPRuqw/vTet0o9vZ6XjwxOxX793j7vkvbfRGEoorKfnLWJcerJrUlnLvs9c2Oi9ef35z9TTxT1m39t6DDVx00vMzGtmTs3q0BJZq3QEnHJ+7ynL8/5NWGq6WbqIYT4MMLj+dD/C68gNWVYebX96XYHuBQolvvcPRyEIPfVU6YaQ+V2l53DtaFfpDqHKyirdo2zhvCtUeg7XLqip9BJ88UWlhEvxywBL51iK7EHp1Cpdt3N3TOStYtn9Tc9ZFOlLZBXFi/rTx4qfboB2N1ra7XbfAH643yptu3Pt439ehC8WC/7z51eTvzl4itJMUbXSFsnMt0p//7NG6hW2vgDEjvx13slC0KuuXa+iaanbmZy3MB0jW8SwHxQo7E+fOmUznLLcnyd9zsxfOfvTlmMcNUUXIE/+mXSzcLF1tiO06E+fKmXtI0DBl+w42wn0O7saU5TX9eFIAJUugEoXQKULoNIFUOkCqHQBVLoArT4UIPCfkfShM7fRGD4/P/PLAG1OpNSncXpR4c3RnC6AShdApQug0gVQ6QKodAFUugAqXQCVLoBKF+BUezEtX0oAZgCOAL6lBzIhjv8B5BJSaEBVTZ8AAAAASUVORK5CYII=);
}
a.mzr-media:hover {
text-decoration: none;
}
.mzr-media {
align-items: flex-start;
margin-bottom: 1em;
}
.mzr-media .mzr-media-figure {
margin-right: 5px;
}
.mzr-media .mzr-media-body {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.mzr-media .mzr-media-body .mzr-media-title {
color: var(--color--primary-midtone);
font-size: 16px;
display: block;
}
.mzr-media .mzr-media-body .mzr-media-author {
color: var(--color--primary-midtone);
font-size: 12px;
display: block;
}
.mzr-media .mzr-media-body .mzr-media-text {
display: block;
color: var(--color-text);
text-align: justify;
}
.mzr-media .mzr-media-body,
.mzr-media .mzr-media-body :last-child {
margin-bottom: 0;
}
.mzr-blur-1 {
filter: blur(2px);
}
.mzr-fancy-scrollbar {
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
}
.mzr-fancy-scrollbar::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.mzr-fancy-scrollbar::-webkit-scrollbar-button:start:decrement,
.mzr-fancy-scrollbar::-webkit-scrollbar-button:end:increment {
background: transparent;
display: none;
}
.mzr-fancy-scrollbar::-webkit-scrollbar-track-piece {
background: rgba(9, 45, 66, 0.08);
}
.mzr-fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:start {
border-radius: 4px 4px 0 0;
}
.mzr-fancy-scrollbar::-webkit-scrollbar-track-piece:vertical:end {
border-radius: 0 0 4px 4px;
}
.mzr-fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:start {
border-radius: 4px 0 0 4px;
}
.mzr-fancy-scrollbar::-webkit-scrollbar-track-piece:horizontal:end {
border-radius: 0 4px 4px 0;
}
.mzr-fancy-scrollbar::-webkit-scrollbar-thumb:vertical,
.mzr-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal {
background: #B4BEC5;
border-radius: 4px;
display: block;
height: 48px;
}
.mzr-table-border td {
border: 1px solid var(--color--shade-light);
}
.mzr-table-border td:last-child {
border-right: none;
}
.mzr-table-border td:first-child {
border-left: none;
}
.mzr-table-border tr:first-child > td {
border-top: none;
}
.mzr-table-border .mzr-table-no-row-border td {
border: 1px solid transparent;
}
.mzr-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
line-height: 18px;
}
.mzr-table td {
padding: 4px;
}
.mzr-table thead td {
font-weight: 600;
font-size: 13px;
line-height: 16.3px;
color: var(--color--shade-darkest);
padding: 6px;
}
.mzr-table tr {
min-height: 30px;
vertical-align: middle;
}
.mzr-table .mzr-tr-contrast {
color: var(--color--shade-black);
background-color: var(--color--shade-lightest);
}
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.mzr-body {
background-color: var(--background-color);
}
#appDiary {
background-color: var(--background-color);
}
.mzr-grid-1-column {
width: 100%;
margin: 0 auto;
}
.mzr-grid-2-column {
box-sizing: border-box;
margin: 0 auto;
width: 1210px;
position: relative;
}
.mzr-grid-2-column:after {
content: '';
display: table;
clear: both;
}
.mzr-grid-2-column .mzr-grid-left-side {
box-sizing: border-box;
float: left;
margin: 0 0 0 -1210px;
width: 200px;
}
.mzr-grid-2-column .mzr-grid-content {
box-sizing: border-box;
width: 1000px;
position: relative;
float: left;
margin: 0 0 0 210px;
min-height: 1px;
}
.mzr-grid-2-column .mzr-grid-2-column-margin-top {
margin-top: var(--margin--top-content);
}
@media (max-width: 1210px) {
.mzr-grid-2-column.mzr-grid-2-column {
width: 100%;
max-width: 1000px;
}
.mzr-grid-2-column .mzr-grid-content {
width: 100%;
margin: 0 auto;
float: none;
max-width: 1000px;
padding: 0 5px;
}
.mzr-grid-2-column .mzr-grid-2-column-margin-top > .mzr-main-block > .mzr-block:first-of-type {
margin-top: calc(var(--margin--top-content) - (var(--margin--top-content) * 2));
}
.mzr-grid-2-column .mzr-grid-2-radius-top-none {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.mzr-grid-2-column .mzr-grid-left-side {
display: none;
}
}
@media (max-width: 768px) {
.mzr-grid-2-column .mzr-grid-content {
padding: 0;
}
}
.mzr-grid-3-column {
box-sizing: border-box;
margin: 0 auto;
width: 1190px;
position: relative;
}
.mzr-grid-3-column:after {
content: '';
display: table;
clear: both;
}
.mzr-grid-3-column .mzr-grid-3-column-margin-top {
margin-top: var(--margin--top-content);
}
.mzr-grid-3-column .mzr-grid-left-side {
box-sizing: border-box;
float: left;
margin: 0 0 0 -940px;
width: 200px;
}
.mzr-grid-3-column .mzr-grid-right-side {
box-sizing: border-box;
float: right;
margin: 0;
width: 240px;
}
.mzr-grid-3-column .mzr-grid-content {
width: 730px;
box-sizing: border-box;
position: relative;
float: left;
margin: 0 0 0 210px;
min-height: 1px;
}
@media (max-width: 1205px) {
.mzr-grid-3-column .mzr-grid-clear-fix-after-content {
content: '';
display: table;
clear: both;
}
.mzr-grid-3-column .mzr-grid-right-side {
float: none;
margin: 10px auto;
padding: 0 5px;
width: 100%;
}
.mzr-grid-3-column.mzr-grid-3-column {
width: 940px;
}
}
@media (max-width: 960px) {
.mzr-grid-3-column.mzr-grid-3-column {
width: 100%;
}
.mzr-grid-3-column .mzr-grid-content {
width: 100%;
margin: 0;
float: none;
padding: 0 5px;
}
.mzr-grid-3-column .mzr-grid-left-side {
display: none;
}
}
@media (max-width: 768px) {
.mzr-grid-3-column .mzr-grid-content {
padding: 0;
}
}
@media (max-width: 940px) {
html[data-theme^=default] {
--mzr-grid-2-column-margin-top-round: 0;
}
}
.mzr-grid-2-narrow-column {
box-sizing: border-box;
margin: 0 auto;
width: 940px;
position: relative;
}
.mzr-grid-2-narrow-column .mzr-grid-2-column-margin-top {
margin-top: var(--margin--top-content);
}
.mzr-grid-2-narrow-column:after {
content: '';
display: table;
clear: both;
}
.mzr-grid-2-narrow-column .mzr-grid-left-side {
box-sizing: border-box;
float: left;
margin: 0 0 0 -940px;
width: 200px;
}
.mzr-grid-2-narrow-column .mzr-grid-content {
box-sizing: border-box;
width: 730px;
position: relative;
float: left;
margin: 0 0 0 210px;
min-height: 1px;
}
@media (max-width: 940px) {
.mzr-grid-2-narrow-column.mzr-grid-2-narrow-column {
width: 100%;
max-width: 730px;
}
.mzr-grid-2-narrow-column .mzr-grid-2-column-margin-top > .mzr-main-block > .mzr-block:first-of-type {
margin-top: calc(var(--margin--top-content) - (var(--margin--top-content) * 2));
border-top-right-radius: var(--mzr-grid-2-column-margin-top-round);
border-top-left-radius: var(--mzr-grid-2-column-margin-top-round);
}
.mzr-grid-2-narrow-column .mzr-grid-2-column-margin-top.mzr-grid-2-column-margin-top-zero {
margin-top: 0;
}
.mzr-grid-2-narrow-column .mzr-grid-2-radius-top-none {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.mzr-grid-2-narrow-column .mzr-grid-content {
width: 100%;
margin: 0 auto;
float: none;
max-width: 730px;
padding: 0 5px;
}
.mzr-grid-2-narrow-column .mzr-grid-left-side {
display: none;
}
}
@media (max-width: 768px) {
.mzr-grid-2-narrow-column .mzr-grid-content {
padding: 0;
}
}
@media (pointer: coarse) {
.mzr-text-read-p-mobile p,
.mzr-text-read-p-mobile li {
font-size: 16px;
}
}
.zozhnik-screen {
background-color: var(--color--white) !important;
--top-menu-color-background: #EEF7F8 !important;
--color-logo-color-text: var(--color--shade-black);
}
.zozhnik-screen .mzr-main-block {
background-color: transparent !important;
}
.zozhnik-screen .mzr-app-screen {
background-color: var(--color--white) !important;
height: unset;
}
.zozhnik-screen .mzr-top-menu-content {
max-width: 500px;
}
html[data-theme-dark=dark] .zozhnik-screen {
--top-menu-color-background: #3D4348 !important;
}
.mzr-big-button {
background-color: var(--color-brand-second);
color: var(--color--white);
font-weight: bold;
font-size: 18px;
height: 70px;
padding: 0 10px;
text-align: center;
border-radius: var(--radius--medium);
}
.mzr-big-button a {
color: var(--color--white) !important;
}
.mzr-big-button.mod-red {
background-color: var(--color--primary-midtone);
}
.mzr-tc-header h1 {
margin: 10px 0 14px 0;
font-size: 18px;
line-height: 1;
font-weight: 600;
}
.mzr-tc-chemical-group {
font-weight: 600;
font-size: 15px;
}
.mzr-tc-chemical-level-1 {
padding-left: 5px !important;
}
.mzr-tc-chemical-level-2 {
padding-left: 8px !important;
}
.mzr-tc-chemical-level-3 {
padding-left: 12px !important;
}
.mzr-tc-chemical-table td {
text-align: right;
padding-right: 5px;
width: 12%;
}
.mzr-tc-chemical-table td:first-of-type {
text-align: left;
width: 40%;
}
.mzr-tc-chemical-detailed {
font-style: italic;
}
.mzr-tc-h1-clear {
font-size: 14px;
line-height: 14px;
margin: 0;
font-weight: 600;
}
.mzr-text-large-2 {
font-size: 25px;
}
.mzr-tc-group-table thead tr {
vertical-align: middle;
text-align: center;
}
@media (max-width: 700px) {
.mzr-tc-chemical-table td:nth-of-type(n+3) {
display: none;
}
.mzr-tc-chemical-table td:nth-of-type(1) {
width: 80%;
}
.mzr-tc-chemical-table td:nth-of-type(2) {
width: 20%;
}
}
.mzr-tc-group-item {
height: 40px;
align-items: center;
}
.mzr-tc-group-item-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
text-align: center;
}
.mzr-tc-group-item-image > img {
text-align: center;
max-width: 32px;
}
.mzr-tc-group-item-href {
text-decoration: none;
color: var(--color--shade-black);
font-size: 18px;
}
.mzr-definition {
margin-top: 12px;
margin-bottom: 12px;
}
.mzr-definition > div {
font-style: italic;
font-size: 16px;
}
.mzr-definition > p {
margin-left: 19px;
border-left: solid 2px var(--color-brand-second);
padding-left: 5px;
text-align: justify;
}
.mzr-alert + .mzr-alert {
margin-top: 15px;
}
.mzr-alert {
position: relative;
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
padding-bottom: 5px;
}
.mzr-alert > .el-header {
font-size: 14px;
font-weight: bold;
padding-top: 5px;
color: var(--color-brand-second);
border-bottom: solid 1px var(--color-brand-second);
margin-left: 40px;
margin-right: 10px;
}
.mzr-alert > .el-content {
margin-left: 20px;
margin-top: 10px;
padding-left: 20px;
padding-right: 10px;
border-left: solid 1px var(--color-brand-second);
}
@media (pointer: coarse) {
.mzr-alert .el-content {
font-size: 16px;
}
}
.mzr-alert > .el-icon {
position: absolute;
top: 5px;
left: 5px;
}
.mzr-alert.mod-red > .el-header {
color: var(--color--primary-midtone);
border-bottom: solid 1px var(--color--primary-midtone);
}
.mzr-alert.mod-red > .el-content {
border-left: solid 1px var(--color--primary-midtone);
}
:root {
--left-menu-color-background: var(--color--shade-smoky);
}
html[data-theme^=zozhnik] {
--left-menu-color-background: var(--color--third-light);
}
.mzr-left-menu {
background-color: var(--left-menu-color-background);
font-size: 15px;
height: 100%;
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
border-bottom-right-radius: var(--radius--medium);
border-top-right-radius: var(--radius--medium);
}
.mzr-left-menu .mzr-left-menu-item + .mzr-left-menu-item {
margin-top: 15px;
}
.mzr-left-menu .mzr-left-menu-items {
background-color: var(--color--white);
border-radius: var(--radius--medium);
padding: var(--margin--medium);
}
.mzr-left-menu .mzr-top-menu-header {
padding: var(--margin--medium);
border-top-right-radius: var(--radius--medium);
border-top-left-radius: var(--radius--medium);
background-color: var(--left-menu-color-background);
}
.mzr-left-menu .mzr-top-menu-header .mzr-top-menu-name-wrapper {
align-self: stretch;
}
.mzr-left-menu .mzr-top-menu-header .mzr-top-menu-name {
font-size: 14px;
font-weight: 600;
width: 100%;
line-height: 1;
word-break: break-all;
}
.mzr-left-menu .mzr-left-menu-item {
display: flex;
align-items: center;
min-height: 21px;
cursor: pointer;
}
.mzr-left-menu .mzr-left-menu-item.mod-level-1 {
padding-left: 12px;
}
.mzr-left-menu .mzr-left-menu-item.mod-level-2 {
padding-left: 20px;
}
.mzr-left-menu .mzr-left-menu-item.mod-divider {
border-bottom: 1px solid var(--color--shade-light);
padding-bottom: 15px;
}
.mzr-left-menu .mzr-left-menu-item > .mod-svg-item {
fill: var(--color--secondary-midtone);
}
.mzr-left-menu .mzr-left-menu-item img {
max-width: 16px;
max-height: 16px;
text-align: left;
}
.mzr-left-menu .mzr-left-menu-item .mzr-left-menu-item-image {
min-width: 16px;
margin-right: var(--margin--small);
}
.mzr-left-menu .mzr-left-menu-item.mzr-left-menu-item-header {
font-weight: 600;
}
.mzr-left-menu.mod-night-theme {
color: white;
background-color: var(--color--shade-darkest);
}
.mzr-left-menu.mod-night-theme .mzr-left-menu-items {
background-color: var(--color--shade-darkest);
}
.mzr-left-menu.mod-night-theme .mzr-left-menu-bottom {
border-top: 2px solid var(--color--shade-dark);
color: var(--color--shade-midtone);
font-weight: 600;
}
.mzr-left-menu.mod-night-theme .mzr-left-menu-item > .mod-svg-item {
fill: var(--color--shade-midtone);
}
.mzr-left-menu.mod-night-theme .mzr-top-menu-header {
background-color: var(--color--shade-black);
}
.mzr-left-menu.mod-night-theme .mzr-top-menu-header-round {
height: var(--radius--medium);
background-color: var(--color--shade-black);
margin-bottom: calc(var(--radius--medium) - calc(var(--radius--medium) * 2));
}
.mzr-left-menu.mod-place-offcanvas {
font-size: 16px;
font-weight: 600;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.mzr-left-menu.mod-place-offcanvas .mzr-left-menu-item + .mzr-left-menu-item {
margin-top: 20px;
}
.mzr-left-menu.mod-place-offcanvas .mzr-left-menu-items {
padding: var(--margin--xmedium);
}
.mzr-left-menu.mod-place-offcanvas .mzr-top-menu-header {
padding-left: var(--margin--xmedium);
padding-right: var(--margin--xmedium);
}
.mzr-left-menu.mod-place-offcanvas .mzr-top-menu-header .mzr-top-menu-name {
font-size: 18px;
}
.mzr-left-menu.mod-place-offcanvas .mzr-top-menu-header {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.mzr-left-menu.mod-place-offcanvas .mzr-left-menu-items {
border-radius: 0;
}
.mzr-left-menu.mod-place-leftColumn {
border-bottom-left-radius: var(--radius--medium);
border-top-left-radius: var(--radius--medium);
margin-top: var(--margin--top-content);
}
.mzr-left-menu .mzr-left-menu-bottom {
font-size: 13px;
padding-top: var(--margin--medium);
padding-bottom: var(--margin--medium);
margin-top: var(--margin--medium);
border-top: 1px solid var(--color--shade-light);
color: var(--color--shade-midtone);
}
.offcanvas-left-slide-right {
animation: offcanvas-left-slide-right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes offcanvas-left-slide-right {
0% {
left: -100%;
}
100% {
left: 0;
}
}
.offcanvas-left-slide-left {
animation: offcanvas-left-slide-left 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes offcanvas-left-slide-left {
0% {
left: 0;
}
100% {
left: -100%;
}
}
.offcanvas-right-slide-left {
animation: offcanvas-right-slide-left 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes offcanvas-right-slide-left {
0% {
right: -100%;
}
100% {
right: 0;
}
}
.offcanvas-right-slide-right {
animation: offcanvas-right-slide-right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes offcanvas-right-slide-right {
0% {
right: 0;
}
100% {
right: -100%;
}
}
.mzr-video-player video,
.mzr-video-player iframe {
border-radius: var(--radius--small);
}
:root {
color-scheme: light dark;
--color-text-link: var(--color--secondary-midtone);
--color-brand-second: var(--color--secondary-midtone);
--color-text-link-lighter: var(--color--secondary-light);
--color-text: var(--color--shade-black);
--color-text-muted: var(--color--shade-midtone);
--font-family: 'Open Sans', sans-serif;
--tabs-height: 37px;
--tabs-color-background-first: var(--color--shade-light);
--tabs-color-background-second: var(--color--shade-lightest);
--tabs-color-background-second-dark: var(--color--white);
--tabs-color-active-link: var(--color--primary-midtone);
--tabs-color-active-link-default: var(--color--shade-black);
--diary-dates-calendar-color: var(--color--shade-lightest);
--diary-dates-calendar-color-second: var(--color--shade-midtone);
--diary-block-content-extra-bcolor: var(--color--shade-lightest);
--margin: 12px;
--logo-url: 'https://159523.selcdn.ru/upload/assets/2016/logo-2016-2.png';
--background-color: var(--color--shade-lightest);
--radius--small: 8px;
--radius--medium: 15px;
--margin--xsmall: 5px;
--margin--small: 10px;
--margin--medium: 15px;
--margin--xmedium: 20px;
--margin--large: 25px;
--margin--xlarge: 30px;
--margin--top-content: 8px;
--color--primary-midtone: #ED6963;
--color--primary-lightest: #FFC7C5;
--color--primary-light: #F88D88;
--color--primary-dark: #E0504A;
--color--third-light: #CAE0EE;
--color--third-lightest: #E7F4FD;
--color--third-midtone: #8CC0E1;
--global-height: 40px;
--global-height-mini: 20px;
--global-height-small: 30px;
--global-height-large: 60px;
--color--secondary-dark: #1E2F6B;
--color--secondary-midtone: #36467E;
--color--secondary-light: #6479C2;
--color--shade-black: #1C1E20;
--color--shade-midtone: #A7ACB1;
--color--shade-dark: #6E757D;
--color--shade-darkest: #3D4348;
--color--shade-light: #D6D9DC;
--color--shade-lightest: #F1F2F3;
--color--shade-smoky: #F4F4F4;
--color--error-light: #FF4C4D;
--color--error-diagram: #FF7676;
--color--error-lightest: #FFE5E5;
--color--error-darkest: #660000;
--color--warning-light: #FFE279;
--color--green-diagram: #16DE7E;
--color--blue-light: #5EBFEA;
--color--blue: #2192E4;
--color--orange: #F9AE3F;
--color--violet: #DCB9FF;
--color--white: white;
--color--sport-diary-plan: #8CC0E1;
--mzr-grid-2-column-margin-top-round: var(--margin--medium);
--color-logo-color-text: white;
--color-logo-color-circle: var(--color--primary-midtone);
--top-menu--badge-color: var(--color--error-light);
--top-menu--badge-background: #fff;
--color--shade-lightest-OR-third-lightest: var(--color--shade-lightest);
}
html[data-font^=Arial] {
--font-family: 'Arial', sans-serif;
}
html[data-font^=Montserrat] {
--font-family: 'Montserrat', sans-serif;
}
html[data-font^=Roboto] {
--font-family: 'Roboto', sans-serif;
}
html[data-theme^=zozhnik] {
--radius--small: 12px;
--radius--medium: 20px;
--color--primary-midtone: #16DE7E;
--color--primary-lightest: #C1E9D1;
--color--primary-light: #85E5AC;
--color--primary-dark: #04BD64;
--color--third-light: #D6E9ED;
--color--third-lightest: #EEF7F8;
--color--third-midtone: #AEDADE;
--color--header-light: #36467E;
--background-color: var(--color--third-lightest);
--tabs-color-background-second: var(--color--third-lightest);
--tabs-color-background-second-dark: var(--color--third-light);
--tabs-color-active-link: var(--color--secondary-midtone);
--tabs-color-active-link-default: var(--color--secondary-midtone);
--diary-dates-calendar-color: var(--color--third-lightest);
--diary-dates-calendar-color-second: var(--color--third-midtone);
--diary-block-content-extra-bcolor: var(--color--third-light);
--top-menu--badge-color: #fff;
--top-menu--badge-background: var(--color--error-light);
--color-logo-color-circle: var(--color--third-midtone);
--color--shade-lightest-OR-third-lightest: var(--color--third-lightest);
--color-logo-color-text: var(--color--shade-black);
}
.mzr-font--body18sb {
font-weight: 600;
font-size: 18px;
line-height: 24.4px;
}
.mzr-font--body16reg {
font-size: 16px;
line-height: 21.8px;
}
.mzr-font--body16sb {
font-weight: 600;
font-size: 16px;
line-height: 21.8px;
}
.mzr-font--body14sb {
font-weight: 600;
font-size: 14px;
line-height: 18px;
}
.mzr-font--body14reg {
font-size: 14px;
line-height: 18px;
}
.mzr-font--body13reg {
font-size: 13px;
line-height: 16px;
}
.mzr-font--body13sb {
font-weight: 600;
font-size: 13px;
line-height: 16.3px;
}
.mzr-font--body20sb {
font-weight: 600;
font-size: 20px;
line-height: 26px;
}
.mzr-font--body12sb {
font-weight: 600;
font-size: 12px;
line-height: 16.3px;
}
.mzr-font--body11reg {
font-size: 11px;
line-height: 16.3px;
}
.mzr-font--body16sb-line-height {
line-height: 21.8px;
}
html[data-theme=default-measuringApp] {
--color--primary-midtone: #377FD0;
--color--primary-lightest: #ABD3FF;
--color--primary-light: #6CA7EB;
--color--primary-dark: #2666AE;
--top-menu--badge-color: #fff;
--top-menu--badge-background: var(--color--error-light);
--background-color: var(--color--shade-lightest);
}
html[data-theme=default-measuringAppPro] {
--color--primary-midtone: #377FD0;
--color--primary-lightest: #ABD3FF;
--color--primary-light: #6CA7EB;
--color--primary-dark: #2666AE;
--top-menu--badge-color: #fff;
--top-menu--badge-background: var(--color--error-light);
--background-color: var(--color--shade-lightest);
}
html[data-theme=default-green] {
--color--primary-midtone: #67D271;
--color--primary-lightest: #C2EFC6;
--color--primary-light: #9FE3A6;
--color--primary-dark: #3CB046;
--top-menu--badge-color: #fff;
--top-menu--badge-background: var(--color--error-light);
--background-color: var(--color--shade-lightest);
}
html[data-theme=default-redwhite] {
--color--primary-midtone: #FF4C4D;
--color--primary-lightest: #FFDBDB;
--color--primary-light: #FE8787;
--color--primary-dark: #DB4343;
--color-logo-color-text: var(--color--primary-midtone);
--top-menu--badge-color: #fff;
--top-menu--badge-background: var(--color--error-light);
--background-color: var(--color--shade-lightest);
}
html[data-theme-dark=dark] {
--color--primary-midtone: #40EFFF;
--color--primary-lightest: #B8F9FF;
--color--primary-light: #8AF5FF;
--color--primary-dark: #11DCEE;
--color--third-light: var(--color--shade-smoky);
--color--third-lightest: var(--color--shade-lightest);
--color--third-midtone: var(--color--shade-midtone);
--color--secondary-dark: var(--color--primary-dark);
--color--secondary-midtone: var(--color--primary-midtone);
--color--secondary-light: var(--color--primary-light);
--color--shade-black: white;
--color--shade-midtone: #ECECEC;
--color--shade-dark: #F4F4F4;
--color--shade-darkest: white;
--color--shade-light: #6E757D;
--color--shade-lightest: #1C1E20;
--color--shade-smoky: #6E757D;
--color--white: #3D4348;
--color-logo-color-text: white;
--color-logo-color-circle: white;
}
.mzr-avatar {
border-radius: var(--radius--small);
border: 0 solid #FFF;
height: 44px;
width: 44px;
}
.mzr-avatar-small {
height: 40px;
width: 40px;
}
html[data-theme^=zozhnik] .mzr-avatar {
height: 50px;
width: 50px;
}
.t-answer-on-post-editor .mzr-avatar-small {
height: 25px;
width: 25px;
}
.mzr-avatar-big {
height: 50px;
width: 50px;
}
@media print {
.mzr-no-print,
.mzr-no-print * {
display: none !important;
}
}
.mzr-link-to-text,
.mzr-link-to-text:hover,
.mzr-link-to-text:visited,
.mzr-link-to-text:active {
color: var(--color-text);
text-decoration: none;
}
.mzr-user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mzr-icon-noavatar-small {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAn1BMVEV+hpF/hpGBiZN/h5KAh5K9v8KDipS0trnJys26vL7x8fLFxsnBw8W3ubx3foj5+vp9hI7Z2tuAh5DW19iFjJbNztBwdn7u7u/d3t/S09V7gox1fIT09fWytLdscnppbnVLT1T8/Pz39/dlanLq6+zo6Onl5ebh4uOnqq56gIlUWF2cnqKKj5WQk5djaG6Eh4rP0NK4ur2go6ifoaRdYWhxdgyAAAABuUlEQVR4AdXU3ZaaMBSGYfZOjMw4gyFoBhNN6tgqiP96/9fWQJ1UlDin7eMRy3ftE75F9M8BIDUA+C4kFBEZQ6Sufl66btRgdfxNiaKGzJ1+0gJFFKdsPp9/xFuBSMOpO8p78z8+C6Dhs0AxYsOr+ZCJ8FlALF+G3rGkGEoJgo4/vUwDkkBKkcvx1EslRxpM1Wb66k03KpQCpcnp9cY5oRQCKejq48ZZQyCNCGiT/fRW0qVRKE3s9pd3tgkhwQlwucuWV+lOqvDbqs+Wy1VjuXdH6bMXq3dVnq/cr9hpgUggtGo24nKTN06GN6MFeAiBIHOrFrqXNvKifmSPhwFoM+bRLEuzRprn7yPRMXBXIopNP02zyZcsTfsbUd+9G5ULj647jP86uLrgfrX+KPB4Mo7vHSYVR2ylSMtiHA8exQMtkLRS0P3BW5dYcnabEuSy3+s0kArbqTKzl05vpmyl4NLi+N6lZ5KHdD/rd5htbUnJ/fzWdr+tqmJ2VVTVdm/XF6naM4ColIvLer3+ccM9XhYm4aSdAldaGmOtXXyx1hipSx497AUirlTSohR3//iyVZMabfhv93/pN7LiNlFkImsmAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
width: 42px;
height: 42px;
background-position: center;
}
.FoodDiaryView table,
.b-table {
border-collapse: collapse;
}
.mzr-pointer {
cursor: pointer;
}
.mzr-input-material {
padding-left: 5px;
border: none;
border-bottom: 2px solid var(--color-brand-second);
padding-top: 5px;
padding-bottom: 5px;
background-color: transparent;
}
.mzr-max-width-content {
max-width: 375px;
}
.mzr-max-width-contentIphonePlus {
max-width: 414px;
}
@media (min-width: 415px) {
.uk-flex-space-between-to-left {
justify-content: left;
}
}
.uk-modal-footer .uk-button + .uk-button {
margin-left: 10px;
}
.mzr-load-app {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 80px;
width: 100%;
}
.mzr-pagination-more {
font-size: 14px;
font-weight: 600;
display: block;
cursor: pointer;
color: var(--color--shade-dark);
background: var(--color--shade-light);
line-height: 30px;
text-align: center;
border-radius: var(--radius--small);
}
html[data-theme^=zozhnik] .mzr-pagination-more {
background: var(--color--third-light);
}
.bbcode-b {
font-weight: 600;
}
.bbcode-i {
font-style: italic;
}
.bbcode-u {
text-decoration: underline;
}
.bbcode-table table {
border-collapse: collapse;
}
.bbcode-table table,
.bbcode-table th,
.bbcode-table td {
border: 1px solid var(--color--shade-light);
}
.mzr-zozhnik-post blockquote {
background: #f6f6f6;
border-left: 4px #f6f6f6 solid;
margin: 0 0 20px 0px;
padding: 15px 0 0 40px;
width: 89%;
}
.mzr-zozhnik-post img {
border-radius: 12px;
}
.mzr-zozhnik-post .mzr-zozhnik-post-short .mzr-block-header-post .uk-h3 {
font-weight: bold;
font-size: 22px;
line-height: 26px;
}
.mzr-iphone-x-fix {
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.mzr-iphone-x-bottom-fix {
margin-bottom: constant(safe-area-inset-bottom);
margin-bottom: env(safe-area-inset-bottom);
}
@media (min-width: 731px) {
.fix-tabs-color-background-second {
--tabs-color-background-second: var(--tabs-color-background-second-dark);
}
}
:root {
--bottom-menu-item-active: rgba(255, 199, 197, 0.6);
}
html[data-theme^=zozhnik] {
--bottom-menu-item-active: var(--color--third-light);
}
html[data-theme=default-measuringApp] {
--bottom-menu-item-active: rgba(171, 211, 255, 0.6);
}
html[data-theme=default-green] {
--bottom-menu-item-active: rgba(194, 239, 198, 0.6);
}
.mzr-bottom-menu {
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 40px;
z-index: 1002;
background-color: var(--color--white);
overflow: hidden;
}
.mzr-bottom-menu .mzr-bottom-menu-item-plusExtra {
padding-left: 12px;
padding-right: 12px;
box-sizing: border-box;
}
.mzr-bottom-menu .mzr-bottom-menu-item {
box-sizing: border-box;
height: 34px;
width: 34px;
border-radius: 8px;
padding: 5px;
fill: var(--color--shade-dark);
color: var(--color--shade-dark);
}
.mzr-bottom-menu .mzr-bottom-menu-item.mzr-bottom-menu-item-active {
background-color: var(--bottom-menu-item-active);
fill: var(--color--shade-darkest);
color: var(--color--shade-darkest);
}
html[data-theme^=zozhnik] .mzr-bottom-menu {
box-shadow: none;
border-top-right-radius: var(--radius--medium);
border-top-left-radius: var(--radius--medium);
background-color: var(--color--third-midtone);
}
html[data-theme^=zozhnik] .mzr-bottom-menu .mzr-bottom-menu-item-active {
background-color: var(--color--third-light);
}
html[data-theme-dark=dark] .mzr-bottom-menu {
background-color: var(--color--white);
}
html[data-theme-dark=dark] .mzr-bottom-menu-item-active {
background-color: unset !important;
fill: var(--color--secondary-midtone) !important;
color: var(--color--secondary-midtone) !important;
}
.mzr-svg-common {
display: inline-block;
height: 24px;
width: 24px;
user-select: none;
fill: currentcolor;
}
.uk-width-100 {
width: 100% !important;
}
.sport-diary-plan-value {
color: var(--color--sport-diary-plan);
}
.sport-diary-plan:-ms-input-placeholder {
color: var(--color--sport-diary-plan) !important;
}
.sport-diary-plan::-moz-placeholder {
color: var(--color--sport-diary-plan);
}
.sport-diary-plan::-webkit-input-placeholder {
color: var(--color--sport-diary-plan);
}
.sport-diary-plan::placeholder {
color: var(--color--sport-diary-plan);
}
:root {
--mzr-shadow-color-transparent: 0.25;
}
.mzr-shadow {
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
}
.mzr-gray-3-1-1 {
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
}
html[data-theme^=zozhnik] {
--mzr-shadow-color-transparent: 0;
}
:root {
--block-menu-color-background: var(--color--shade-smoky);
}
html[data-theme^=zozhnik] {
--block-menu-color-background: var(--color--third-light);
}
.mzr-block {
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
background-color: var(--color--white);
border-radius: var(--radius--medium);
}
.mzr-block_print_before .mzr-block {
page-break-before: always;
}
.mzr-block-header-line {
margin: var(--margin--medium) 0 var(--margin--medium) 0;
font-size: 18px;
border-bottom: 1px solid var(--color-brand-second);
padding-bottom: 2px;
}
.mzr-block-header-light2 {
color: var(--color-text-link);
font-size: 14px;
text-transform: uppercase;
}
.mzr-block-header-light {
color: var(--color--shade-black);
margin: var(--margin--medium) 0;
font-size: 16px;
line-height: 21.8px;
}
.mzr-block > .mzr-block-header-light {
padding-top: var(--margin--medium);
margin: 0 var(--margin--medium) var(--margin--medium) var(--margin--medium);
}
.mzr-block-header-light + .mzr-block-content {
padding-top: 0;
}
.mzr-block-content > .mzr-block-header-light:first-child {
margin-top: 0;
}
.mzr-block-content > .uk-alert:last-child {
margin-bottom: 0;
}
.mzr-block-header {
font-size: 13px;
font-weight: 600;
padding: 16px;
color: var(--color--shade-black);
text-align: center;
background-color: var(--color--white);
position: relative;
border-bottom: 1px solid rgba(170, 170, 170, 0.45);
line-height: 1;
border-top-left-radius: var(--radius--medium);
border-top-right-radius: var(--radius--medium);
}
.mzr-block-header.mod-left {
text-align: left;
}
.mzr-block-header.mod-weight-normal {
font-weight: normal;
}
.mzr-block-header .uk-close {
position: absolute;
right: 20px;
top: 8px;
}
.mzr-block-header > a {
color: var(--color-brand-second);
}
.mzr-block-header > h1 {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 1;
}
.mzr-block-header [class*='uk-icon-'] {
margin: -6px;
margin-left: var(--margin--medium);
cursor: pointer;
font-size: 15px;
padding: 6px;
opacity: 1;
}
.mzr-block-header [class*='uk-icon-']:hover {
border-radius: 25%;
background: #EEE none repeat scroll 0 0;
}
.mzr-block-header .mzr-dropdown {
margin-top: -4px;
text-align: left;
}
.mzr-block-header .uk-dropdown-close {
font-size: 12px !important;
text-transform: none;
}
.mzr-block-header-post {
position: relative;
padding: var(--margin--medium) var(--margin--medium) 4px var(--margin--medium);
margin-bottom: -8px;
}
.mzr-block-header-post .el-timeAgo {
line-height: 1;
font-size: 13px;
color: var(--color--shade-dark);
margin-top: 6px;
}
.mzr-block-header-post .el-user {
color: var(--color--shade-black);
display: block;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.mzr-block-header-post .el-uk-icon {
line-height: 25px;
color: var(--color--shade-dark);
font-size: 25px;
opacity: 0.2;
cursor: pointer;
padding: 10px 10px;
}
.mzr-block-header-post .el-uk-icon:hover {
opacity: 1;
}
.mod-shadow-none {
box-shadow: none;
}
.mzr-block-content {
padding: var(--margin--medium);
}
.mzr-block-content > .mzr-block-header {
margin-left: -var(--margin--medium);
margin-right: -var(--margin--medium);
margin-bottom: 5px;
}
.mzr-block-content .mzr-block-divider {
border-bottom: 1px solid var(--color-brand-second);
margin: 4px 0;
font-size: 15px;
line-height: 16px;
}
.mzr-block-content .mod-remove-padding {
margin-left: -var(--margin--medium);
margin-right: -var(--margin--medium);
}
.mzr-block-menu {
font-size: 13px;
line-height: 16px;
padding-left: calc(var(--radius--medium) - 8px);
min-height: 40px;
background-color: var(--block-menu-color-background);
color: var(--color--shade-dark);
border-bottom-left-radius: var(--radius--medium);
border-bottom-right-radius: var(--radius--medium);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.mzr-block-menu > .mzr-block-menu-item {
line-height: 40px;
padding-left: 8px;
padding-right: 8px;
cursor: pointer;
}
.mzr-block-menu > .mzr-block-menu-item > span {
display: inline-block;
vertical-align: middle;
}
.mzr-block-menu > .mzr-block-menu-item [class*='uk-icon-'] + span {
margin-left: 5px;
}
.mzr-block + .mzr-block {
margin-top: var(--margin--medium);
}
.t-post-view + .t-post-view {
margin-top: var(--margin--medium);
}
.mzr-div-radius {
border-radius: var(--radius--medium);
}
.mzr-no-radius {
border-radius: 0px !important;
}
.mzr-main-block {
background-color: var(--background-color);
}
.mzr-main-block > .mzr-button-group-wrapper > .mzr-button-group {
margin-left: var(--margin--medium);
}
.mzr-main-block .mzr-main-block-margin-left {
margin-left: var(--margin--medium);
}
.mzr-main-block .mzr-main-block-margin-right {
margin-right: var(--margin--medium);
}
@media (min-width: 375px) {
.mzr-main-block > .mzr-block > .mzr-block-content {
padding-left: var(--margin--xmedium);
padding-right: var(--margin--xmedium);
}
.mzr-main-block > .mzr-block > .mzr-block-header-post {
padding-left: var(--margin--xmedium);
padding-right: var(--margin--xmedium);
}
.mzr-main-block > .mzr-block > .mzr-block-header-light {
margin: 0 var(--margin--xmedium) var(--margin--medium) var(--margin--xmedium);
}
.mzr-main-block > .mzr-button-group-wrapper > .mzr-button-group {
margin-left: var(--margin--xmedium);
}
.mzr-main-block .mzr-main-block-margin-left {
margin-left: var(--margin--xmedium);
}
}
.mzr-block-content-extra {
padding: var(--margin--medium);
border-radius: var(--radius--small);
background-color: var(--diary-block-content-extra-bcolor);
}
.mzr-block-top-radius-remove .mzr-block {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
@font-face {
font-family: "Flaticon";
src: url("../fonts/flaticon.eot");
src: url("../fonts/flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/flaticon.svg") format("svg"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-add199:before {
content: "\e000";
}
.flaticon-apple55:before {
content: "\e001";
}
.flaticon-ascendant6:before {
content: "\e002";
}
.flaticon-atoms2:before {
content: "\e003";
}
.flaticon-bar-graph1:before {
content: "\e004";
}
.flaticon-bird81:before {
content: "\e005";
}
.flaticon-blog1:before {
content: "\e006";
}
.flaticon-blog4:before {
content: "\e007";
}
.flaticon-book283:before {
content: "\e008";
}
.flaticon-books54:before {
content: "\e009";
}
.flaticon-bread14:before {
content: "\e00a";
}
.flaticon-businessman272:before {
content: "\e00b";
}
.flaticon-calculator69:before {
content: "\e00c";
}
.flaticon-calendar146:before {
content: "\e00d";
}
.flaticon-calendar159:before {
content: "\e00e";
}
.flaticon-can:before {
content: "\e00f";
}
.flaticon-chart9:before {
content: "\e010";
}
.flaticon-chicken2:before {
content: "\e011";
}
.flaticon-chicken3:before {
content: "\e012";
}
.flaticon-close6:before {
content: "\e013";
}
.flaticon-cook1:before {
content: "\e014";
}
.flaticon-cook4:before {
content: "\e015";
}
.flaticon-cow12:before {
content: "\e016";
}
.flaticon-croissant3:before {
content: "\e017";
}
.flaticon-cross108:before {
content: "\e018";
}
.flaticon-cutlery22:before {
content: "\e019";
}
.flaticon-document244:before {
content: "\e01a";
}
.flaticon-drink24:before {
content: "\e01b";
}
.flaticon-drink64:before {
content: "\e01c";
}
.flaticon-egg16:before {
content: "\e01d";
}
.flaticon-factory6:before {
content: "\e01e";
}
.flaticon-farm6:before {
content: "\e01f";
}
.flaticon-fast-food:before {
content: "\e020";
}
.flaticon-fastfood6:before {
content: "\e021";
}
.flaticon-fish2:before {
content: "\e022";
}
.flaticon-five8:before {
content: "\e023";
}
.flaticon-folder265:before {
content: "\e024";
}
.flaticon-fruit69:before {
content: "\e025";
}
.flaticon-fungus3:before {
content: "\e026";
}
.flaticon-girl39:before {
content: "\e027";
}
.flaticon-graphicseditor17:before {
content: "\e028";
}
.flaticon-table19:before {
content: "\e029";
}
.flaticon-healthy-food5:before {
content: "\e02a";
}
.flaticon-healthy8:before {
content: "\e02b";
}
.flaticon-healthyfood2:before {
content: "\e02c";
}
.flaticon-horizontal19:before {
content: "\e02d";
}
.flaticon-hot5:before {
content: "\e02e";
}
.flaticon-hot68:before {
content: "\e02f";
}
.flaticon-imbalanced:before {
content: "\e030";
}
.flaticon-info27:before {
content: "\e031";
}
.flaticon-jar20:before {
content: "\e032";
}
.flaticon-juice4:before {
content: "\e033";
}
.flaticon-kitchenpack15:before {
content: "\e034";
}
.flaticon-list71:before {
content: "\e035";
}
.flaticon-locked59:before {
content: "\e036";
}
.flaticon-meter7:before {
content: "\e037";
}
.flaticon-nachos:before {
content: "\e038";
}
.flaticon-objective:before {
content: "\e039";
}
.flaticon-olives:before {
content: "\e03a";
}
.flaticon-pencil117:before {
content: "\e03b";
}
.flaticon-photos12:before {
content: "\e03c";
}
.flaticon-prize3:before {
content: "\e03d";
}
.flaticon-pulse1:before {
content: "\e03e";
}
.flaticon-puzzle2:before {
content: "\e03f";
}
.flaticon-restaurant23:before {
content: "\e040";
}
.flaticon-salad:before {
content: "\e041";
}
.flaticon-salt:before {
content: "\e042";
}
.flaticon-sauce1:before {
content: "\e043";
}
.flaticon-scale16:before {
content: "\e044";
}
.flaticon-scale17:before {
content: "\e045";
}
.flaticon-schedule3:before {
content: "\e046";
}
.flaticon-seed5:before {
content: "\e047";
}
.flaticon-settings48:before {
content: "\e048";
}
.flaticon-smile8:before {
content: "\e049";
}
.flaticon-spaghetti1:before {
content: "\e04a";
}
.flaticon-sprig2:before {
content: "\e04b";
}
.flaticon-sprint:before {
content: "\e04c";
}
.flaticon-standing92:before {
content: "\e04d";
}
.flaticon-star174:before {
content: "\e04e";
}
.flaticon-stats21:before {
content: "\e04f";
}
.flaticon-stomach:before {
content: "\e050";
}
.flaticon-sushi15:before {
content: "\e051";
}
.flaticon-sweet9:before {
content: "\e052";
}
.flaticon-tables1:before {
content: "\e053";
}
.flaticon-text116:before {
content: "\e054";
}
.flaticon-uparrows:before {
content: "\e055";
}
.flaticon-users81:before {
content: "\e056";
}
.flaticon-videoplayer5:before {
content: "\e057";
}
.flaticon-web42:before {
content: "\e058";
}
.flaticon-weights5:before {
content: "\e059";
}
.flaticon-wheat5:before {
content: "\e05a";
}
.mzr-color-red {
color: var(--color--primary-midtone);
}
.mzr-color-turquoise {
color: var(--color-brand-second);
}
.mzr-color-primary-background {
background-color: var(--background-color);
}
.mzr-color-text-mute {
color: var(--color-text-muted);
}
.mzr-comment-feed-menu {
padding: 4px 12px 4px 10px;
background-color: var(--color--shade-lightest);
color: var(--color--shade-dark);
font-size: 14px;
font-weight: 600;
margin-bottom: var(--margin--small);
border-radius: var(--radius--small);
line-height: 30px;
}
.mzr-comment {
min-height: 40px;
overflow: hidden;
padding: 8px;
position: relative;
background-color: var(--color--shade-lightest);
border-radius: var(--radius--small);
margin-bottom: var(--margin--small);
}
.mzr-comment .mzr-comment-header {
font-size: 13px;
color: var(--color-text-muted);
line-height: 1;
margin-bottom: 8px;
}
.mzr-comment .mzr-comment-header .el-user {
color: var(--color--shade-black);
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.mzr-comment-is-new {
padding-right: 4px;
border-right: 4px solid var(--color--primary-midtone);
}
.mzr-comment-level-1 {
padding-left: 24px;
}
.mzr-comment-level-2 {
padding-left: 36px;
}
.date-picker {
min-width: 240px;
}
.date-picker .dp-inner {
width: 100%;
height: 100%;
flex-direction: column;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
-o-flex-flow: column;
flex-flow: column;
box-orient: vertical;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.date-picker .dp-footer {
-webkit-flex-flow: row;
-moz-flex-flow: row;
-ms-flex-flow: row;
-o-flex-flow: row;
flex-flow: row;
box-orient: horizontal;
flex-direction: row;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.date-picker .dp-body {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
position: relative;
}
.date-picker .dp-body .dp-table {
width: 100%;
height: 100%;
}
.date-picker .dp-body .dp-month-view {
position: absolute;
transform: translate3d(0%, 0px, 0px);
}
.date-picker .dp-body .dp-month-view.dp-prev {
left: -100%;
}
.date-picker .dp-body .dp-month-view.dp-next {
left: 100%;
}
.date-picker .dp-body .dp-month-view .dp-week {
display: table-row;
list-style: none;
}
.date-picker .dp-nav-table,
.date-picker .dp-body .dp-table {
table-layout: fixed;
}
.date-picker .dp-nav-table {
width: 100%;
}
.date-picker .dp-anim-target {
transform: translate3d(0px, 0px, 0px);
position: absolute;
width: 100%;
height: 100%;
}
.date-picker .dp-anim-targetdp-transition-prev {
animation-name: prev-month-nav;
}
.date-picker .dp-anim-targetdp-transition-next {
animation-name: next-month-nav;
}
@-moz-keyframes prev-month-nav {
to {
transform: translate3d(100%, 0px, 0px);
}
}
@-webkit-keyframes prev-month-nav {
to {
transform: translate3d(100%, 0px, 0px);
}
}
@-o-keyframes prev-month-nav {
to {
transform: translate3d(100%, 0px, 0px);
}
}
@keyframes prev-month-nav {
to {
transform: translate3d(100%, 0px, 0px);
}
}
@-moz-keyframes next-month-nav {
to {
transform: translate3d(-100%, 0px, 0px);
}
}
@-webkit-keyframes next-month-nav {
to {
transform: translate3d(-100%, 0px, 0px);
}
}
@-o-keyframes next-month-nav {
to {
transform: translate3d(-100%, 0px, 0px);
}
}
@keyframes next-month-nav {
to {
transform: translate3d(-100%, 0px, 0px);
}
}
.date-picker,
.date-picker * {
box-sizing: border-box;
}
.date-picker {
overflow: hidden;
font-size: 14px;
background: var(--color--white);
height: 300px;
}
.date-picker .dp-cell {
text-align: center;
color: inherit;
background: inherit;
border: 0px solid var(--color--shade-light);
cursor: pointer;
}
.date-picker .dp-cell.dp-prev,
.date-picker .dp-cell.dp-next {
color: #D5D5D5;
background: inherit;
visibility: hidden;
}
.date-picker .dp-cell.dp-in-range {
background: #E2F0FF;
}
.date-picker .dp-cell.dp-disabled {
cursor: default;
opacity: 0.3;
color: #D5D5D5;
background: inherit;
}
.date-picker .dp-cell:hover {
color: inherit;
font-weight: inherit;
background: var(--color--shade-lightest);
}
.date-picker .dp-cell.dp-value {
color: black;
font-weight: 600;
background: var(--color--shade-lightest);
}
.date-picker .dp-cell.dp-current {
color: var(--color--secondary-midtone);
background: inherit;
}
.date-picker .dp-cell.dp-in-range.dp-current,
.date-picker .dp-cell.dp-in-range.dp-value {
background: #E2F0FF;
}
.date-picker .dp-cell .dp-month {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.date-picker .dp-inner {
border: 0px solid var(--color--shade-light);
}
.date-picker .dp-footer {
padding: 3px;
justify-content: center;
border-top-width: 0px;
}
.date-picker .dp-footer .dp-footer-selected,
.date-picker .dp-footer .dp-footer-today {
padding: 5px 15px;
border-width: 1px;
cursor: pointer;
}
.date-picker .dp-body {
overflow: hidden;
}
.date-picker .dp-anim-target {
animation-duration: 200ms;
}
.date-picker .dp-body .dp-cell:first-child .dp-cell:last-child,
.date-picker .dp-nav-table .dp-cell:first-child .dp-cell:last-child {
border-left-width: 0px;
border-right-width: 0px;
}
.date-picker .dp-nav-table .dp-row:first-child,
.date-picker .dp-body .dp-row:first-child {
height: 30px;
font-weight: 600;
}
.date-picker .dp-nav-view,
.date-picker .dp-nav-cell,
.date-picker .dp-week-day-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.date-picker .dp-week-day-name {
cursor: default;
}
.date-picker .dp-nav-view,
.date-picker .dp-nav-cell {
cursor: pointer;
}
.date-picker .dp-nav-cell {
background: inherit;
}
.date-picker .dp-nav-cell:hover {
background: var(--color--shade-lightest);
}
.date-picker .dp-nav-view {
background: inherit;
}
.date-picker .dp-nav-view:hover {
background: var(--color--shade-lightest);
}
.date-picker .dp-nav-table .dp-cell {
border-top-width: 0px;
border-bottom-width: 0px;
}
.date-picker .dp-decade-view,
.date-picker .dp-year-view,
.date-picker .dp-month-view {
touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.react-calendar-heatmap text {
font-weight: 600;
font-size: 14px;
line-height: 18px;
fill: var(--color--shade-midtone);
}
.react-calendar-heatmap rect:hover {
stroke: #555;
stroke-width: 1px;
}
.react-calendar-heatmap .color-empty {
fill: var(--color--shade-lightest);
}
.react-calendar-heatmap .color-filled {
fill: var(--color--green-diagram);
}
:root {
--top-menu-height: 64px;
--top-menu-color-background: var(--color--primary-midtone);
--top-menu-color-svg: white;
--top-menu-color: white;
}
html[data-theme^=zozhnik] {
--top-menu-color-background: var(--color--third-midtone);
--top-menu-color-svg: var(--color--shade-black);
--top-menu-color: var(--color--shade-black);
}
html[data-theme=default-redwhite] {
--top-menu-color-background: var(--color--white);
--top-menu-color-svg: var(--color--primary-midtone);
--top-menu-color: var(--color--shade-darkest);
}
html[data-theme-dark=dark] {
--top-menu-color-background: #3D4348;
}
.zozhnik-screen {
--top-menu-color-svg: var(--color--shade-black) !important;
--top-menu-color: var(--color--shade-black) !important;
}
.mzr-top-menu {
background-color: var(--top-menu-color-background);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1010;
box-shadow: 1px 1px 3px rgba(0, 0, 0, var(--mzr-shadow-color-transparent));
}
.mzr-top-menu-round-left,
.mzr-top-menu-round-right {
display: none;
}
html[data-theme^=zozhnik] {
}
html[data-theme^=zozhnik] .mzr-top-menu {
box-shadow: none;
}
html[data-theme^=zozhnik] .mzr-top-menu-round {
content: "";
position: absolute;
background-color: transparent;
bottom: calc(var(--radius--medium)*2 - calc(var(--radius--medium)*4));
height: calc(var(--radius--medium)*2);
width: var(--radius--medium);
box-shadow: 0 calc(var(--radius--medium) - calc(var(--radius--medium)*2)) 0 0 var(--top-menu-color-background);
z-index: -1;
}
html[data-theme^=zozhnik] .mzr-top-menu-round-left,
html[data-theme^=zozhnik] .mzr-top-menu-round-right {
display: contents;
}
html[data-theme^=zozhnik] .zozhnik-screen .mzr-top-menu-round-left,
html[data-theme^=zozhnik] .zozhnik-screen .mzr-top-menu-round-right {
display: none;
}
html[data-theme^=zozhnik] .mzr-top-menu-round-left::before {
content: "";
position: absolute;
background-color: transparent;
bottom: calc(var(--radius--medium)*2 - calc(var(--radius--medium)*4));
height: calc(var(--radius--medium)*2);
width: var(--radius--medium);
box-shadow: 0 calc(var(--radius--medium) - calc(var(--radius--medium)*2)) 0 0 var(--top-menu-color-background);
z-index: -1;
left: 0;
border-top-left-radius: var(--radius--medium);
}
html[data-theme^=zozhnik] .mzr-top-menu-round-right::before {
content: "";
position: absolute;
background-color: transparent;
bottom: calc(var(--radius--medium)*2 - calc(var(--radius--medium)*4));
height: calc(var(--radius--medium)*2);
width: var(--radius--medium);
box-shadow: 0 calc(var(--radius--medium) - calc(var(--radius--medium)*2)) 0 0 var(--top-menu-color-background);
z-index: -1;
right: 0;
border-top-right-radius: var(--radius--medium);
}
.mzr-top-menu-margin {
display: none;
}
.mzr-top-menu-fixed .mzr-top-menu-margin {
height: 64px;
display: block;
}
.mzr-top-menu--small-text {
font-size: 13px;
line-height: 1;
font-weight: normal;
}
.mzr-top-menu--height {
height: 64px;
}
@media (max-width: 989px) {
.mzr-top-menu-margin {
height: 64px !important;
}
}
.mzr-top-menu-item {
cursor: pointer;
padding: 0 5px;
min-width: 30px;
color: var(--top-menu-color);
}
.mzr-top-menu-item svg {
fill: var(--top-menu-color-svg);
}
.mzr-top-menu-header-item {
font-weight: 600;
font-size: 18px;
line-height: 24.4px;
}
@media (max-width: 749px) {
:root {
--top-menu-height: 52px;
}
.mzr-top-menu--height {
height: 52px;
}
.mzr-top-menu-margin {
height: 52px !important;
}
.mzr-top-menu-hide-in-mobile {
display: none;
}
.mzr-top-menu-show-in-mobile .mzr-top-menu-hide-in-mobile {
display: block !important;
font-size: 11px !important;
margin-top: 4px;
}
.mzr-top-menu svg:not(.mzr-top-menu-not-set-size),
.uk-model-top-menu svg:not(.mzr-top-menu-not-set-size) {
max-width: 20px !important;
max-height: 20px !important;
}
.mzr-top-menu-header-item {
font-weight: 600;
font-size: 14px;
line-height: 18px;
}
}
.mzr-top-menu-logo {
width: 200px;
overflow: hidden;
}
.mzr-top-menu-content {
width: 100%;
}
.mzr-top-menu-content .uk-search-field {
width: 100%;
max-width: 300px;
}
@media (max-width: 939px) {
.mzr-top-menu-template-3 > .mzr-top-menu-logo {
display: none;
}
}
@media (max-width: 1210px) {
.mzr-top-menu-template-2 > .mzr-top-menu-logo {
display: none;
}
}
@media (max-width: 940px) {
.mzr-top-menu-template-2-narrow > .mzr-top-menu-logo {
display: none;
}
}
@media (min-width: 1190px) {
.mzr-top-menu-template-3 > .mzr-top-menu-content {
width: 1000px;
}
}
@media (min-width: 940px) and (max-width: 1189px) {
.mzr-top-menu-template-3 > .mzr-top-menu-content {
width: 740px;
}
}
@media (min-width: 1210px) {
.mzr-top-menu-template-2 > .mzr-top-menu-content {
width: 1010px;
}
.mzr-top-menu-template-2-narrow > .mzr-top-menu-content {
width: 740px;
}
}
@media (min-width: 1000px) and (max-width: 1209px) {
.mzr-top-menu-template-2 > .mzr-top-menu-content {
width: 1000px;
}
.mzr-top-menu-template-2-narrow > .mzr-top-menu-content {
width: 730px;
}
}
.mzr-top-menu-template-1-column > .mzr-top-menu-logo {
display: none;
}
.mzr-recipe-view-ingredients-wrapper {
border-radius: var(--radius--small);
padding: var(--margin--small);
background-color: var(--color--shade-lightest);
padding-bottom: 0;
margin-bottom: var(--margin--small);
}
.mzr-recipe-view-ingredients {
width: 100%;
border-collapse: collapse;
}
.mzr-recipe-view-ingredients tr {
border-bottom: 1px solid var(--color--shade-light);
}
.mzr-recipe-view-ingredients tr:last-child {
border-bottom: none;
}
.mzr-recipe-view-ingredients td {
padding-top: var(--margin--small);
padding-bottom: var(--margin--small);
font-weight: 600;
vertical-align: middle;
}
.mzr-recipe-view-ingredients .el-name {
padding-left: 4px;
text-align: left;
}
.mzr-recipe-view-ingredients .el-count {
min-width: 80px;
text-align: right;
padding-right: 4px;
color: var(--color--secondary-midtone);
}
@media (max-width: 600px) {
.mzr-recipe-view-ingredients .el-name {
padding-left: 0;
}
.mzr-recipe-view-ingredients .el-count {
padding-right: 0;
}
}
.mzr-recipe-view-description-tc {
padding: 0 10px;
text-align: justify;
}
.mzr-recipe-view-what-program {
padding: 0 10px;
text-align: justify;
border-top: 1px solid var(--color--shade-lightest);
}
.mzr-post-preview-bottom-menu {
border-top: 1px solid var(--color--shade-light);
font-size: 12px;
padding: 2px;
line-height: 20px;
}
.mzr-post-preview-bottom-menu > span {
padding-left: 10px;
}
.mzr-post-preview-bottom-menu > span + i {
padding-left: 4px;
}
.mzr-post-preview-bottom-menu > i {
color: var(--color--shade-dark);
}
.mzr-column-header {
color: var(--color--shade-dark);
font-size: 12px;
margin: 10px 2px 10px 5px;
font-weight: bold;
}
.mzr-column-header > a {
color: var(--color--primary-midtone);
}
.mzr-post-interesting-promo + .mzr-post-interesting-promo {
margin-top: 10px;
}
.mzr-post-interesting-promo {
cursor: pointer;
display: inline-block;
width: 240px;
border-radius: var(--radius--medium);
background-color: var(--color--white);
border-top: 1px solid var(--color--white);
font-size: 13px;
overflow: hidden;
}
.mzr-post-interesting-promo,
.mzr-post-interesting-promo:hover {
text-decoration: none;
color: var(--color-text);
}
.mzr-post-interesting-promo > .el_inner {
padding: 8px;
}
.mzr-post-interesting-promo > .el_inner > .uk-clearfix > .el_right {
padding-left: 50px;
margin-left: 8px;
line-height: 1.4;
}
.mzr-post-interesting-promo > .el_inner > .uk-clearfix > .el_right > .el_author {
font-size: 14px;
}
.mzr-post-interesting-promo > .el_inner > .uk-clearfix > .el_right > .el_date {
font-size: 12px;
}
.mzr-post-interesting-promo > .el_inner > .el_title {
font-weight: bold;
margin-bottom: 4px;
}
.mzr-post-interesting-promo > .el_inner > .el_title:first-letter {
text-transform: uppercase;
}
.mzr-post-interesting-promo > .el_inner > .el_text {
overflow: hidden;
}
.mzr-navbar-logo {
width: 200px;
height: 60px;
}
.mzr-footer {
background-color: #898989;
overflow: hidden;
padding: 10px;
color: #ffffff;
font-size: 11px;
}
.mzr-footer a {
color: #ffffff;
}
.mzr-footer .mzr-navbar-logo {
display: block;
}
.mzr-footer ul {
list-style: none;
padding-left: 0;
}
.mzr-footer ul li {
margin-top: 15px;
}
.mzr-footer .b-footer__21 {
display: block;
width: 38px;
height: 38px;
margin: 0 auto;
background-color: var(--color--primary-midtone);
border-radius: 25px;
border: 1px solid var(--color--primary-midtone);
text-align: center;
padding-top: 1px;
font-size: 12px;
}
.mzr-footer .b-footer__21 span {
padding-top: 10px;
display: inline-block;
font-weight: bold;
}
.mzr-footer-line {
color: #ffffff;
font-size: 11px;
background-color: var(--color--primary-midtone);
height: 40px;
}
@media all and (max-width: 670px) {
.mzr-footer-line {
min-height: 80px;
}
}
@media all and (max-width: 300px) {
.mzr-footer-line {
min-height: 120px;
}
}
.mzr-tree {
-webkit-overflow-scrolling: touch;
background-color: var(--color--white);
}
.mzr-tree.mzr-tree-with-padding {
padding: 4px 8px;
}
.mzr-tree.mzr-tree-with--top-radius {
border-top-right-radius: var(--radius--medium);
border-top-left-radius: var(--radius--medium);
}
.mzr-tree.mzr-tree-with--min-height {
min-height: calc(100vh - var(--top-menu-height) - var(--tabs-height)*2);
}
.mzr-tree-root {
display: none;
}
.mzr-tree-create-exercise .el-create-exercise {
text-decoration: underline;
cursor: pointer;
color: var(--color--primary-midtone);
}
@media (pointer: fine) {
.mzr-tree-node:hover {
background-color: var(--color--shade-lightest);
}
}
.mzr-tree-node {
font-size: 14px;
line-height: 18px;
border-bottom: 1px solid var(--color--shade-light);
padding-top: 8px;
padding-bottom: 8px;
}
.mzr-tree-node.mod-group {
font-weight: 600;
font-size: 16px;
line-height: 21.8px;
cursor: pointer;
padding-top: var(--margin--small);
padding-bottom: var(--margin--small);
border-bottom: 2px solid var(--color--shade-lightest);
}
.mzr-tree-node.mod-group.mzr-tree-node-open {
border-bottom: 2px solid transparent;
}
.mzr-tree-node.mod-group.mod-padding-element {
font-size: 15px;
line-height: 20.4px;
font-weight: 600;
}
.mzr-tree-node.mod-border-none {
border: none;
}
.mzr-tree-node [class^="uk-icon-caret-"] {
color: var(--color--shade-dark);
}
.mzr-tree-node .mzr-tree-node-sub-text {
color: var(--color-text-muted) !important;
font-size: 13px;
line-height: 16px;
margin-top: 2px;
}
.mzr-tree-node .uk-icon-caret-down,
.mzr-tree-node .uk-icon-caret-right {
padding-right: 5px;
}
.mzr-tree-node .mod-group-name {
font-size: 11px;
color: var(--color-text-muted);
padding-left: 5px;
}
html[data-theme^=zozhnik] .mzr-tree-node.mod-group {
border-bottom: 2px solid var(--color--third-lightest);
}
.mod-group.mod-padding-element {
margin-left: var(--margin--small);
}
.mod-padding-element {
margin-left: var(--margin--medium);
}
.mod-group.mod-padding-element2 {
margin-left: var(--margin--xmedium);
}
.mod-padding-element2 {
margin-left: var(--margin--large);
}
.mod-padding-element3 {
margin-left: var(--margin--xlarge);
}
:root {
--macronutrients-bgcolor: var(--color--shade-lightest);
--macronutrients-radius: 5px;
}
html[data-theme^=zozhnik] {
--macronutrients-radius: 15px;
--macronutrients-bgcolor: var(--color--third-lightest);
}
.mzr-macronutrients {
color: var(--color--shade-black);
}
.mzr-macronutrients .uk-icon-lock {
color: var(--color--shade-dark);
}
.mzr-macronutrients .mzr-macronutrients-item {
overflow: hidden;
position: relative;
cursor: pointer;
}
.mzr-macronutrients .mzr-macronutrients-tooltip {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 15;
width: 100%;
}
.mzr-macronutrients.v2 .mzr-macronutrients-item {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.mzr-macronutrients.v2 .mzr-macronutrients-item + .mzr-macronutrients-item {
margin-top: var(--margin--medium);
}
.mzr-macronutrients.v2 .mzr-macronutrients-item-header {
font-size: 13px;
line-height: 13px;
text-align: right;
width: 70px;
height: 30px;
padding-right: 5px;
}
.mzr-macronutrients.v2 .mzr-macronutrients-item-header > .mzr-macronutrients-item-header-value {
color: var(--color--secondary-midtone);
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
.mzr-macronutrients.v2 .mzr-macronutrients-percent {
width: 50px;
font-size: 14px;
font-weight: 600;
line-height: 14px;
padding-left: 5px;
text-align: right;
color: var(--color--secondary-midtone);
}
.mzr-macronutrients.v2 .mzr-macronutrients-line {
position: relative;
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
-ms-flex-negative: 1;
height: 30px;
background-color: var(--macronutrients-bgcolor);
border-radius: var(--macronutrients-radius);
}
.mzr-macronutrients.v2 .mzr-macronutrients-bar {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 30px;
z-index: 5;
width: 100%;
border-radius: var(--macronutrients-radius);
}
.mzr-macronutrients.v2 .mzr-macronutrients-tag {
position: absolute;
bottom: 6px;
font-size: 11px;
z-index: 10;
width: 50px;
margin-left: -25px;
text-align: center;
}
.mzr-macronutrients.v2 .mzr-macronutrients-tag:after {
position: absolute;
left: 47%;
bottom: -6px;
width: 0;
height: 0;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
border-bottom: 6px solid var(--color--shade-light);
content: '';
}
.mzr-macronutrients.v1 .mzr-macronutrients-item-header {
font-size: 10pt;
text-align: center;
padding: 5px 10px 5px 0;
line-height: 0.9em;
border-right: 1px solid var(--color--shade-dark);
float: left;
width: 70px;
}
.mzr-macronutrients.v1 .mzr-macronutrients-item-header > .mzr-macronutrients-item-header-value {
color: var(--color--secondary-midtone);
font-size: 9pt;
font-weight: bold;
}
.mzr-macronutrients.v1 .mzr-macronutrients-percent {
float: right;
width: 40px;
font-size: 8pt;
margin-top: 10px;
}
.mzr-macronutrients.v1 .mzr-macronutrients-line {
position: absolute;
left: 80px;
right: 50px;
height: 20px;
border-bottom: 1px solid var(--color--shade-dark);
}
.mzr-macronutrients.v1 .mzr-macronutrients-bar {
position: absolute;
left: 0;
top: 2px;
height: 18px;
z-index: 5;
border-radius: 2px;
}
.mzr-macronutrients.v1 .mzr-macronutrients-tag {
position: absolute;
top: 0;
font-size: 8pt;
z-index: 10;
width: 50px;
margin-left: -25px;
text-align: center;
}
.mzr-macronutrients.v1 .mzr-macronutrients-tag:after {
position: absolute;
left: 50%;
bottom: -5px;
height: 9px;
width: 1px;
background: var(--color--shade-dark);
content: '';
}
.mzr-micronutrients {
font-size: 13px;
color: var(--color--shade-black);
}
.mzr-micronutrients .el-micr-nutr-row + .el-micr-nutr-row {
margin-top: 4px;
}
.mzr-micronutrients .el-micr-nutr-row {
height: 14px;
cursor: pointer;
}
.mzr-micronutrients .el-micr-nutr-row .svg {
width: 100%;
}
.mzr-micronutrients .el-micr-nutr-row .rect {
border: 0;
}
.mzr-micronutrients .el-micr-label,
.mzr-micronutrients .el-micr-percent {
white-space: nowrap;
line-height: 14px;
}
.mzr-micronutrients .el-micr-label {
margin-right: 3px;
width: 40px;
text-align: right;
}
.mzr-micronutrients .el-micr-label-big {
width: 70px;
color: var(--color--shade-darkest);
text-align: left;
font-weight: 600;
font-size: 14px;
line-height: 14px;
}
.mzr-micronutrients .el-micr-percent {
margin-left: 3px;
width: 50px;
height: 14px;
}
.mzr-micronutrients .el-lock {
display: block;
fill: var(--color--shade-midtone);
width: 14px;
height: 14px;
}
.mzr-micronutrients .mzr-micronutrient-block {
width: 50%;
}
.mzr-micronutrients .mzr-micronutrient-block-left {
float: left;
}
.mzr-micronutrients .mzr-micronutrient-block-right {
float: right;
}
.mzr-micronutrients > .uk-alert:last-child {
margin-bottom: 0;
}
.el-micr-nutr-row-big .el-micr-percent {
font-weight: 600;
font-size: 14px;
padding-left: 5px;
}
.mzr-micronutrients-report .el-micr-label-big {
width: 130px;
}
.mzr-food-diary-intake {
box-sizing: border-box;
font-size: 14px;
line-height: 18px;
background-color: var(--color--white);
color: var(--color--shade-black);
}
.mzr-food-diary-intake .mzr-food-diary-intake-header {
margin-top: calc(var(--margin--medium) - var(--margin--medium) * 2);
font-size: 16px;
line-height: 21.8px;
height: 50px;
line-height: 50px;
}
.mzr-food-diary-intake .mod-isEmbeded {
font-style: italic;
color: var(--color--secondary-midtone) !important;
}
.mzr-food-diary-intake .el-foods {
text-align: center;
vertical-align: middle;
border-collapse: collapse;
width: 100%;
}
.mzr-food-diary-intake .el-foods td:last-child {
border-right: none;
}
.mzr-food-diary-intake .el-foods td:first-child {
border-left: none;
}
.mzr-food-diary-intake .el-foods tr:first-child > td {
border-top: none;
}
.mzr-food-diary-intake .el-foods tr:last-child > td {
border-bottom: none;
}
.mzr-food-diary-intake .el-foods td {
border: 1px solid var(--color--shade-light);
padding: 4px;
}
.mzr-food-diary-intake .el-foods .el-first-column {
text-align: left;
width: 335px;
min-width: 250px;
}
.mzr-food-diary-intake .el-foods .mod-width-50 {
min-width: 50px;
padding: 0;
line-height: 1;
overflow: hidden;
}
.mzr-food-diary-intake .el-foods .t-time-edit {
margin-left: 5px;
border: none;
border-bottom: 2px solid var(--color-brand-second);
font-size: 12px;
text-align: right;
color: var(--color-text-muted);
}
.mzr-food-diary-intake .el-foods .t-time {
margin-left: 5px;
font-size: 11px;
color: var(--color-text-muted);
}
.mzr-food-diary-intake .el-foods .mod-font {
font-size: 14px;
line-height: 18px;
color: var(--color--shade-black);
height: 20px;
}
.mzr-food-diary-intake .el-foods .el-header td {
text-align: center;
font-size: 13px;
font-weight: 600;
color: var(--color--shade-darkest);
}
.mzr-food-diary-intake .el-foods .el-footer td {
color: var(--color--shade-darkest);
font-weight: 600;
font-size: 13px;
}
.mzr-food-diary-intake .el-foods .el-footer .el-first-column {
text-align: right;
font-size: 14px;
}
.mzr-food-diary-intake .CellInput {
height: 100%;
}
@media (max-width: 550px) {
.mzr-food-diary-intake .el-first-column {
width: auto !important;
max-width: 250px !important;
min-width: 200px !important;
}
.mzr-food-diary-intake .el-carb,
.mzr-food-diary-intake .el-fat,
.mzr-food-diary-intake .el-calorie,
.mzr-food-diary-intake .el-protein,
.mzr-food-diary-intake .el-value {
min-width: 50px;
}
}
.mzr-food-diary-intake .el-footer-extra td {
color: var(--color--shade-black) !important;
}
.mod-first-column-small .mzr-food-diary-intake .el-foods .el-first-column {
width: 190px;
min-width: 190px;
box-sizing: border-box;
}
.mzr-recipe-edit {
font-size: 14px;
}
.mzr-nutrition-value {
font-size: 14px;
line-height: 18px;
}
.mzr-nutrition-value .el-sub-header {
border-bottom: 1px solid var(--color-brand-second);
padding-bottom: 2px;
}
.mzr-nutrition-value .el-table {
margin-top: 4px;
width: 100%;
border-collapse: collapse;
text-align: right;
}
.mzr-nutrition-value .el-table tr {
height: 30px;
vertical-align: middle;
}
.mzr-nutrition-value .el-table td {
border-bottom: 1px solid var(--color--shade-light);
}
.mzr-nutrition-value .el-table td:last-child {
border-left: 1px solid var(--color--shade-light);
text-align: center;
}
.mzr-nutrition-value .el-table td:first-child {
width: 36px;
text-align: left;
}
.mzr-nutrition-value .el-table td:nth-child(2) {
text-align: left;
}
.mzr-nutrition-value .el-table td:nth-child(3) {
padding-right: 5px;
}
.mzr-nutrition-value .el-calorie {
background-image: url("https://159523.selcdn.ru/upload/assets/nutrition-value-calorie.png");
background-color: var(--color--error-diagram);
}
.mzr-nutrition-value .el-protein {
background-image: url("https://159523.selcdn.ru/upload/assets/nutrition-value-protein.png");
background-color: #e73cb1;
}
.mzr-nutrition-value .el-fat {
background-image: url("https://159523.selcdn.ru/upload/assets/nutrition-value-fat.png");
background-color: #33c14e;
}
.mzr-nutrition-value .el-carb {
background-image: url("https://159523.selcdn.ru/upload/assets/nutrition-value-carb.png");
background-color: #a1c133;
}
.mzr-nutrition-value .el-fiber {
background-image: url("https://159523.selcdn.ru/upload/assets/nutrition-value-fiber.png");
background-color: #28a485;
}
.mzr-nutrition-value .el-water {
background-image: url("https://159523.selcdn.ru/upload/assets/nutrition-value-water.png");
background-color: #2865a4;
}
.mzr-nutrition-value .el-nutrient {
content: "";
width: 30px;
height: 30px;
border-radius: 180px;
background-position: center;
background-repeat: no-repeat;
}
.mzr-sport-diary-items-divider {
box-sizing: border-box;
display: block;
height: 1px;
width: 95%;
position: relative;
}
.mzr-sport-diary-items-divider.mod-superset {
margin-left: 8px;
color: var(--color--shade-dark);
}
.mzr-sport-diary-items-divider.mod-superset i {
font-size: 25px;
cursor: pointer;
position: absolute;
top: -17px;
}
.mzr-sport-diary-exercise-wrap {
margin-bottom: var(--margin--medium);
}
.mzr-sport-diary-exercise-report {
margin-bottom: 10px;
}
.mzr-sport-diary-exercise {
font-size: 14px;
line-height: 18px;
color: var(--color--shade-black);
table-layout: fixed;
background-color: var(--color--white);
border-collapse: collapse;
}
.mzr-sport-diary-exercise div,
.mzr-sport-diary-exercise tr,
.mzr-sport-diary-exercise td,
.mzr-sport-diary-exercise th {
box-sizing: border-box !important;
}
.mzr-sport-diary-exercise td,
.mzr-sport-diary-exercise tr {
padding: 0;
}
.mzr-sport-diary-exercise .el-header-cell-totals,
.mzr-sport-diary-exercise .el-value-totals {
width: 60px;
padding: 2px;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: var(--color--shade-dark);
}
.mzr-sport-diary-exercise .el-header-cell-totals > div,
.mzr-sport-diary-exercise .el-value-totals > div {
width: 60px;
}
.mzr-sport-diary-exercise .el-header-cell-totals {
font-weight: 600;
font-size: 13px;
line-height: 16.3px;
}
.mzr-sport-diary-exercise .el-value-totals {
border: 1px solid var(--color--shade-light);
border-right: none;
padding-right: 5px;
text-align: center;
}
.mzr-sport-diary-exercise .el-row-exercise {
vertical-align: middle;
}
.mzr-sport-diary-exercise .el-row-exercise.mod--hid-set > .el-header-cell > div,
.mzr-sport-diary-exercise .el-row-exercise.mod--hid-set > .el-header-cell-totals > div {
color: var(--color-text-muted);
}
.mzr-sport-diary-exercise .el-row-exercise.mod--hid-set > .el-header-cell,
.mzr-sport-diary-exercise .el-row-exercise.mod--hid-set .el-first-column,
.mzr-sport-diary-exercise .el-row-exercise.mod--hid-set .el-header-cell-totals {
border: none;
}
.mzr-sport-diary-exercise .el-row-exercise > .el-header-cell-totals {
text-align: center;
}
.mzr-sport-diary-exercise .el-row-exercise > .el-first-column {
width: 165px;
border-right: 1px solid var(--color--shade-light);
padding-left: 4px;
line-height: 1;
}
.mzr-sport-diary-exercise .el-row-exercise > .el-first-column > div {
width: 165px;
}
.mzr-sport-diary-exercise .el-row-exercise > .el-header-cell {
width: 50px;
text-align: center;
border: 1px solid var(--color--shade-light);
border-top: 0;
font-weight: 600;
font-size: 13px;
line-height: 16.3px;
color: var(--color--shade-dark);
}
.mzr-sport-diary-exercise .el-row-exercise > .el-header-cell.el-dropset-ungroup {
cursor: col-resize;
}
.mzr-sport-diary-exercise .el-row-exercise > .el-header-cell > div {
width: 50px;
position: relative;
}
.mzr-sport-diary-exercise .el-row-exercise > .el-header-cell > div > .el-dropset-group {
position: absolute;
left: -6px;
top: 0;
height: 25px;
width: 12px;
cursor: cell;
}
.mzr-sport-diary-exercise .el-row-exercise > .el-header-cell > div > .el-dropset-group:hover {
background-color: var(--color--secondary-midtone);
}
.mzr-sport-diary-exercise .el-row-parameter {
vertical-align: middle;
height: 25px;
}
.mzr-sport-diary-exercise .el-row-parameter > .el-first-column {
border: 1px solid var(--color--shade-light);
border-left: none;
text-align: left;
padding: 2px;
padding-left: 10px;
width: 165px;
}
.mzr-sport-diary-exercise .el-row-parameter > .el-first-column > div {
width: 165px;
}
.mzr-sport-diary-exercise .el-row-parameter .el-value-cell {
width: 50px;
border: 1px solid var(--color--shade-light);
text-align: center;
overflow: hidden;
}
.mzr-sport-diary-exercise .el-row-parameter .el-value-cell > div {
width: 50px;
height: 25px;
padding: 2px;
}
@media (pointer: coarse) {
.mzr-sport-diary-exercise .el-row-parameter {
height: 35px;
}
.mzr-sport-diary-exercise .el-row-parameter .el-value-cell {
height: 35px;
}
}
.mzr-sport-diary-exercise-vertical .el-dropset-group {
position: absolute;
left: 0;
top: -10px;
height: 20px;
width: 20px;
cursor: cell;
}
.mzr-sport-diary-exercise-vertical .el-dropset-group:hover {
background-color: var(--color--secondary-midtone);
}
.mzr-sport-diary-exercise-vertical .el-first-column {
position: relative;
text-align: center;
min-width: 20px;
color: var(--color--shade-dark);
font-weight: 600;
font-size: 13px;
line-height: 16.3px;
}
.mzr-sport-diary-exercise-vertical .el-first-column-ungroup {
cursor: col-resize;
}
.mzr-sport-diary-exercise-vertical .el-content-column {
vertical-align: middle;
padding-right: var(--margin--xmedium);
text-align: center;
}
.mzr-sport-diary-exercise-vertical .el-header-exercise td {
text-align: center;
color: var(--color--shade-dark);
font-weight: 600;
font-size: 13px;
line-height: 16.3px;
}
.mzr-diary-period {
cursor: pointer;
line-height: 1.3;
}
.mzr-diary-period > span {
border-bottom: 1px solid var(--color--secondary-midtone);
}
.mzr-diary-period > span span + span {
margin-left: 10px;
}
.mzr-diary-period > i {
color: var(--color--shade-dark);
font-size: 17px;
margin-left: 8px;
}
.mzr-exercise-report-table {
border-collapse: collapse;
box-sizing: border-box;
color: var(--color--shade-black);
font-size: 14px;
line-height: 18px;
}
.mzr-exercise-report-table tr.mod-no-border td {
border: none;
}
.mzr-exercise-report-table tr.mod-no-border-top td {
border-top: none;
}
.mzr-exercise-report-table .mod-value-cell div {
width: 44px;
}
.mzr-exercise-report-table td {
box-sizing: border-box;
border: 1px solid var(--color--shade-light);
padding: 4px;
width: 50px;
text-align: center;
vertical-align: middle;
}
.mzr-exercise-report-table td.mod-total {
text-align: center;
font-style: italic;
border-right: none;
padding-right: 4px;
}
.mzr-exercise-report-table .mod-first {
text-align: left;
width: 213px;
border-left: none;
}
.mzr-muscle-report .mod-has-muscle-image {
cursor: pointer;
}
.mzr-muscle-report .mod-has-muscle-image:hover {
text-decoration: underline;
}
.mzr-recipe-list {
width: 730px;
}
.mzr-recipe-list .mzr-post-recipe-preview {
margin-right: 5px;
}
.mzr-recipe-list .mzr-post-recipe-preview:nth-of-type(3n) {
margin-right: 0;
}
.mzr-recipe-list .mzr-post-recipe-preview:nth-of-type(0) {
margin-right: 50px;
}
@media (max-width: 730px) {
.mzr-recipe-list {
width: 490px;
}
.mzr-recipe-list .mzr-post-recipe-preview:nth-of-type(even) {
margin-right: 0;
}
.mzr-recipe-list .mzr-post-recipe-preview:nth-of-type(3n) {
margin-right: 5px;
}
}
@media (max-width: 490px) {
.mzr-recipe-list {
width: 240px;
margin-right: 0;
}
}
.mzr-post-recipe-preview + .mzr-post-recipe-preview {
margin-top: 10px;
}
.mzr-post-recipe-preview {
border-radius: var(--radius--medium);
display: inline-block;
width: 240px;
background-color: var(--color--white);
border-top: 1px solid var(--color--white);
box-sizing: border-box;
}
.mzr-post-recipe-preview,
.mzr-post-recipe-preview:hover {
text-decoration: none;
color: var(--color-text);
}
.mzr-post-recipe-preview > .el_title {
color: var(--color--shade-dark);
font-size: 1em;
font-weight: bold;
text-align: center;
margin-top: 5px;
font-style: italic;
padding-left: 20px;
padding-right: 20px;
height: 40px;
max-height: 40px;
overflow: hidden;
}
.mzr-post-recipe-preview > .el_title:first-letter {
text-transform: uppercase;
}
.mzr-post-recipe-preview > .el_author {
padding: 5px;
font-size: 0.8em;
text-align: center;
}
.mzr-post-recipe-preview > .el_author > .el_author-name {
color: var(--color-brand-second);
}
.mzr-post-recipe-preview > .el_image {
margin-top: 25px;
margin-bottom: 2px;
position: relative;
}
.mzr-post-recipe-preview > .el_image > .el_image-avatar {
position: absolute;
top: -22px;
left: 98px;
border: 2px solid #ffffff;
box-sizing: content-box;
}
.mzr-post-recipe-preview > .el_image > .el_ingredients {
box-sizing: border-box;
overflow: hidden;
height: 265px;
max-height: 265px;
padding: 10px;
margin-top: -25px;
color: var(--color-text);
font-style: italic;
font-size: 12px;
}
.mzr-post-recipe-preview > .el_image > .el_ingredients > .el-header {
color: #666666;
font-size: 14px;
padding-bottom: 5px;
text-decoration: underline;
}
.mzr-post-recipe-preview > .el_image > .el_photo {
width: 100%;
height: 240px;
}
.mzr-post-recipe-preview > .el_nutrients {
margin-top: 3px;
margin-bottom: 2px;
}
.mzr-post-recipe-preview > .el_nutrients > .el_nutrients-item {
float: left;
text-align: center;
margin-left: 10px;
}
.mzr-post-recipe-preview > .el_nutrients > .el_nutrients-item.mod--last {
float: right;
margin-right: 10px;
}
.mzr-post-recipe-preview > .el_nutrients > .el_nutrients-item.mod--last > .uk-icon-signal {
color: var(--color--primary-midtone);
font-size: 1.6em;
height: 30px;
width: 30px;
display: table-cell;
vertical-align: middle;
}
.mzr-post-best-food-diary + .mzr-post-best-food-diary {
margin-top: 12px;
}
.mzr-post-best-food-diary {
cursor: pointer;
display: inline-block;
width: 240px;
border-radius: var(--radius--medium);
background-color: var(--color--white);
border-top: 1px solid var(--color--white);
font-size: 13px;
position: relative;
}
.mzr-post-best-food-diary,
.mzr-post-best-food-diary:hover {
text-decoration: none;
color: var(--color-text);
}
.mzr-post-best-food-diary > .el_kubok {
position: absolute;
top: 5px;
right: 5px;
}
.mzr-post-best-food-diary > .el_inner {
padding: 8px;
}
.mzr-post-best-food-diary > .el_inner > .uk-clearfix > .el_right {
padding-left: 50px;
margin-left: 8px;
line-height: 1.4;
}
.mzr-post-best-food-diary > .el_inner > .uk-clearfix > .el_right > .el_author {
font-size: 14px;
}
.mzr-post-best-food-diary > .el_inner > .uk-clearfix > .el_right > .el_date {
font-size: 12px;
}
.mzr-post-best-food-diary > .el_inner > .el_calorie {
margin-top: 2px;
}
.mzr-post-best-food-diary > .el_inner > .el_calorie i {
color: var(--color--primary-midtone);
font-style: normal;
}
.mzr-post-best-food-diary > .el_inner > .el_rating i {
color: var(--color-brand-second);
font-style: normal;
}
.mzr-actions-backdrop {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 13000;
visibility: visible;
opacity: 1;
}
.mzr-actions-modal {
position: fixed;
left: 0;
bottom: 0;
z-index: 13500;
width: 100%;
display: block;
max-height: 100%;
will-change: scroll-position;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 496px) {
.mzr-actions-modal {
width: 480px;
left: 50%;
margin-left: -240px;
}
}
.mzr-action-sheet .mzr-actions-group {
overflow: hidden;
position: relative;
margin: 0px;
border-radius: 0px;
transform: translate3d(0, 0, 0);
}
.mzr-action-sheet .mzr-actions-group:after {
content: '';
position: absolute;
background-color: transparent;
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.mzr-action-sheet .mzr-actions-group:last-child:after {
display: none !important;
}
.mzr-action-sheet.mod-action-ios .mzr-actions-group {
margin: 8px;
border-radius: 4px;
}
.mzr-action-sheet .mzr-actions-button,
.mzr-action-sheet .mzr-actions-label {
width: 100%;
font-weight: normal;
margin: 0;
box-sizing: border-box;
display: block;
position: relative;
overflow: hidden;
text-align: left;
background: #fff;
}
.mzr-action-sheet .mzr-actions-button:after,
.mzr-action-sheet .mzr-actions-label:after {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.2);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.mzr-action-sheet .mzr-actions-button:first-child,
.mzr-action-sheet .mzr-actions-label:first-child {
border-radius: 0 0 0 0;
}
.mzr-action-sheet .mzr-actions-button:last-child,
.mzr-action-sheet .mzr-actions-label:last-child {
border-radius: 0 0 0 0;
}
.mzr-action-sheet .mzr-actions-button:last-child:after,
.mzr-action-sheet .mzr-actions-label:last-child:after {
display: none !important;
}
.mzr-action-sheet .mzr-actions-button:first-child:last-child,
.mzr-action-sheet .mzr-actions-label:first-child:last-child {
border-radius: 0;
}
.mzr-action-sheet .mzr-actions-button a,
.mzr-action-sheet .mzr-actions-label a {
text-decoration: none;
color: inherit;
display: block;
}
.mzr-action-sheet .mzr-actions-button b,
.mzr-action-sheet .mzr-actions-label b,
.mzr-action-sheet .mzr-actions-button.actions-button-bold,
.mzr-action-sheet .mzr-actions-label.actions-button-bold {
font-weight: 600;
}
.mzr-action-sheet.mod-action-ios .mzr-actions-button,
.mzr-action-sheet.mod-action-ios .mzr-actions-label {
background: rgba(255, 255, 255, 0.95);
}
.mzr-action-sheet.mod-action-ios .mzr-actions-button:after,
.mzr-action-sheet.mod-action-ios .mzr-actions-label:after {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.2);
display: block;
z-index: 15;
top: auto;
right: auto;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
transform-origin: 50% 100%;
transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
.mzr-action-sheet.mod-action-ios .mzr-actions-button:first-child,
.mzr-action-sheet.mod-action-ios .mzr-actions-label:first-child {
border-radius: 13px 13px 0 0;
}
.mzr-action-sheet.mod-action-ios .mzr-actions-button:last-child,
.mzr-action-sheet.mod-action-ios .mzr-actions-label:last-child {
border-radius: 0 0 13px 13px;
}
.mzr-action-sheet.mod-action-ios .mzr-actions-button:first-child:last-child,
.mzr-action-sheet.mod-action-ios .mzr-actions-label:first-child:last-child {
border-radius: 13px;
}
.mzr-action-sheet .mzr-actions-button {
cursor: pointer;
display: flex;
color: rgba(0, 0, 0, 0.87);
font-size: 16px;
height: 48px;
line-height: 48px;
padding: 0 16px;
justify-content: space-between;
z-index: 10;
}
.mzr-action-sheet.mod-action-ios .mzr-actions-button {
color: #007aff;
font-size: 20px;
height: 44px;
line-height: 44px;
}
.mzr-action-sheet .mzr-actions-button-text {
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mzr-action-sheet .mzr-actions-button-text {
width: 100%;
flex-shrink: 1;
text-align: left;
}
.mzr-action-sheet .mzr-actions-label {
line-height: 1.3;
display: flex;
align-items: center;
font-size: 16px;
color: rgba(0, 0, 0, 0.54);
padding: 12px 16px;
justify-content: flex-start;
min-height: 48px;
}
.mzr-action-sheet.mod-action-ios .mzr-actions-label {
font-size: 13px;
color: #8a8a8a;
padding: 8px 10px;
min-height: 44px;
}
/**
* Swiper 11.1.8
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: July 26, 2024
*/
@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;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.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);
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.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-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
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-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:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.halves-swiper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
gap: 4px;
user-select: none;
}
.half {
width: 50%;
height: 100%;
display: flex;
}
.half-swiper {
display: flex;
align-items: center;
}
.swiper-slide {
width: auto;
}
.slide-image {
height: auto;
width: auto;
}
.slide-image img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.slide-image.sliding {
opacity: 0.5;
transform: scale(0.9);
transition: transform 0.3s ease, opacity 0.3s ease;
}
.swipe-button {
cursor: pointer;
}
.swipe-button:hover {
transform: scale(1.1);
}
.swiper [slot=container-start],
.swiper [slot=container-end] {
position: absolute;
z-index: 5;
}
.swiper [slot=container-start] {
top: 5%;
}
.swiper [slot=container-end] {
bottom: 5%;
}
.swiper.position--left {
margin-right: 0;
}
.swiper.position--left [slot=container-start] {
left: 5%;
}
.swiper.position--left [slot=container-end] {
left: 5%;
}
.swiper.position--right {
margin-left: 0;
}
.swiper.position--right [slot=container-start] {
right: 5%;
}
.swiper.position--right [slot=container-end] {
right: 5%;
}
.uk-tooltip {
display: none;
position: absolute;
z-index: 1030;
box-sizing: border-box;
max-width: 200px;
padding: 5px 8px;
background: #333;
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
line-height: 18px;
}
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px dashed #333;
}
.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
bottom: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #333;
}
.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
top: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #333;
}
.uk-tooltip-top:after,
.uk-tooltip-bottom:after {
left: 50%;
margin-left: -5px;
}
.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after {
left: 10px;
}
.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after {
right: 10px;
}
.uk-tooltip-left:after {
right: -5px;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #333;
}
.uk-tooltip-right:after {
left: -5px;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: #333;
}
.uk-form input[type="radio"],
.uk-form input[type="checkbox"] {
display: inline-block;
height: 24px;
width: 24px;
border: var(--form-border--width) solid var(--form-border--color);
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
outline: 0;
background: var(--color--white);
}
.uk-form input[type="radio"] {
border-radius: 50%;
}
.uk-form input[type=radio]:before,
.uk-form input[type=checkbox]:before {
display: block;
}
.uk-form input[type=radio]:checked:before {
content: '';
width: 10px;
height: 10px;
margin: var(--form-border--radio-magin-top) auto 0;
border-radius: 50%;
background-color: var(--form-border--checkbox-background);
border: var(--form-border--width) solid var(--form-border--checkbox-background);
}
.uk-form input[type=radio]:checked {
border: var(--form-border--width) solid var(--form-border--checkbox-background);
}
.uk-form input[type="checkbox"] {
border-radius: 5px;
}
.uk-form input[type=checkbox]:checked:before,
.uk-form input[type=checkbox]:indeterminate:before {
content: "✓";
font-size: 16px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: var(--form-border--checkbox-line-height);
color: var(--color--white);
background-color: var(--form-border--checkbox-background);
border: var(--form-border--width) solid var(--form-border--checkbox-background);
}
.uk-form input[type="checkbox"]:checked {
border: var(--form-border--width) solid var(--form-border--checkbox-background);
background-color: var(--form-border--checkbox-background);
}
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f068";
}
.uk-form input[type=radio]:disabled {
border-color: #ddd;
}
.uk-form input[type=radio]:disabled:checked:before {
background-color: #aaa;
}
.uk-form input[type=checkbox]:disabled:checked:before,
.uk-form input[type=checkbox]:disabled:indeterminate:before {
color: var(--form-border--checkbox-disabled-background);
background-color: var(--color--white);
border: var(--form-border--width) solid white;
}
.uk-form input[type=checkbox]:disabled {
border: var(--form-border--width) solid var(--form-border--checkbox-disabled-background);
}
.uk-search {
display: inline-block;
position: relative;
margin: 0;
}
.uk-search:before {
content: "\f002";
position: absolute;
top: 0;
left: 0;
width: 30px;
line-height: var(--global-height);
text-align: center;
font-family: FontAwesome;
font-size: 14px;
color: rgba(0, 0, 0, 0.2);
}
.uk-search-field::-moz-focus-inner {
border: 0;
padding: 0;
}
.uk-search-field::-webkit-search-cancel-button,
.uk-search-field::-webkit-search-decoration {
-webkit-appearance: none;
}
.uk-search-field::-ms-clear {
display: none;
}
.uk-search-field::-moz-placeholder {
opacity: 1;
}
.uk-search-field {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: var(--color-text);
-webkit-appearance: none;
width: 120px;
height: var(--global-height);
padding: 0 0 0 30px;
border: 1px solid white;
background: var(--color--white);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
vertical-align: middle;
}
.uk-search-field:-ms-input-placeholder {
color: var(--color-text-muted) !important;
}
.uk-search-field::-moz-placeholder {
color: var(--color-text-muted);
}
.uk-search-field::-webkit-input-placeholder {
color: var(--color-text-muted);
}
.uk-search-field:focus {
outline: 0;
}
.uk-dropdown-search {
width: 300px;
margin-top: 0;
background: var(--color--shade-smoky);
color: var(--color-text);
}
.uk-open > .uk-dropdown-search {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
animation: uk-slide-top-fixed 0.2s ease-in-out;
}
.uk-navbar-flip .uk-dropdown-search {
margin-top: 5px;
margin-right: -15px;
}
.uk-nav-search > li > a {
color: var(--color-text);
}
.uk-nav-search > li.uk-active > a {
background: white;
color: var(--color-text);
outline: none;
}
.uk-nav-search .uk-nav-header {
color: var(--color-text-muted);
}
.uk-nav-search .uk-nav-divider {
border-top: 1px solid var(--color--shade-light);
}
.uk-nav-search ul a {
color: var(--color-text-link);
}
.uk-nav-search ul a:hover {
color: var(--color-text-link-lighter);
}
.uk-offcanvas .uk-search {
display: block;
margin: 20px 15px;
}
.uk-offcanvas .uk-search:before {
color: #777;
}
.uk-offcanvas .uk-search-field {
width: 100%;
border-color: rgba(0, 0, 0, 0);
background: #1a1a1a;
color: #ccc;
}
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
color: #777 !important;
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
color: #777;
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
color: #777;
}
.uk-slidenav {
display: inline-block;
box-sizing: border-box;
width: 60px;
height: 60px;
line-height: 60px;
color: rgba(50, 50, 50, 0.4);
font-size: 60px;
text-align: center;
}
.uk-slidenav:hover,
.uk-slidenav:focus {
outline: none;
text-decoration: none;
color: rgba(50, 50, 50, 0.7);
cursor: pointer;
}
.uk-slidenav:active {
color: rgba(50, 50, 50, 0.9);
}
.uk-slidenav-previous:before {
content: "\f104";
font-family: FontAwesome;
}
.uk-slidenav-next:before {
content: "\f105";
font-family: FontAwesome;
}
.uk-slidenav-position {
position: relative;
}
.uk-slidenav-position .uk-slidenav {
position: absolute;
top: 50%;
z-index: 1;
margin-top: -30px;
}
.uk-slidenav-position:hover .uk-slidenav {
display: block;
}
.uk-slidenav-position .uk-slidenav-previous {
left: 20px;
}
.uk-slidenav-position .uk-slidenav-next {
right: 20px;
}
.uk-slidenav-contrast {
color: var(--color--shade-dark);
}
.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:focus {
color: var(--color--shade-dark);
}
.uk-slidenav-contrast:active {
color: var(--color--shade-dark);
}
.uk-notify {
position: fixed;
top: 10px;
left: 10px;
z-index: 1040;
box-sizing: border-box;
width: 350px;
}
.uk-notify-top-right,
.uk-notify-bottom-right {
left: auto;
right: 10px;
}
.uk-notify-top-right,
.uk-notify-top-center,
.uk-notify-top-left {
margin-top: calc(var(--top-menu-height) + env(safe-area-inset-top)) !important;
}
.uk-notify-top-center,
.uk-notify-bottom-center {
left: 50%;
margin-left: -175px;
}
.uk-notify-bottom-left,
.uk-notify-bottom-right,
.uk-notify-bottom-center {
top: auto;
bottom: 10px;
margin-bottom: env(safe-area-inset-bottom) !important;
}
@media (max-width: 479px) {
.uk-notify {
left: 10px;
right: 10px;
width: auto;
margin: 0;
}
}
.my-notify-message {
position: relative;
margin-bottom: 10px;
padding: 15px;
background: #444;
color: #fff;
font-size: 16px;
line-height: 22px;
cursor: pointer;
}
.my-notify-message > .uk-close {
visibility: hidden;
float: right;
}
.my-notify-message:hover > .uk-close {
visibility: visible;
}
.my-notify-message-primary {
background: #ebf7fd;
color: #2d7091;
}
.my-notify-message-success {
background: #f2fae3;
color: #659f13;
}
.my-notify-message-warning {
background: #fffceb;
color: #e28327;
}
.my-notify-message-danger {
background: #fff1f0;
color: #d85030;
}
@keyframes my-notify-message-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.uk-slideshow {
position: relative;
z-index: 0;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
touch-action: pan-y;
}
.uk-slideshow > li {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}
.uk-slideshow > .uk-active {
z-index: 10;
opacity: 1;
}
.uk-slideshow > li > img {
visibility: hidden;
}
[data-uk-slideshow-slide] {
cursor: pointer;
}
.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen > li {
height: 100vh;
}
.uk-slideshow-fade-in {
-webkit-animation: uk-fade 0.5s linear;
animation: uk-fade 0.5s linear;
}
.uk-slideshow-fade-out {
-webkit-animation: uk-fade 0.5s linear reverse;
animation: uk-fade 0.5s linear reverse;
}
.uk-slideshow-scroll-forward-in {
-webkit-animation: uk-slide-right 0.5s ease-in-out;
animation: uk-slide-right 0.5s ease-in-out;
}
.uk-slideshow-scroll-forward-out {
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
animation: uk-slide-left 0.5s ease-in-out reverse;
}
.uk-slideshow-scroll-backward-in {
-webkit-animation: uk-slide-left 0.5s ease-in-out;
animation: uk-slide-left 0.5s ease-in-out;
}
.uk-slideshow-scroll-backward-out {
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
animation: uk-slide-right 0.5s ease-in-out reverse;
}
.uk-slideshow-scale-out {
-webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
animation: uk-fade-scale-15 0.5s ease-in-out reverse;
}
.uk-slideshow-swipe-forward-in {
-webkit-animation: uk-slide-left-33 0.5s ease-in-out;
animation: uk-slide-left-33 0.5s ease-in-out;
}
.uk-slideshow-swipe-forward-out {
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
animation: uk-slide-left 0.5s ease-in-out reverse;
}
.uk-slideshow-swipe-backward-in {
-webkit-animation: uk-slide-right-33 0.5s ease-in-out;
animation: uk-slide-right-33 0.5s ease-in-out;
}
.uk-slideshow-swipe-backward-out {
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
animation: uk-slide-right 0.5s ease-in-out reverse;
}
.uk-slideshow-swipe-forward-in:before,
.uk-slideshow-swipe-backward-in:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.6);
-webkit-animation: uk-fade 0.5s ease-in-out reverse;
animation: uk-fade 0.5s ease-in-out reverse;
}