body,
html {
  overflow-y: hidden;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  min-height: 100vh;
  height: auto;
}
body * {
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body *:after,
body *:before {
  box-sizing: border-box;
}
@media print {
  body * {
    color: #000 !important;
  }
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
textarea {
  overflow: auto;
}
@media print {
  @page {
    margin-top: 0;
    margin-left: 1cm;
    margin-right: 1cm;
    margin-bottom: 0;
  }
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
@font-face {
  font-family: "icons";
  src: url(/dist/assets/apps/core/less/fonticons/icons-a40d57be.eot);
  src: url(/dist/assets/apps/core/less/fonticons/icons-a40d57be.eot) format("embedded-opentype"), url(/dist/assets/apps/core/less/fonticons/icons-1b627480.woff2) format("woff2"), url(/dist/assets/apps/core/less/fonticons/icons-0045262d.woff) format("woff"), url(/dist/assets/apps/core/less/fonticons/icons-5e1ba0c5.ttf) format("truetype"), url(/dist/assets/apps/core/less/fonticons/icons-9e20d8d2.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-icon {
  position: relative;
}
.font-icon:after {
  content: "";
  font-family: "icons";
  position: absolute;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  pointer-events: none;
  text-decoration: none;
  transition: none;
}
.icon--next.font-icon:after {
  content: "\E810";
}
.icon--delete.font-icon:after {
  content: "\E811";
  font-size: 14px;
}
.icon--check.font-icon:after {
  content: "\E825";
  font-size: 14px;
}
.icon--edit.font-icon:after {
  content: "\E858";
  font-size: 14px;
}
.icon--edit-fill.font-icon:after {
  content: "\E859";
  font-size: 14px;
}
.icon--dots.font-icon:after {
  content: "\E841";
  font-size: 15px;
}
.icon--note.font-icon:after {
  content: "\E856";
  font-size: 28px;
}
.icon--search.font-icon:after {
  content: "\E826";
  font-size: 18px;
  transform: scaleX(-1);
}
.icon--down.font-icon:after {
  content: "\E80A";
  transform: rotate(90deg);
  font-size: 16px;
}
.icon--arrow-prev.font-icon:after {
  content: "\E802";
  transform: scale(-1);
  font-size: 32px;
}
.icon--comment.font-icon:after {
  content: "\E876";
}
.icon--arrow-next.font-icon:after {
  content: "\E802";
  font-size: 32px;
}
.icon--select.font-icon:after {
  content: "\E80F";
  font-size: 8px;
}
.icon--close.font-icon:after {
  content: "\E805";
  font-size: 16px;
}
.icon--shipping.font-icon:after {
  content: "\E857";
  font-size: 19px;
}
.icon--printer.font-icon:after {
  content: "\E860";
  font-size: 20px;
}
.icon--rotate.font-icon:after {
  content: "\E817";
  font-size: 20px;
}
.card-icon:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
  background-position: 0 50%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
@media print {
  .card-icon:after {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.card-icon.icon--visa {
  padding-left: 75px;
}
.card-icon.icon--visa:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjMzIiB2aWV3Qm94PSIwIDAgMTAwIDMzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPGcgaWQ9IkNhbnZhcyIgZmlsbD0ibm9uZSI+DQo8ZyBpZD0iVmlzYV9JbmMuX2xvZ28iPg0KPGcgaWQ9Imc0MTU4Ij4NCjxnIGlkPSJwb2x5Z29uOSI+DQo8cGF0aCBkPSJNIDEuODI4NjEgNy4yMTEwOUwgMS43MDg5MWUtMDcgNy4yMTEwOUwgMS4xNDM3NSA4LjU1NjkxZS0wOEwgMi45NzIyNiA4LjU1NjkxZS0wOEwgMS44Mjg2MSA3LjIxMTA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUuMjMyNCAwLjU3OTEwMikgc2NhbGUoNC40Mjk5NikiIGZpbGw9IiMwMDU3OUYiLz4NCjwvZz4NCjxnIGlkPSJwYXRoMTEiPg0KPHBhdGggZD0iTSA1LjQ4NTM0IDAuMzA3MDA1QyA1LjEyNDY2IDAuMTYxMDk4IDQuNTUyNTkgLTYuNjg5OTVlLTA4IDMuODQ1MjIgLTYuNjg5OTVlLTA4QyAyLjAzOTQxIC02LjY4OTk1ZS0wOCAwLjc2Nzc2NCAwLjk4MTg4NSAwLjc1OTk2NSAyLjM4NTY4QyAwLjc0NDk2NSAzLjQyMTQgMS42NzA0MiAzLjk5NjY3IDIuMzYyNTkgNC4zNDIwMUMgMy4wNzAwNiA0LjY5NDkgMy4zMTA1NSA0LjkyNTIzIDMuMzEwNTUgNS4yMzk3OEMgMy4zMDMzNSA1LjcyMjg3IDIuNzM4ODcgNS45NDU1NSAyLjIxMjQgNS45NDU1NUMgMS40ODIzMyA1Ljk0NTU1IDEuMDkxMTUgNS44MzA3NCAwLjQ5NjY3NyA1LjU2MTk3TCAwLjI1NTg4OCA1LjQ0Njc2TCAxLjI4MTY4ZS0wNyA3LjA2NTQ5QyAwLjQyODg4IDcuMjY0NzIgMS4yMTkwNCA3LjQ0MTUyIDIuMDM5NDEgNy40NDkyN0MgMy45NTgxMiA3LjQ0OTI3IDUuMjA3MjYgNi40ODI1OCA1LjIyMjA2IDQuOTg2NjFDIDUuMjI5MzYgNC4xNjU3MiA0Ljc0MDY4IDMuNTM2NzIgMy42ODcxMyAzLjAyMjc0QyAzLjA0NzU2IDIuNjkyNzkgMi42NTU4OCAyLjQ3MDMxIDIuNjU1ODggMi4xMzI3MkMgMi42NjMzOCAxLjgyNTgyIDIuOTg3MTYgMS41MTE0NyAzLjcwOTEzIDEuNTExNDdDIDQuMzAzNiAxLjQ5NjA3IDQuNzQwMzggMS42NDE3OCA1LjA3MTI3IDEuNzg3NThMIDUuMjM2NjYgMS44NjQxNUwgNS40ODUzNCAwLjMwNzAwNUwgNS40ODUzNCAwLjMwNzAwNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4LjM5OTQgMCkgc2NhbGUoNC40Mjk5NikiIGZpbGw9IiMwMDU3OUYiLz4NCjwvZz4NCjxnIGlkPSJwYXRoMTMiPg0KPHBhdGggZD0iTSAyLjgyOTE3IDQuNjU2NDZDIDIuOTc5NzYgNC4yNDIxOSAzLjU1OTIzIDIuNjM4ODUgMy41NTkyMyAyLjYzODg1QyAzLjU1MTY0IDIuNjU0MjUgMy43MDk1MyAyLjIxNjk0IDMuNzk5ODIgMS45NDg0N0wgMy45Mjc2MiAyLjU2OTgzQyAzLjkyNzYyIDIuNTY5ODMgNC4yNzM5IDQuMjk1OTIgNC4zNDkxIDQuNjU2NDZDIDQuMDYzMzEgNC42NTY0NiAzLjE5MDM1IDQuNjU2NDYgMi44MjkxNyA0LjY1NjQ2Wk0gNS4wODYzNiA4LjU1NjkxZS0wOEwgMy42NzE5MyA4LjU1NjkxZS0wOEMgMy4yMzU3NSA4LjU1NjkxZS0wOCAyLjkwNDM3IDAuMTMwMzA2IDIuNzE2MTcgMC41OTgzMDdMIDUuMTI2NzJlLTA3IDcuMjEwOTlMIDEuOTE4NzEgNy4yMTA5OUMgMS45MTg3MSA3LjIxMDk5IDIuMjM0NiA2LjMyMDk3IDIuMzAyNDkgNi4xMjkyOEMgMi41MTI5OCA2LjEyOTI4IDQuMzc5NSA2LjEyOTI4IDQuNjUwMjggNi4xMjkyOEMgNC43MDI3OCA2LjM4MjQ1IDQuODY4NDcgNy4yMTA5OSA0Ljg2ODQ3IDcuMjEwOTlMIDYuNTYxNiA3LjIxMDk5TCA1LjA4NjM2IDguNTU2OTFlLTA4TCA1LjA4NjM2IDguNTU2OTFlLTA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzAuOTMyNiAwLjU3OTEwMikgc2NhbGUoNC40Mjk5NikiIGZpbGw9IiMwMDU3OUYiLz4NCjwvZz4NCjxnIGlkPSJwYXRoMTUiPg0KPHBhdGggZD0iTSA0LjUxNDY5IDguNTU2OTFlLTA4TCAyLjcyMzg3IDQuOTE3MjdMIDIuNTI4MTggMy45MTk5OUMgMi4xOTcxIDIuNzY5MjYgMS4xNTg3NSAxLjUxOTAyIDEuMzczMjNlLTA3IDAuODk3MzU5TCAxLjY0MDMyIDcuMjAzNDRMIDMuNTc0MDMgNy4yMDM0NEwgNi40NDgzIDguNTU2OTFlLTA4TCA0LjUxNDY5IDguNTU2OTFlLTA4TCA0LjUxNDY5IDguNTU2OTFlLTA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC40NjY4IDAuNTc5MTAyKSBzY2FsZSg0LjQyOTk2KSIgZmlsbD0iIzAwNTc5RiIvPg0KPC9nPg0KPGcgaWQ9InBhdGgxNyI+DQo8cGF0aCBkPSJNIDIuOTcyMTYgOC41NTY5MWUtMDhMIDAuMDMwMDk4NSA4LjU1NjkxZS0wOEwgNS4wMzUxN2UtMDggMC4xNDU3MDJDIDIuMjk0OTkgMC43NDQxMTIgMy44MTQ5MiAyLjE4NjU1IDQuNDM5MzkgMy45MjAzTCAzLjc5OTgyIDAuNjA2MTU4QyAzLjY5NDUzIDAuMTQ1NiAzLjM3MDk0IDAuMDE1MTkyMyAyLjk3MjE2IDguNTU2OTFlLTA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjU3OTEwMikgc2NhbGUoNC40Mjk5NikiIGZpbGw9IiNGQUE2MUEiLz4NCjwvZz4NCjwvZz4NCjwvZz4NCjwvZz4NCjwvc3ZnPg0KDQo=);
  height: 32px;
  width: 63px;
}
.card-icon-small.card-icon.icon--visa:after {
  height: 20px;
  width: 51px;
}
.card-icon.icon--visa.card-icon-small {
  padding-left: 58px;
}
.card-icon.icon--mastercard {
  padding-left: 62px;
}
.card-icon.icon--mastercard:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCA2NCAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00MC4zMjM0IDQuMTU2MjVIMjMuMTU3MlYzNC43MTU1SDQwLjMyMzRWNC4xNTYyNVoiIGZpbGw9IiNGRjVGMDAiLz4NCjxwYXRoIGQ9Ik0yNC4yNDc4IDE5LjQzOTJDMjQuMjQ0NiAxNi40OTU3IDI0LjkxNzYgMTMuNTkwMSAyNi4yMTU5IDEwLjk0MjNDMjcuNTE0MSA4LjI5NDY1IDI5LjQwMzUgNS45NzQyNCAzMS43NDEgNC4xNTY4N0MyOC44NDY4IDEuOTAzNzcgMjUuMzcxIDAuNTAyNzAyIDIxLjcxMSAwLjExMzc5M0MxOC4wNTEgLTAuMjc1MTE2IDE0LjM1NDMgMC4zNjM4MjYgMTEuMDQzNSAxLjk1NzU5QzcuNzMyNzIgMy41NTEzNiA0Ljk0MTM3IDYuMDM1NjYgMi45ODg1IDkuMTI2NTRDMS4wMzU2MiAxMi4yMTc0IDAgMTUuNzkwMiAwIDE5LjQzNjVDMCAyMy4wODI4IDEuMDM1NjIgMjYuNjU1NiAyLjk4ODUgMjkuNzQ2NUM0Ljk0MTM3IDMyLjgzNzQgNy43MzI3MiAzNS4zMjE3IDExLjA0MzUgMzYuOTE1NUMxNC4zNTQzIDM4LjUwOTIgMTguMDUxIDM5LjE0ODIgMjEuNzExIDM4Ljc1OTNDMjUuMzcxIDM4LjM3MDQgMjguODQ2OCAzNi45NjkzIDMxLjc0MSAzNC43MTYyQzI5LjQwNDIgMzIuODk5NCAyNy41MTUyIDMwLjU3OTggMjYuMjE3MSAyNy45MzMxQzI0LjkxODkgMjUuMjg2NCAyNC4yNDU1IDIyLjM4MTggMjQuMjQ3OCAxOS40MzkyWiIgZmlsbD0iI0VCMDAxQiIvPg0KPHBhdGggZD0iTTYzLjQ4NDEgMTkuNDM4NkM2My40ODQgMjMuMDg1MiA2Mi40NDgxIDI2LjY1ODIgNjAuNDk0OSAyOS43NDkyQzU4LjU0MTcgMzIuODQwMiA1NS43NDk5IDM1LjMyNDQgNTIuNDM4NyAzNi45MTc5QzQ5LjEyNzUgMzguNTExNSA0NS40MzA1IDM5LjE1IDQxLjc3MDIgMzguNzYwNkMzOC4xMSAzOC4zNzExIDM0LjYzNDIgMzYuOTY5MyAzMS43NDAyIDM0LjcxNTVDMzQuMDc2MSAzMi44OTcxIDM1Ljk2NDUgMzAuNTc2OSAzNy4yNjMxIDI3LjkzMDFDMzguNTYxNiAyNS4yODMyIDM5LjIzNjMgMjIuMzc4NyAzOS4yMzYzIDE5LjQzNTlDMzkuMjM2MyAxNi40OTMgMzguNTYxNiAxMy41ODg1IDM3LjI2MzEgMTAuOTQxN0MzNS45NjQ1IDguMjk0NzkgMzQuMDc2MSA1Ljk3NDYyIDMxLjc0MDIgNC4xNTYxOUMzNC42MzQyIDEuOTAyMzkgMzguMTEgMC41MDA2MzQgNDEuNzcwMiAwLjExMTE2N0M0NS40MzA1IC0wLjI3ODMwMSA0OS4xMjc1IDAuMzYwMjMgNTIuNDM4NyAxLjk1Mzc3QzU1Ljc0OTkgMy41NDczMSA1OC41NDE3IDYuMDMxNTYgNjAuNDk0OSA5LjEyMjU2QzYyLjQ0ODEgMTIuMjEzNSA2My40ODQgMTUuNzg2NiA2My40ODQxIDE5LjQzMzJWMTkuNDM4NloiIGZpbGw9IiNGNzlFMUIiLz4NCjwvc3ZnPg0K);
  width: 50px;
  height: 37px;
}
.card-icon-small.card-icon.icon--mastercard:after {
  height: 25px;
  width: 34px;
}
.card-icon.icon--mastercard.card-icon-small {
  padding-left: 39px;
}
.card-icon.icon--amex {
  padding-left: 78px;
}
.card-icon.icon--amex:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjEwNyIgdmlld0JveD0iMCAwIDE1NiAxMDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjQuMjQ1OCA1Ni4wNjE2TDI5LjExOTEgNDQuMTE2MkwzNC4wMjE3IDU2LjA2MTZIMjQuMjQ1OFoiIGZpbGw9IiMzQTc4QzUiLz4NCjxwYXRoIGQ9Ik05OS4wMjM3IDUwLjYxNzFWNDUuMTY4SDExNi45NzhMMTI0LjgxMSA1My45MDI4TDExNi42MyA2Mi42OTU0SDk5LjAyMzdWNTYuNzMyNkgxMTQuNzQ1VjUwLjYxNzFIOTkuMDIzN1oiIGZpbGw9IiMzQTc4QzUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMEM0LjQ3NzA1IDAgMCA0LjQ3NzE2IDAgMTBWOTdDMCAxMDIuNTIzIDQuNDc3MDUgMTA3IDEwIDEwN0gxNDZDMTUxLjUyMyAxMDcgMTU2IDEwMi41MjMgMTU2IDk3VjEwQzE1NiA0LjQ3NzE2IDE1MS41MjMgMCAxNDYgMEgxMFpNMTEuMDAwMiA2OC45NjQ3TDIzLjgyNCAzOUgzNC40NjM5TDQ2LjY0MzEgNjcuMzcwMlYzOUg1OC4zMzE1TDY3LjcwMzQgNTkuMzI3M0w3Ni4zMTM1IDM5SDg4LjIzNjNWNjguOTY0N0g4MC44OTZMODAuODY5MSA0NS40OTY5TDcwLjQ4NDkgNjguOTY0N0g2NC4xOTdMNTMuNzg2MSA0NS40NzYxVjY4Ljk2NDdIMzkuMjE5N0wzNi40NjgzIDYyLjI4MUgyMS41NTc2TDE4Ljc3NzYgNjguOTY0N0gxMS4wMDAyWk0xMjkuNDIxIDU5LjA3ODZMMTM4LjIzOSA2OC45OTk2SDE0NVY2Ni4xMjcyTDEzNC4wMDYgNTMuOTE5NUwxNDUgNDIuMDk4N1YzOS4wMjg1SDEzOC42MTNMMTI5LjUwNCA0OC44NTNMMTIwLjY5NCAzOS4wMjg1SDkxLjg5MTFWNjlIMTIwLjI1N0wxMjkuNDIxIDU5LjA3ODZaIiBmaWxsPSIjM0E3OEM1Ii8+DQo8L3N2Zz4NCg==);
  width: 65px;
  height: 32px;
}
.card-icon-small.card-icon.icon--amex:after {
  height: 20px;
  width: 49px;
}
.card-icon.icon--amex.card-icon-small {
  padding-left: 57px;
}
.card-icon.icon--discover {
  padding-left: 77px;
}
.card-icon.icon--discover:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCA4MSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02LjkxMDkyIC01LjQxNTg4ZS0wN0MxMC43Mjc1IC01LjQxNTg4ZS0wNyAxMy44MjE2IDIuOTA2MDMgMTMuODIxNiA2LjQ5NTkzVjYuNUMxMy44MjE2IDEwLjA4OTkgMTAuNzI3NSAxMyA2LjkxMDkyIDEzQzMuMDk0MDEgMTMgMS44MDcwNGUtMDYgMTAuMDg5OSAxLjgwNzA0ZS0wNiA2LjVWNi40OTU5M0MxLjgwNzA0ZS0wNiAyLjkwNjAzIDMuMDk0MDEgLTUuNDE1ODhlLTA3IDYuOTEwOTIgLTUuNDE1ODhlLTA3Vi01LjQxNTg4ZS0wN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1Ljk4MzQpIiBmaWxsPSIjRjQ3MjE2Ii8+DQo8cGF0aCBkPSJNMzIuMDQxNCA0LjM2MjhlLTA3QzMzLjEzMTQgNC4zNjI4ZS0wNyAzNC4wNDU2IDAuMjE5OTg2IDM1LjE1ODYgMC43NTA1NFYzLjU1NDUzQzM0LjEwNDYgMi41ODU0OCAzMy4xOTA0IDIuMTc5OSAzMS45ODEyIDIuMTc5OUMyOS42MDQ2IDIuMTc5OSAyNy43MzYgNC4wMzAzNyAyNy43MzYgNi4zNzYzOUMyNy43MzYgOC44NTAzNCAyOS41NDcgMTAuNTkwNiAzMi4wOTkgMTAuNTkwNkMzMy4yNDc5IDEwLjU5MDYgMzQuMTQ1MSAxMC4yMDYxIDM1LjE1ODYgOS4yNTI3MlYxMi4wNTgyQzM0LjAwNiAxMi41Njg1IDMzLjA3MjMgMTIuNzY5OSAzMS45ODEyIDEyLjc2OTlDMjguMTIyOCAxMi43Njk5IDI1LjEyNDcgOS45ODUwMiAyNS4xMjQ3IDYuMzkzNzdDMjUuMTI0NSAyLjg0MDk2IDI4LjIwMjUgNC4zNjI4ZS0wNyAzMi4wNDE0IDQuMzYyOGUtMDdWNC4zNjI4ZS0wN1pNMjAuMDYxNCAwLjA3NzE0ODZDMjEuNDg1OCAwLjA3NzE0ODYgMjIuNzg4OCAwLjUzNTczMSAyMy44Nzg1IDEuNDMyMDdMMjIuNTUyNiAzLjA2NDc3QzIxLjg5MjUgMi4zNjg5NSAyMS4yNjgzIDIuMDc1NTEgMjAuNTA5NCAyLjA3NTUxQzE5LjQxNzEgMi4wNzU1MSAxOC42MjE4IDIuNjYwMjkgMTguNjIxOCAzLjQyOTY5QzE4LjYyMTggNC4wODk1MiAxOS4wNjgxIDQuNDM4NzkgMjAuNTg4NyA0Ljk2Nzk5QzIzLjQ3MDkgNS45NTkyMiAyNC4zMjUyIDYuODM4MyAyNC4zMjUyIDguNzc5MzVDMjQuMzI1MiAxMS4xNDQ3IDIyLjQ3NzcgMTIuNzkxNCAxOS44NDQ4IDEyLjc5MTRDMTcuOTE2NiAxMi43OTE0IDE2LjUxNDkgMTIuMDc3MiAxNS4zNDc1IDEwLjQ2NTdMMTYuOTg0MiA4Ljk4Mjk1QzE3LjU2NzcgMTAuMDQzOSAxOC41NDEzIDEwLjYxMjYgMTkuNzUgMTAuNjEyNkMyMC44ODAzIDEwLjYxMjYgMjEuNzE3MiA5Ljg3OTE2IDIxLjcxNzIgOC44ODkxNkMyMS43MTcyIDguMzc1OTggMjEuNDYzNiA3LjkzNjE0IDIwLjk1NzUgNy42MjQ5NUMyMC43MDI3IDcuNDc3NjggMjAuMTk3OSA3LjI1ODA2IDE5LjIwNTkgNi45MjkxM0MxNi44MjYxIDYuMTIzMzggMTYuMDA5NyA1LjI2MjA0IDE2LjAwOTcgMy41Nzg2OUMxNi4wMDk1IDEuNTc4OTcgMTcuNzYzIDAuMDc3MTQ4NiAyMC4wNjE0IDAuMDc3MTQ4NlYwLjA3NzE0ODZaTTQ5LjAxNzEgMC4yOTAyMzRINTEuNzg0OEw1NS4yNDkzIDguNDk3MTNMNTguNzU4NSAwLjI5MDIzNEg2MS41MDUzTDU1Ljg5MzIgMTIuODIyMkg1NC41Mjk2TDQ5LjAxNzEgMC4yOTAyMzRaTTExLjg1OTIgMC4zMDg5NjdIMTQuMzkzMVYxMi41Mjc1SDExLjg1OTJWMC4zMDg5NjdaTTYyLjY1MDkgMC4zMDg5NjdINjkuODM3VjIuMzc5M0g2NS4xODMyVjUuMDkxMzVINjkuNjY1NlY3LjE2MDdINjUuMTgzMlYxMC40NTg5SDY5LjgzN1YxMi41Mjc1SDYyLjY1MDlWMC4zMDg5NjdaTTc2LjkxMDYgNy4zODAxOUM3OC44MTkxIDcuMDE0NzggNzkuODY5MyA1Ljc4NzE3IDc5Ljg2OTMgMy45MTY0OUM3OS44NjkzIDEuNjI4ODggNzguMTk0NSAwLjMwOTA4OSA3NS4yNzIxIDAuMzA5MDg5SDcxLjUxNTNWMTIuNTI3Nkg3NC4wNDYxVjcuNjE5MDNINzQuMzc2OEw3Ny44ODM5IDEyLjUyNzVIODFMNzYuOTEwNiA3LjM4MDE5VjcuMzgwMTlaTTc0Ljc4NjYgNS45MzM4M0g3NC4wNDYxVjIuMjMzNTFINzQuODI2NUM3Ni40MDQ0IDIuMjMzNTEgNzcuMjYyMiAyLjg1NTc1IDc3LjI2MjIgNC4wNDQ3OEM3Ny4yNjI0IDUuMjczMDEgNzYuNDA0NyA1LjkzMzgzIDc0Ljc4NjYgNS45MzM4M1Y1LjkzMzgzWk0zLjcxOTIxIDAuMzA4OTY3SC0xLjA1NDExZS0wN1YxMi41Mjc1SDMuNjk5ODRDNS42NjY5NSAxMi41Mjc1IDcuMDg3OTUgMTIuMDkwOCA4LjMzNDg4IDExLjExN0M5LjgxNjk0IDkuOTYzNDYgMTAuNjkzMiA4LjIyNDg5IDEwLjY5MzIgNi40MjY4QzEwLjY5MzMgMi44MjA4NyA3LjgyODYxIDAuMzA4OTY3IDMuNzE5MjEgMC4zMDg5NjdWMC4zMDg5NjdaTTYuNjc5NSA5LjQ4Nzg3QzUuODgzMzMgMTAuMTYzNyA0Ljg0OTE5IDEwLjQ1ODkgMy4yMTIwNyAxMC40NTg5SDIuNTMxODZWMi4zNzkzSDMuMjExOTVDNC44NDkwNyAyLjM3OTMgNS44NDIzNyAyLjY1NTExIDYuNjc5MzggMy4zNjc0NUM3LjU1NTczIDQuMTAxNDcgOC4wODI4NSA1LjIzODYyIDguMDgyODUgNi40MDkzQzguMDgyOTggNy41ODE2OSA3LjU1NTczIDguNzUzODQgNi42Nzk1IDkuNDg3ODdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDgzOTg0NCkiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==);
  width: 64px;
  height: 33px;
}
.card-icon-small.card-icon.icon--discover:after {
  height: 21px;
  width: 50px;
}
.card-icon.icon--discover.card-icon-small {
  padding-left: 58px;
}
.card-icon.icon--jbc {
  padding-left: 56px;
}
.card-icon.icon--jbc:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCA0NCAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00My4xNjY0IDI2LjE5ODVDNDMuMTY2NCAyOS44NTg0IDQwLjE2MTMgMzIuODI2MiAzNi40NTIzIDMyLjgyNjJIMi4zOTI3N2UtMDdWNi42Mjg2MUMyLjM5Mjc3ZS0wNyAyLjk2Nzc1IDMuMDA1MjcgNC44MzEwNGUtMDggNi43MTQ3OCA0LjgzMTA0ZS0wOEg0My4xNjY1VjI2LjE5ODVINDMuMTY2NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDU4NTkzOCkiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMi4zNDkwOSAxNC43Nzk1QzMuMzkwMjkgMTQuODAxOSA0LjQzNzQ2IDE0LjczNDIgNS40NzQ0NyAxNC44MTQ3QzYuNTI0NjcgMTUuMDA4MSA2Ljc3NzcxIDE2LjU3NzQgNS44NDQ3NiAxNy4wOTE0QzUuMjA4MTYgMTcuNDMgNC40NTE5IDE3LjIxNzUgMy43NjE3NCAxNy4yNzcySDIuMzQ5MDlWMTQuNzc5NVpNNi4wNzY0MiAxMS45NTI1QzYuMzA3NzEgMTIuNzU4NCA1LjUyMDYzIDEzLjQ4MjEgNC43MzQyNSAxMy4zNzExSDIuMzQ5MDlDMi4zNjU4NCAxMi42MTEgMi4zMTY0IDExLjc4NjEgMi4zNzM0MiAxMS4wNjYxQzMuMzI4ODIgMTEuMDkyNiA0LjI5MzIxIDExLjAxMTkgNS4yNDMxNyAxMS4xMDgzQzUuNjUxMjQgMTEuMjA5NSA1Ljk5Mjg0IDExLjU0MDcgNi4wNzY0MiAxMS45NTI1VjExLjk1MjVaTTExLjgxNjYgMC4wMDAzMTk3NjJDMTEuODYwOSAxLjUzOTQ3IDExLjgyMyAzLjE1OTk3IDExLjgzNTcgNC43MzAzNEMxMS44MzI4IDExLjExNDkgMTEuODQxOSAxNy40OTk3IDExLjgzMDYgMjMuODg0MUMxMS43ODg4IDI2LjI3NjggOS42NDA0MyAyOC4zNTU5IDcuMjMzMTggMjguNDAzN0M0LjgyMzUyIDI4LjQxMzMgMi40MTM1MSAyOC40MDUyIDAuMDAzNTAyNTcgMjguNDA3OFYxOC43NTU3QzIuNjI5MzEgMTguNzQyMiA1LjI1NjQ1IDE4Ljc4MjggNy44ODExOSAxOC43MzU0QzkuMDk4OCAxOC42NTk5IDEwLjQzMjUgMTcuODY2OSAxMC40ODkyIDE2LjU0NDNDMTAuNjMyNSAxNS4yMTYgOS4zNjM3NyAxNC4yOTcxIDguMTU5MDggMTQuMTUyQzcuNjk2MDQgMTQuMTQwMiA3LjcwOTU4IDE0LjAxODggOC4xNTkwOCAxMy45NjU5QzkuMzA4IDEzLjcyMDcgMTAuMjEwMiAxMi41NDcgOS44NzIxNyAxMS4zNzE1QzkuNTg0MDMgMTAuMTM1MiA4LjE5OTcxIDkuNjU2NjYgNy4wNDgyMSA5LjY1OTAzQzQuNzAwMyA5LjY0MzI5IDIuMzUxOTUgOS42NTY4MyAwLjAwMzg1ODc3IDkuNjUyMjZDMC4wMTkwMDU0IDcuODUwMzIgLTAuMDI3NzY5MiA2LjA0NjQ2IDAuMDI5MDc1MyA0LjI0NTg0QzAuMjE1MTEyIDEuODk2MjcgMi40MTc1MiAtMC4wNDEzNjcgNC43OTEwOSAwLjAwMDY3MTM1NEM3LjEzMzIxIDAuMDAwNDA3NTE1IDkuNDc0OTcgMC4wMDA0MDc3MDggMTEuODE2NiAwLjAwMDMxOTc2MlYwLjAwMDMxOTc2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4Ljk5MjIgMi4yMDg5OCkiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4NCjxwYXRoIGQ9Ik0wLjA2MjQ1MjIgNC40ODk2M0MwLjEyMjQxNSAyLjEwMDY1IDIuMjc5OTIgMC4wMzg1NzQ2IDQuNjg0MTQgMC4wMDM2NTk4OEM3LjA4NDg5IC0wLjAwMzYzOTY3IDkuNDg1OTkgMC4wMDI2MDQ5MiAxMS44ODY3IDAuMDAwNDk0MjA4QzExLjg4MDEgNy45OTM1IDExLjg5OTcgMTUuOTg3IDExLjg3NjggMjMuOTc5N0MxMS43ODQ0IDI2LjMzOTYgOS42NTAzNyAyOC4zNjI0IDcuMjcyMzUgMjguNDA0MkM0Ljg2NzA2IDI4LjQxMjggMi40NjE1IDI4LjQwNTQgMC4wNTYxMjYzIDI4LjQwNzhWMTguNDNDMi4zOTI1NCAxOC45NzQ4IDQuODQyNjUgMTkuMjA2OCA3LjIyNjE5IDE4Ljg0NTRDOC42NTA5NiAxOC42MTkgMTAuMjA5OCAxNy45Mjg1IDEwLjY5MjIgMTYuNDY5NEMxMS4wNDcyIDE1LjIyMTQgMTAuODQ3MyAxMy45MDc5IDEwLjkwMDEgMTIuNjI3VjkuNjUyMTdINi43NzUxOEM2Ljc1NjY1IDExLjYxOTYgNi44MTMxNCAxMy41OTA1IDYuNzQ1MzMgMTUuNTU1NkM2LjYzNDE0IDE2Ljc2MzQgNS40MjIzMiAxNy41MzA4IDQuMjY4MjMgMTcuNDg5OUMyLjgzNjk2IDE3LjUwNDggMC4wMDA3MDY1NDkgMTYuNDY2MSAwLjAwMDcwNjU0OSAxNi40NjYxQy0wLjAwNjQyMTI5IDEyLjc3OTggMC4wNDIyMjY5IDguMTYzNDEgMC4wNjI0NTIyIDQuNDg5NjNWNC40ODk2M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNDAwMzkgMi4yMDg5OCkiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcikiLz4NCjxwYXRoIGQ9Ik0wLjExMjgzMiAxMC44NTNDLTAuMTA0MyAxMC44OTg1IDAuMDY5MDgzMiAxMC4xMjMgMC4wMTM1NzUyIDkuODI4OEMwLjAyODM2NTQgNy45Njg3NCAtMC4wMTcyNTMgNi4xMDY2NSAwLjAzODg3ODcgNC4yNDc5QzAuMjI0MzgxIDEuODg4MzkgMi40NDM3MiAtMC4wNTQwODA4IDQuODI2ODIgMC4wMDExNDk1MkgxMS44NDQ4QzExLjgzODIgNy45OTQxNiAxMS44NTc3IDE1Ljk4NzYgMTEuODM0OSAyMy45ODAzQzExLjc0MjMgMjYuMzQwMyA5LjYwODE4IDI4LjM2MyA3LjIzMDE1IDI4LjQwNDhDNC44MjQ2OSAyOC40MTM3IDIuNDE5MDQgMjguNDA2MiAwLjAxMzQ4NTUgMjguNDA4NVYxNy40NzY5QzEuNjU2NDUgMTguODA3NCAzLjg4OTI1IDE5LjAxNDUgNS45MzYwMSAxOS4wMTgxQzcuNDc5IDE5LjAxNzYgOS4wMTMgMTguNzgyOCAxMC41MTE1IDE4LjQzMTVWMTYuNDI4OEM4LjgyMjc4IDE3LjI1OTYgNi44Mzc1OSAxNy43ODcyIDQuOTY1NjQgMTcuMzFDMy42NTk4MiAxNi45ODkgMi43MTIgMTUuNzQzNCAyLjczMzExIDE0LjQxMzNDMi41ODE4MiAxMy4wMyAzLjQwMzMxIDExLjU2OTUgNC43ODA0OSAxMS4xNTgzQzYuNDkwNDYgMTAuNjI5OSA4LjM1NDAzIDExLjAzNCA5Ljk1NjczIDExLjcyMUMxMC4zMDAyIDExLjg5ODQgMTAuNjQ4NyAxMi4xMTg2IDEwLjUxMTQgMTEuNTUyVjkuOTc3ODdDNy44MzA3NiA5LjM0ODM1IDQuOTc4MDIgOS4xMTY3IDIuMjg0OTUgOS44MDE1NEMxLjUwNTUyIDEwLjAxODYgMC43NDYwNTEgMTAuMzQ3OCAwLjExMjgzMiAxMC44NTNWMTAuODUzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuNzEyOSAyLjIwODUpIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXIpIi8+DQo8ZGVmcz4NCjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMDg2OTEwNCAyOC40MzQyKSBzY2FsZSgxMS44Mzg4IC0yOC40MDg3KSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjMDA3QjQwIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1NUIzMzAiLz4NCjwvbGluZWFyR3JhZGllbnQ+DQo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgyPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwLjA4MDg5MzIgMjguMzA1Mikgc2NhbGUoMTEuODA1MiAtMjguMjA5NikiPg0KPHN0b3Agc3RvcC1jb2xvcj0iIzFEMjk3MCIvPg0KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDA2REJBIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyIiB4Mj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDA3MzM5MzIgMjguNDIwNikgc2NhbGUoMTEuODM0NSAtMjguMzgwNykiPg0KPHN0b3Agc3RvcC1jb2xvcj0iIzZFMkIyRiIvPg0KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTMwMTM4Ii8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPC9zdmc+DQo=);
  width: 45px;
  height: 33px;
}
.card-icon-small.card-icon.icon--jbc:after {
  height: 23px;
  width: 30px;
}
.card-icon.icon--jbc.card-icon-small {
  padding-left: 36px;
}
.card-icon.icon--diners {
  padding-left: 56px;
}
.card-icon.icon--diners:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCA0NiAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00NiAxOC42NjA3QzQ2IDcuNjI0NTggMzYuOTA4OCAtMC4wMDM2NjE5OCAyNi45NDgyIDEuMzMyNGUtMDZIMTguMzc2MkM4LjI5NjU0IC0wLjAwMzY2MTk4IDEuNDcxMTJlLTA3IDcuNjI2OTEgMS40NzExMmUtMDcgMTguNjYwN0MxLjQ3MTEyZS0wNyAyOC43NTQ5IDguMjk2NzYgMzcuMDQ4NCAxOC4zNzYyIDM2Ljk5OThIMjYuOTQ4MkMzNi45MDg1IDM3LjA0ODMgNDYgMjguNzUyNiA0NiAxOC42NjA3VjE4LjY2MDdaIiBmaWxsPSIjMDA3OUJFIi8+DQo8cGF0aCBkPSJNMTYuNjc2NCAtOC44MDgxMmUtMDhDNy40NjU5OCAwLjAwMjg4NjE2IDAuMDAyNDA5NjYgNy41ODI4MyAtNi4yODU3ZS0wNyAxNi45Mzc4QzAuMDAyMzAwMSAyNi4yOTEzIDcuNDY1ODcgMzMuODcwMyAxNi42NzY0IDMzLjg3MzNDMjUuODg5IDMzLjg3MDQgMzMuMzU0NCAyNi4yOTEzIDMzLjM1NTUgMTYuOTM3OEMzMy4zNTQyIDcuNTgyNjEgMjUuODg5IDAuMDAyODg2MTYgMTYuNjc2NCAtOC44MDgxMmUtMDhWLTguODA4MTJlLTA4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS43NTI5MyAxLjU2MzQ4KSIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0tNi4yODU3ZS0wNyAxMC4wMTg2QzAuMDA4NzY0MDUgNS40NDcyMyAyLjgyMDggMS41NDkwMyA2Ljc4NjA1IDcuOTk1MDdlLTA3VjIwLjAzNDlDMi44MjA4IDE4LjQ4NjcgMC4wMDg2NTQ0OSAxNC41OTA1IC02LjI4NTdlLTA3IDEwLjAxODZWMTAuMDE4NlpNMTQuMzUyMiAyMC4wNFY3Ljk5NTA3ZS0wN0MxOC4zMTkxIDEuNTQ1MzYgMjEuMTM1NSA1LjQ0NTc5IDIxLjE0MjcgMTAuMDE5M0MyMS4xMzU1IDE0LjU5NDIgMTguMzE5MSAxOC40OTE3IDE0LjM1MjIgMjAuMDRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3Ljg4NzcgOC40MzY1MikiIGZpbGw9IiMwMDc5QkUiLz4NCjwvc3ZnPg0K);
  width: 40px;
  height: 32px;
}
.card-icon-small.card-icon.icon--diners:after {
  height: 22px;
  width: 28px;
}
.card-icon.icon--diners.card-icon-small {
  padding-left: 36px;
}
.card-icon.icon--maestro {
  padding-left: 62px;
}
.card-icon.icon--maestro:after {
  background-image: url(/dist/assets/apps/core/less/icons/icon-maestro-2ba4baf5.svg);
  width: 50px;
  height: 37px;
}
.card-icon-small.card-icon.icon--maestro:after {
  height: 25px;
  width: 34px;
}
.card-icon.icon--maestro.card-icon-small {
  padding-left: 39px;
}
.card-icon.icon--paypal {
  padding-left: 79px;
}
.card-icon.icon--paypal:after {
  background-image: url(/dist/assets/apps/core/less/icons/icon-paypal-e007e8e3.svg);
  width: 65px;
  height: 34px;
}
.card-icon-small.card-icon.icon--paypal:after {
  height: 27px;
  width: 51px;
}
.card-icon.icon--paypal.card-icon-small {
  padding-left: 56px;
}
.svg-icon:after {
  content: '';
  position: absolute;
  text-align: center;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 16px;
  background-size: contain;
}
.icon--car-white.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjY2NjA1N0MwIDAuNDU2NzcgMC4xNzEyNzQgMC4yODcxMDkgMC4zODI1NSAwLjI4NzEwOUgzLjY5Nzk5QzMuODgwMzIgMC4yODcxMDkgNC4wMzczMSAwLjQxNDU4MiA0LjA3MzEgMC41OTE2ODZMNC44NDEwMyA0LjM5MjM3SDE4LjYxNzRDMTguNzMxNSA0LjM5MjM3IDE4LjgzOTUgNC40NDI3NSAxOC45MTIyIDQuNTI5NzZDMTguOTg0OSA0LjYxNjc4IDE5LjAxNDYgNC43MzEzNyAxOC45OTMyIDQuODQyMzFMMTcuNjY3IDExLjczMDlMMTcuNjY2NSAxMS43MzM4QzE3LjU3MzIgMTIuMTk5IDE3LjMxNzcgMTIuNjE2OSAxNi45NDQ3IDEyLjkxNDRDMTYuNTcyNyAxMy4yMTEgMTYuMTA3NSAxMy4zNjkgMTUuNjMwMSAxMy4zNjA4SDcuNTgwNTNDNy4xMDMxMyAxMy4zNjkgNi42Mzc5IDEzLjIxMSA2LjI2NTkgMTIuOTE0NEM1Ljg5Mjk4IDEyLjYxNyA1LjYzNzUxIDEyLjE5OTIgNS41NDQxNyAxMS43MzQxTDQuMTU2ODcgNC44NjgwNkM0LjE1MzA0IDQuODUzNjQgNC4xNTAwNSA0LjgzODg5IDQuMTQ3OTQgNC44MjM4NUwzLjM4NDQyIDEuMDQ1SDAuMzgyNTVDMC4xNzEyNzQgMS4wNDUgMCAwLjg3NTM0NCAwIDAuNjY2MDU3Wk00Ljk5NDE3IDUuMTUwMjdMNi4yOTQ0NCAxMS41ODU2QzYuMzUyNzQgMTEuODc2NCA2LjUxMjU0IDEyLjEzODEgNi43NDU2NyAxMi4zMjRDNi45Nzg3OSAxMi41MDk5IDcuMjcwNSAxMi42MDg2IDcuNTY5NzIgMTIuNjAzTDcuNTc3MDUgMTIuNjAyOEwxNS42NDA5IDEyLjYwMjlDMTUuOTQwMSAxMi42MDg2IDE2LjIzMTggMTIuNTA5OSAxNi40NjQ5IDEyLjMyNEMxNi42OTc3IDEyLjEzODQgMTYuODU3MyAxMS44Nzc3IDE2LjkxNTggMTEuNTg3NEwxNi45MTYxIDExLjU4NjFMMTguMTU1IDUuMTUwMjdINC45OTQxN1pNOS4wODU1NyAxNS44MjRDOC42MTAyIDE1LjgyNCA4LjIyNDgzIDE2LjIwNTcgOC4yMjQ4MyAxNi42NzY2QzguMjI0ODMgMTcuMTQ3NSA4LjYxMDIgMTcuNTI5MiA5LjA4NTU3IDE3LjUyOTJDOS41NjA5NCAxNy41MjkyIDkuOTQ2MzEgMTcuMTQ3NSA5Ljk0NjMxIDE2LjY3NjZDOS45NDYzMSAxNi4yMDU3IDkuNTYwOTQgMTUuODI0IDkuMDg1NTcgMTUuODI0Wk03LjQ1OTczIDE2LjY3NjZDNy40NTk3MyAxNS43ODcxIDguMTg3NjQgMTUuMDY2MSA5LjA4NTU3IDE1LjA2NjFDOS45ODM1IDE1LjA2NjEgMTAuNzExNCAxNS43ODcxIDEwLjcxMTQgMTYuNjc2NkMxMC43MTE0IDE3LjU2NjEgOS45ODM1IDE4LjI4NzEgOS4wODU1NyAxOC4yODcxQzguMTg3NjQgMTguMjg3MSA3LjQ1OTczIDE3LjU2NjEgNy40NTk3MyAxNi42NzY2Wk0xNC4wNTg3IDE1LjgyNEMxMy41ODM0IDE1LjgyNCAxMy4xOTggMTYuMjA1NyAxMy4xOTggMTYuNjc2NkMxMy4xOTggMTcuMTQ3NSAxMy41ODM0IDE3LjUyOTIgMTQuMDU4NyAxNy41MjkyQzE0LjUzNDEgMTcuNTI5MiAxNC45MTk1IDE3LjE0NzUgMTQuOTE5NSAxNi42NzY2QzE0LjkxOTUgMTYuMjA1NyAxNC41MzQxIDE1LjgyNCAxNC4wNTg3IDE1LjgyNFpNMTIuNDMyOSAxNi42NzY2QzEyLjQzMjkgMTUuNzg3MSAxMy4xNjA4IDE1LjA2NjEgMTQuMDU4NyAxNS4wNjYxQzE0Ljk1NjYgMTUuMDY2MSAxNS42ODQ2IDE1Ljc4NzEgMTUuNjg0NiAxNi42NzY2QzE1LjY4NDYgMTcuNTY2MSAxNC45NTY2IDE4LjI4NzEgMTQuMDU4NyAxOC4yODcxQzEzLjE2MDggMTguMjg3MSAxMi40MzI5IDE3LjU2NjEgMTIuNDMyOSAxNi42NzY2WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K);
  width: 19px;
  height: 18px;
}
.icon--download-white.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01LjI2ODM4IDguNjk2OTVDNS40MzU3NSA4LjUyOTU5IDUuNzA3MTEgOC41Mjk1OSA1Ljg3NDQ3IDguNjk2OTVMOC41NzE0MyAxMS4zOTM5VjUuNTcxNDNDOC41NzE0MyA1LjMzNDczIDguNzYzMzEgNS4xNDI4NiA5IDUuMTQyODZDOS4yMzY2OSA1LjE0Mjg2IDkuNDI4NTcgNS4zMzQ3MyA5LjQyODU3IDUuNTcxNDNWMTEuMzkzOUwxMi4xMjU1IDguNjk2OTVDMTIuMjkyOSA4LjUyOTU5IDEyLjU2NDIgOC41Mjk1OSAxMi43MzE2IDguNjk2OTVDMTIuODk5IDguODY0MzIgMTIuODk5IDkuMTM1NjggMTIuNzMxNiA5LjMwMzA1TDkuMzAzMDUgMTIuNzMxNkM5LjI2MTk2IDEyLjc3MjcgOS4yMTQ2IDEyLjgwMzcgOS4xNjQwNSAxMi44MjQ2QzkuMTE4MDkgMTIuODQzNiA5LjA2OTQ4IDEyLjg1NDMgOS4wMjA1NiAxMi44NTY3QzkuMDEzNzEgMTIuODU3IDkuMDA2ODYgMTIuODU3MSA5IDEyLjg1NzEiIGZpbGw9IiNGOEY4RjgiLz4NCjxwYXRoIGQ9Ik04LjgzNTk1IDEyLjgyNDZDOC43ODU0IDEyLjgwMzcgOC43MzgwNCAxMi43NzI3IDguNjk2OTUgMTIuNzMxNkw1LjI2ODM4IDkuMzAzMDVDNS4xMDEwMiA5LjEzNTY4IDUuMTAxMDIgOC44NjQzMiA1LjI2ODM4IDguNjk2OTUiIGZpbGw9IiNGOEY4RjgiLz4NCjxwYXRoIGQ9Ik04Ljk5NzQzIDEyLjg1NzFDOC45NDAyNiAxMi44NTY4IDguODg1NzQgMTIuODQ1MyA4LjgzNTk1IDEyLjgyNDZMOC45OTc0MyAxMi44NTcxWiIgZmlsbD0iI0Y4RjhGOCIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDlDMCA0LjAyOTQ0IDQuMDI5NDQgMCA5IDBDMTMuOTcwNiAwIDE4IDQuMDI5NDQgMTggOUMxOCAxMy45NzA2IDEzLjk3MDYgMTggOSAxOEM0LjAyOTQ0IDE4IDAgMTMuOTcwNiAwIDlaTTkgMC44NTcxNDNDNC41MDI4MiAwLjg1NzE0MyAwLjg1NzE0MyA0LjUwMjgyIDAuODU3MTQzIDlDMC44NTcxNDMgMTMuNDk3MiA0LjUwMjgyIDE3LjE0MjkgOSAxNy4xNDI5QzEzLjQ5NzIgMTcuMTQyOSAxNy4xNDI5IDEzLjQ5NzIgMTcuMTQyOSA5QzE3LjE0MjkgNC41MDI4MiAxMy40OTcyIDAuODU3MTQzIDkgMC44NTcxNDNaIiBmaWxsPSIjRjhGOEY4Ii8+DQo8L3N2Zz4NCg==);
  width: 18px;
  height: 18px;
}
.icon--tag-white.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTAyNCA0LjM0MjUxQzEwLjE0MTUgNS4xMDMzMiAxMC4xNDE1IDYuMzM2ODQgMTAuOTAyNCA3LjA5NzY1QzExLjY2MzIgNy44NTg0NiAxMi44OTY3IDcuODU4NDYgMTMuNjU3NSA3LjA5NzY1QzE0LjQxODMgNi4zMzY4NCAxNC40MTgzIDUuMTAzMzIgMTMuNjU3NSA0LjM0MjUxQzEyLjg5NjcgMy41ODE3MSAxMS42NjMyIDMuNTgxNzEgMTAuOTAyNCA0LjM0MjUxWk0xMS41OTExIDUuMDMxM0MxMS4yMTA3IDUuNDExNyAxMS4yMTA3IDYuMDI4NDYgMTEuNTkxMSA2LjQwODg2QzExLjk3MTUgNi43ODkyNyAxMi41ODgzIDYuNzg5MjcgMTIuOTY4NyA2LjQwODg2QzEzLjM0OTEgNi4wMjg0NiAxMy4zNDkxIDUuNDExNyAxMi45Njg3IDUuMDMxM0MxMi41ODgzIDQuNjUwODkgMTEuOTcxNSA0LjY1MDg5IDExLjU5MTEgNS4wMzEzWiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuNDI5NCAxMC4yMTM2QzE3LjgwNjQgOS44MzY1NiAxOC4wMTI0IDkuMzIxNTEgMTcuOTk5NCA4Ljc4ODVMMTcuODM1NCAyLjA2NDY3QzE3LjgxMDEgMS4wMjU5NSAxNi45NzQxIDAuMTg5OTEgMTUuOTM1MyAwLjE2NDU3Nkw5LjIxMTUgMC4wMDA1ODAwNTFDOC42Nzg0OSAtMC4wMTI0MjA4IDguMTYzNDQgMC4xOTM1OTkgNy43ODY0MyAwLjU3MDYwN0wwLjU3MDYwNiA3Ljc4NjQzQy0wLjE5MDIwMyA4LjU0NzI0IC0wLjE5MDIwMSA5Ljc4MDc1IDAuNTcwNjA3IDEwLjU0MTZMNy40NTg0NCAxNy40Mjk0QzguMjE5MjUgMTguMTkwMiA5LjQ1Mjc2IDE4LjE5MDIgMTAuMjEzNiAxNy40Mjk0TDE3LjQyOTQgMTAuMjEzNlpNOC40NzUyMSAxLjI1OTM5TDEuMjU5MzkgOC40NzUyMUMwLjg3ODk4NSA4Ljg1NTYyIDAuODc4OTg1IDkuNDcyMzcgMS4yNTkzOSA5Ljg1Mjc4TDguMTQ3MjIgMTYuNzQwNkM4LjUyNzYzIDE3LjEyMSA5LjE0NDM4IDE3LjEyMSA5LjUyNDc5IDE2Ljc0MDZMMTYuNzQwNiA5LjUyNDc5QzE2LjkyOTEgOS4zMzYyOCAxNy4wMzIxIDkuMDc4NzYgMTcuMDI1NiA4LjgxMjI1TDE2Ljg2MTYgMi4wODg0MkMxNi44NDkgMS41NjkwNiAxNi40MzA5IDEuMTUxMDQgMTUuOTExNiAxLjEzODM3TDkuMTg3NzUgMC45NzQzNzdDOC45MjEyNCAwLjk2Nzg3NyA4LjY2MzcyIDEuMDcwODkgOC40NzUyMSAxLjI1OTM5WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K);
  width: 18px;
  height: 18px;
}
.icon--info-white.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAxLjE0NDI1QzQuNTAyODIgMS4xNDQyNSAwLjg1NzE0MyA0Ljc4OTkzIDAuODU3MTQzIDkuMjg3MTFDMC44NTcxNDMgMTMuNzg0MyA0LjUwMjgyIDE3LjQzIDkgMTcuNDNDMTMuNDk3MiAxNy40MyAxNy4xNDI5IDEzLjc4NDMgMTcuMTQyOSA5LjI4NzExQzE3LjE0MjkgNC43ODk5MyAxMy40OTcyIDEuMTQ0MjUgOSAxLjE0NDI1Wk0wIDkuMjg3MTFDMCA0LjMxNjU1IDQuMDI5NDQgMC4yODcxMDkgOSAwLjI4NzEwOUMxMy45NzA2IDAuMjg3MTA5IDE4IDQuMzE2NTUgMTggOS4yODcxMUMxOCAxNC4yNTc3IDEzLjk3MDYgMTguMjg3MSA5IDE4LjI4NzFDNC4wMjk0NCAxOC4yODcxIDAgMTQuMjU3NyAwIDkuMjg3MTFaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDguODU4NTRDOS4yMzY2OSA4Ljg1ODU0IDkuNDI4NTcgOS4wNTA0MiA5LjQyODU3IDkuMjg3MTFWMTIuNzE1N0M5LjQyODU3IDEyLjk1MjQgOS4yMzY2OSAxMy4xNDQzIDkgMTMuMTQ0M0M4Ljc2MzMxIDEzLjE0NDMgOC41NzE0MyAxMi45NTI0IDguNTcxNDMgMTIuNzE1N1Y5LjI4NzExQzguNTcxNDMgOS4wNTA0MiA4Ljc2MzMxIDguODU4NTQgOSA4Ljg1ODU0WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC41NzE0MyA1Ljg1ODU0QzguNTcxNDMgNS42MjE4NCA4Ljc2MzMxIDUuNDI5OTcgOSA1LjQyOTk3SDkuMDA4NTdDOS4yNDUyNyA1LjQyOTk3IDkuNDM3MTQgNS42MjE4NCA5LjQzNzE0IDUuODU4NTRDOS40MzcxNCA2LjA5NTIzIDkuMjQ1MjcgNi4yODcxMSA5LjAwODU3IDYuMjg3MTFIOUM4Ljc2MzMxIDYuMjg3MTEgOC41NzE0MyA2LjA5NTIzIDguNTcxNDMgNS44NTg1NFoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==);
  width: 18px;
  height: 18px;
}
.icon--back.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjI5Mjg5MyA3LjU4Qy0wLjA5NzYzMTQgNy45NzA1MyAtMC4wOTc2MzE1IDguNjAzNjkgMC4yOTI4OTMgOC45OTQyMUw2LjY1Njg1IDE1LjM1ODJDNy4wNDczOCAxNS43NDg3IDcuNjgwNTQgMTUuNzQ4NyA4LjA3MTA3IDE1LjM1ODJDOC40NjE1OSAxNC45Njc3IDguNDYxNTkgMTQuMzM0NSA4LjA3MTA3IDEzLjk0NEwyLjQxNDIxIDguMjg3MTFMOC4wNzEwNyAyLjYzMDI1QzguNDYxNTkgMi4yMzk3MyA4LjQ2MTU5IDEuNjA2NTcgOC4wNzEwNyAxLjIxNjA0QzcuNjgwNTQgMC44MjU1MTcgNy4wNDczOCAwLjgyNTUxNiA2LjY1Njg2IDEuMjE2MDRMMC4yOTI4OTMgNy41OFpNMTUgNy4yODcxMUwxIDcuMjg3MTFMMSA5LjI4NzExTDE1IDkuMjg3MTFMMTUgNy4yODcxMVoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==);
  width: 15px;
  height: 16px;
}
.icon--back-white.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjI5Mjg5MyA3LjU4Qy0wLjA5NzYzMTQgNy45NzA1MyAtMC4wOTc2MzE1IDguNjAzNjkgMC4yOTI4OTMgOC45OTQyMUw2LjY1Njg1IDE1LjM1ODJDNy4wNDczOCAxNS43NDg3IDcuNjgwNTQgMTUuNzQ4NyA4LjA3MTA3IDE1LjM1ODJDOC40NjE1OSAxNC45Njc3IDguNDYxNTkgMTQuMzM0NSA4LjA3MTA3IDEzLjk0NEwyLjQxNDIxIDguMjg3MTFMOC4wNzEwNyAyLjYzMDI1QzguNDYxNTkgMi4yMzk3MyA4LjQ2MTU5IDEuNjA2NTcgOC4wNzEwNyAxLjIxNjA0QzcuNjgwNTQgMC44MjU1MTcgNy4wNDczOCAwLjgyNTUxNiA2LjY1Njg2IDEuMjE2MDRMMC4yOTI4OTMgNy41OFpNMTUgNy4yODcxMUwxIDcuMjg3MTFMMSA5LjI4NzExTDE1IDkuMjg3MTFMMTUgNy4yODcxMVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==);
  width: 15px;
  height: 16px;
}
.icon--close.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi4yOTE2IDBMMTcgMC43MDgzMzNMMC43MDgzMzIgMTdMMCAxNi4yOTE3TDE2LjI5MTYgMFoiIGZpbGw9IiNDNEM0QzQiLz4NCjxwYXRoIGQ9Ik0yLjgwMDNlLTA1IDAuNzA4MzM0TDAuNzA4MzYgNy43NjIwNGUtMDdMMTcgMTYuMjkxN0wxNi4yOTE3IDE3TDIuODAwM2UtMDUgMC43MDgzMzRaIiBmaWxsPSIjQzRDNEM0Ii8+DQo8L3N2Zz4NCg==);
  width: 17px;
  height: 17px;
}
.icon--close-blue.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNi4yOTE2IDBMMTcgMC43MDgzMzNMMC43MDgzMzIgMTdMMCAxNi4yOTE3TDE2LjI5MTYgMFoiIGZpbGw9IiM3RDlGQkQiLz4NCjxwYXRoIGQ9Ik0yLjgwMDNlLTA1IDAuNzA4MzM0TDAuNzA4MzYgNy43NjIwNGUtMDdMMTcgMTYuMjkxN0wxNi4yOTE3IDE3TDIuODAwM2UtMDUgMC43MDgzMzRaIiBmaWxsPSIjN0Q5RkJEIi8+DQo8L3N2Zz4NCg==);
  width: 17px;
  height: 17px;
}
.icon--change-photo.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDE5LjVMNSAxM0w5IDE1LjVMMTQuNSAxMC41TDE3LjUgMTkuNSIgc3Ryb2tlPSIjNDM3RUIyIi8+DQo8cGF0aCBkPSJNMzAuMDMxNCAxMy4zNjRMMjkuMjYzNCAxMi4zMDhDMjguNzcxNCAxMi43MDQgMjguMzI3NCAxMi44NDggMjcuODM1NCAxMi44NDhDMjcuMTE1NCAxMi44NDggMjYuNTYzNCAxMi41MjQgMjYuMjI3NCAxMS45MTJDMjUuOTc1NCAxMS40NTYgMjUuODc5NCAxMC44MiAyNS44Nzk0IDkuNjhDMjUuODc5NCA4LjcwOCAyNi4wMjM0IDguMDEyIDI2LjM0NzQgNy41MzJDMjYuNjQ3NCA3LjA4OCAyNy4xOTk0IDYuODEyIDI3Ljc2MzQgNi44MTJDMjguMjMxNCA2LjgxMiAyOC42NzU0IDYuOTY4IDI5LjA5NTQgNy4yOEwyOS44NTE0IDYuMTRDMjkuMzk1NCA1Ljc0NCAyOC41Njc0IDUuNDggMjcuNzM5NCA1LjQ4QzI2LjM5NTQgNS40OCAyNS4xOTU0IDYuMiAyNC41NDc0IDcuNDEyQzI0LjE2MzQgOC4xMzIgMjMuOTgzNCA4Ljk2IDIzLjk4MzQgMTAuMDA0QzIzLjk4MzQgMTEuMjI4IDI0LjMxOTQgMTIuMjM2IDI0Ljk5MTQgMTIuOTkyQzI1LjY3NTQgMTMuNzcyIDI2LjU2MzQgMTQuMTQ0IDI3LjcxNTQgMTQuMTQ0QzI4LjY2MzQgMTQuMTQ0IDI5LjM3MTQgMTMuOTA0IDMwLjAzMTQgMTMuMzY0Wk0zNi45MTIyIDE0VjUuNjZIMzUuMjA4MlY4LjlIMzIuODA4MlY1LjY2SDMxLjE0MDJWMTRIMzIuODA4MlYxMC4yOEgzNS4yMDgyVjE0SDM2LjkxMjJaTTQ0Ljk1MDUgMTRMNDIuMzIyNSA1LjYzNkg0MC41MTA1TDM3Ljc3NDUgMTRIMzkuNTI2NUw0MC4xMTQ1IDEyLjAySDQyLjU2MjVMNDMuMTUwNSAxNEg0NC45NTA1Wk00Mi4xNTQ1IDEwLjYyOEg0MC41MjI1QzQwLjcwMjUgMTAuMDc2IDQwLjgxMDUgOS42OCA0MC45NjY1IDkuMDhDNDEuMTEwNSA4LjUyOCA0MS4zMTQ1IDcuNjY0IDQxLjM2MjUgNy40NzJMNDEuNjk4NSA4Ljk0OEM0MS44MzA1IDkuNTI0IDQyLjA5NDUgMTAuNDQ4IDQyLjE1NDUgMTAuNjI4Wk01MS42MDgxIDE0VjUuNjZINTAuMDEyMUw1MC4wNDgxIDkuMDY4QzUwLjA2MDEgOS42NDQgNTAuMTIwMSAxMC43MTIgNTAuMTgwMSAxMS4zNkM1MC4wMTIxIDEwLjc2IDQ5LjY4ODEgOS44ODQgNDkuMjY4MSA4Ljk5Nkw0Ny42NzIxIDUuNjZINDUuODEyMVYxNEg0Ny40MzIxTDQ3LjM4NDEgMTAuNDM2QzQ3LjM3MjEgOS43NCA0Ny4zNjAxIDguNzU2IDQ3LjMwMDEgOC4wNzJDNDcuNDU2MSA4LjU4OCA0Ny45NjAxIDkuNzY0IDQ4LjQyODEgMTAuODA4TDQ5Ljg1NjEgMTRINTEuNjA4MVpNNTkuNTQ5OSAxMy4zNTJWOS4zNjhINTYuMzIxOUw1Ni41Mzc5IDEwLjczNkg1Ny44MDk5VjEyLjYzMkM1Ny41MzM5IDEyLjc3NiA1Ny4yMzM5IDEyLjgzNiA1Ni44NjE5IDEyLjgzNkM1Ni4zMjE5IDEyLjgzNiA1NS44NjU5IDEyLjY2OCA1NS41NTM5IDEyLjM2OEM1NS4xMzM5IDExLjk0OCA1NC45Mjk5IDExLjE4IDU0LjkyOTkgOS45OTJDNTQuOTI5OSA4Ljc0NCA1NS4wNzM5IDcuODQ0IDU1LjYzNzkgNy4zMDRDNTUuOTI1OSA3LjAyOCA1Ni4zNDU5IDYuODg0IDU2LjgzNzkgNi44ODRDNTcuNDczOSA2Ljg4NCA1OC4wMzc5IDcuMDg4IDU4LjU3NzkgNy41MzJMNTkuNDY1OSA2LjQ4OEM1OC43MzM5IDUuODUyIDU3LjgyMTkgNS41MjggNTYuODEzOSA1LjUyOEM1Ni4wMjE5IDUuNTI4IDU1LjM5NzkgNS43MDggNTQuNzg1OSA2LjExNkM1My42MjE5IDYuODk2IDUzLjA0NTkgOC4xNDQgNTMuMDQ1OSA5LjkwOEM1My4wNDU5IDExLjE1NiA1My4zMjE5IDEyLjA0NCA1My45MzM5IDEyLjgyNEM1NC42MDU5IDEzLjY4OCA1NS41Mjk5IDE0LjA5NiA1Ni43Nzc5IDE0LjA5NkM1Ny43NjE5IDE0LjA5NiA1OC42OTc5IDEzLjg1NiA1OS41NDk5IDEzLjM1MlpNNjYuMDk0IDE0VjEyLjU2SDYyLjkzOFYxMC4zMjhINjUuMzAyVjguOTZINjIuOTM4VjcuMDI4SDY1Ljc3TDY1Ljk4NiA1LjY2SDYxLjIzNFYxNEg2Ni4wOTRaTTc1LjU4MjcgOC4yMjhDNzUuNTgyNyA3LjI2OCA3NS4xNjI3IDYuNSA3NC4zODI3IDYuMDY4QzczLjkxNDcgNS44MDQgNzMuNDgyNyA1LjY2IDcyLjA2NjcgNS42Nkg2OS44NzA3VjE0SDcxLjU1MDdWMTAuOTI4SDcyLjQ3NDdDNzMuMzk4NyAxMC45MjggNzMuNzU4NyAxMC44MzIgNzQuMTQyNyAxMC42NTJDNzUuMDU0NyAxMC4yMiA3NS41ODI3IDkuMzMyIDc1LjU4MjcgOC4yMjhaTTczLjc0NjcgOC4yNjRDNzMuNzQ2NyA4LjY2IDczLjY4NjcgOC45IDczLjU0MjcgOS4xMjhDNzMuMzE0NyA5LjQ3NiA3My4xMTA3IDkuNTYgNzIuNDI2NyA5LjU2SDcxLjU1MDdWNy4wMTZINzIuNjE4N0M3My4zMjY3IDcuMDE2IDczLjc0NjcgNy40ODQgNzMuNzQ2NyA4LjI2NFpNODIuNTU2OCAxNFY1LjY2SDgwLjg1MjhWOC45SDc4LjQ1MjhWNS42Nkg3Ni43ODQ4VjE0SDc4LjQ1MjhWMTAuMjhIODAuODUyOFYxNEg4Mi41NTY4Wk05MS4xOTUxIDkuNzg4QzkxLjE5NTEgNy4xNzIgODkuODI3MSA1LjU1MiA4Ny42MDcxIDUuNTUyQzg2Ljk4MzEgNS41NTIgODYuMzcxMSA1LjY5NiA4NS44NzkxIDUuOTZDODQuNjc5MSA2LjYyIDgzLjk5NTEgOC4wNiA4My45OTUxIDkuODZDODMuOTk1MSAxMS4wODQgODQuMzE5MSAxMi4xNCA4NC45NTUxIDEyLjk1NkM4NS41OTExIDEzLjc4NCA4Ni40MDcxIDE0LjEzMiA4Ny42NjcxIDE0LjEzMkM4OC4zNjMxIDE0LjEzMiA4OC44MzExIDE0LjAyNCA4OS4zMzUxIDEzLjc0OEM5MC41NDcxIDEzLjA4OCA5MS4xOTUxIDExLjY3MiA5MS4xOTUxIDkuNzg4Wk04OS4yNjMxIDkuODM2Qzg5LjI2MzEgMTEuOTYgODguNzcxMSAxMi44NDggODcuNjA3MSAxMi44NDhDODcuMjExMSAxMi44NDggODYuODc1MSAxMi43NTIgODYuNjExMSAxMi41NkM4Ni4xMDcxIDEyLjIgODUuODY3MSAxMS4zIDg1Ljg2NzEgOS44NkM4NS44NjcxIDguODUyIDg1Ljk5OTEgOC4xMiA4Ni4yODcxIDcuNThDODYuNTI3MSA3LjEzNiA4Ny4wMTkxIDYuODQ4IDg3LjU4MzEgNi44NDhDODguNDcxMSA2Ljg0OCA4OC45MTUxIDcuNDg0IDg5LjA0NzEgNy45MDRDODkuMTkxMSA4LjM3MiA4OS4yNjMxIDguOTg0IDg5LjI2MzEgOS44MzZaTTk3LjY2MjcgNS42Nkg5MS42NTA3VjcuMDUySDkzLjY5MDdWMTRIOTUuMzk0N1Y3LjA1Mkg5Ny4zODY3TDk3LjY2MjcgNS42NlpNMTA1LjAxMSA5Ljc4OEMxMDUuMDExIDcuMTcyIDEwMy42NDMgNS41NTIgMTAxLjQyMyA1LjU1MkMxMDAuNzk5IDUuNTUyIDEwMC4xODcgNS42OTYgOTkuNjk1NSA1Ljk2Qzk4LjQ5NTUgNi42MiA5Ny44MTE1IDguMDYgOTcuODExNSA5Ljg2Qzk3LjgxMTUgMTEuMDg0IDk4LjEzNTUgMTIuMTQgOTguNzcxNSAxMi45NTZDOTkuNDA3NSAxMy43ODQgMTAwLjIyMyAxNC4xMzIgMTAxLjQ4MyAxNC4xMzJDMTAyLjE3OSAxNC4xMzIgMTAyLjY0NyAxNC4wMjQgMTAzLjE1MSAxMy43NDhDMTA0LjM2MyAxMy4wODggMTA1LjAxMSAxMS42NzIgMTA1LjAxMSA5Ljc4OFpNMTAzLjA3OSA5LjgzNkMxMDMuMDc5IDExLjk2IDEwMi41ODcgMTIuODQ4IDEwMS40MjMgMTIuODQ4QzEwMS4wMjcgMTIuODQ4IDEwMC42OTEgMTIuNzUyIDEwMC40MjcgMTIuNTZDOTkuOTIzNSAxMi4yIDk5LjY4MzUgMTEuMyA5OS42ODM1IDkuODZDOTkuNjgzNSA4Ljg1MiA5OS44MTU1IDguMTIgMTAwLjEwMyA3LjU4QzEwMC4zNDMgNy4xMzYgMTAwLjgzNSA2Ljg0OCAxMDEuMzk5IDYuODQ4QzEwMi4yODcgNi44NDggMTAyLjczMSA3LjQ4NCAxMDIuODYzIDcuOTA0QzEwMy4wMDcgOC4zNzIgMTAzLjA3OSA4Ljk4NCAxMDMuMDc5IDkuODM2WiIgZmlsbD0id2hpdGUiLz4NCjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTciIGhlaWdodD0iMTkiIHN0cm9rZT0iIzQzN0VCMiIvPg0KPGNpcmNsZSBjeD0iNS41IiBjeT0iNS41IiByPSIyLjUiIGZpbGw9IiM0MzdFQjIiLz4NCjwvc3ZnPg==);
  height: 20px;
  width: 18px;
}
.icon--rotate-crop.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMy42NjQ2IDEuMzU2MzhDMTMuODYxNCAxLjE2MjcgMTMuODYzOSAwLjg0NjEyNiAxMy42NzAyIDAuNjQ5M0MxMy40NzY2IDAuNDUyNDc1IDEzLjE2IDAuNDQ5OTMgMTIuOTYzMiAwLjY0MzYxNkwxMy42NjQ2IDEuMzU2MzhaTTEuNjI3NDQgMTIuNUwxLjI3Njc0IDEyLjE0MzZMMC45MTQ1OCAxMi41TDEuMjc2NzQgMTIuODU2NEwxLjYyNzQ0IDEyLjVaTTEyLjk2MzIgMjQuMzU2NEMxMy4xNiAyNC41NTAxIDEzLjQ3NjYgMjQuNTQ3NSAxMy42NzAyIDI0LjM1MDdDMTMuODYzOSAyNC4xNTM5IDEzLjg2MTQgMjMuODM3MyAxMy42NjQ2IDIzLjY0MzZMMTIuOTYzMiAyNC4zNTY0Wk02LjMzNTk2IDIzLjY0MzZDNi4xMzkxNCAyMy44MzczIDYuMTM2NTkgMjQuMTUzOSA2LjMzMDI4IDI0LjM1MDdDNi41MjM5NiAyNC41NDc1IDYuODQwNTQgMjQuNTUwMSA3LjAzNzM2IDI0LjM1NjRMNi4zMzU5NiAyMy42NDM2Wk0xOC4zNzMxIDEyLjVMMTguNzIzOCAxMi44NTY0TDE5LjA4NTkgMTIuNUwxOC43MjM4IDEyLjE0MzZMMTguMzczMSAxMi41Wk03LjAzNzM2IDAuNjQzNjE2QzYuODQwNTQgMC40NDk5MyA2LjUyMzk2IDAuNDUyNDc2IDYuMzMwMjggMC42NDkzMDFDNi4xMzY1OSAwLjg0NjEyNyA2LjEzOTE0IDEuMTYyNyA2LjMzNTk2IDEuMzU2MzlMNy4wMzczNiAwLjY0MzYxNlpNMTIuOTYzMiAwLjY0MzYxNkwxLjI3Njc0IDEyLjE0MzZMMS45NzgxNCAxMi44NTY0TDEzLjY2NDYgMS4zNTYzOEwxMi45NjMyIDAuNjQzNjE2Wk0xLjI3Njc0IDEyLjg1NjRMMTIuOTYzMiAyNC4zNTY0TDEzLjY2NDYgMjMuNjQzNkwxLjk3ODE0IDEyLjE0MzZMMS4yNzY3NCAxMi44NTY0Wk03LjAzNzM2IDI0LjM1NjRMMTguNzIzOCAxMi44NTY0TDE4LjAyMjQgMTIuMTQzNkw2LjMzNTk2IDIzLjY0MzZMNy4wMzczNiAyNC4zNTY0Wk0xOC43MjM4IDEyLjE0MzZMNy4wMzczNiAwLjY0MzYxNkw2LjMzNTk2IDEuMzU2MzlMMTguMDIyNCAxMi44NTY0TDE4LjcyMzggMTIuMTQzNloiIGZpbGw9IiM0MzdFQjIiLz4NCjwvc3ZnPg0K);
  height: 23px;
  width: 17px;
}
.icon--rotate-image.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNOS43Nzc3MiAyLjA4MzhDMy4yMDk0NiAzLjk2ODU1IC0wLjc3MDE3MyAxMC4xODM3IDAuODg4OTYzIDE1Ljk2NTdDMS44MDY0IDE5LjE2MjkgNC4yNTU4NyAyMS41NTgyIDcuMzczMDggMjIuNzQyMk05Ljc3NzcyIDIuMDgzOEw3LjgxMDI2IDguNDIwNjFNOS43Nzc3MiAyLjA4MzhMMi44MjY1NCAwLjc0MDcxMiIgc3Ryb2tlPSIjNDM3RUIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
  height: 24px;
  width: 11px;
}
.icon--letterbox.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHN0cm9rZT0iIzQzN0VCMiIvPg0KPHJlY3QgeD0iMy41IiB5PSIwLjUiIHdpZHRoPSI5IiBoZWlnaHQ9IjE1IiBzdHJva2U9IiM0MzdFQjIiLz4NCjwvc3ZnPg0K);
  height: 16px;
  width: 16px;
}
.icon--no-border.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHN0cm9rZT0iIzQzN0VCMiIvPg0KPC9zdmc+DQo=);
  height: 16px;
  width: 16px;
}
.icon--white-border.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHN0cm9rZT0iIzQzN0VCMiIvPg0KPHJlY3QgeD0iMi41IiB5PSIyLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgc3Ryb2tlPSIjNDM3RUIyIi8+DQo8L3N2Zz4NCg==);
  height: 16px;
  width: 16px;
}
.icon--excluded.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzMiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA3MyA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIG9wYWNpdHk9IjAuNSI+DQo8cGF0aCBkPSJNNjAuNjI0MiA0MC42MzE3QzY0LjQ2NDIgMzcuMTI0NyA2OC4yNjk4IDMyLjc3MzIgNzIuMDA5NiAyNy41NTg4QzU1LjE4ODIgOC41MTM0IDM4Ljk2MjggMi4yODg5MSAyMy4zMzMzIDguODg1MTZMMzYuMDM4IDE5LjcwMDlDMzYuMTkxIDE5LjY5MzIgMzYuMzQ1IDE5LjY4OTQgMzYuNDk5OSAxOS42ODk0QzQxLjE5NjYgMTkuNjg5NCA0NS4wNzE4IDIzLjI1OTMgNDUuNjM1NiAyNy44NzE2TDYwLjYyNDIgNDAuNjMxN1oiIHN0cm9rZT0id2hpdGUiLz4NCjxwYXRoIGQ9Ik00OS4zNzEzIDQ4LjQ3NTFMMzcuNDUzNSAzOC4zMjkyQzM3LjE0IDM4LjM2MTkgMzYuODIxOSAzOC4zNzg3IDM2LjQ5OTkgMzguMzc4N0MzMS42MzU5IDM4LjM3ODcgMjcuNjUyOSAzNC41NDk5IDI3LjMxNjcgMjkuNjk5NUwxMS42MTI1IDE2LjMzMDJDOC4wMzkzNSAxOS4zNzY0IDQuNDk4NiAyMy4xMTkzIDAuOTkwMjM0IDI3LjU1ODhDMTUuNDgxNCA0OS4yMDY4IDMyLjQ2NzUgNTYuNjkyMiA0OS4zNzEzIDQ4LjQ3NTFaIiBzdHJva2U9IndoaXRlIi8+DQo8cGF0aCBkPSJNMy43NTA3MSAxLjA4MjA4TDY3LjkyODUgNTUuOTE3OCIgc3Ryb2tlPSJ3aGl0ZSIvPg0KPC9nPg0KPC9zdmc+DQo=);
  width: 71px;
  height: 55px;
}
.icon--like.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTEwLjY0NjQgMy4xMzU5NkwxMSAzLjQ4OTc3TDExLjM1MzYgMy4xMzU5NkwxMi40MzI2IDIuMDU2NDZDMTQuNTA2OSAtMC4wMTg4MTkxIDE3Ljg2OTkgLTAuMDE4ODE5MyAxOS45NDQyIDIuMDU2NDZDMjIuMDE3OSA0LjEzMTE0IDIyLjAxODYgNy40OTQ1MSAxOS45NDY0IDkuNTcwMUwxMC45OTg2IDE4LjMwMjhDMTAuODA4OSAxOC4xMTkxIDEwLjU0ODcgMTcuODY3MSAxMC4yMzUzIDE3LjU2MzRDOS41NTI3MiAxNi45MDE4IDguNjE3NDMgMTUuOTk0NiA3LjYwNjYxIDE1LjAxMThDNS41ODM4NyAxMy4wNDUxIDMuMjYyMTEgMTAuNzc5MSAyLjA1NTgxIDkuNTcyMjhDLTAuMDE4NjA0NSA3LjQ5Njg3IC0wLjAxODYwNDUgNC4xMzE4NyAyLjA1NTgxIDIuMDU2NDZDNC4xMzAxIC0wLjAxODgxOTEgNy40OTMwOCAtMC4wMTg4MTkyIDkuNTY3MzcgMi4wNTY0NkwxMC42NDY0IDMuMTM1OTZaIiBzdHJva2U9IiMwMDAwMDAiLz4NCjwvc3ZnPg==);
  width: 26px;
  height: 20px;
}
.is-selected.icon--like.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0icmVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8cGF0aCBkPSJNMTAuNjQ2NCAzLjEzNTk2TDExIDMuNDg5NzdMMTEuMzUzNiAzLjEzNTk2TDEyLjQzMjYgMi4wNTY0NkMxNC41MDY5IC0wLjAxODgxOTEgMTcuODY5OSAtMC4wMTg4MTkzIDE5Ljk0NDIgMi4wNTY0NkMyMi4wMTc5IDQuMTMxMTQgMjIuMDE4NiA3LjQ5NDUxIDE5Ljk0NjQgOS41NzAxTDEwLjk5ODYgMTguMzAyOEMxMC44MDg5IDE4LjExOTEgMTAuNTQ4NyAxNy44NjcxIDEwLjIzNTMgMTcuNTYzNEM5LjU1MjcyIDE2LjkwMTggOC42MTc0MyAxNS45OTQ2IDcuNjA2NjEgMTUuMDExOEM1LjU4Mzg3IDEzLjA0NTEgMy4yNjIxMSAxMC43NzkxIDIuMDU1ODEgOS41NzIyOEMtMC4wMTg2MDQ1IDcuNDk2ODcgLTAuMDE4NjA0NSA0LjEzMTg3IDIuMDU1ODEgMi4wNTY0NkM0LjEzMDEgLTAuMDE4ODE5MSA3LjQ5MzA4IC0wLjAxODgxOTIgOS41NjczNyAyLjA1NjQ2TDEwLjY0NjQgMy4xMzU5NloiIHN0cm9rZT0icmVkIi8+DQo8L3N2Zz4=);
  width: 26px;
  height: 20px;
}
.is-friends.icon--like.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjcwMjE4IDEuNzAyOTlDLTAuNTY3MzkyIDMuOTczNjQgLTAuNTY3MzkyIDcuNjU1MDkgMS43MDIxOCA5LjkyNTc0QzQuMTIwNzcgMTIuMzQ1NSAxMSAxOSAxMSAxOUwyMC4yOTc4IDkuOTI1NzRDMjIuNTY3NCA3LjY1NTA5IDIyLjU2NzQgMy45NzM2NCAyMC4yOTc4IDEuNzAyOTlDMTguMDI4MyAtMC41Njc2NjMgMTQuMzQ4NiAtMC41Njc2NjMgMTIuMDc5IDEuNzAyOTlMMTEgMi43ODI1TDkuOTIxMDEgMS43MDI5OUM3LjY1MTQ0IC0wLjU2NzY2MyAzLjk3MTc0IC0wLjU2NzY2MyAxLjcwMjE4IDEuNzAyOTlaIiBmaWxsPSIjRkY1RjVGIi8+DQo8L3N2Zz4NCg==);
  width: 22px;
  height: 19px;
}
.icon--hidden.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjQ3MDc1IDcuODM4OUMwLjM5MDgzIDcuOTM2NTggMC4zMTA5ODEgOC4wMzUxNCAwLjIzMTIwNSA4LjEzNDZMMCA4LjQyMjgzTDAuMjA3NjY1IDguNzI4NDZDMC4yNzkzMyA4LjgzMzkzIDAuMzUxMTc5IDguOTM4NTUgMC40MjMyMTEgOS4wNDIzMkM0LjQxMzAyIDE0Ljc5IDguOTYzOTggMTcuOTIyNiAxMy43MzgzIDE3Ljk5ODZDMTYuNzIxNyAxOC4wNDYxIDE5LjcxMzkgMTYuODk4NCAyMi42MzAyIDE0LjU2MjdDMjIuNzc2IDE0LjQ0NTkgMjIuOTIxNiAxNC4zMjYxIDIzLjA2NyAxNC4yMDM0QzI0LjY2NjcgMTIuODUzNCAyNi4yNDIxIDExLjE0NDEgMjcuNzc5IDkuMDc2NzNDMjcuODYxMyA4Ljk2NjA5IDI3Ljk0MzQgOC44NTQ0MiAyOC4wMjU1IDguNzQxNzRMMjguMjYzNSA4LjQxNDhMMjcuOTkzNSA4LjExMzY5QzI3LjkwMDYgOC4wMTAwOCAyNy44MDc4IDcuOTA3NDMgMjcuNzE0OSA3LjgwNTc2QzIzLjAyIDIuNjY0ODYgMTguMzYyNSAtOC4zNjUyMmUtMDYgMTMuNzQ2MiAwQzEzLjczNjkgMCAxMy43Mjc1IDEuMDk3MDZlLTA1IDEzLjcxODIgMy4yODU5MmUtMDVDOS4wOTk4NSAwLjAxMDg0MjEgNC42ODQ3NSAyLjY4ODMzIDAuNDcwNzUgNy44Mzg5Wk0yNi45NzY1IDguNDgwMTFDMjYuNzczNCA4LjI1NzcxIDI2LjU3MDcgOC4wNDAzOSAyNi4zNjg0IDcuODI4MTRDMjEuOTc3NyAzLjIyMTkzIDE3Ljc3MDkgMC45OTk5OTMgMTMuNzQ2MiAxQzkuNTQxNzYgMS4wMDAwMSA1LjM3MzA5IDMuNDI2MjEgMS4yNDQ3MSA4LjQ3MjEzQzEuNDIyOTYgOC43Mjg5MyAxLjYwMjAyIDguOTc5OTIgMS43ODE4NiA5LjIyNTFDNS41NDAzNCAxNC4zNDkgOS42MzkyNCAxNi45MzMyIDEzLjc1NDIgMTYuOTk4N0MxMy43ODg1IDE2Ljk5OTMgMTMuODIyOCAxNi45OTk2IDEzLjg1NzEgMTYuOTk5OEMxOC4xMzYyIDE3LjAyNDMgMjIuNjI4MiAxNC4zMjkgMjYuOTc2NSA4LjQ4MDExWk0xNC4xMjEyIDExLjVDMTUuNTAxOSAxMS41IDE2LjYyMTIgMTAuMzgwNyAxNi42MjEyIDlDMTYuNjIxMiA3LjYxOTI5IDE1LjUwMTkgNi41IDE0LjEyMTIgNi41QzEyLjc0MDUgNi41IDExLjYyMTIgNy42MTkyOSAxMS42MjEyIDlDMTEuNjIxMiAxMC4zODA3IDEyLjc0MDUgMTEuNSAxNC4xMjEyIDExLjVaTTE3LjYyMTIgOUMxNy42MjEyIDEwLjkzMyAxNi4wNTQyIDEyLjUgMTQuMTIxMiAxMi41QzEyLjE4ODIgMTIuNSAxMC42MjEyIDEwLjkzMyAxMC42MjEyIDlDMTAuNjIxMiA3LjA2NyAxMi4xODgyIDUuNSAxNC4xMjEyIDUuNUMxNi4wNTQyIDUuNSAxNy42MjEyIDcuMDY3IDE3LjYyMTIgOVoiIGZpbGw9IiMwMDAwMDAiLz4NCjwvc3ZnPg==);
  width: 29px;
  height: 19px;
}
.is-selected.icon--hidden.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiMwMDAwMDAiLz4NCiAgPHBhdGggZD0iTTUuOTE4MyA5LjE1NjMyTDI0LjM0MjEgMjVMMjMuNzg5NSAyMi43MTQzTDcuMjEwNTMgOUw1LjkxODMgOS4xNTYzMloiIGZpbGw9IndoaXRlIi8+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuODA1OCAxNS45NTczQzIzLjQwNjcgMTMuMjQ2OSAyMS4wMjUyIDExLjQxOTQgMTguNjU2OCAxMC41MTI4QzE2LjI3NjcgOS42MDE2NyAxMy45MjYyIDkuNjI3NTkgMTEuNjI2NyAxMC41OTZMMTEuMDc0OSAxMC44MjgzTDE1LjIzMjcgMTQuMzYwM0wxNS4zODA2IDE0LjM1MjhDMTUuNDE3NyAxNC4zNTEgMTUuNDU0OSAxNC4zNTAxIDE1LjQ5MjUgMTQuMzUwMUMxNi42MjMzIDE0LjM1MDEgMTcuNTY3NCAxNS4yMDkyIDE3LjcwNSAxNi4zMzNMMTcuNzIyNSAxNi40NzUzTDIyLjMxOCAyMC4zNzlMMjIuNTYwOCAyMC4xNTc4QzIzLjY2ODIgMTkuMTQ4NiAyNC43NjAyIDE3LjkwMTQgMjUuODI5MiAxNi40MTQzTDI2IDE2LjE3NjZMMjUuODA1OCAxNS45NTczWiIgZmlsbD0id2hpdGUiLz4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ1OTc2IDEyLjU0OUw4LjIxNzk2IDEyLjc1NDdDNy4xODY1MyAxMy42MzIxIDYuMTY5NTIgMTQuNzA1OCA1LjE2NjEgMTUuOTcyOEw1IDE2LjE4MjVMNS4xNDg5NSAxNi40MDQ1QzcuMjE5MDkgMTkuNDkwMyA5LjQ5MjE2IDIxLjYwNTMgMTEuODg5NCAyMi42NDQ2QzE0LjMwMTQgMjMuNjkwMyAxNi44MDk2IDIzLjYzMzUgMTkuMjkyOCAyMi40MjlMMTkuODAwNiAyMi4xODI3TDE1Ljg4MjIgMTguODU0MUwxNS43MjMgMTguODcwN0MxNS42NDc0IDE4Ljg3ODYgMTUuNTcwNCAxOC44ODI2IDE1LjQ5MjUgMTguODgyNkMxNC4zMjEzIDE4Ljg4MjYgMTMuMzUwNCAxNy45NjEgMTMuMjY4MyAxNi43Nzg3TDEzLjI1NzYgMTYuNjI0Nkw4LjQ1OTc2IDEyLjU0OVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4=);
  width: 30px;
  height: 30px;
}
.icon--tag.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xMTM3IDUuNDA3MDVDMTEuMjY4NCA2LjI1MjM5IDExLjI2ODQgNy42MjI5NiAxMi4xMTM3IDguNDY4MzFDMTIuOTU5MSA5LjMxMzY1IDE0LjMyOTYgOS4zMTM2NSAxNS4xNzUgOC40NjgzMUMxNi4wMjAzIDcuNjIyOTYgMTYuMDIwMyA2LjI1MjM5IDE1LjE3NSA1LjQwNzA1QzE0LjMyOTYgNC41NjE3IDEyLjk1OTEgNC41NjE3IDEyLjExMzcgNS40MDcwNVpNMTIuODc5IDYuMTcyMzZDMTIuNDU2NCA2LjU5NTAzIDEyLjQ1NjQgNy4yODAzMiAxMi44NzkgNy43MDI5OUMxMy4zMDE3IDguMTI1NjYgMTMuOTg3IDguMTI1NjYgMTQuNDA5NyA3LjcwMjk5QzE0LjgzMjMgNy4yODAzMiAxNC44MzIzIDYuNTk1MDMgMTQuNDA5NyA2LjE3MjM2QzEzLjk4NyA1Ljc0OTY5IDEzLjMwMTcgNS43NDk2OSAxMi44NzkgNi4xNzIzNloiIGZpbGw9IiMwMDAwMDAiLz4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4zNjYgMTEuOTMwNEMxOS43ODQ5IDExLjUxMTUgMjAuMDEzOCAxMC45MzkzIDE5Ljk5OTQgMTAuMzQ3TDE5LjgxNzEgMi44NzYxMUMxOS43ODkgMS43MjE5OCAxOC44NjAxIDAuNzkzMDQzIDE3LjcwNTkgMC43NjQ4OTNMMTAuMjM1IDAuNTgyNjc2QzkuNjQyNzYgMC41NjgyMyA5LjA3MDQ5IDAuNzk3MTQxIDguNjUxNTkgMS4yMTYwNEwwLjYzNDAwNyA5LjIzMzYyQy0wLjIxMTMzNyAxMC4wNzkgLTAuMjExMzM1IDExLjQ0OTUgMC42MzQwMDggMTIuMjk0OUw4LjI4NzE1IDE5Ljk0OEM5LjEzMjUgMjAuNzkzNCAxMC41MDMxIDIwLjc5MzQgMTEuMzQ4NCAxOS45NDhMMTkuMzY2IDExLjkzMDRaTTkuNDE2OSAxLjk4MTM1TDEuMzk5MzIgOS45OTg5M0MwLjk3NjY1IDEwLjQyMTYgMC45NzY2NSAxMS4xMDY5IDEuMzk5MzIgMTEuNTI5Nkw5LjA1MjQ3IDE5LjE4MjdDOS40NzUxNCAxOS42MDU0IDEwLjE2MDQgMTkuNjA1NCAxMC41ODMxIDE5LjE4MjdMMTguNjAwNyAxMS4xNjUxQzE4LjgxMDEgMTAuOTU1NyAxOC45MjQ2IDEwLjY2OTUgMTguOTE3NCAxMC4zNzM0TDE4LjczNTEgMi45MDI1QzE4LjcyMTEgMi4zMjU0MyAxOC4yNTY2IDEuODYwOTYgMTcuNjc5NSAxLjg0Njg5TDEwLjIwODYgMS42NjQ2N0M5LjkxMjQ5IDEuNjU3NDUgOS42MjYzNSAxLjc3MTkxIDkuNDE2OSAxLjk4MTM1WiIgZmlsbD0iIzAwMDAwMCIvPg0KPC9zdmc+);
  width: 24px;
  height: 26px;
}
.icon--delete.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCA1LjE0Mjg2QzAgNC44MjcyNyAwLjI1OTIwNCA0LjU3MTQzIDAuNTc4OTQ3IDQuNTcxNDNIMjEuNDIxMUMyMS43NDA4IDQuNTcxNDMgMjIgNC44MjcyNyAyMiA1LjE0Mjg2QzIyIDUuNDU4NDUgMjEuNzQwOCA1LjcxNDI5IDIxLjQyMTEgNS43MTQyOUgwLjU3ODk0N0MwLjI1OTIwNCA1LjcxNDI5IDAgNS40NTg0NSAwIDUuMTQyODZaIiBmaWxsPSIjMzAyRjJFIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNjg0MjEgMS4xNDI4NkM4LjIyMzU3IDEuMTQyODYgNy43ODE4IDEuMzIzNDcgNy40NTYwOCAxLjY0NDk2QzcuMTMwMzYgMS45NjY0NSA2Ljk0NzM3IDIuNDAyNDkgNi45NDczNyAyLjg1NzE0VjQuNTcxNDNIMTUuMDUyNlYyLjg1NzE0QzE1LjA1MjYgMi40MDI0OSAxNC44Njk2IDEuOTY2NDUgMTQuNTQzOSAxLjY0NDk2QzE0LjIxODIgMS4zMjM0NyAxMy43NzY0IDEuMTQyODYgMTMuMzE1OCAxLjE0Mjg2SDguNjg0MjFaTTE2LjIxMDUgNC41NzE0M1YyLjg1NzE0QzE2LjIxMDUgMi4wOTkzOCAxNS45MDU1IDEuMzcyNjYgMTUuMzYyNyAwLjgzNjgzOEMxNC44MTk4IDAuMzAxMDE5IDE0LjA4MzUgMCAxMy4zMTU4IDBIOC42ODQyMUM3LjkxNjQ4IDAgNy4xODAxOSAwLjMwMTAxOSA2LjYzNzMyIDAuODM2ODM4QzYuMDk0NDUgMS4zNzI2NiA1Ljc4OTQ3IDIuMDk5MzggNS43ODk0NyAyLjg1NzE0VjQuNTcxNDNIMi44OTQ3NEMyLjU3NDk5IDQuNTcxNDMgMi4zMTU3OSA0LjgyNzI3IDIuMzE1NzkgNS4xNDI4NlYyMS4xNDI5QzIuMzE1NzkgMjEuOTAwNiAyLjYyMDc3IDIyLjYyNzMgMy4xNjM2NCAyMy4xNjMyQzMuNzA2NTEgMjMuNjk5IDQuNDQyNzkgMjQgNS4yMTA1MyAyNEgxNi43ODk1QzE3LjU1NzIgMjQgMTguMjkzNSAyMy42OTkgMTguODM2NCAyMy4xNjMyQzE5LjM3OTIgMjIuNjI3MyAxOS42ODQyIDIxLjkwMDYgMTkuNjg0MiAyMS4xNDI5VjUuMTQyODZDMTkuNjg0MiA0LjgyNzI3IDE5LjQyNSA0LjU3MTQzIDE5LjEwNTMgNC41NzE0M0gxNi4yMTA1Wk0zLjQ3MzY4IDUuNzE0MjlWMjEuMTQyOUMzLjQ3MzY4IDIxLjU5NzUgMy42NTY2NyAyMi4wMzM2IDMuOTgyMzkgMjIuMzU1QzQuMzA4MTEgMjIuNjc2NSA0Ljc0OTg5IDIyLjg1NzEgNS4yMTA1MyAyMi44NTcxSDE2Ljc4OTVDMTcuMjUwMSAyMi44NTcxIDE3LjY5MTkgMjIuNjc2NSAxOC4wMTc2IDIyLjM1NUMxOC4zNDMzIDIyLjAzMzUgMTguNTI2MyAyMS41OTc1IDE4LjUyNjMgMjEuMTQyOVY1LjcxNDI5SDMuNDczNjhaIiBmaWxsPSIjMzAyRjJFIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNjg0MjEgMTAuMjg1N0M5LjAwMzk1IDEwLjI4NTcgOS4yNjMxNiAxMC41NDE2IDkuMjYzMTYgMTAuODU3MVYxNy43MTQzQzkuMjYzMTYgMTguMDI5OSA5LjAwMzk1IDE4LjI4NTcgOC42ODQyMSAxOC4yODU3QzguMzY0NDcgMTguMjg1NyA4LjEwNTI2IDE4LjAyOTkgOC4xMDUyNiAxNy43MTQzVjEwLjg1NzFDOC4xMDUyNiAxMC41NDE2IDguMzY0NDcgMTAuMjg1NyA4LjY4NDIxIDEwLjI4NTdaIiBmaWxsPSIjMzAyRjJFIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjMxNTggMTAuMjg1N0MxMy42MzU1IDEwLjI4NTcgMTMuODk0NyAxMC41NDE2IDEzLjg5NDcgMTAuODU3MVYxNy43MTQzQzEzLjg5NDcgMTguMDI5OSAxMy42MzU1IDE4LjI4NTcgMTMuMzE1OCAxOC4yODU3QzEyLjk5NiAxOC4yODU3IDEyLjczNjggMTguMDI5OSAxMi43MzY4IDE3LjcxNDNWMTAuODU3MUMxMi43MzY4IDEwLjU0MTYgMTIuOTk2IDEwLjI4NTcgMTMuMzE1OCAxMC4yODU3WiIgZmlsbD0iIzMwMkYyRSIvPg0KPC9zdmc+DQo=);
  width: 23px;
  height: 25px;
}
.icon--buy.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDAuNzkyMzczQzAgMC41MTMzMjMgMC4yMjUzNiAwLjI4NzEwOSAwLjUwMzM1NiAwLjI4NzEwOUg0Ljg2NTc3QzUuMTA1NjggMC4yODcxMDkgNS4zMTIyNSAwLjQ1NzA3MiA1LjM1OTM0IDAuNjkzMjExTDYuMzY5NzggNS43NjA3OUgyNC40OTY2QzI0LjY0NjcgNS43NjA3OSAyNC43ODg5IDUuODI3OTYgMjQuODg0NSA1Ljk0Mzk4QzI0Ljk4MDEgNi4wNiAyNS4wMTkyIDYuMjEyNzkgMjQuOTkxMSA2LjM2MDcxTDIzLjI0NjEgMTUuNTQ1NUwyMy4yNDU0IDE1LjU0OTNDMjMuMTIyNiAxNi4xNjk3IDIyLjc4NjUgMTYuNzI2OSAyMi4yOTU3IDE3LjEyMzVDMjEuODA2MiAxNy41MTkgMjEuMTk0IDE3LjcyOTYgMjAuNTY1OSAxNy43MTg3SDkuOTc0MzlDOS4zNDYyMiAxNy43Mjk2IDguNzM0MDggMTcuNTE5IDguMjQ0NiAxNy4xMjM1QzcuNzUzOTIgMTYuNzI3IDcuNDE3NzcgMTYuMTY5OSA3LjI5NDk2IDE1LjU0OTdMNS40Njk1NyA2LjM5NTA0QzUuNDY0NTMgNi4zNzU4MiA1LjQ2MDU5IDYuMzU2MTUgNS40NTc4MiA2LjMzNjFMNC40NTMxOCAxLjI5NzY0SDAuNTAzMzU2QzAuMjI1MzYgMS4yOTc2NCAwIDEuMDcxNDIgMCAwLjc5MjM3M1pNNi41NzEyNyA2Ljc3MTMyTDguMjgyMTYgMTUuMzUxN0M4LjM1ODg3IDE1LjczOTQgOC41NjkxNCAxNi4wODg0IDguODc1ODggMTYuMzM2M0M5LjE4MjYyIDE2LjU4NDIgOS41NjY0NCAxNi43MTU4IDkuOTYwMTUgMTYuNzA4M0w5Ljk2OTggMTYuNzA4MUwyMC41ODAxIDE2LjcwODJDMjAuOTczOCAxNi43MTU3IDIxLjM1NzYgMTYuNTg0MiAyMS42NjQ0IDE2LjMzNjNDMjEuOTcwNyAxNi4wODg4IDIyLjE4MDYgMTUuNzQxMiAyMi4yNTc2IDE1LjM1NDJMMjIuMjU4IDE1LjM1MjVMMjMuODg4MiA2Ljc3MTMySDYuNTcxMjdaTTExLjk1NDcgMjEuMDAyOUMxMS4zMjkyIDIxLjAwMjkgMTAuODIyMSAyMS41MTE5IDEwLjgyMjEgMjIuMTM5N0MxMC44MjIxIDIyLjc2NzYgMTEuMzI5MiAyMy4yNzY2IDExLjk1NDcgMjMuMjc2NkMxMi41ODAyIDIzLjI3NjYgMTMuMDg3MiAyMi43Njc2IDEzLjA4NzIgMjIuMTM5N0MxMy4wODcyIDIxLjUxMTkgMTIuNTgwMiAyMS4wMDI5IDExLjk1NDcgMjEuMDAyOVpNOS44MTU0NCAyMi4xMzk3QzkuODE1NDQgMjAuOTUzOCAxMC43NzMyIDE5Ljk5MjQgMTEuOTU0NyAxOS45OTI0QzEzLjEzNjIgMTkuOTkyNCAxNC4wOTQgMjAuOTUzOCAxNC4wOTQgMjIuMTM5N0MxNC4wOTQgMjMuMzI1NyAxMy4xMzYyIDI0LjI4NzEgMTEuOTU0NyAyNC4yODcxQzEwLjc3MzIgMjQuMjg3MSA5LjgxNTQ0IDIzLjMyNTcgOS44MTU0NCAyMi4xMzk3Wk0xOC40OTgzIDIxLjAwMjlDMTcuODcyOCAyMS4wMDI5IDE3LjM2NTggMjEuNTExOSAxNy4zNjU4IDIyLjEzOTdDMTcuMzY1OCAyMi43Njc2IDE3Ljg3MjggMjMuMjc2NiAxOC40OTgzIDIzLjI3NjZDMTkuMTIzOCAyMy4yNzY2IDE5LjYzMDkgMjIuNzY3NiAxOS42MzA5IDIyLjEzOTdDMTkuNjMwOSAyMS41MTE5IDE5LjEyMzggMjEuMDAyOSAxOC40OTgzIDIxLjAwMjlaTTE2LjM1OTEgMjIuMTM5N0MxNi4zNTkxIDIwLjk1MzggMTcuMzE2OCAxOS45OTI0IDE4LjQ5ODMgMTkuOTkyNEMxOS42Nzk4IDE5Ljk5MjQgMjAuNjM3NiAyMC45NTM4IDIwLjYzNzYgMjIuMTM5N0MyMC42Mzc2IDIzLjMyNTcgMTkuNjc5OCAyNC4yODcxIDE4LjQ5ODMgMjQuMjg3MUMxNy4zMTY4IDI0LjI4NzEgMTYuMzU5MSAyMy4zMjU3IDE2LjM1OTEgMjIuMTM5N1oiIGZpbGw9IiMwMDAwMDAiLz4NCjwvc3ZnPg==);
  width: 28px;
  height: 25px;
}
.icon--cart.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDAuNzkyMzczQzAgMC41MTMzMjMgMC4yMjUzNiAwLjI4NzEwOSAwLjUwMzM1NiAwLjI4NzEwOUg0Ljg2NTc3QzUuMTA1NjggMC4yODcxMDkgNS4zMTIyNSAwLjQ1NzA3MiA1LjM1OTM0IDAuNjkzMjExTDYuMzY5NzggNS43NjA3OUgyNC40OTY2QzI0LjY0NjcgNS43NjA3OSAyNC43ODg5IDUuODI3OTYgMjQuODg0NSA1Ljk0Mzk4QzI0Ljk4MDEgNi4wNiAyNS4wMTkyIDYuMjEyNzkgMjQuOTkxMSA2LjM2MDcxTDIzLjI0NjEgMTUuNTQ1NUwyMy4yNDU0IDE1LjU0OTNDMjMuMTIyNiAxNi4xNjk3IDIyLjc4NjUgMTYuNzI2OSAyMi4yOTU3IDE3LjEyMzVDMjEuODA2MiAxNy41MTkgMjEuMTk0IDE3LjcyOTYgMjAuNTY1OSAxNy43MTg3SDkuOTc0MzlDOS4zNDYyMiAxNy43Mjk2IDguNzM0MDggMTcuNTE5IDguMjQ0NiAxNy4xMjM1QzcuNzUzOTIgMTYuNzI3IDcuNDE3NzcgMTYuMTY5OSA3LjI5NDk2IDE1LjU0OTdMNS40Njk1NyA2LjM5NTA0QzUuNDY0NTMgNi4zNzU4MiA1LjQ2MDU5IDYuMzU2MTUgNS40NTc4MiA2LjMzNjFMNC40NTMxOCAxLjI5NzY0SDAuNTAzMzU2QzAuMjI1MzYgMS4yOTc2NCAwIDEuMDcxNDIgMCAwLjc5MjM3M1pNNi41NzEyNyA2Ljc3MTMyTDguMjgyMTYgMTUuMzUxN0M4LjM1ODg3IDE1LjczOTQgOC41NjkxNCAxNi4wODg0IDguODc1ODggMTYuMzM2M0M5LjE4MjYyIDE2LjU4NDIgOS41NjY0NCAxNi43MTU4IDkuOTYwMTUgMTYuNzA4M0w5Ljk2OTggMTYuNzA4MUwyMC41ODAxIDE2LjcwODJDMjAuOTczOCAxNi43MTU3IDIxLjM1NzYgMTYuNTg0MiAyMS42NjQ0IDE2LjMzNjNDMjEuOTcwNyAxNi4wODg4IDIyLjE4MDYgMTUuNzQxMiAyMi4yNTc2IDE1LjM1NDJMMjIuMjU4IDE1LjM1MjVMMjMuODg4MiA2Ljc3MTMySDYuNTcxMjdaTTExLjk1NDcgMjEuMDAyOUMxMS4zMjkyIDIxLjAwMjkgMTAuODIyMSAyMS41MTE5IDEwLjgyMjEgMjIuMTM5N0MxMC44MjIxIDIyLjc2NzYgMTEuMzI5MiAyMy4yNzY2IDExLjk1NDcgMjMuMjc2NkMxMi41ODAyIDIzLjI3NjYgMTMuMDg3MiAyMi43Njc2IDEzLjA4NzIgMjIuMTM5N0MxMy4wODcyIDIxLjUxMTkgMTIuNTgwMiAyMS4wMDI5IDExLjk1NDcgMjEuMDAyOVpNOS44MTU0NCAyMi4xMzk3QzkuODE1NDQgMjAuOTUzOCAxMC43NzMyIDE5Ljk5MjQgMTEuOTU0NyAxOS45OTI0QzEzLjEzNjIgMTkuOTkyNCAxNC4wOTQgMjAuOTUzOCAxNC4wOTQgMjIuMTM5N0MxNC4wOTQgMjMuMzI1NyAxMy4xMzYyIDI0LjI4NzEgMTEuOTU0NyAyNC4yODcxQzEwLjc3MzIgMjQuMjg3MSA5LjgxNTQ0IDIzLjMyNTcgOS44MTU0NCAyMi4xMzk3Wk0xOC40OTgzIDIxLjAwMjlDMTcuODcyOCAyMS4wMDI5IDE3LjM2NTggMjEuNTExOSAxNy4zNjU4IDIyLjEzOTdDMTcuMzY1OCAyMi43Njc2IDE3Ljg3MjggMjMuMjc2NiAxOC40OTgzIDIzLjI3NjZDMTkuMTIzOCAyMy4yNzY2IDE5LjYzMDkgMjIuNzY3NiAxOS42MzA5IDIyLjEzOTdDMTkuNjMwOSAyMS41MTE5IDE5LjEyMzggMjEuMDAyOSAxOC40OTgzIDIxLjAwMjlaTTE2LjM1OTEgMjIuMTM5N0MxNi4zNTkxIDIwLjk1MzggMTcuMzE2OCAxOS45OTI0IDE4LjQ5ODMgMTkuOTkyNEMxOS42Nzk4IDE5Ljk5MjQgMjAuNjM3NiAyMC45NTM4IDIwLjYzNzYgMjIuMTM5N0MyMC42Mzc2IDIzLjMyNTcgMTkuNjc5OCAyNC4yODcxIDE4LjQ5ODMgMjQuMjg3MUMxNy4zMTY4IDI0LjI4NzEgMTYuMzU5MSAyMy4zMjU3IDE2LjM1OTEgMjIuMTM5N1oiIGZpbGw9IiMwMDAwMDAiLz4NCjwvc3ZnPg==);
  width: 28px;
  height: 25px;
}
.icon--profile.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAwLjI4NzEwOUM3LjgyNjQyIDAuMjg3MTA5IDUuMjUzNzMgMi44OTg3OCA1LjI1MzczIDYuMTIwNDRDNS4yNTM3MyA5LjM0MjEgNy44MjY0MiAxMS45NTM4IDExIDExLjk1MzhDMTQuMTczNiAxMS45NTM4IDE2Ljc0NjMgOS4zNDIxIDE2Ljc0NjMgNi4xMjA0NEMxNi43NDYzIDIuODk4NzggMTQuMTczNiAwLjI4NzEwOSAxMSAwLjI4NzEwOVpNNi4yMzg4MSA2LjEyMDQ0QzYuMjM4ODEgMy40NTEwNyA4LjM3MDQ3IDEuMjg3MTEgMTEgMS4yODcxMUMxMy42Mjk1IDEuMjg3MTEgMTUuNzYxMiAzLjQ1MTA3IDE1Ljc2MTIgNi4xMjA0NEMxNS43NjEyIDguNzg5ODIgMTMuNjI5NSAxMC45NTM4IDExIDEwLjk1MzhDOC4zNzA0NyAxMC45NTM4IDYuMjM4ODEgOC43ODk4MiA2LjIzODgxIDYuMTIwNDRaIiBmaWxsPSIjMDAwMDAwIi8+DQogIDxwYXRoIGQ9Ik01Ljc0NjI3IDE0LjI4NzFDNC4yMjIyNiAxNC4yODcxIDIuNzYwNjggMTQuOTAxNyAxLjY4MzA0IDE1Ljk5NTdDMC42MDU0MDkgMTcuMDg5NiAwIDE4LjU3MzMgMCAyMC4xMjA0VjIyLjc4NzFDMCAyMy4wNjMzIDAuMjIwNTE2IDIzLjI4NzEgMC40OTI1MzcgMjMuMjg3MUMwLjc2NDU1OCAyMy4yODcxIDAuOTg1MDc1IDIzLjA2MzMgMC45ODUwNzUgMjIuNzg3MVYyMC4xMjA0QzAuOTg1MDc1IDE4LjgzODYgMS40ODY3IDE3LjYwOTIgMi4zNzk2IDE2LjcwMjhDMy4yNzI0OSAxNS43OTYzIDQuNDgzNTIgMTUuMjg3MSA1Ljc0NjI3IDE1LjI4NzFIMTYuMjUzN0MxNy41MTY1IDE1LjI4NzEgMTguNzI3NSAxNS43OTYzIDE5LjYyMDQgMTYuNzAyOEMyMC41MTMzIDE3LjYwOTIgMjEuMDE0OSAxOC44Mzg2IDIxLjAxNDkgMjAuMTIwNFYyMi43ODcxQzIxLjAxNDkgMjMuMDYzMyAyMS4yMzU0IDIzLjI4NzEgMjEuNTA3NSAyMy4yODcxQzIxLjc3OTUgMjMuMjg3MSAyMiAyMy4wNjMzIDIyIDIyLjc4NzFWMjAuMTIwNEMyMiAxOC41NzMzIDIxLjM5NDYgMTcuMDg5NiAyMC4zMTcgMTUuOTk1N0MxOS4yMzkzIDE0LjkwMTcgMTcuNzc3NyAxNC4yODcxIDE2LjI1MzcgMTQuMjg3MUg1Ljc0NjI3WiIgZmlsbD0iIzAwMDAwMCIvPg0KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMzgxOTcgMTcuMjg3MUwxMSAyMi41MjMyTDEzLjYxOCAxNy4yODcxSDguMzgxOTdaTTEwIDE4LjI4NzFIMTJMMTEgMjAuMjg3MUwxMCAxOC4yODcxWiIgZmlsbD0iIzAwMDAwMCIvPg0KPC9zdmc+);
  width: 18px;
  height: 25px;
}
.icon--locked.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDggMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMDc2OTIgMy40NTk3NFY0LjIyODk3SDcuODQ2MTVWNy4zMDU4OUM3Ljg0NjE1IDkuMDA1MjMgNi40Njg1NiAxMC4zODI4IDQuNzY5MjIgMTAuMzgyOEgzLjIzMDc2QzEuNTMxNDIgMTAuMzgyOCAwLjE1MzgzOSA5LjAwNTIzIDAuMTUzODM5IDcuMzA1ODlWNC4yMjg5N0gwLjkyMzA3VjMuNDU5NzRDMC45MjMwNyAxLjc2MDQgMi4zMDA2NiAwLjM4MjgxMiAzLjk5OTk5IDAuMzgyODEyQzUuNjk5MzMgMC4zODI4MTIgNy4wNzY5MiAxLjc2MDQgNy4wNzY5MiAzLjQ1OTc0Wk0xLjY5MjMgNC4yMjg5N1YzLjQ1OTc0QzEuNjkyMyAyLjE4NTIzIDIuNzI1NDkgMS4xNTIwNCAzLjk5OTk5IDEuMTUyMDRDNS4yNzQ1IDEuMTUyMDQgNi4zMDc2OCAyLjE4NTIzIDYuMzA3NjggMy40NTk3NFY0LjIyODk3SDEuNjkyM1pNNC43NjkyMiA4LjA3NTEyVjUuNzY3NDNIMy4yMzA3NlY4LjA3NTEySDQuNzY5MjJaIiBmaWxsPSIjOEZBNEJCIi8+DQo8L3N2Zz4NCg==);
  width: 11px;
  height: 15px;
}
.is-open.icon--locked.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4xODI2NyA0SDNWNi45MjMwOEMzIDguNjIyNDEgNC4zNzc1OSAxMCA2LjA3NjkyIDEwSDcuNjE1MzhDOS4zMTQ3MiAxMCAxMC42OTIzIDguNjIyNDEgMTAuNjkyMyA2LjkyMzA4VjRINS4xNTI5MlYzLjUxNjQ4QzUuMTUyOTIgMS41NzQzOCAzLjk5OTIzIDAgMi41NzYwOCAwQzEuMTc0MTkgMCAwLjAzMzc2MzUgMS41Mjc2OSAwIDMuNDI5NjlIMC42NDQ0NjlDMC42NzgwMjkgMi4wMTMyOSAxLjUzIDAuODc5MTIxIDIuNTc2MDggMC44NzkxMjFDMy42MzMzIDAuODc5MTIxIDMuOTkzMiAyLjUxMTk2IDMuOTk5OTQgMy45NTg0NEw0LjE4MjY3IDRaTTcuNjE1MzggNy42OTIzMVY1LjM4NDYySDYuMDc2OTJWNy42OTIzMUg3LjYxNTM4WiIgZmlsbD0iIzhGQTRCQiIvPg0KPC9zdmc+DQo=);
  width: 15px;
  height: 15px;
}
.icon--check.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuODYwMyAwLjEzODY1NEMxNC4wNDQyIDAuMzI1OTA4IDE0LjA0NjkgMC42MzIyNjUgMTMuODY2MyAwLjgyMjkyM0w1LjMxMDcyIDkuODU1MThDNS4yMjM0OCA5Ljk0NzI4IDUuMTA0MzcgOS45OTk0MSA0Ljk3OTg4IDEwQzQuODU1MzggMTAuMDAwNiA0LjczNTgzIDkuOTQ5NTUgNC42NDc3OSA5Ljg1ODI4TDAuMTM2Njg0IDUuMTgwODZDLTAuMDQ1NTYxMiA0Ljk5MTg5IC0wLjA0NTU2MTIgNC42ODU1MiAwLjEzNjY4NCA0LjQ5NjU2QzAuMzE4OTI4IDQuMzA3NiAwLjYxNDQwNSA0LjMwNzYgMC43OTY2NSA0LjQ5NjU2TDQuOTc0NzkgOC44Mjg3NEwxMy4yMDA0IDAuMTQ0ODE5QzEzLjM4MSAtMC4wNDU4MzkyIDEzLjY3NjUgLTAuMDQ4NTk5MiAxMy44NjAzIDAuMTM4NjU0WiIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPg0K);
  width: 14px;
  height: 10px;
}
.icon--finger.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjMyNjU3IDE1LjcxNjdDOS4xMTc1MiAxNS41MzYzIDguODAxNzkgMTUuNTU5NSA4LjYyMTM3IDE1Ljc2ODVDOC40NDA5NCAxNS45Nzc2IDguNDY0MTQgMTYuMjkzMyA4LjY3MzE5IDE2LjQ3MzhMOS4zMjY1NyAxNS43MTY3Wk0xMS4yMDY4IDE4TDEwLjg4MDEgMTguMzc4NUwxMS4yMDY4IDE4LjY2MDVMMTEuNTMzNSAxOC4zNzg1TDExLjIwNjggMThaTTE3LjMyNjYgMTMuMzc4NUMxNy41MzU2IDEzLjE5ODEgMTcuNTU4OCAxMi44ODI0IDE3LjM3ODQgMTIuNjczM0MxNy4xOTggMTIuNDY0MyAxNi44ODIyIDEyLjQ0MTEgMTYuNjczMiAxMi42MjE1TDE3LjMyNjYgMTMuMzc4NVpNOC42NzMxOSAxNi40NzM4TDEwLjg4MDEgMTguMzc4NUwxMS41MzM1IDE3LjYyMTVMOS4zMjY1NyAxNS43MTY3TDguNjczMTkgMTYuNDczOFpNMTEuNTMzNSAxOC4zNzg1TDE3LjMyNjYgMTMuMzc4NUwxNi42NzMyIDEyLjYyMTVMMTAuODgwMSAxNy42MjE1TDExLjUzMzUgMTguMzc4NVoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNNy41MzA2NCA5LjU5OTcxQzYuMjgxOTUgMTAuODA5NCA1Ljk5OTg4IDEyLjI2ODYgNS45OTk4OCAxMi4yNjg2VjIxLjc1NzlDNy4yMjQzNyAyMS44NTY4IDExLjUxMDEgMjIuNzA2OCAxMy45NTkxIDIyLjk0NDFDMTcuMDIwMyAyMy4yNDA2IDE5LjQ3ODQgMjIuMzE1NiAxOS43NzU0IDIxLjE2NDhDMjAuMDgxNSAxOS45Nzg3IDE5LjM2NzIgMTkuNDg0NCAxOS4xNjMxIDE5LjA4OUMxOS41NzEzIDE4Ljk5MDIgMjAuNjkzOCAxOC4xOTk0IDIwLjY5MzggMTcuMzA5OEMyMC42OTM4IDE2LjI0ODggMjAuMjg1NiAxNS44MjcxIDE5Ljc3NTQgMTUuODI3MUMyMC4wODE1IDE1LjYyOTQgMjAuOTk5OSAxNC45OTY4IDIwLjk5OTkgMTQuMDQ3OEMyMC45OTk5IDEzLjA5ODkgMTkuNzc1NCAxMi4zNjc0IDE5LjQ2OTMgMTIuMjY4NkMxOS40NjkzIDEyLjI2ODYgMjAuMDgxNSAxMS45NzIgMjAuMzg3NiAxMS4zNzlDMjAuNzc0OSAxMC42Mjg4IDIwLjA4MTUgOS4zMDMxNyAxOC4yNDQ4IDkuMDA2NjJDMTYuNDA4IDguNzEwMDggMTMuNjUyOSAxMC4xOTI4IDEyLjczNDYgOS44OTYyNUMxMS44MTYyIDkuNTk5NzEgMTMuNjUyOSA2LjYzNDI5IDEzLjk1OTEgNC44NTUwNEMxNC4yNjUyIDMuMDc1NzkgMTIuNDI4NSAxIDExLjIwNCAxQzEwLjU5MTcgMSAxMC41NTQxIDMuODUxMTYgMTAuMjg1NiA1LjE1MTU4QzkuOTc5NDcgNi42MzQyOSA5LjM2NzIzIDcuODIwNDYgNy41MzA2NCA5LjU5OTcxWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHJlY3QgeD0iMC45OTk4NzgiIHk9IjEyIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgcng9IjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K);
  width: 24px;
  height: 26px;
}
.icon--comment.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDE5LjYwMTRDMC45OTk5OTQgMjAuMTAxNCAxLjAwMDA3IDIwLjEwMTQgMS4wMDAxNiAyMC4xMDE0SDEuMDAwNDNIMS4wMDEyNUwxLjAwNDA0IDIwLjEwMTRMMS4wMTQxNSAyMC4xMDE0TDEuMDUyMDEgMjAuMTAxMUMxLjA4NDkxIDIwLjEwMDkgMS4xMzI5MiAyMC4xMDAzIDEuMTk0NjEgMjAuMDk5M0MxLjMxNzk5IDIwLjA5NzIgMS40OTYyIDIwLjA5MyAxLjcxNzkxIDIwLjA4NDZDMi4xNjEwMyAyMC4wNjc5IDIuNzc5MzkgMjAuMDM0NSAzLjQ4MTc2IDE5Ljk2NzZDNC44NzQ2MSAxOS44MzUgNi42NDM2NCAxOS41NjY4IDguMDI4MDYgMTkuMDEzQzguMjI0MzEgMTguOTM0NSA4LjQxMzk5IDE4Ljg0MzQgOC41OTY5NCAxOC43NDIzQzkuNjY3ODkgMTkuMTYzNCAxMC44MzM5IDE5LjM5NDUgMTIuMDUyOCAxOS4zOTQ1QzE3LjI3MDQgMTkuMzk0NSAyMS41IDE1LjE2NDggMjEuNSA5Ljk0NzI1QzIxLjUgNC43Mjk2OCAxNy4yNzA0IDAuNSAxMi4wNTI4IDAuNUM2LjgzNTIyIDAuNSAyLjYwNTU0IDQuNzI5NjggMi42MDU1NCA5Ljk0NzI1QzIuNjA1NTQgMTEuOTI4OSAzLjIxNjIyIDEzLjc2OTMgNC4yNTk1NSAxNS4yODg4QzQuMTYyODEgMTUuNTAwMiA0LjA1MzI3IDE1LjcyMzUgMy45MjkyMyAxNS45NTgzQzMuMzUwMTYgMTcuMDU0NiAyLjU1ODQxIDE3Ljg1NzMgMS45MDU5IDE4LjM4NzhDMS41ODA1NiAxOC42NTIzIDEuMjkyNzcgMTguODQ2NyAxLjA4ODQ0IDE4Ljk3MzlDMC45ODYzODIgMTkuMDM3NCAwLjkwNTQ1OSAxOS4wODM5IDAuODUxNDc2IDE5LjExMzlDMC44MjQ0OTUgMTkuMTI4OCAwLjgwNDI3NiAxOS4xMzk2IDAuNzkxNTQ4IDE5LjE0NjNMMC43NzgxNzggMTkuMTUzM0wwLjc3NjYxNSAxOS4xNTQxQzAuNzc2NTI4IDE5LjE1NDEgMC43NzY0NDIgMTkuMTU0MiAwLjc3NjM1NiAxOS4xNTQyTDAuNzc2MTk1IDE5LjE1NDNMMC43NzYxNDUgMTkuMTU0M0MwLjc3NjExMyAxOS4xNTQzIDAuNzc2MDggMTkuMTU0NCAwLjc3NjA0NyAxOS4xNTQ0QzAuNzc2MDQxIDE5LjE1NDQgMC43NzYwMzUgMTkuMTU0NCAwLjc3NjAyOSAxOS4xNTQ0QzAuNTY4OTEgMTkuMjU4MiAwLjQ2MDE2NiAxOS40OTA2IDAuNTEzMzQ2IDE5LjcxNjJDMC41NjY1NzcgMTkuOTQxOSAwLjc2ODA2IDIwLjEwMTQgMC45OTk5OTQgMjAuMTAxNEwxIDE5LjYwMTRaIiBzdHJva2U9IiNCNUI1QjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xMCAxMEMxMCAxMC41NTIzIDkuNTUyMjggMTEgOSAxMUM4LjQ0NzcyIDExIDggMTAuNTUyMyA4IDEwQzggOS40NDc3MiA4LjQ0NzcyIDkgOSA5QzkuNTUyMjggOSAxMCA5LjQ0NzcyIDEwIDEwWiIgZmlsbD0iYmxhY2siLz4NCjxwYXRoIGQ9Ik0xMyAxMEMxMyAxMC41NTIzIDEyLjU1MjMgMTEgMTIgMTFDMTEuNDQ3NyAxMSAxMSAxMC41NTIzIDExIDEwQzExIDkuNDQ3NzIgMTEuNDQ3NyA5IDEyIDlDMTIuNTUyMyA5IDEzIDkuNDQ3NzIgMTMgMTBaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTE2IDEwQzE2IDEwLjU1MjMgMTUuNTUyMyAxMSAxNSAxMUMxNC40NDc3IDExIDE0IDEwLjU1MjMgMTQgMTBDMTQgOS40NDc3MiAxNC40NDc3IDkgMTUgOUMxNS41NTIzIDkgMTYgOS40NDc3MiAxNiAxMFoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==);
  width: 24px;
  height: 22px;
}
.icon--arrow-prev.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNTc1OCAwLjMxODE5MkwwLjMyMzcyMiA3LjIzMTgyQy0wLjEwNzkwOSA3LjY1NjA3IC0wLjEwNzkwOSA4LjM0MzkzIDAuMzIzNzIyIDguNzY4MThMNy4zNTc1OCAxNS42ODE4QzcuNzg5MjEgMTYuMTA2MSA4LjQ4OTAyIDE2LjEwNjEgOC45MjA2NSAxNS42ODE4QzkuMzUyMjkgMTUuMjU3NiA5LjM1MjI5IDE0LjU2OTcgOC45MjA2NSAxNC4xNDU0TDMuNzczNiA5LjA4NjM3TDIxIDkuMDg2MzdMMjEgNi45MTM2M0wzLjc3MzYgNi45MTM2M0w4LjkyMDY1IDEuODU0NTVDOS4zNTIyOCAxLjQzMDMgOS4zNTIyOCAwLjc0MjQ0NyA4LjkyMDY1IDAuMzE4MTkyQzguNDg5MDIgLTAuMTA2MDYzIDcuNzg5MjEgLTAuMTA2MDYzIDcuMzU3NTggMC4zMTgxOTJaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=);
  width: 21px;
  height: 16px;
}
.icon--arrow-next.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNTc1OCAwLjMxODE5MkwwLjMyMzcyMiA3LjIzMTgyQy0wLjEwNzkwOSA3LjY1NjA3IC0wLjEwNzkwOSA4LjM0MzkzIDAuMzIzNzIyIDguNzY4MThMNy4zNTc1OCAxNS42ODE4QzcuNzg5MjEgMTYuMTA2MSA4LjQ4OTAyIDE2LjEwNjEgOC45MjA2NSAxNS42ODE4QzkuMzUyMjkgMTUuMjU3NiA5LjM1MjI5IDE0LjU2OTcgOC45MjA2NSAxNC4xNDU0TDMuNzczNiA5LjA4NjM3TDIxIDkuMDg2MzdMMjEgNi45MTM2M0wzLjc3MzYgNi45MTM2M0w4LjkyMDY1IDEuODU0NTVDOS4zNTIyOCAxLjQzMDMgOS4zNTIyOCAwLjc0MjQ0NyA4LjkyMDY1IDAuMzE4MTkyQzguNDg5MDIgLTAuMTA2MDYzIDcuNzg5MjEgLTAuMTA2MDYzIDcuMzU3NTggMC4zMTgxOTJaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=);
  width: 21px;
  height: 16px;
  transform: rotateY(180deg);
}
.icon--check-big.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzOSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjc1MjAyIDE1LjI4MzdDOC4xOTAzNyAxOC44MjUyIDEyLjg3MjYgMjguOTAxIDEyLjg3MjYgMjguOTAxQzEyLjg3MjYgMjguOTAxIDE2Ljk1NDYgMTIuNTA0OCAzMy43Mzc1IDIuMjIyNjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==);
  width: 39px;
  height: 32px;
}
.icon--thread-mark.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA0MiA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00MiAyMUM0MiAzMi41OTggMjEgNTQgMjEgNTRDMjEgNTQgMCAzMi41OTggMCAyMUMwIDkuNDAyMDIgOS40MDIwMiAwIDIxIDBDMzIuNTk4IDAgNDIgOS40MDIwMiA0MiAyMVoiIGZpbGw9IiNCRUJFQkUiLz4NCjwvc3ZnPg0K);
  width: 42px;
  height: 54px;
}
.focused.icon--thread-mark.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA1MCA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4NCjxwYXRoIGQ9Ik00MiAyMUM0MiAzMi41OTggMjEgNTQgMjEgNTRDMjEgNTQgMCAzMi41OTggMCAyMUMwIDkuNDAyMDIgOS40MDIwMiAwIDIxIDBDMzIuNTk4IDAgNDIgOS40MDIwMiA0MiAyMVoiIGZpbGw9IiNGRjVDMDAiLz4NCjwvZz4NCjxkZWZzPg0KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTAiIGhlaWdodD0iNjMiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4NCjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+DQo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPg0KPGZlT2Zmc2V0IGR4PSI0IiBkeT0iNSIvPg0KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNDUgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz4NCjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+DQo8L2ZpbHRlcj4NCjwvZGVmcz4NCjwvc3ZnPg0K);
}
.drag.icon--thread-mark.svg-icon:after {
  transform: scale(1.2);
}
.icon--bell.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAxQzkgMC43OTI5NjkgOS4wNjI5OSAwLjYwMDU4NiA5LjE3MDkgMC40NDA5MThDOS4zNTA1OSAwLjE3NDgwNSA5LjY1NDc5IDAgMTAgMEMxMC41NTIyIDAgMTEgMC40NDc3NTQgMTEgMVYyQzExIDIuMDIzNjggMTAuOTk5IDIuMDQ3MzYgMTAuOTk3NiAyLjA3MDU2QzE0LjM5MTEgMi41NTQ2OSAxNyA1LjQ3MjY2IDE3IDlWMTZMMjAgMTlIMEwzIDE2VjlDMyA1LjQ3MjY2IDUuNjA4ODkgMi41NTQ2OSA5LjAwMjQ0IDIuMDcwNTZDOS4wMDA5OCAyLjA0NzM2IDkgMi4wMjM2OCA5IDJWMVpNNCA5QzQgNS42ODYyOCA2LjY4NjUyIDMgMTAgM0MxMy4zMTM1IDMgMTYgNS42ODYyOCAxNiA5VjE2LjQxNDNMMTcuNTg1OSAxOEgyLjQxNDA2TDQgMTYuNDE0M1Y5WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGQ9Ik0xMCAyMkM5IDIyIDggMjEgOCAyMEgxMkMxMiAyMSAxMSAyMiAxMCAyMloiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==);
  width: 20px;
  height: 22px;
}
.icon--url.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC43MzU2IDQuNTE1NDhMNC4yNjQzNyAxMS40ODQ1TTEwLjMzMTIgOS4zMDY3TDEzLjE2MjMgNi4yNTc3NEMxNC4yNzkyIDUuMDU0OTYgMTQuMjc5MiAzLjEwNDg3IDEzLjE2MjMgMS45MDIwOUMxMi4wNDU1IDAuNjk5MzA1IDEwLjIzNDcgMC42OTkzMDUgOS4xMTc4MSAxLjkwMjA5TDYuMjg2NjMgNC45NTEwNE00LjY2ODgzIDYuNjkzM0wxLjgzNzY1IDkuNzQyMjZDMC43MjA3ODMgMTAuOTQ1IDAuNzIwNzgzIDEyLjg5NTEgMS44Mzc2NSAxNC4wOTc5QzIuOTU0NTIgMTUuMzAwNyA0Ljc2NTMyIDE1LjMwMDcgNS44ODIxOSAxNC4wOTc5TDguNzEzMzcgMTEuMDQ5IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCjwvc3ZnPg0K);
  width: 13px;
  height: 14px;
}
.icon--dots.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMyAxLjU3ODk1QzMgMi40NTA5OSAyLjMyODUyIDMuMTU3ODkgMS41IDMuMTU3ODlDMC42NzE0ODQgMy4xNTc4OSAwIDIuNDUwOTkgMCAxLjU3ODk1QzAgMC43MDY5MDMgMC42NzE0ODQgMCAxLjUgMEMyLjMyODUyIDAgMyAwLjcwNjkwMyAzIDEuNTc4OTVaIiBmaWxsPSIjOTk5OTk5Ii8+DQo8cGF0aCBkPSJNMyA3QzMgNy44NzIwNCAyLjMyODUyIDguNTc4OTUgMS41IDguNTc4OTVDMC42NzE0ODQgOC41Nzg5NSAwIDcuODcyMDQgMCA3QzAgNi4xMjc5NiAwLjY3MTQ4NCA1LjQyMTA1IDEuNSA1LjQyMTA1QzIuMzI4NTIgNS40MjEwNSAzIDYuMTI3OTYgMyA3WiIgZmlsbD0iIzk5OTk5OSIvPg0KPHBhdGggZD0iTTEuNSAxNEMyLjMyODUyIDE0IDMgMTMuMjkzMSAzIDEyLjQyMTFDMyAxMS41NDkgMi4zMjg1MiAxMC44NDIxIDEuNSAxMC44NDIxQzAuNjcxNDg0IDEwLjg0MjEgMCAxMS41NDkgMCAxMi40MjExQzAgMTMuMjkzMSAwLjY3MTQ4NCAxNCAxLjUgMTRaIiBmaWxsPSIjOTk5OTk5Ii8+DQo8L3N2Zz4NCg==);
  width: 3px;
  height: 14px;
}
.icon--mail.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMyAyQzIuNDUyMjggMiAyIDIuNDUyMjggMiAzVjE1QzIgMTUuNTQ3NyAyLjQ1MjI4IDE2IDMgMTZIMTlDMTkuNTQ3NyAxNiAyMCAxNS41NDc3IDIwIDE1VjNDMjAgMi40NTIyOCAxOS41NDc3IDIgMTkgMkgzWk0yLjYyNjYyZS0wOSAzQzIuNjI2NjJlLTA5IDEuMzQ3NzIgMS4zNDc3MiAwIDMgMEgxOUMyMC42NTIzIDAgMjIgMS4zNDc3MiAyMiAzVjE1QzIyIDE2LjY1MjMgMjAuNjUyMyAxOCAxOSAxOEgzQzEuMzQ3NzIgMTggMi42MjY2MmUtMDkgMTYuNjUyMyAyLjYyNjYyZS0wOSAxNVYzWiIgZmlsbD0iIzdFOUZCQyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjE4MDg1NCAyLjQyNjVDMC40OTc1NjggMS45NzQwNSAxLjEyMTEgMS44NjQwMiAxLjU3MzU1IDIuMTgwNzNMMTEuMDAwMSA4Ljc3OTMxTDIwLjQyNjYgMi4xODA3M0MyMC44NzkxIDEuODY0MDIgMjEuNTAyNiAxLjk3NDA1IDIxLjgxOTMgMi40MjY1QzIyLjEzNiAyLjg3ODk1IDIyLjAyNiAzLjUwMjQ4IDIxLjU3MzUgMy44MTkyTDExLjU3MzUgMTAuODE5MkMxMS4yMjkyIDExLjA2MDIgMTAuNzcwOSAxMS4wNjAyIDEwLjQyNjYgMTAuODE5MkwwLjQyNjYyMyAzLjgxOTJDLTAuMDI1ODI1OCAzLjUwMjQ4IC0wLjEzNTg2MSAyLjg3ODk1IDAuMTgwODU0IDIuNDI2NVoiIGZpbGw9IiM3RTlGQkMiLz4NCjwvc3ZnPg0K);
  width: 12px;
  height: 10px;
}
.icon--phone.svg-icon:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOS45OTk0IDE1LjIyNTJWMTguMDg1NEMyMC4wMDA1IDE4LjM1MDkgMTkuOTQ2IDE4LjYxMzggMTkuODM5NCAxOC44NTcxQzE5LjczMjggMTkuMTAwNCAxOS41NzY1IDE5LjMxODggMTkuMzgwNCAxOS40OTgzQzE5LjE4NDQgMTkuNjc3OCAxOC45NTI5IDE5LjgxNDQgMTguNzAwOSAxOS44OTk1QzE4LjQ0ODkgMTkuOTg0NiAxOC4xODE4IDIwLjAxNjIgMTcuOTE2OCAxOS45OTIzQzE0Ljk3NzIgMTkuNjczNSAxMi4xNTM0IDE4LjY3MSA5LjY3MjQ2IDE3LjA2NTNDNy4zNjQyNSAxNS42MDE0IDUuNDA3MyAxMy42NDg0IDMuOTQwNTcgMTEuMzQ0N0MyLjMyNjA3IDguODU3NDQgMS4zMjEzMyA2LjAyNTU3IDEuMDA3NzUgMy4wNzg1NUMwLjk4Mzg4MSAyLjgxNDkgMS4wMTUyOCAyLjU0OTE3IDEuMDk5OTQgMi4yOTgzQzEuMTg0NjEgMi4wNDc0MiAxLjMyMDY5IDEuODE2ODggMS40OTk1MiAxLjYyMTM2QzEuNjc4MzUgMS40MjU4NSAxLjg5NjAxIDEuMjY5NjMgMi4xMzg2NSAxLjE2MjY3QzIuMzgxMjggMS4wNTU3MSAyLjY0MzU4IDEuMDAwMzQgMi45MDg4MyAxLjAwMDA5SDUuNzc0NzdDNi4yMzg0IDAuOTk1NTM4IDYuNjg3ODYgMS4xNTkzOSA3LjAzOTM4IDEuNDYxMUM3LjM5MDkxIDEuNzYyODIgNy42MjA1MiAyLjE4MTgxIDcuNjg1NCAyLjYzOTk4QzcuODA2MzcgMy41NTUzMyA4LjAzMDcgNC40NTQwOCA4LjM1NDEzIDUuMzE5MDlDOC40ODI2NiA1LjY2MDM1IDguNTEwNDcgNi4wMzEyMiA4LjQzNDI4IDYuMzg3NzdDOC4zNTgwOSA2Ljc0NDMxIDguMTgxMDggNy4wNzE1OSA3LjkyNDIzIDcuMzMwODJMNi43MTA5OCA4LjU0MTY2QzguMDcwOTMgMTAuOTI4NiAxMC4wNTEyIDEyLjkwNDkgMTIuNDQyOSAxNC4yNjIyTDEzLjY1NjEgMTMuMDUxM0MxMy45MTU5IDEyLjc5NSAxNC4yNDM4IDEyLjYxODQgMTQuNjAxIDEyLjU0MjNDMTQuOTU4MyAxMi40NjYzIDE1LjMyOTkgMTIuNDk0IDE1LjY3MTggMTIuNjIyM0MxNi41Mzg2IDEyLjk0NTEgMTcuNDM5MSAxMy4xNjkgMTguMzU2MyAxMy4yODk3QzE4LjgyMDMgMTMuMzU1IDE5LjI0NDEgMTMuNTg4MyAxOS41NDcxIDEzLjk0NTJDMTkuODUwMSAxNC4zMDIgMjAuMDExIDE0Ljc1NzYgMTkuOTk5NCAxNS4yMjUyWiIgc3Ryb2tlPSIjN0U5RkJDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=);
  width: 11px;
  height: 11px;
}
@media only screen and (min-width: 600px) {
  .btn.icon--finger-black.svg-icon:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02LjUzMDY0IDguNTk5NzFDNS4yODE5NSA5LjgwOTQxIDQuOTk5ODggMTEuMjY4NiA0Ljk5OTg4IDExLjI2ODZWMjAuNzU3OUM2LjIyNDM3IDIwLjg1NjggMTAuNTEwMSAyMS43MDY4IDEyLjk1OTEgMjEuOTQ0MUMxNi4wMjAzIDIyLjI0MDYgMTguNDc4NCAyMS4zMTU2IDE4Ljc3NTQgMjAuMTY0OEMxOS4wODE1IDE4Ljk3ODcgMTguMzY3MiAxOC40ODQ0IDE4LjE2MzEgMTguMDg5QzE4LjU3MTMgMTcuOTkwMiAxOS42OTM4IDE3LjE5OTQgMTkuNjkzOCAxNi4zMDk4QzE5LjY5MzggMTUuMjQ4OCAxOS4yODU2IDE0LjgyNzEgMTguNzc1NCAxNC44MjcxQzE5LjA4MTUgMTQuNjI5NCAxOS45OTk5IDEzLjk5NjggMTkuOTk5OSAxMy4wNDc4QzE5Ljk5OTkgMTIuMDk4OSAxOC43NzU0IDExLjM2NzQgMTguNDY5MyAxMS4yNjg2QzE4LjQ2OTMgMTEuMjY4NiAxOS4wODE1IDEwLjk3MiAxOS4zODc2IDEwLjM3OUMxOS43NzQ5IDkuNjI4NzYgMTkuMDgxNSA4LjMwMzE3IDE3LjI0NDggOC4wMDY2MkMxNS40MDggNy43MTAwOCAxMi42NTI5IDkuMTkyNzkgMTEuNzM0NiA4Ljg5NjI1QzEwLjgxNjIgOC41OTk3MSAxMi42NTI5IDUuNjM0MjkgMTIuOTU5MSAzLjg1NTA0QzEzLjI2NTIgMi4wNzU3OSAxMS40Mjg0IDAgMTAuMjA0IDBDOS41OTE3MSAwIDkuNTU0MDggMi44NTExNiA5LjI4NTU5IDQuMTUxNThDOC45Nzk0NyA1LjYzNDI5IDguMzY3MjMgNi44MjA0NiA2LjUzMDY0IDguNTk5NzFaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTguMzI2NTcgMTQuNzE2N0M4LjExNzUyIDE0LjUzNjMgNy44MDE3OSAxNC41NTk1IDcuNjIxMzcgMTQuNzY4NUM3LjQ0MDk0IDE0Ljk3NzYgNy40NjQxNCAxNS4yOTMzIDcuNjczMTkgMTUuNDczOEw4LjMyNjU3IDE0LjcxNjdaTTEwLjIwNjggMTdMOS44ODAwOCAxNy4zNzg1TDEwLjIwNjggMTcuNjYwNUwxMC41MzM1IDE3LjM3ODVMMTAuMjA2OCAxN1pNMTYuMzI2NiAxMi4zNzg1QzE2LjUzNTYgMTIuMTk4MSAxNi41NTg4IDExLjg4MjQgMTYuMzc4NCAxMS42NzMzQzE2LjE5OCAxMS40NjQzIDE1Ljg4MjIgMTEuNDQxMSAxNS42NzMyIDExLjYyMTVMMTYuMzI2NiAxMi4zNzg1Wk03LjY3MzE5IDE1LjQ3MzhMOS44ODAwOCAxNy4zNzg1TDEwLjUzMzUgMTYuNjIxNUw4LjMyNjU3IDE0LjcxNjdMNy42NzMxOSAxNS40NzM4Wk0xMC41MzM1IDE3LjM3ODVMMTYuMzI2NiAxMi4zNzg1TDE1LjY3MzIgMTEuNjIxNUw5Ljg4MDA4IDE2LjYyMTVMMTAuNTMzNSAxNy4zNzg1WiIgZmlsbD0iI0ZCRDkyNiIvPg0KPHJlY3QgeD0iLTAuMDAwMTIyMDciIHk9IjExIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgcng9IjEiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==);
  }
  .btn.icon--comment.svg-icon:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xIDE5LjYwMTRDMC45OTk5OTQgMjAuMTAxNCAxLjAwMDA3IDIwLjEwMTQgMS4wMDAxNiAyMC4xMDE0SDEuMDAwNDNIMS4wMDEyNUwxLjAwNDA0IDIwLjEwMTRMMS4wMTQxNSAyMC4xMDE0TDEuMDUyMDEgMjAuMTAxMUMxLjA4NDkxIDIwLjEwMDkgMS4xMzI5MiAyMC4xMDAzIDEuMTk0NjEgMjAuMDk5M0MxLjMxNzk5IDIwLjA5NzIgMS40OTYyIDIwLjA5MyAxLjcxNzkxIDIwLjA4NDZDMi4xNjEwMyAyMC4wNjc5IDIuNzc5MzkgMjAuMDM0NSAzLjQ4MTc2IDE5Ljk2NzZDNC44NzQ2MSAxOS44MzUgNi42NDM2NCAxOS41NjY4IDguMDI4MDYgMTkuMDEzQzguMjI0MzEgMTguOTM0NSA4LjQxMzk5IDE4Ljg0MzQgOC41OTY5NCAxOC43NDIzQzkuNjY3ODkgMTkuMTYzNCAxMC44MzM5IDE5LjM5NDUgMTIuMDUyOCAxOS4zOTQ1QzE3LjI3MDQgMTkuMzk0NSAyMS41IDE1LjE2NDggMjEuNSA5Ljk0NzI1QzIxLjUgNC43Mjk2OCAxNy4yNzA0IDAuNSAxMi4wNTI4IDAuNUM2LjgzNTIyIDAuNSAyLjYwNTU0IDQuNzI5NjggMi42MDU1NCA5Ljk0NzI1QzIuNjA1NTQgMTEuOTI4OSAzLjIxNjIyIDEzLjc2OTMgNC4yNTk1NSAxNS4yODg4QzQuMTYyODEgMTUuNTAwMiA0LjA1MzI3IDE1LjcyMzUgMy45MjkyMyAxNS45NTgzQzMuMzUwMTYgMTcuMDU0NiAyLjU1ODQxIDE3Ljg1NzMgMS45MDU5IDE4LjM4NzhDMS41ODA1NiAxOC42NTIzIDEuMjkyNzcgMTguODQ2NyAxLjA4ODQ0IDE4Ljk3MzlDMC45ODYzODIgMTkuMDM3NCAwLjkwNTQ1OSAxOS4wODM5IDAuODUxNDc2IDE5LjExMzlDMC44MjQ0OTUgMTkuMTI4OCAwLjgwNDI3NiAxOS4xMzk2IDAuNzkxNTQ4IDE5LjE0NjNMMC43NzgxNzggMTkuMTUzM0wwLjc3NjYxNSAxOS4xNTQxQzAuNzc2NTI4IDE5LjE1NDEgMC43NzY0NDIgMTkuMTU0MiAwLjc3NjM1NiAxOS4xNTQyTDAuNzc2MTk1IDE5LjE1NDNMMC43NzYxNDUgMTkuMTU0M0MwLjc3NjExMyAxOS4xNTQzIDAuNzc2MDggMTkuMTU0NCAwLjc3NjA0NyAxOS4xNTQ0QzAuNzc2MDQxIDE5LjE1NDQgMC43NzYwMzUgMTkuMTU0NCAwLjc3NjAyOSAxOS4xNTQ0QzAuNTY4OTEgMTkuMjU4MiAwLjQ2MDE2NiAxOS40OTA2IDAuNTEzMzQ2IDE5LjcxNjJDMC41NjY1NzcgMTkuOTQxOSAwLjc2ODA2IDIwLjEwMTQgMC45OTk5OTQgMjAuMTAxNEwxIDE5LjYwMTRaIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xMCAxMEMxMCAxMC41NTIzIDkuNTUyMjggMTEgOSAxMUM4LjQ0NzcyIDExIDggMTAuNTUyMyA4IDEwQzggOS40NDc3MiA4LjQ0NzcyIDkgOSA5QzkuNTUyMjggOSAxMCA5LjQ0NzcyIDEwIDEwWiIgZmlsbD0iYmxhY2siLz4NCjxwYXRoIGQ9Ik0xMyAxMEMxMyAxMC41NTIzIDEyLjU1MjMgMTEgMTIgMTFDMTEuNDQ3NyAxMSAxMSAxMC41NTIzIDExIDEwQzExIDkuNDQ3NzIgMTEuNDQ3NyA5IDEyIDlDMTIuNTUyMyA5IDEzIDkuNDQ3NzIgMTMgMTBaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTE2IDEwQzE2IDEwLjU1MjMgMTUuNTUyMyAxMSAxNSAxMUMxNC40NDc3IDExIDE0IDEwLjU1MjMgMTQgMTBDMTQgOS40NDc3MiAxNC40NDc3IDkgMTUgOUMxNS41NTIzIDkgMTYgOS40NDc3MiAxNiAxMFoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==);
  }
  .btn.icon--finger.svg-icon:hover:after {
    background-image: url(/dist/assets/apps/core/less/icons/icon--finger-hover-630ae61c.svg);
    left: 1px;
  }
  .btn.icon--bell.svg-icon:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAxQzkgMC43OTI5NjkgOS4wNjI5OSAwLjYwMDU4NiA5LjE3MDkgMC40NDA5MThDOS4zNTA1OSAwLjE3NDgwNSA5LjY1NDc5IDAgMTAgMEMxMC41NTIyIDAgMTEgMC40NDc3NTQgMTEgMVYyQzExIDIuMDIzNjggMTAuOTk5IDIuMDQ3MzYgMTAuOTk3NiAyLjA3MDU2QzE0LjM5MTEgMi41NTQ2OSAxNyA1LjQ3MjY2IDE3IDlWMTZMMjAgMTlIMEwzIDE2VjlDMyA1LjQ3MjY2IDUuNjA4ODkgMi41NTQ2OSA5LjAwMjQ0IDIuMDcwNTZDOS4wMDA5OCAyLjA0NzM2IDkgMi4wMjM2OCA5IDJWMVpNNCA5QzQgNS42ODYyOCA2LjY4NjUyIDMgMTAgM0MxMy4zMTM1IDMgMTYgNS42ODYyOCAxNiA5VjE2LjQxNDNMMTcuNTg1OSAxOEgyLjQxNDA2TDQgMTYuNDE0M1Y5WiIgZmlsbD0iI0ZCRDkyNiIvPg0KPHBhdGggZD0iTTEwIDIyQzkgMjIgOCAyMSA4IDIwSDEyQzEyIDIxIDExIDIyIDEwIDIyWiIgZmlsbD0iI0ZCRDkyNiIvPg0KPC9zdmc+DQo=);
  }
}
.custom-icon.icon--ok {
  background: #01903A;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
}
.custom-icon.icon--ok::before {
  content: '';
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  width: 20px;
  height: 11px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  transform: rotate(-45deg);
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
/* This stylesheet generated by Transfonter (https://transfonter.org) on September 20, 2017 10:25 AM */
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-5f7dd169.eot);
  src: local('Brother 1816 Black'), local('Brother-1816-Black'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-5f7dd169.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-51225336.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-c1b06900.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-f3a1bb07.eot);
  src: local('Brother 1816 Light'), local('Brother-1816-Light'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-f3a1bb07.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-f678d46d.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-d1c8ae36.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-9bb7d0e1.eot);
  src: local('Brother 1816 Bold'), local('Brother-1816-Bold'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-9bb7d0e1.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-3c239eb3.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-05a8e383.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-d485054f.eot);
  src: local('Brother 1816 Black Italic'), local('Brother-1816-Black-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-d485054f.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-fa26f55d.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-63320c7a.ttf) format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-18e1a1a3.eot);
  src: local('Brother 1816 ExtraBold'), local('Brother-1816-ExtraBold'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-18e1a1a3.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-31743554.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-4f7322a2.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816 Book';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-ccb5adda.eot);
  src: local('Brother 1816 Book'), local('Brother-1816-Book'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-ccb5adda.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-60ca2ffd.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-ef20597c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-84e9d6d4.eot);
  src: local('Brother 1816 Regular Italic'), local('Brother-1816-Regular-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-84e9d6d4.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-016e4ca1.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-4ec5245e.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-8fdc604e.eot);
  src: local('Brother 1816 Bold Italic'), local('Brother-1816-Bold-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-8fdc604e.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-b050f622.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-36c5866a.ttf) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-7ac4e26b.eot);
  src: local('Brother 1816 Regular'), local('Brother-1816-Regular'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-7ac4e26b.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-2888a4ec.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-05f9e33c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-ff5fc408.eot);
  src: local('Brother 1816 Medium'), local('Brother-1816-Medium'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-ff5fc408.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-ea372f5f.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-46a1359c.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-6b2ba2e2.eot);
  src: local('Brother 1816 Medium Italic'), local('Brother-1816-Medium-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-6b2ba2e2.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-13d17048.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-c43a43a1.ttf) format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-ef420770.eot);
  src: local('Brother 1816 Light Italic'), local('Brother-1816-Light-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-ef420770.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-cc997d6f.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-fca5eeef.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-c10aa667.eot);
  src: local('Brother 1816 ExtraBold Italic'), local('Brother-1816-ExtraBold-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-c10aa667.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-e39705f9.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-c2e19aa2.ttf) format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816 Book';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-3e26a12b.eot);
  src: local('Brother 1816 Book Italic'), local('Brother-1816-Book-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-3e26a12b.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-744dfef6.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-57ad842d.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
/* This stylesheet generated by Transfonter (https://transfonter.org) on September 20, 2017 10:25 AM */
@font-face {
  font-family: 'Athelas';
  src: local('Athelas Bold'), local('Athelas-Bold'), url(/dist/assets/apps/core/less/fonts/athelas/Athelas-Bold-a77779f0.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Athelas';
  src: local('Athelas Bold Italic'), local('Athelas-Bold-Italic'), url(/dist/assets/apps/core/less/fonts/athelas/Athelas-BoldItalic-0a0aac75.ttf) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Athelas';
  src: local('Athelas Italic'), local('Athelas-Italic'), url(/dist/assets/apps/core/less/fonts/athelas/Athelas-Italic-4d7f27cf.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Athelas';
  src: local('Athelas Regular'), local('Athelas-Regular'), url(/dist/assets/apps/core/less/fonts/athelas/Athelas-Regular-203ca707.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* PRINTIQUE ELEMENTS */
.disabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
  animation: none !important;
}
.disabled_visible {
  pointer-events: none !important;
  opacity: 1 !important;
  animation: none !important;
}
.disabled *,
.disabled *:after,
.disabled *:before {
  pointer-events: none !important;
}
.fake-resize {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
.fake-resize iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  border: 0;
  pointer-events: none;
}
.scrollbar-wrapper {
  overflow-y: auto;
  position: relative;
}
.scrollbar-wrapper.axis-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.scrollbar-wrapper.axis-y {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper .scrollbar-dragger {
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.1s ease-out;
  position: absolute;
  border-radius: 5px;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper .scrollbar-dragger.always-visible {
  opacity: 1;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper .scrollbar-dragger:active {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper.axis-x {
  width: 100%;
  height: 21px;
  left: 0;
  bottom: 0;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper.axis-x .scrollbar-dragger {
  height: 5px;
  top: 13px !important;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper.axis-y {
  height: 100%;
  width: 21px;
  right: 3px;
  top: 0;
}
.scrollbar-wrapper .scrollbar-dragger-wrapper.axis-y .scrollbar-dragger {
  width: 5px;
  right: 8px;
  min-height: 5px;
}
.scrollbar-wrapper .scrollbar-btn {
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  width: 30px;
  height: 30px !important;
  border-radius: 100%;
  margin-top: 13px;
  cursor: pointer;
  top: 0px;
}
.scrollbar-wrapper .scrollbar-btn:before {
  content: '';
  position: absolute;
  pointer-events: none;
  top: calc(50% - 5px);
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNTc1OCAwLjMxODE5MkwwLjMyMzcyMiA3LjIzMTgyQy0wLjEwNzkwOSA3LjY1NjA3IC0wLjEwNzkwOSA4LjM0MzkzIDAuMzIzNzIyIDguNzY4MThMNy4zNTc1OCAxNS42ODE4QzcuNzg5MjEgMTYuMTA2MSA4LjQ4OTAyIDE2LjEwNjEgOC45MjA2NSAxNS42ODE4QzkuMzUyMjkgMTUuMjU3NiA5LjM1MjI5IDE0LjU2OTcgOC45MjA2NSAxNC4xNDU0TDMuNzczNiA5LjA4NjM3TDIxIDkuMDg2MzdMMjEgNi45MTM2M0wzLjc3MzYgNi45MTM2M0w4LjkyMDY1IDEuODU0NTVDOS4zNTIyOCAxLjQzMDMgOS4zNTIyOCAwLjc0MjQ0NyA4LjkyMDY1IDAuMzE4MTkyQzguNDg5MDIgLTAuMTA2MDYzIDcuNzg5MjEgLTAuMTA2MDYzIDcuMzU3NTggMC4zMTgxOTJaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=) no-repeat;
  background-size: contain;
  width: 16px;
  height: 11px;
}
.scrollbar-wrapper .scrollbar-btn.btn-prev {
  margin-left: -33px;
}
.scrollbar-wrapper .scrollbar-btn.btn-prev:before {
  left: 8px;
}
.scrollbar-wrapper .scrollbar-btn.btn-next {
  margin-left: 51px;
}
.scrollbar-wrapper .scrollbar-btn.btn-next:before {
  transform: rotateY(180deg);
  right: 8px;
}
.scrollbar-wrapper .scrollbar-btn:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
.scrollbar-wrapper:hover .scrollbar-dragger {
  opacity: 1;
}
@media only screen and (max-width: 480px) {
  .is-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) {
  .is-mobile {
    display: none !important;
  }
}
.spinner-wrapper {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: calc(10000 + 10);
}
.spinner-wrapper .gear-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 90px;
}
.spinner-wrapper .gear-wrapper svg {
  fill: #BECCDB;
}
.spinner-wrapper .gear-wrapper svg.big-gear {
  position: absolute;
  top: 20px;
  bottom: auto;
  left: 0;
  right: auto;
  width: 70px;
  height: 70px;
  animation: rotation 1s linear infinite both;
}
.only-big-gear.spinner-wrapper .gear-wrapper svg.big-gear {
  top: 0;
}
.inline-mode.spinner-wrapper .gear-wrapper svg.big-gear {
  width: 30px;
  height: 30px;
  top: 0;
}
.spinner-wrapper .gear-wrapper svg.small-gear {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 65px;
  right: auto;
  width: 45px;
  height: 45px;
  animation: rotation-inverse 0.9s linear infinite both;
}
.spinner-wrapper .gear-wrapper .text {
  position: absolute;
  top: calc(100% + 10px);
  bottom: auto;
  left: -100px;
  right: auto;
  width: 310px;
  height: 20px;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
}
.only-big-gear.spinner-wrapper .gear-wrapper {
  width: 70px;
  height: 70px;
}
.inline-mode.spinner-wrapper .gear-wrapper {
  width: 30px;
  height: 30px;
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}
.spinner-wrapper .gear-wrapper.m-small {
  width: 50px;
  height: 50px;
}
.spinner-wrapper .gear-wrapper.m-small .big-gear {
  width: 100%;
  height: 100%;
  top: 0;
}
.spinner-wrapper .gear-wrapper.m-tiny {
  width: 32px;
  height: 32px;
}
.spinner-wrapper .gear-wrapper.m-tiny .big-gear {
  width: 100%;
  height: 100%;
  top: 0;
}
.spinner-wrapper.inline-mode {
  position: relative;
  width: auto;
  height: auto;
}
.spinner-wrapper.fixed {
  position: fixed;
}
.line-note {
  min-height: 54px;
  font-size: 14px;
  line-height: 20px;
  background: #D4E8FF;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  padding: 11px 18px 11px 50px;
  margin: 10px 0;
}
.line-note:after {
  color: #fff;
  left: 14px;
  top: 14px;
}
.line-note:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 32px;
  height: 100%;
  z-index: 0;
  background: #78B7FF;
}
.note-error.line-note:before {
  background: #FF8A7A;
}
.line-note.note-error {
  background: #FFD9D4;
}
.line-note a {
  color: inherit;
}
.overflow-hidden {
  overflow: hidden !important;
}
/* WHITELABEL ELEMENTS*/
.body-fixed {
  overflow: hidden !important;
  max-height: 100vh;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  text-align: center;
  text-transform: uppercase;
  background: #373737;
  color: #fff;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: 0.05em;
  pointer-events: auto;
  position: relative;
  vertical-align: top;
  flex: none;
}
.btn:hover {
  background-color: #222;
}
.btn:active {
  box-shadow: none;
}
.btn.btn-wide {
  padding: 0 80px;
}
.btn.btn-printique {
  height: 43px;
  line-height: 42px;
  font-family: "Brother 1816";
  border-radius: 0;
  padding: 0 35px;
}
.btn.btn-small {
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  font-weight: 400;
  padding: 0 20px;
}
.btn.btn-small.svg-icon {
  padding-left: 36px;
}
.btn.btn-small.svg-icon:after {
  top: 5px;
  left: 9px;
}
.btn.btn-white {
  color: #000;
  background: #FCFCFC;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}
.btn.btn-white:hover {
  color: #333;
  background: #FCFCFC;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.btn.btn-dotted {
  background: transparent;
  border: 1px dashed #B2B2B2;
  padding: 0 20px;
  color: #000;
}
.btn.btn-dotted:hover {
  color: #333;
  background: #EFEFEF;
}
.btn.btn-blue {
  color: #EFECE8;
  background: rgba(125, 159, 189, 0.9);
}
.btn.btn-blue:hover {
  background-color: #7D9FBD;
}
.btn.btn-yellow {
  color: #000;
  background: #FBD926;
}
.btn.btn-yellow:hover {
  background-color: #FBD926;
}
.btn.btn-clean {
  background: #fff;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.btn.btn-clean:hover {
  background-color: #fff;
}
.btn.btn-cancel {
  background: transparent;
  color: #000;
  text-transform: capitalize;
  font-weight: 400;
  padding: 0 10px !important;
}
.btn.btn-cancel:hover {
  background-color: transparent;
}
.btn.btn-link {
  background: transparent;
  padding: 0;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: initial;
  height: 15px;
  letter-spacing: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}
.svg-icon.btn.btn-link:before {
  position: absolute;
  left: -30px;
  pointer-events: auto;
}
.btn.btn-link:hover {
  background-color: transparent;
  border-bottom-color: #000;
}
.input {
  background: #f5f5f5;
  height: 40px;
  border-radius: 20px;
  font-size: 12px;
  text-align: center;
  padding: 0 20px;
  border: none;
}
.input::placeholder {
  color: #c4c4c4;
}
.input:focus {
  outline: none;
}
.input:focus,
.input:hover {
  background: #f1f1f1;
}
.textarea {
  width: 100%;
  max-width: 440px;
  height: 110px;
  resize: none;
  background: #f5f5f5;
  border: none;
  padding: 15px 25px;
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
}
.textarea:focus {
  outline: none;
}
.custom-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 0 0 30px;
}
.custom-checkbox > input {
  display: none;
}
.custom-checkbox > input:checked + span::after,
.custom-checkbox > input.checked + span::after,
.custom-checkbox > input:checked + label::after,
.custom-checkbox > input.checked + label::after {
  pointer-events: auto;
  opacity: 1;
}
.custom-checkbox > span,
.custom-checkbox > label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.custom-checkbox > span a,
.custom-checkbox > label a {
  color: #0EA4E2;
  text-decoration: none;
  font-weight: 700;
  margin-left: 3px;
}
.custom-checkbox > span::before,
.custom-checkbox > label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #BECCDB;
}
.custom-checkbox > span::after,
.custom-checkbox > label::after {
  content: "\E80F";
  font-family: "icons";
  font-size: 8px;
  position: absolute;
  top: 2px;
  left: 5px;
  line-height: 20px;
  pointer-events: none;
  opacity: 0;
  color: #437EB2;
  z-index: 1;
  transition: all 0.1s ease-out;
}
@media only screen and (max-width: 480px) {
  .custom-checkbox > span,
  .custom-checkbox > label {
    font-size: 13px;
  }
}
.custom-checkbox.m-printique {
  min-height: 34px;
  padding: 0 0 0 48px;
}
.custom-checkbox.m-printique > span,
.custom-checkbox.m-printique > label {
  font-family: "Brother 1816";
  line-height: 24px;
  font-size: 16px;
  color: #323232;
  font-weight: 500;
}
.custom-checkbox.m-printique > span:before,
.custom-checkbox.m-printique > label:before {
  width: 34px;
  height: 34px;
  border-color: #EFECE8;
  border-width: 2px;
}
.custom-checkbox.m-printique > span:after,
.custom-checkbox.m-printique > label:after {
  color: #7D9FBD;
  top: 6px;
  left: 10px;
  font-size: 10px;
  line-height: 24px;
}
.custom-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 0 0 34px;
}
.custom-radio input {
  display: none;
}
.custom-radio input:checked + span:after,
.custom-radio input.checked + span:after,
.custom-radio input:checked + label:after,
.custom-radio input.checked + label:after {
  pointer-events: auto;
  opacity: 1;
}
.custom-radio > span,
.custom-radio > label {
  display: inline-flex;
  align-items: center;
  line-height: 14px;
  font-size: 12px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.custom-radio > span::before,
.custom-radio > label::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #BECCDB;
}
.custom-radio > span::after,
.custom-radio > label::after {
  content: "";
  box-sizing: border-box;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  bottom: auto;
  left: 5px;
  right: auto;
  width: 14px;
  height: 14px;
  pointer-events: none;
  opacity: 0;
  background: #437EB2;
  z-index: 1;
}
.custom-radio.m-printique {
  min-height: 34px;
  padding: 0 0 0 48px;
}
.custom-radio.m-printique > span,
.custom-radio.m-printique > label {
  line-height: 24px;
  color: #323232;
  font-weight: 500;
}
.custom-radio.m-printique > span:before,
.custom-radio.m-printique > label:before {
  width: 34px;
  height: 34px;
  border-color: #EFECE8;
  border-width: 2px;
}
.custom-radio.m-printique > span:after,
.custom-radio.m-printique > label:after {
  background: #7D9FBD;
  width: 18px;
  height: 18px;
  top: 8px;
  left: 8px;
}
.custom-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 0 0 49px;
  cursor: pointer;
  height: 24px;
}
.custom-toggle input {
  display: none;
}
.custom-toggle input:checked + span,
.custom-toggle input.checked + span,
.custom-toggle input:checked + label,
.custom-toggle input.checked + label {
  font-weight: 700;
}
.custom-toggle input:checked + span::before,
.custom-toggle input.checked + span::before,
.custom-toggle input:checked + label::before,
.custom-toggle input.checked + label::before {
  background: #31414E;
}
.custom-toggle input:checked + span::after,
.custom-toggle input.checked + span::after,
.custom-toggle input:checked + label::after,
.custom-toggle input.checked + label::after {
  left: -28px;
  background: #fff;
}
.custom-toggle > label,
.custom-toggle > span {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  font-family: "Brother 1816";
  font-size: 16px;
  color: #323232;
  line-height: 24px;
  font-weight: 400;
}
.custom-toggle > label::before,
.custom-toggle > span::before {
  content: "";
  transition: all 0.1s ease-out;
  position: absolute;
  top: 0;
  bottom: auto;
  left: -49px;
  right: auto;
  width: 40px;
  height: 24px;
  background: #E7EDF3;
  border: 1px solid #CCD9E5;
  box-sizing: border-box;
  border-radius: 34px;
}
.custom-toggle > label::after,
.custom-toggle > span::after {
  content: "";
  border-radius: 100%;
  z-index: 1;
  transition: all 0.1s ease-out;
  position: absolute;
  top: 5px;
  bottom: auto;
  left: -44px;
  right: auto;
  width: 14px;
  height: 14px;
  background: #ABBACE;
}
.action-btn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  margin: 0 10px;
  opacity: 0.8;
  flex: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.action-btn .value {
  font-size: 12px;
  position: absolute;
  right: calc(100% - 1px);
  pointer-events: none !important;
}
.action-btn:after {
  position: absolute;
  z-index: 0;
}
.action-btn .tip {
  pointer-events: none;
  opacity: 0;
  transition: opacity, bottom 1s ease-out;
  font-size: 11px;
  text-transform: uppercase;
  min-height: 26px;
  min-width: 115px;
  line-height: 18px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: calc(100% + 5px);
  color: #fff;
  user-select: none;
  -moz-user-select: none;
  pointer-events: none !important;
  user-select: none !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  white-space: nowrap;
}
.action-btn .tip.list {
  align-items: flex-start;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  max-width: 200px;
  text-overflow: ellipsis;
}
.action-btn .tip.list span {
  margin-bottom: 10px;
}
.action-btn .tip:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  width: 0;
  height: 0;
  top: 100%;
  left: calc(50% - 5px);
}
.action-btn:hover {
  opacity: 1;
}
.action-btn:hover .tip {
  animation: show-delay 1s ease-out both;
  bottom: calc(100% + 12px);
}
.action-btn.is-selected {
  opacity: 1;
}
.action-btn.is-selected .value {
  right: calc(100% + 4px);
}
.action-btn.icon--like:after {
  top: 4px;
  left: 2px;
}
.action-btn.icon--like.is-friends {
  opacity: 1;
}
.action-btn.icon--like.is-friends:after {
  top: 7px;
  left: 5px;
}
.action-btn.icon--like .tip {
  left: -13px;
}
.action-btn.icon--like .tip:before {
  left: 22px;
}
.action-btn.icon--hidden:after {
  top: 5px;
  left: 0px;
}
.action-btn.icon--hidden.is-selected:after {
  top: 0;
  left: 0;
}
.action-btn.icon--tag:after {
  left: 2px;
}
.action-btn.icon--buy .tip {
  left: -72px;
}
.action-btn.icon--buy .tip:before {
  left: 83px;
}
.action-btn.icon--delete:after {
  left: 3px;
  top: 1px;
}
div.popup-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1001;
  padding: 0;
  width: auto;
  max-width: 100vw;
  background: #F5F5F5;
  border: 2px solid #7D9FBD;
  border-radius: 0;
  box-shadow: none;
  max-height: 100vh;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper {
    top: 0;
    left: 0;
    min-height: 100%;
    transform: none;
    position: fixed;
  }
}
div.popup-wrapper.images-list-popup {
  max-width: calc(100vw - 300px);
  height: calc(100vh - 200px);
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}
div.popup-wrapper.narrow-popup {
  width: 440px;
  border-width: 1px;
}
div.popup-wrapper.narrow-popup .header {
  margin-left: 50px;
  margin-right: 50px;
  padding-top: 49px;
}
div.popup-wrapper.narrow-popup > .content {
  padding-left: 50px;
  padding-right: 50px;
}
div.popup-wrapper.narrow-popup > .content .btn {
  margin: 0 auto 0 0;
}
div.popup-wrapper.narrow-popup > .content .link {
  margin: 50px auto 0 0;
}
div.popup-wrapper.narrow-popup > .content .link + .link {
  margin-top: 20px;
}
div.popup-wrapper .header {
  padding: 29px 0 20px;
  margin: 0 30px 20px;
  border-bottom: 1px solid #EFECE8;
  display: flex;
  align-items: center;
  width: auto;
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper .header {
    flex: none;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper .header .blue-link {
    font-size: 10px;
  }
}
div.popup-wrapper .header + .content {
  padding-top: 0;
}
.images-list-popupdiv.popup-wrapper .header {
  justify-content: center;
}
div.popup-wrapper .header .popup-close {
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 20px;
  width: 17px;
  height: 17px;
  opacity: 0.7;
}
@media only screen and (max-width: 480px) {
  div.popup-wrapper .header .popup-close {
    right: 11px;
  }
}
div.popup-wrapper .header .popup-close:hover {
  opacity: 1;
}
div.popup-wrapper .header .logotype {
  max-height: 69px;
}
div.popup-wrapper .header .logotype span {
  color: #fff;
}
div.popup-wrapper .header .title {
  font-family: "Athelas";
  font-size: 28px;
  line-height: 30px;
  color: #31414E;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper .header .title {
    margin-right: 0;
    font-size: 24px;
  }
}
div.popup-wrapper .header .title.center {
  margin: 0 auto;
}
div.popup-wrapper .header .description {
  font-family: "Athelas";
  font-size: 18px;
  line-height: 22px;
  color: #31414E;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  margin-left: 20px;
}
div.popup-wrapper .header .actions {
  display: flex;
  align-items: center;
}
div.popup-wrapper > .content {
  display: flex;
  flex-direction: column;
  padding: 55px 30px 60px;
  overflow-y: auto;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper > .content {
    padding: 30px 30px 75px;
    z-index: 1010;
  }
}
div.popup-wrapper > .content .text {
  line-height: 25px;
  font-size: 14px;
  margin-bottom: 20px;
  font-style: italic;
  text-align: center;
  position: relative;
}
div.popup-wrapper > .content .subtitle {
  font-family: "Brother 1816";
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7D9FBD;
  margin-bottom: 20px;
}
div.popup-wrapper > .content .description {
  font-family: "Brother 1816 book";
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #31414E;
  max-width: 400px;
  position: relative;
}
div.popup-wrapper > .content .description.icon--check-big {
  padding-top: 50px;
}
div.popup-wrapper > .content .description.icon--check-big:after {
  top: 0;
  left: calc(50% - 20px);
}
div.popup-wrapper > .content .input-wrapper {
  width: 100%;
  max-width: 436px;
  flex: none;
  position: relative;
  margin-bottom: 19px;
}
div.popup-wrapper > .content .input-wrapper .input {
  width: 100%;
  height: 65px;
  background: #fff;
  border: 1px solid #D0D9E2;
  font-family: "Brother 1816";
  font-weight: 500;
  color: #323232;
  font-size: 16px;
  padding: 0 25px;
  border-radius: 0;
  text-align: left;
}
div.popup-wrapper > .content .input-wrapper .input::-ms-input-placeholder {
  color: rgba(50, 50, 50, 0.4);
  font-weight: 500;
}
div.popup-wrapper > .content .input-wrapper .input::placeholder {
  color: rgba(50, 50, 50, 0.4);
  font-weight: 500;
}
div.popup-wrapper > .content .input-wrapper .input + .btn {
  position: absolute;
  right: 12px;
  margin: 0;
  top: 12px;
}
div.popup-wrapper > .content .input-error {
  color: #FF0000;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  font-family: "Brother 1816";
}
div.popup-wrapper > .content .textarea {
  background: #fff;
  border: 2px solid #EFECE8;
  font-family: "Brother 1816";
  font-weight: 500;
  color: #323232;
  font-size: 16px;
  border-radius: 0;
  text-align: left;
  margin-bottom: 20px;
}
div.popup-wrapper > .content .textarea::placeholder {
  color: rgba(50, 50, 50, 0.4);
  font-weight: 500;
}
div.popup-wrapper > .content .textarea + .btn {
  margin-left: 0;
  margin-top: 0;
}
div.popup-wrapper > .content .btn {
  margin: 20px auto 0;
}
div.popup-wrapper > .content .link {
  font-family: "Brother 1816";
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  color: #C98455;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-flex;
  cursor: pointer;
  margin: 20px auto 0;
  text-decoration: underline;
}
div.popup-wrapper > .content .link.blue {
  color: #7D9FBD;
}
div.popup-wrapper > .content .link:hover {
  text-decoration: none;
}
div.popup-wrapper > .content .email-tag {
  min-height: 40px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 10px 32px 10px 41px;
  border: 1px dashed #000;
  position: relative;
  min-width: 300px;
  width: auto;
  text-transform: lowercase;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  flex: none;
  word-break: break-all;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper > .content .email-tag {
    max-width: 300px;
    min-width: initial;
  }
}
div.popup-wrapper > .content .email-tag:after {
  left: 22px;
  top: calc(50% - 5px);
}
div.popup-wrapper > .content .email-tag i {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 16px;
  top: calc(50% - 6px);
  filter: brightness(0);
  cursor: pointer;
}
div.popup-wrapper > .content .email-tag i:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
}
div.popup-wrapper > .content .custom-checkbox {
  margin-bottom: 20px;
}
div.popup-wrapper > .content .separator {
  height: 1px;
  display: block;
  border-bottom: 1px solid #EFECE8;
  margin: 0 0 20px;
}
div.popup-wrapper .photos-content {
  overflow: hidden;
  flex: auto;
}
div.popup-wrapper .photos-content .photos-wrapper {
  max-height: calc(100vh - 410px);
  padding-right: 25px;
  margin-right: -25px;
}
div.popup-wrapper .photos-content .photos-wrapper .photos-list {
  margin-right: -21px;
}
div.popup-wrapper .photos-content .photos-wrapper .photos-list__item:hover {
  box-shadow: none;
}
div.popup-wrapper > .footer {
  background: #fff;
  height: 95px;
  width: calc(100% + 60px);
  padding: 0 45px;
  margin: 0 -30px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper > .footer {
    position: fixed;
    background: #fff;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0 20px;
    margin: 0;
    flex-wrap: wrap;
    z-index: 1015;
  }
}
div.popup-wrapper > .footer .btn-white {
  margin-right: auto;
}
div.popup-wrapper > .footer .btn {
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper > .footer .btn {
    font-size: 11px;
    padding: 0 11px;
  }
}
div.popup-wrapper > .footer .price {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 30px;
}
div.popup-wrapper > .footer .price + .btn {
  margin: 0;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper > .footer .price {
    margin-right: 0;
    width: 100%;
    order: 1;
    justify-content: center;
  }
}
div.popup-wrapper > .footer .price .note {
  font-family: "Brother 1816";
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper > .footer .price .note {
    font-size: 11px;
    line-height: 16px;
  }
}
div.popup-wrapper > .footer .price .value {
  font-family: "Athelas";
  font-size: 45px;
  line-height: 51px;
  font-weight: 400;
  margin: 0 0 0 30px;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper > .footer .price .value {
    font-size: 15px;
    line-height: 16px;
    margin: 0 0 0 10px;
  }
}
div.popup-overlay {
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.dropdown {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 40px;
}
.dropdown .dropdown-btn {
  display: block;
  height: 100%;
  line-height: 40px;
  padding: 0 30px 0 15px;
  font-size: 12px;
  border-radius: 2px;
  position: relative;
  white-space: nowrap;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(17, 17, 17, 0.15);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown .dropdown-btn:after {
  color: #437EB2;
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
}
.dropdown .dropdown-list {
  pointer-events: none;
  opacity: 0;
  box-shadow: 0px 2px 2px rgba(17, 17, 17, 0.15);
  position: absolute;
  padding: 0;
  margin: -7px 0 0;
  list-style: none;
  background: #fff;
  left: 0;
  min-width: 100%;
  transition: all 0.1s ease-out;
  z-index: 12;
  max-height: 266px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 0;
}
.dropdown .dropdown-list__item {
  padding: 0 11px 0 22px;
  font-size: 12px;
  line-height: 38px;
  text-decoration: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 38px;
  text-align: left;
  white-space: nowrap;
}
.dropdown .dropdown-list__item.m-add {
  color: #437EB2;
  position: relative;
}
.dropdown .dropdown-list__item.m-add:after {
  content: "";
  background: #437EB2;
  position: absolute;
  top: 19px;
  bottom: auto;
  left: 7px;
  right: auto;
  width: 10px;
  height: 2px;
}
.dropdown .dropdown-list__item.m-add:before {
  content: "";
  background: #437EB2;
  position: absolute;
  top: 15px;
  bottom: auto;
  left: 11px;
  right: auto;
  width: 2px;
  height: 10px;
}
.dropdown .dropdown-list__item:hover {
  background-color: #E9EFF5;
}
.dropdown .dropdown-list__item.active,
.dropdown .dropdown-list__item.selected {
  background-color: #E9EFF5;
  font-weight: 700;
}
.is-open.dropdown .dropdown-list {
  pointer-events: auto;
  opacity: 1;
  margin-top: 3px;
  height: auto;
}
.dropdown .dropdown-overlay {
  pointer-events: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.is-open.dropdown .dropdown-overlay {
  pointer-events: auto;
  opacity: 1;
}
.product-thumbnail {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.product-thumbnail img {
  max-width: 150px;
  max-height: 250px;
  height: auto;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
  margin-bottom: -3px;
}
@media only screen and (max-width: 480px) {
  .product-thumbnail img {
    max-width: 90px;
  }
}
.m-small.product-thumbnail img {
  max-width: 75px;
}
.product-thumbnail.is-canvas {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
}
.product-thumbnail.is-canvas img {
  filter: none;
  z-index: 1;
}
.product-thumbnail.is-canvas:before {
  content: "";
  background: #fff;
  z-index: 0;
  transform: skew(0deg, 45deg);
  transform-origin: 0 0;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 100%;
  right: auto;
  width: 5px;
  height: 100%;
}
.product-thumbnail.is-canvas:after {
  content: "";
  background: #454545;
  z-index: 0;
  transform: skew(45deg, 0deg);
  transform-origin: 0 0;
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  width: 100%;
  height: 5px;
}
.product-thumbnail.is-gifts img {
  filter: none;
}
.product-thumbnail.is-prints {
  box-shadow: 0 2px 4px 0 rgba(17, 17, 17, 0.15);
  padding: 6px;
  width: 162px;
  height: 162px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  border-radius: 4px;
  background: #fff;
}
.product-thumbnail.is-prints div {
  width: calc(50% - 3px);
  height: calc(50% - 3px);
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media only screen and (max-width: 480px) {
  .product-thumbnail.is-prints div {
    width: calc(50% - 1px);
    height: calc(50% - 1px);
  }
}
.m-small.product-thumbnail.is-prints div {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
}
.prints-count-1.product-thumbnail.is-prints div {
  width: 100%;
  height: 100%;
}
.prints-count-2.product-thumbnail.is-prints div {
  height: 100%;
}
.prints-count-3.product-thumbnail.is-prints div:nth-child(3) {
  width: 100%;
}
.product-thumbnail.is-prints:before {
  content: "";
  background: #fff;
  z-index: -1;
  border-radius: 4px;
  position: absolute;
  top: 6px;
  bottom: auto;
  left: 6px;
  right: auto;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 4px 0 rgba(17, 17, 17, 0.15);
}
@media only screen and (max-width: 480px) {
  .product-thumbnail.is-prints:before {
    border-radius: 2px;
    top: 4px;
    left: 4px;
  }
}
.m-small.product-thumbnail.is-prints:before {
  top: 4px;
  left: 4px;
}
.prints-count-1.product-thumbnail.is-prints:before {
  display: none;
}
.product-thumbnail.is-prints:after {
  content: "";
  background: #fff;
  z-index: -2;
  border-radius: 4px;
  position: absolute;
  top: 12px;
  bottom: auto;
  left: 12px;
  right: auto;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 4px 0 rgba(17, 17, 17, 0.15);
}
@media only screen and (max-width: 480px) {
  .product-thumbnail.is-prints:after {
    border-radius: 2px;
    top: 8px;
    left: 8px;
  }
}
.m-small.product-thumbnail.is-prints:after {
  top: 8px;
  left: 8px;
}
.prints-count-1.product-thumbnail.is-prints:after {
  display: none;
}
.prints-count-2.product-thumbnail.is-prints:after {
  display: none;
}
@media only screen and (max-width: 480px) {
  .product-thumbnail.is-prints {
    padding: 4px;
    border-radius: 2px;
    width: 94px;
    height: 94px;
  }
}
.m-small.product-thumbnail.is-prints {
  padding: 4px;
  width: 78px;
  height: 78px;
}
.product-thumbnail .counter {
  color: #fff;
  background: #437EB2;
  height: 18px;
  position: absolute;
  right: -12px;
  bottom: -11px;
  line-height: 18px;
  font-size: 11px;
  font-weight: 700;
  padding: 0px 6px 0 7px;
  border-radius: 30px;
  min-width: 18px;
  z-index: 1;
}
.label-icon {
  height: 17px;
  line-height: 14px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 19px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  color: #437EB2;
}
.label-icon.font-icon:after {
  color: #437EB2;
  left: 0;
  top: 0;
}
.label-icon:hover {
  text-decoration: none;
}
.blue-link {
  font-family: "Brother 1816";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #7D9FBD;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.blue-link * {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.spinner-wrapper {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}
.spinner-wrapper .gear-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 90px;
}
.spinner-wrapper .gear-wrapper svg {
  fill: #BECCDB;
}
.spinner-wrapper .gear-wrapper svg.big-gear {
  position: absolute;
  top: 20px;
  bottom: auto;
  left: 0;
  right: auto;
  width: 70px;
  height: 70px;
  animation: rotation 1s linear infinite both;
}
.only-big-gear.spinner-wrapper .gear-wrapper svg.big-gear {
  top: 0;
}
.inline-mode.spinner-wrapper .gear-wrapper svg.big-gear {
  width: 30px;
  height: 30px;
  top: 0;
}
.spinner-wrapper .gear-wrapper svg.small-gear {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 65px;
  right: auto;
  width: 45px;
  height: 45px;
  animation: rotation-inverse 0.9s linear infinite both;
}
.spinner-wrapper .gear-wrapper .text {
  position: absolute;
  top: calc(100% + 10px);
  bottom: auto;
  left: -100px;
  right: auto;
  width: 310px;
  height: 20px;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
}
.only-big-gear.spinner-wrapper .gear-wrapper {
  width: 70px;
  height: 70px;
}
.inline-mode.spinner-wrapper .gear-wrapper {
  width: 30px;
  height: 30px;
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}
.spinner-wrapper .gear-wrapper.m-small {
  width: 50px;
  height: 50px;
}
.spinner-wrapper .gear-wrapper.m-small .big-gear {
  width: 100%;
  height: 100%;
  top: 0;
}
.spinner-wrapper .gear-wrapper.m-tiny {
  width: 32px;
  height: 32px;
}
.spinner-wrapper .gear-wrapper.m-tiny .big-gear {
  width: 100%;
  height: 100%;
  top: 0;
}
.spinner-wrapper.inline-mode {
  position: relative;
  width: auto;
  height: auto;
}
.spinner-wrapper.fixed {
  position: fixed;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
/* This stylesheet generated by Transfonter (https://transfonter.org) on September 20, 2017 10:25 AM */
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-5f7dd169.eot);
  src: local('Brother 1816 Black'), local('Brother-1816-Black'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-5f7dd169.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-51225336.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-c1b06900.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-f3a1bb07.eot);
  src: local('Brother 1816 Light'), local('Brother-1816-Light'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-f3a1bb07.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-f678d46d.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-d1c8ae36.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-9bb7d0e1.eot);
  src: local('Brother 1816 Bold'), local('Brother-1816-Bold'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-9bb7d0e1.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-3c239eb3.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-05a8e383.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-d485054f.eot);
  src: local('Brother 1816 Black Italic'), local('Brother-1816-Black-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-d485054f.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-fa26f55d.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Black-Italic-63320c7a.ttf) format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-18e1a1a3.eot);
  src: local('Brother 1816 ExtraBold'), local('Brother-1816-ExtraBold'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-18e1a1a3.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-31743554.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-4f7322a2.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816 Book';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-ccb5adda.eot);
  src: local('Brother 1816 Book'), local('Brother-1816-Book'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-ccb5adda.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-60ca2ffd.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-ef20597c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-84e9d6d4.eot);
  src: local('Brother 1816 Regular Italic'), local('Brother-1816-Regular-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-84e9d6d4.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-016e4ca1.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-Italic-4ec5245e.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-8fdc604e.eot);
  src: local('Brother 1816 Bold Italic'), local('Brother-1816-Bold-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-8fdc604e.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-b050f622.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Bold-Italic-36c5866a.ttf) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-7ac4e26b.eot);
  src: local('Brother 1816 Regular'), local('Brother-1816-Regular'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-7ac4e26b.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-2888a4ec.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Regular-05f9e33c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-ff5fc408.eot);
  src: local('Brother 1816 Medium'), local('Brother-1816-Medium'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-ff5fc408.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-ea372f5f.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-46a1359c.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-6b2ba2e2.eot);
  src: local('Brother 1816 Medium Italic'), local('Brother-1816-Medium-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-6b2ba2e2.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-13d17048.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Medium-Italic-c43a43a1.ttf) format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-ef420770.eot);
  src: local('Brother 1816 Light Italic'), local('Brother-1816-Light-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-ef420770.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-cc997d6f.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Light-Italic-fca5eeef.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-c10aa667.eot);
  src: local('Brother 1816 ExtraBold Italic'), local('Brother-1816-ExtraBold-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-c10aa667.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-e39705f9.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-ExtraBold-Italic-c2e19aa2.ttf) format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Brother 1816 Book';
  src: url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-3e26a12b.eot);
  src: local('Brother 1816 Book Italic'), local('Brother-1816-Book-Italic'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-3e26a12b.eot?#iefix) format('embedded-opentype'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-744dfef6.woff) format('woff'), url(/dist/assets/apps/core/less/fonts/brother/Brother-1816-Book-Italic-57ad842d.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
.gallery-body {
  padding-left: 30px;
  position: fixed;
  overflow: hidden;
  top: 150px;
  width: 100vw;
  left: 0px;
  height: 100%;
  max-height: calc(100% - 150px);
}
@media only screen and (max-width: 1024px) {
  .gallery-body.without-breadcrumb {
    top: 20px;
  }
}
.gallery-body.is-small {
  max-height: calc(100% - 90px);
}
.gallery-body.is-small .gallery-header {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
}
.gallery-body.is-small .gallery-header .title {
  margin: 0 auto 0 0;
  font-size: 28px;
}
.gallery-body.is-small .gallery-header .actions {
  margin: 0 0 0 auto;
}
.gallery-body.its-small {
  top: 100px;
  max-height: calc(100% - 50px);
}
.gallery-body.its-small .gallery-header {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
}
.gallery-body.its-small .gallery-header .title {
  margin: 0 auto 0 0;
  font-size: 28px;
}
.gallery-body.its-small .gallery-header .actions {
  margin: 0 0 0 auto;
}
.gallery-body.with-tags {
  width: calc(100vw - 200px);
}
.gallery-body.with-tags .gallery-header {
  width: calc(100vw - 230px);
}
@media only screen and (max-width: 1024px) {
  .gallery-body.with-tags {
    width: 100vw !important;
  }
}
@media only screen and (max-width: 1024px) {
  .gallery-body.without-breadcrumb.is-small {
    top: 0px;
  }
}
@media only screen and (max-width: 1024px) {
  .gallery-body {
    padding-left: 0;
    position: fixed;
    overflow-y: hidden;
    top: 0;
    padding-top: 60px;
    overflow-x: hidden;
    max-height: initial;
    width: 100%;
  }
}
.gallery-body .gallery-header {
  height: 75px;
  padding: 15px 30px 0 0;
  width: calc(100vw - 30px);
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header {
    padding: 0 15px 15px;
    height: auto;
    width: 100vw !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.gallery-body .gallery-header .logotype {
  display: none;
  max-height: 50px;
  width: auto;
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header .logotype {
    display: block;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header .gallery-title {
    position: relative;
    order: 1;
  }
}
.gallery-body .gallery-header .title {
  font-family: "Athelas";
  font-size: 35px;
  line-height: 51px;
  font-weight: 400;
  text-transform: capitalize;
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 10px;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header .title {
    font-size: 20px;
    line-height: 22px;
    height: auto;
    position: relative;
    order: 1;
  }
}
.gallery-body .gallery-header > .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 15px;
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header > .actions {
    margin-top: 0;
    order: 0;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .gallery-body .gallery-header > .actions {
    justify-content: flex-start;
  }
}
.gallery-body .gallery-header > .actions .dropdown {
  height: auto;
}
.gallery-body .gallery-header > .actions .btn-link {
  color: #7A90A4;
  margin: 0 10px;
  flex-direction: row;
  padding: 8px 15px;
  border: 1px solid #AAB9C7;
  box-sizing: border-box;
  border-radius: 2px;
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header > .actions .btn-link {
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 480px) {
  .gallery-body .gallery-header > .actions .btn-link {
    margin: 0 10px 10px 0;
  }
}
.gallery-body .gallery-header > .actions .counter {
  font-family: "Brother 1816";
  font-size: 16px;
  text-transform: capitalize;
  color: #7D9FBD;
  line-height: 24px;
  display: inline-flex;
  align-items: baseline;
  margin-right: 18px;
  color: #323232;
  margin-top: -19px;
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header > .actions .counter {
    display: none;
  }
}
.gallery-body .gallery-header > .actions .counter b {
  font-family: "Athelas";
  font-size: 45px;
  line-height: 43px;
  color: #31414E;
  margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
  .gallery-body .gallery-header > .actions .counter b {
    font-size: 24px;
    line-height: 29px;
  }
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.zoom-popup-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 996;
  pointer-events: none;
}
.zoom-popup-wrapper .download-dropdown {
  background: #F6F8FA;
  position: absolute;
  z-index: 100;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
  border-radius: 4px;
  bottom: 64px;
  padding: 15px;
  width: 372px;
  height: 92px;
  top: 54px;
  text-align: center;
  right: 28px;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .download-dropdown {
    right: calc(50% - 186px);
    top: 97px;
  }
}
@media only screen and (max-width: 480px) {
  .zoom-popup-wrapper .download-dropdown {
    width: calc(100% - 20px);
    right: 10px;
  }
}
.zoom-popup-wrapper .download-dropdown-info {
  color: black;
  font-weight: bold;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .zoom-popup-wrapper .download-dropdown-info {
    font-size: 12px;
  }
}
@media only screen and (max-width: 480px) {
  .zoom-popup-wrapper .download-dropdown .btn {
    padding: 0 10px;
  }
}
.zoom-popup-wrapper .download-dropdown:after {
  content: "";
  position: absolute;
  top: -12px;
  border-color: transparent transparent #F6F8FA transparent;
  border-style: solid;
  border-width: 0 12px 13px 12px;
  left: calc(50% - 12px);
}
.is-narrow .zoom-popup-wrapper .download-dropdown:after {
  left: calc(50% + 10px);
}
.zoom-popup-wrapper .download-dropdown-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.zoom-popup-wrapper .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  pointer-events: auto;
  color: #fff;
  background: #000;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .header {
    padding: 0 10px;
    height: 100px;
    flex-wrap: wrap;
  }
}
.zoom-popup-wrapper .header .back-link {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  position: relative;
  margin-left: 21px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .header .back-link {
    text-indent: -1000px;
    padding-left: 0;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
  }
}
.zoom-popup-wrapper .header .back-link:after {
  position: absolute;
  left: -20px;
  pointer-events: auto;
  top: calc(50% - 9px);
}
.zoom-popup-wrapper .header .back-link:hover {
  border-bottom-color: #fff;
}
.zoom-popup-wrapper .header .title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: calc(100% - 693px);
  display: block;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .header .title {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
    font-size: 15px;
    margin-left: auto;
    padding-left: 25px;
    position: relative;
    left: auto;
    transform: none;
    max-width: initial;
  }
}
.zoom-popup-wrapper .header .actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .header .actions {
    width: 100%;
    justify-content: center;
  }
}
.zoom-popup-wrapper .header .actions .btn {
  margin-left: 10px;
}
.zoom-popup-wrapper .header .actions .btn:first-of-type {
  margin-left: 0;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .header .actions .btn {
    margin: 0 5px;
  }
}
.zoom-popup-wrapper .slide-container {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100% - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.zoom-popup-wrapper .slide-container .download-info {
  position: absolute;
  right: 90px;
  top: 10px;
  width: 203px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.06em;
  font-weight: 100;
  line-height: 19px;
  color: white;
  z-index: 15;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .slide-container {
    top: 100px;
    height: calc(100% - 200px);
  }
}
.zoom-popup-wrapper .slide-container .arrow-prev {
  flex: auto;
  height: 100%;
  pointer-events: auto;
}
.zoom-popup-wrapper .slide-container .arrow-next {
  flex: auto;
  height: 100%;
  pointer-events: auto;
}
.zoom-popup-wrapper .slide-container .slide-arrow {
  cursor: pointer;
  position: absolute;
  width: 52px;
  height: 52px;
  top: calc(50% - 26px);
  z-index: 1;
  flex: none;
  border-radius: 26px;
  background: rgba(196, 196, 196, 0.4);
  pointer-events: auto;
  opacity: 0.7;
}
.zoom-popup-wrapper .slide-container .slide-arrow:hover {
  opacity: 1;
}
@media only screen and (max-width: 1024px) {
}
.zoom-popup-wrapper .slide-container .slide-arrow:after {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 8px);
}
.zoom-popup-wrapper .slide-container .slide-arrow.icon--arrow-prev {
  left: 30px;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .slide-container .slide-arrow.icon--arrow-prev {
    left: 10px;
  }
}
.zoom-popup-wrapper .slide-container .slide-arrow.icon--arrow-next {
  right: 30px;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .slide-container .slide-arrow.icon--arrow-next {
    right: 10px;
  }
}
.zoom-popup-wrapper .slide-container .slide-wrapper {
  max-height: 100%;
  position: relative;
  pointer-events: auto;
  min-height: 150px;
  min-width: 150px;
}
.zoom-popup-wrapper .slide-container .slide-wrapper.opened {
  animation: scale-up-center calc(0.4s - 0.1s) cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.zoom-popup-wrapper .slide-container .slide-wrapper.closed {
  animation: scale-out-center calc(0.4s / 2) cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.zoom-popup-wrapper .slide-container .slide-wrapper.next {
  animation: slide-next 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.zoom-popup-wrapper .slide-container .slide-wrapper.from-next {
  animation: slide-from-next 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.zoom-popup-wrapper .slide-container .slide-wrapper.prev {
  animation: slide-prev 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.zoom-popup-wrapper .slide-container .slide-wrapper.from-prev {
  animation: slide-from-prev 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.zoom-popup-wrapper .slide-container .slide-wrapper img {
  max-height: calc(100vh - 120px);
  max-width: calc(100vw - 2*(30px + 52px + 20px));
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .slide-container .slide-wrapper img {
    max-width: 100vw;
    max-height: calc(100vh - 200px);
  }
}
.zoom-popup-wrapper .slide-container .slide-wrapper.is-selected .selectable {
  opacity: 1 !important;
}
.zoom-popup-wrapper .slide-container .slide-wrapper.is-selected .selectable:after {
  border-width: 6px;
  background: #7D9FBD;
}
.zoom-popup-wrapper .slide-container .slide-wrapper:hover .selectable {
  opacity: 0.8;
}
.zoom-popup-wrapper .slide-container .slide-wrapper .selectable {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 52px;
  height: 52px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
.zoom-popup-wrapper .slide-container .slide-wrapper .selectable:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 10px;
  left: 10px;
  border: 4px solid #fff;
  border-radius: 16px;
}
.zoom-popup-wrapper .slide-container .slide-wrapper .selectable:hover {
  opacity: 1;
}
.zoom-popup-wrapper .slide-container .slide-wrapper .excluded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zoom-popup-wrapper .slide-container .slide-wrapper .excluded span {
  padding-top: 75px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  text-align: center;
}
.zoom-popup-wrapper .slide-container .slide-wrapper .excluded span:after {
  position: absolute;
  top: 0;
  left: calc(50% - 35px);
}
.zoom-popup-wrapper .footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .footer {
    height: 100px;
  }
}
.zoom-popup-wrapper .footer .photo-tags {
  pointer-events: auto;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .footer .photo-tags {
    align-items: center;
    justify-content: center;
  }
}
.zoom-popup-wrapper .footer .photo-tags-list {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .footer .photo-tags-list {
    align-items: center;
    justify-content: center;
  }
}
.zoom-popup-wrapper .footer .photo-tags-list .tag {
  background: #fff;
  height: 30px;
  line-height: 27px;
  border-radius: 15px;
  padding: 0 30px 0 15px;
  font-family: "Brother 1816";
  font-size: 11px;
  color: #2E4A70;
  position: relative;
  margin: 0 5px 0 0;
  display: inline-block;
  text-transform: lowercase;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1024px) {
  .zoom-popup-wrapper .footer .photo-tags-list .tag {
    margin-bottom: 5px;
  }
}
.zoom-popup-wrapper .footer .photo-tags-list .tag i {
  position: absolute;
  width: 13px;
  height: 11px;
  top: 10px;
  right: 9px;
  cursor: pointer;
}
.zoom-popup-wrapper .footer .photo-tags-list .tag i:after {
  font-size: 8px;
  color: #ABBACE;
  top: 2px;
  left: 2px;
}
.zoom-popup-wrapper .footer .photo-tags-add {
  display: flex;
  flex-wrap: wrap;
}
.zoom-popup-wrapper .footer .photo-tags-add input {
  height: 30px;
  width: 100px;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 0 15px;
  font-size: 11px;
  vertical-align: top;
  background: transparent;
  color: #fff;
  text-transform: lowercase;
}
.zoom-popup-wrapper .footer .photo-tags-add input:focus {
  outline: none;
}
.zoom-popup-wrapper .footer .photo-tags-add button {
  margin: 0 0 0 5px;
}
.zoom-popup-wrapper .aside-panel {
  color: #fff;
  background: #000;
  position: fixed;
  right: 0;
  top: 0;
  max-width: 400px;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  z-index: 1011;
  pointer-events: auto;
}
.zoom-popup-wrapper .aside-panel-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1010;
  pointer-events: auto;
}
.zoom-popup-wrapper .aside-panel .title {
  letter-spacing: 0.05em;
  font-size: 32px;
  line-height: 60px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}
.zoom-popup-wrapper .aside-panel .title .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 19px;
  right: -6px;
  cursor: pointer;
}
.zoom-popup-wrapper .aside-panel .title .close:after {
  font-size: 18px;
  color: #fff;
  top: 1px;
  left: 1px;
}
.zoom-popup-wrapper .aside-panel .block {
  margin-bottom: 50px;
}
.zoom-popup-wrapper .aside-panel .block h3 {
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}
.zoom-popup-wrapper .aside-panel .block p {
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
}
.zoom-popup-wrapper .aside-panel .block p span {
  margin-right: 10px;
}
.zoom-popup-overlay {
  background: #222;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 995;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.dummy-header {
  display: flex;
  flex-direction: column;
  background: #fff;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 500;
}
@media only screen and (max-width: 1024px) {
  .dummy-header {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
}
.dummy-header.is-scrolled {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.dummy-header-top {
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
@media only screen and (max-width: 1024px) {
  .dummy-header-top {
    padding: 0 10px;
  }
}
.dummy-header-top .logotype {
  margin-right: auto;
  display: flex;
  align-items: center;
  color: #777;
}
@media only screen and (max-width: 1024px) {
  .dummy-header-top .logotype {
    max-width: calc(100% - 140px);
  }
}
.dummy-header-top .logotype img {
  max-height: 50px;
  margin-right: 10px;
  max-width: 110px;
}
@media only screen and (max-width: 1024px) {
  .dummy-header-top .logotype img {
    max-height: 40px;
  }
}
.dummy-header-top .logotype span {
  color: #777;
}
.dummy-view {
  overflow: hidden;
  position: fixed;
  top: 60px;
  width: 100vw;
  left: 0px;
  height: calc(100vh - 60px);
  background: #bdbdbd url(/dist/assets/apps/core/dummyview/images/back-12b8dd06.jpg) repeat 50% 0;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
div.term-popup {
  width: 600px;
}
@media only screen and (max-width: 1024px) {
  div.term-popup {
    width: auto;
    min-height: initial;
    max-width: initial;
    width: calc(100vw - 16px);
    padding: 0 10px;
    height: calc(100vh - 92px);
    top: 8px;
    left: 8px;
    transform: none;
  }
}
div.term-popup .header .title {
  max-width: 100%;
  white-space: normal;
}
div.term-popup .content {
  overflow: hidden;
}
div.term-popup .content .terms-content {
  max-height: 400px;
  margin-right: -30px;
  padding-right: 30px;
}
@media only screen and (max-width: 1024px) {
  div.term-popup .content .terms-content {
    max-height: calc(100vh - 355px);
  }
}
div.term-popup .content .terms-content .description {
  background: #fff;
  border: 1px solid #EFECE8;
  max-width: initial;
  width: 100% !important;
  font-size: 10px;
  line-height: 16px;
  padding: 15px 20px;
  margin: 0;
  min-height: 200px;
  word-break: break-word;
}
div.term-popup .content .buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
div.term-popup .content .buttons .btn {
  margin: 20px 0 0 10px;
  white-space: normal;
  height: auto;
  line-height: 24px;
  padding: 7px 40px;
  max-width: 100%;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
div.popup-wrapper.buy-product-popup {
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 1200px;
  width: 100%;
  max-width: 1360px;
  height: calc(100vh - 100px);
  padding: 0 30px;
  display: flex;
}
div.popup-wrapper.buy-product-popup .buy-product-popup-wrapper {
  height: 100%;
  max-height: calc(100% - 95px);
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.buy-product-popup .buy-product-popup-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.buy-product-popup {
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: initial;
    max-width: initial;
    width: calc(100vw - 16px);
    padding: 0 10px;
    height: calc(100vh - 16px);
    top: 8px;
    left: 8px;
    transform: none;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
div.popup-wrapper.buy-product-popup .photo-wrapper {
  max-width: 350px;
  margin-right: 25px;
  flex: none;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.buy-product-popup .photo-wrapper {
    width: 100%;
    height: auto;
    margin: 10px 0 20px;
  }
}
div.popup-wrapper.buy-product-popup .photo-wrapper .blue-link {
  margin: 28px 0px;
  display: inline-flex;
}
div.popup-wrapper.buy-product-popup .photo-wrapper .img {
  background: #fff;
  border: 1px solid #D0D9E2;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.buy-product-popup .photo-wrapper .img {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
div.popup-wrapper.buy-product-popup .photo-wrapper .img img {
  max-width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.buy-product-popup .photo-wrapper .img img {
    max-height: 150px;
    height: auto;
  }
}
div.popup-wrapper.buy-product-popup .photo-wrapper .info {
  background: #fff;
  border: 1px solid #D0D9E2;
  height: 47px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #000;
  font-family: "Brother 1816";
  font-size: 12px;
  line-height: 20px;
  position: relative;
}
div.popup-wrapper.buy-product-popup .photo-wrapper .info .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 40px);
  font-family: "Brother 1816";
  margin-bottom: -1px;
  text-align: center;
  position: absolute;
  top: 3px;
  left: 20px;
}
div.popup-wrapper.buy-product-popup .photo-wrapper .info .data {
  display: flex;
  justify-content: center;
  position: absolute;
  width: calc(100% - 40px);
  top: 21px;
  left: 20px;
}
div.popup-wrapper.buy-product-popup .photo-wrapper .info .data div {
  font-family: "Brother 1816";
  text-align: right;
  margin: 0 10px;
}
div.popup-wrapper.buy-product-popup .products {
  width: calc(100% - 425px);
  padding-right: 25px;
  margin-right: -25px;
  flex: auto;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.buy-product-popup .products {
    width: 100%;
    flex: none;
    height: auto;
    max-height: initial;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper.buy-product-popup .products {
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 70px;
  }
}
div.popup-wrapper.buy-product-popup .products-wrapper {
  width: auto !important;
}
div.popup-wrapper.buy-product-popup .products-wrapper .block > .title {
  margin: 0 auto 25px;
  font-family: "Athelas";
  font-size: 26px;
  line-height: 29px;
  color: #333;
  font-weight: 700;
  padding: 26px 0 0;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.buy-product-popup .products-wrapper .block > .title {
    font-size: 24px;
    line-height: 29px;
  }
}
div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -12px;
  min-height: initial;
}
div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item {
  margin: 0 15px 20px;
  max-width: 400px;
  cursor: pointer;
  width: calc(25% - 30px);
  background: #fff;
  border: 1px solid #D0D9E2;
  padding: 15px;
}
@media only screen and (max-width: 1350px) {
  div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item {
    width: calc(33% - 24px);
    margin: 0 12px 20px;
  }
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item {
    width: calc(50% - 24px);
  }
}
@media only screen and (max-width: 480px) {
  div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item {
    width: 100%;
    margin: 0 12px 10px;
  }
}
div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item.is-selected {
  border-color: #000;
  outline: 1px solid #000;
}
div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item.is-selected .title {
  font-weight: 700;
}
div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item .content {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: calc(100% - 25px);
}
div.popup-wrapper.buy-product-popup .products-wrapper .block .product-list__item .title {
  height: 30px;
  font-size: 14px;
  color: #333;
  border-top: 1px solid #D0D9E2;
  margin: 15px -15px -15px;
  white-space: nowrap;
}
div.popup-wrapper.buy-product-popup .footer {
  justify-content: flex-end;
  box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.05);
}
div.popup-wrapper.buy-product-popup .footer .btn {
  margin-right: 0;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper.buy-product-popup .footer .btn {
    width: 220px;
    margin-left: auto;
  }
}
div.popup-wrapper.buy-product-popup .footer .price {
  width: 100%;
}
div.popup-wrapper.buy-product-popup .footer .price h5 {
  font-size: 18px;
}
div.popup-wrapper.buy-product-popup .footer .price .value {
  margin-left: auto;
  margin-right: 15px;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
div.share-popup {
  width: 500px;
}
@media only screen and (max-width: 1024px) {
  div.share-popup {
    width: calc(100vw - 16px);
    padding: 0 10px;
    height: calc(100vh - 92px);
    top: 8px;
    left: 8px;
    transform: none;
    min-height: initial;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1024px) {
  div.share-popup .header {
    padding: 12px 0 10px;
    margin: 0 30px 10px;
  }
}
div.share-popup .content .custom-toggle {
  margin-bottom: 20px;
}
div.share-popup .content .note {
  font-family: "Brother 1816";
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5em;
  color: #323232;
  max-width: 260px;
  padding-left: 43px;
  margin: 0 0 20px;
  display: flex;
  position: relative;
}
div.share-popup .content .note:after {
  left: 0;
  top: 3px;
}
div.share-popup .content .email-list {
  width: 100%;
  margin: 0;
}
div.share-popup .content .email-list__item {
  background: #E7EDF3;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 30px 0 15px;
  font-family: "Brother 1816";
  font-size: 11px;
  color: #2E4A70;
  position: relative;
  margin: 0 7px 10px 0;
  display: inline-block;
  text-transform: uppercase;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}
div.share-popup .content .email-list__item i {
  position: absolute;
  width: 13px;
  height: 11px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
div.share-popup .content .email-list__item i:after {
  font-size: 8px;
  color: #ABBACE;
  top: 2px;
  left: 2px;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
div.popup-wrapper.download-photos-popup {
  max-width: 1200px;
  width: 100%;
  max-width: calc(100vw - 300px);
  height: calc(100vh - 200px);
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.download-photos-popup {
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: initial;
    max-width: initial;
    width: calc(100vw - 16px);
    padding: 0 10px;
    height: calc(100vh - 16px);
    top: 8px;
    left: 8px;
    transform: none;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.download-photos-popup .photos-content {
    margin-top: 30px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper {
    max-height: initial;
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper .photos-list {
    margin-right: 0;
  }
}
div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper .photos-list__item .close {
  z-index: 3;
}
div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper .photos-list__item .download {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 68px);
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper .photos-list__item .download span {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Brother 1816";
}
div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper .photos-list__item .download a {
  font-family: "Brother 1816";
  color: #fff;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
}
div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper .photos-list__item .download a:hover {
  text-decoration: none;
}
div.popup-wrapper.download-photos-popup .photos-content .photos-wrapper .photos-list__item .clickable {
  cursor: default;
}
div.popup-wrapper.download-photos-popup .header {
  padding: 45px 0 30px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.download-photos-popup .header {
    padding: 12px 0 10px;
    margin: 0 0 10px;
    width: 100%;
  }
}
div.popup-wrapper.download-photos-popup .footer {
  justify-content: flex-start;
}
div.popup-wrapper.download-photos-popup .footer .btn {
  margin-left: auto;
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper.download-photos-popup .footer .btn {
    width: 220px;
    margin-left: auto;
  }
}
div.popup-wrapper.download-photos-popup .footer .right {
  margin-right: 0;
}
div.popup-wrapper.download-photos-popup .footer .price {
  width: 100%;
}
div.popup-wrapper.download-photos-popup .footer .price h5 {
  font-size: 18px;
}
div.popup-wrapper.download-photos-popup .footer .price .value {
  margin-left: auto;
  margin-right: 15px;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
div.gallery-name-popup {
  width: 440px;
  max-width: 440px;
  height: 306px;
}
@media only screen and (max-width: 1024px) {
  div.gallery-name-popup {
    width: calc(100vw - 16px);
    top: calc(50% - 153px);
    left: calc(50% - 220px);
    transform: none;
    min-height: initial;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 480px) {
  div.gallery-name-popup {
    left: 8px;
  }
}
div.gallery-name-popup .header {
  padding: 42px 0 23px;
  margin: 0px 50px 0px 50px;
}
div.gallery-name-popup .header .title {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 29px;
}
@media only screen and (max-width: 1024px) {
  div.gallery-name-popup .header {
    padding: 12px 0 10px;
    margin: 0 30px 10px;
  }
}
div.gallery-name-popup .content {
  margin: 25px 0px 0px 21px;
}
div.gallery-name-popup .content .input-title {
  width: calc(100% - 40px);
  height: 52px;
  margin: 0 0 30px;
  background: #fff;
  border: 1px solid #BECCDB;
  font-family: "Brother 1816";
  font-weight: 500;
  color: #323232;
  font-size: 16px;
  padding: 0 20px;
}
div.gallery-name-popup .content .input-title:focus {
  outline: none;
}
div.gallery-name-popup .content .save-btn {
  width: 161px;
  margin: 0;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.preview-message-wrapper {
  width: 100%;
  height: 108px;
  top: -108px;
  position: fixed;
  font-family: "Helvetica Neue";
  color: white;
  background-color: black;
  letter-spacing: 0.05em;
  z-index: 501;
  text-align: center;
  opacity: 0.85;
  font-size: 27px;
  font-weight: 400;
  padding-top: 40px;
  transition: top 0.2s ease-in-out;
}
.preview-message-wrapper.show {
  top: 0;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.photos-wrapper {
  position: relative;
  max-height: calc(100vh - 210px);
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.photos-wrapper .files-upload {
  display: none;
}
.is-small .photos-wrapper {
  max-height: calc(100vh - 135px);
  padding-top: 100px;
}
@media only screen and (max-width: 1024px) {
  .photos-wrapper {
    padding-right: 0;
    max-height: initial;
    min-height: 100vh;
    width: calc(100vw - 10px);
    margin-left: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .popup-wrapper .photos-wrapper {
    margin-left: 0;
  }
}
.photos-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: -30px;
  position: relative;
  min-height: calc(100vh - 340px);
  height: 100%;
  flex: auto;
  padding-bottom: 55px;
}
@media only screen and (max-width: 1024px) {
  .photos-list {
    margin-right: -15px;
    margin-top: 0px;
    width: auto !important;
    min-height: calc(100vh - 321px);
  }
}
@media only screen and (max-width: 480px) {
  .photos-list {
    margin-right: 0;
    display: block;
  }
}
.photos-list-wrapper {
  width: auto !important;
}
.photos-list__item {
  background-color: #fff;
  margin: 0 15px 15px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  max-width: 100%;
  transition: box-shadow 0.2s;
  background-clip: content-box;
  min-width: 170px;
}
@media only screen and (max-width: 480px) {
  .photos-list__item {
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 600px) {
  .photos-list__item:last-child {
    margin-bottom: 95px;
  }
}
.photos-list__item.is-narrow .action-btn {
  margin: 0 5px !important;
}
.photos-list__item.is-narrow.is-first .action-btn:first-child .tip {
  left: 0px;
}
.photos-list__item.is-narrow.is-first .action-btn:first-child .tip:before {
  left: 12px;
}
.photos-list__item.is-narrow.is-last .action-btn:last-child .tip {
  right: 0px;
}
.photos-list__item.is-narrow.is-last .action-btn:last-child .tip:before {
  left: auto;
  right: 12px;
}
.photos-list__item.with-info {
  padding-bottom: 68px;
}
.photos-list__item.with-actions {
  padding-bottom: 68px;
}
.photos-list__item:hover {
  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
}
.photos-list__item:hover .selectable {
  opacity: 0.8;
}
.photos-list__item .a-select {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 24px;
  height: 24px;
  z-index: 1;
}
.narrow.photos-list__item .a-select {
  left: calc(50% - 12px);
}
.photos-list__item .a-select:after {
  display: none;
  color: #C98455;
  left: 6px;
  top: 9px;
}
.photos-list__item .a-select:before {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 22px;
  height: 22px;
  content: "";
  border-radius: 100%;
  background: transparent;
  border: 1px solid #fff;
}
.photos-list__item .a-select:hover {
  /*&:before {
                    background: transparent;

                    @media @tablet {
                        background: transparent;
                    }
                }*/
}
.photos-list__item .a-select:hover:after {
  color: #fff;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .photos-list__item .a-select:hover:after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .photos-list__item .a-select {
    pointer-events: auto;
    opacity: 1;
  }
}
.photos-list__item .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  z-index: 2;
  cursor: pointer;
}
.photos-list__item .close:after {
  font-family: "icons";
  position: absolute;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  pointer-events: none;
  text-decoration: none;
  transition: none;
  content: "\E805";
  font-size: 18px;
  left: 1px;
  top: 1px;
  color: rgba(255, 255, 255, 0.5);
}
.photos-list__item .upload-progress {
  width: 100%;
  background: #7D9FBD;
  position: absolute;
  left: 0px;
  bottom: 68px;
  height: 16px;
  cursor: pointer;
  z-index: 2;
}
.photos-list__item .upload-progress__bar {
  background-color: white;
  float: right;
  z-index: 3;
  height: 14px;
  margin: 1px 1px 1px;
}
.photos-list__item .selectable {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 52px;
  height: 52px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
.photos-list__item .selectable:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 10px;
  left: 10px;
  border: 4px solid #fff;
  border-radius: 16px;
}
@media only screen and (max-width: 1024px) {
  .photos-list__item .selectable {
    opacity: 1;
  }
}
.photos-list__item .selectable:hover {
  opacity: 1;
}
.is-selected.photos-list__item .selectable {
  opacity: 1;
}
.is-selected.photos-list__item .selectable:after {
  border-width: 6px;
  background: #7D9FBD;
}
.photos-list__item .clickable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  background-color: #c8c8c8;
}
@media only screen and (max-width: 480px) {
  .photos-list__item .clickable {
    position: relative;
    display: block;
    height: auto !important;
  }
}
.photos-list__item .clickable img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 480px) {
  .photos-list__item .clickable img {
    width: auto;
    height: auto;
    object-fit: initial !important;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
}
.with-info.photos-list__item .clickable {
  height: calc(100% - 68px);
}
.with-actions.photos-list__item .clickable {
  height: calc(100% - 68px);
}
.photos-list__item .info {
  background: #EFECE8;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #31414E;
  font-family: "Brother 1816";
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px;
}
.photos-list__item .info .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-family: "Brother 1816";
}
.photos-list__item .info .data {
  margin-left: 20px;
}
.photos-list__item .info .data div {
  font-family: "Brother 1816";
  text-align: right;
}
.photos-list__item .excluded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 68px);
  z-index: 1;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photos-list__item .excluded span {
  padding-top: 75px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  text-align: center;
}
.photos-list__item .excluded span:after {
  position: absolute;
  top: 0;
  left: calc(50% - 35px);
}
.photos-list__item .actions {
  height: 68px;
  padding: 0 10px;
  background: #EFECE8;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.photos-list__item .actions .icon--buy {
  margin-left: auto;
}
.photos-list__item .actions .marg {
  margin: 0 3px;
}
.add-tag {
  background: #F6F8FA;
  position: absolute;
  z-index: 11;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
  border-radius: 4px;
  bottom: 64px;
  padding: 15px;
  width: calc(100% - 30px);
  max-width: 400px;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
}
.add-tag:after {
  content: "";
  position: absolute;
  bottom: -12px;
  border-color: #F6F8FA transparent transparent transparent;
  border-style: solid;
  border-width: 12px 13px 0 13px;
  left: 108px;
}
.is-narrow .add-tag:after {
  left: calc(50% + 10px);
}
.shift-1.add-tag:after {
  left: 56px;
}
.add-tag .tag-list {
  width: 100%;
}
.add-tag .tag-list__item {
  background: #E7EDF3;
  height: 30px;
  line-height: 27px;
  border-radius: 15px;
  padding: 0 30px 0 15px;
  font-family: "Brother 1816";
  font-size: 11px;
  color: #2E4A70;
  position: relative;
  margin: 0 7px 10px 0;
  display: inline-block;
  text-transform: lowercase;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.add-tag .tag-list__item i {
  position: absolute;
  width: 13px;
  height: 11px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.add-tag .tag-list__item i:after {
  font-size: 8px;
  color: #ABBACE;
  top: 2px;
  left: 2px;
}
.add-tag input {
  height: 30px;
  max-width: 160px;
  width: 100%;
  background: #E7EDF3;
  border: 0;
  border-radius: 15px;
  font-family: "Brother 1816";
  font-size: 11px;
  color: #2E4A70;
  padding: 0 15px;
  text-transform: lowercase;
}
.add-tag input:placeholder {
  color: rgba(46, 74, 112, 0.4);
}
.add-tag input:focus {
  outline: none;
}
.add-tag-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.selected-images {
  display: flex;
  flex-wrap: wrap;
  background: #EFECE8;
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 120px;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  padding: 25px 0 0;
  box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.7);
}
@media only screen and (max-width: 600px) {
  .selected-images {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  .selected-images {
    width: 100%;
    height: auto;
    transform: none;
    left: 0;
    padding-top: 10px;
  }
}
.selected-images .counter {
  font-family: "Brother 1816";
  font-size: 16px;
  text-transform: capitalize;
  line-height: 24px;
  display: inline-flex;
  align-items: baseline;
  margin-right: 18px;
  color: #323232;
}
.selected-images .counter b {
  font-family: "Athelas";
  font-size: 45px;
  line-height: 43px;
  color: #31414E;
  margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
  .selected-images .counter b {
    font-size: 24px;
    line-height: 29px;
  }
}
.selected-images .actions {
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .selected-images .actions {
    flex-wrap: wrap;
    margin: 8px 0;
    justify-content: center;
    width: 100%;
  }
}
.selected-images .actions .btn {
  margin: 0 15px;
}
@media only screen and (max-width: 1024px) {
  .selected-images .actions .btn {
    padding: 0 20px;
    margin: 0 5px 10px;
  }
}
.selected-images .actions .separator {
  display: none;
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .selected-images .actions .separator {
    display: block;
  }
}
.selected-images .actions .blue-link {
  margin: 0 15px;
}
.selected-images .actions .add-tag {
  bottom: 60px;
  width: auto;
  max-width: initial;
  left: auto;
  transform: none;
  right: 287px;
  display: flex;
}
@media only screen and (max-width: 480px) {
  .selected-images .actions .add-tag {
    bottom: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .selected-images .actions .add-tag {
    width: 100%;
    left: 0;
    right: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
.selected-images .actions .add-tag:after {
  left: auto;
  right: 82px;
}
@media only screen and (max-width: 1024px) {
  .selected-images .actions .add-tag:after {
    right: calc(50% - 13px);
  }
}
.selected-images .actions .add-tag .tag-list {
  width: auto;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .selected-images .actions .add-tag .tag-list {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
.selected-images .actions .add-tag .tag-list__item {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .selected-images .actions .add-tag .tag-list__item {
    margin-bottom: 10px;
  }
}
.selected-images .actions .add-tag input {
  width: auto;
  flex: none;
}
.selected-images .note {
  font-family: "Brother 1816";
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  .selected-images .note {
    font-size: 10px;
    line-height: 14px;
  }
}
.braidcramps {
  width: 100%;
  height: 70px;
  top: 105px;
  position: fixed;
  font-family: "Helvetica Neue";
  display: flex;
  align-items: center;
  color: #7D9FBD;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1024px) {
  .braidcramps {
    top: 60px;
    position: relative;
    z-index: 1;
  }
}
.braidcramps.is-small {
  max-height: calc(100vh - 110px);
  top: 40px;
  font-size: 9px;
}
.braidcramps .galleries {
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .braidcramps .galleries {
    padding-left: 15px;
  }
}
.braidcramps .non {
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
}
.braidcramps .gallery {
  color: darkgrey;
  font-weight: 300;
  font-size: 14px;
}
.gallery-title {
  font-family: "Athelas";
  font-size: 35px;
  line-height: 51px;
  font-weight: 400;
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 10px;
  position: absolute;
  border: none;
}
.gallery-title:focus {
  outline: none;
  border-color: #BECCDB;
}
.gallery-title:hover {
  background-color: #d2e4f5;
}
.delete-popup {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 501;
}
.delete-popup .popup-wrapper {
  display: flex;
  flex-direction: column;
  padding: 30px 50px;
  position: absolute;
  background: #F5F5F5;
  border: 1px solid #7EA0BC;
  box-sizing: border-box;
  width: 468px;
  height: 267px;
}
.delete-popup .popup-wrapper .title {
  align-self: flex-start;
  font-family: "Athelas";
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 41px;
  display: flex;
  color: #333333;
}
.delete-popup .popup-wrapper .text {
  position: absolute;
  height: 48px;
  left: 50px;
  right: 46px;
  top: 101px;
  font-family: "Brother 1816";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #323232;
}
.delete-popup .popup-wrapper .buttons {
  position: fixed;
  width: 396px;
  height: 40px;
  left: 31px;
  top: 169px;
  align-self: flex-start;
  margin: 0px 20px;
}
.delete-popup .popup-wrapper .buttons .cancel {
  background-color: #FCFCFC;
  color: #373737;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.delete-popup .popup-wrapper .buttons .delete {
  width: 194px;
  margin-left: 20px;
}
.delete-popup .back-screen {
  background-color: red;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #f9f6f6;
  opacity: 0.5;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
div.popup-wrapper.select-photos-popup {
  max-width: 1200px;
  width: 100%;
  max-width: calc(100vw - 300px);
  height: calc(100vh - 200px);
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.select-photos-popup {
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: initial;
    max-width: initial;
    width: calc(100vw - 16px);
    padding: 0 10px;
    height: calc(100vh - 16px);
    top: 8px;
    left: 8px;
    transform: none;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.select-photos-popup .photos-content {
    margin-top: 10px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.select-photos-popup .photos-content .photos-wrapper {
    max-height: initial;
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.select-photos-popup .photos-content .photos-wrapper .photos-list {
    margin-right: -15px;
  }
}
div.popup-wrapper.select-photos-popup .header {
  padding: 45px 0 30px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.select-photos-popup .header {
    padding: 12px 0 10px;
    margin: 0 0 10px;
    width: 100%;
  }
}
div.popup-wrapper.select-photos-popup .header .tag-dropdown .tags-filter {
  left: -121px;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.select-photos-popup .header .tag-dropdown .tags-filter {
    left: -202px;
  }
}
@media only screen and (max-width: 600px) {
  div.popup-wrapper.select-photos-popup .footer .btn {
    width: 220px;
    margin: 0 auto;
  }
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.product-wrapper {
  position: relative;
  max-height: calc(100vh - 150px);
  padding-right: 30px;
  padding-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .product-wrapper {
    padding-right: 0;
    max-height: none;
  }
}
.product-list {
  display: flex;
  flex-wrap: wrap;
  width: auto !important;
  margin-left: 0;
  margin-right: -26px;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 330px;
}
@media only screen and (max-width: 1024px) {
  .product-list {
    margin-right: -4px;
    margin-top: 0px;
  }
}
.product-list__item {
  border: 1px solid #EFECE8;
  margin: 0 20px 40px;
  max-width: 400px;
  cursor: pointer;
  width: calc(25% - 40px);
  padding: 14px 14px 0;
  background: #F5F5F5;
}
@media only screen and (max-width: 1024px) {
  .product-list__item {
    width: calc(50% - 25px);
    margin: 0 5px 10px;
  }
}
@media only screen and (max-width: 600px) {
  .product-list__item {
    width: 100%;
    margin: 0 20px 20px;
  }
}
.product-list__item .content {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: calc(100% - 35px);
}
.product-list__item .title {
  height: 70px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 28px;
  color: #7D9FBD;
  font-family: "Brother 1816";
  text-align: center;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .product-list__item .title {
    height: 40px;
    font-size: 12px;
  }
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
div.popup-wrapper.confirm-popup {
  display: flex;
  flex-direction: column;
  padding: 30px 50px;
  position: absolute;
  background: #F5F5F5;
  border: 1px solid #7EA0BC;
  box-sizing: border-box;
  width: 425px;
  height: 227px;
}
@media only screen and (max-width: 1024px) {
  div.popup-wrapper.confirm-popup {
    width: auto;
    min-height: initial;
    max-width: initial;
    width: calc(100vw - 16px);
    padding: 0 10px;
    height: calc(100vh - 92px);
    top: 8px;
    left: 8px;
    transform: none;
  }
}
div.popup-wrapper.confirm-popup .text {
  position: absolute;
  height: 48px;
  left: 50px;
  right: 46px;
  top: 45px;
  font-family: "Brother 1816";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #323232;
  text-align: center;
}
div.popup-wrapper.confirm-popup .buttons {
  position: fixed;
  width: 396px;
  height: 40px;
  left: 42px;
  top: 139px;
  align-self: flex-start;
  margin: 0px 20px;
}
div.popup-wrapper.confirm-popup .buttons .cancel {
  width: 140px;
}
div.popup-wrapper.confirm-popup .buttons .delete {
  background-color: #FCFCFC;
  color: #373737;
  width: 140px;
  margin-left: 20px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.sticky-header {
  display: flex;
  flex-direction: column;
  background: #fff;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 500;
}
.sticky-header.is-scrolled {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.sticky-header-top {
  height: 90px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 30px;
  box-shadow: 0px 1px 1px #EFECE8;
  position: relative;
}
.is-small .sticky-header-top {
  height: 50px !important;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top {
    height: 60px;
    padding: 0 10px;
  }
}
.sticky-header-top .logotype {
  margin-right: auto;
  display: flex;
  align-items: center;
  color: #31414E;
}
.sticky-header-top .logotype a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .logotype {
    display: none;
  }
  .receipt .sticky-header-top .logotype {
    display: flex;
  }
}
.sticky-header-top .logotype img {
  max-height: 70px;
  margin-right: 10px;
  max-width: 200px;
}
.is-small .sticky-header-top .logotype img {
  max-height: 40px !important;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .logotype img {
    max-height: 40px !important;
  }
}
.sticky-header-top .logotype span {
  color: #777;
  font-weight: 700;
}
.sticky-header-top .logotype .url {
  color: #7D9FBD;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  margin-top: 10px;
  text-decoration: none;
  font-family: "Brother 1816";
  text-transform: uppercase;
}
.is-small .sticky-header-top .logotype .url {
  display: none;
}
.sticky-header-top .btn-note {
  margin-left: 30px;
  color: #777;
  font-size: 12px;
  line-height: 17px;
  font-style: italic;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .btn-note:first-of-type {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .sticky-header-top .btn-note {
    display: none;
  }
}
.sticky-header-top .btn {
  margin-left: 10px;
}
@media only screen and (max-width: 600px) {
  .sticky-header-top .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.sticky-header-top .navigation {
  position: absolute;
  left: 50%;
  bottom: 9px;
  transform: translate(-50%, 0);
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .navigation {
    left: 8px;
    transform: none;
  }
}
.sticky-header-top .navigation__item {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  margin: 0 10px;
  padding: 0 25px;
  line-height: 22px;
  letter-spacing: 0.1em;
  cursor: pointer;
  text-decoration: none;
  color: #7D9FBD;
  font-family: "Brother 1816";
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .navigation__item {
    margin: 0 7px;
    padding: 0 0px;
  }
}
.sticky-header-top .navigation__item.active {
  color: #31414E;
}
.sticky-header-top .navigation__item.active:after {
  content: "";
  width: 100%;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  background: #7D9FBD;
  height: 4px;
}
.sticky-header-top .actions {
  margin-left: auto;
  display: flex;
  position: absolute;
  right: 30px;
  bottom: 5px;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .actions {
    right: 10px;
  }
}
.sticky-header-top .actions__item {
  margin-left: 20px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: relative;
  padding: 0;
}
.sticky-header-top .actions__item-login {
  width: 60px;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .actions__item {
    margin-left: 15px;
    width: 25px;
    height: 25px;
  }
}
.sticky-header-top .actions__item:after {
  background-size: contain;
  position: absolute;
}
.sticky-header-top .actions__item.icon--cart:after {
  left: 1px;
  top: 3px;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .actions__item.icon--cart:after {
    width: 21px;
    height: 20px;
  }
}
.sticky-header-top .actions__item.icon--profile:after {
  left: 6px;
  top: 3px;
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .actions__item.icon--profile:after {
    width: 14px;
    height: 19px;
    left: 5px;
    top: 4px;
  }
}
.sticky-header-top .actions__item .counter {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #7D9FBD;
  border-radius: 12px;
  color: #fff;
  font-size: 12px;
  pointer-events: none;
  text-align: center;
  line-height: 24px;
  top: -10px;
  right: -13px;
  z-index: 1;
  font-family: "Brother 1816";
}
@media only screen and (max-width: 1024px) {
  .sticky-header-top .actions__item .counter {
    top: -6px;
    right: -10px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
share-footer {
  width: 100%;
  display: block;
}
.sticky-footer {
  display: flex;
  background: #fff;
  width: 100%;
  max-width: 1000px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 20px;
  margin: 0 auto;
  height: 220px;
  border-top: 1px solid #EFECE8;
}
.sticky-footer .label {
  font-family: "Athelas";
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 10px;
  color: #31414E;
  font-weight: 400;
}
.sticky-footer .contacts {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 10px;
  line-height: 15px;
}
.sticky-footer .contacts__item {
  font-family: "Brother 1816";
  text-decoration: none;
  font-weight: 500;
  color: #7D9FBD;
}
.sticky-footer .contacts__item.first {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
}
.sticky-footer .contacts.second {
  border-top: 1px solid #EFECE8;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 0px;
  height: 38px;
}
.sticky-footer .contacts.second .ic {
  margin: 0px 19px 11px;
}
.sticky-footer .contacts.second .second {
  margin-left: 20px;
}
.sticky-footer .contacts .divider {
  font-size: 18px;
  padding: 2px 10px 0;
  color: #31414E;
}
.sticky-footer .info {
  font-family: "Brother 1816";
  font-size: 10px;
  line-height: 18px;
  margin: 10px 0 0;
  text-align: center;
}
.sticky-footer .info .navigation {
  white-space: nowrap;
}
.sticky-footer .info .navigation__item {
  font-family: "Brother 1816";
  font-size: 10px;
  line-height: 18px;
  font-weight: 400;
  margin: 0 10px;
  text-decoration: none;
  color: #000;
}
.sticky-footer .info .navigation__item:hover {
  text-decoration: underline;
}
.sticky-footer .info .navigation__item.copyright:hover {
  text-decoration: none;
}
.sticky-footer .info .navigation__item.copyright em {
  font-family: "Brother 1816";
  font-style: normal;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.tag-dropdown {
  position: relative;
  user-select: none;
}
.tag-dropdown .button {
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
  padding-right: 13px;
}
.tag-dropdown .button b {
  color: #437EB2;
  border-bottom: 1px dashed #437EB2;
  position: relative;
  padding: 0 2px;
}
.tag-dropdown .button b:after {
  content: "";
  border-color: #437EB2 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  position: absolute;
  right: -12px;
  top: 5px;
}
.tag-dropdown .tags-filter {
  position: absolute;
  width: 290px;
  top: 25px;
  left: -135px;
  background: #fff;
  z-index: 11;
  border: 1px solid #ABBACE;
  border-radius: 4px;
  padding: 25px 40px 30px 30px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .tag-dropdown .tags-filter {
    left: calc(50% - 145px);
  }
}
.tag-dropdown .tags-filter .search {
  height: 48px;
  width: 200px;
  border: 1px solid #CCD9E5;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 0 35px 0 20px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 13px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy40MjAxMiAxMi40OTMyQzEwLjA2NjEgMTQuMjUyMSAxMy42NzA2IDEzLjk2NDggMTYuMDA0MiAxMS42MzEyQzE4LjY2NTMgOC45NzAyIDE4LjY2NTMgNC42NTY4MyAxNi4wMDQyIDEuOTk1NzhDMTMuMzQzMiAtMC42NjUyNjEgOS4wMjk4IC0wLjY2NTI2MSA2LjM2ODc1IDEuOTk1NzhDNC4wMzUxNiA0LjMyOTM3IDMuNzQ3ODYgNy45MzM4OSA1LjUwNjgzIDEwLjU3OTlDNS40NzE3IDEwLjYwNjIgNS40MzcyIDEwLjYzNTcgNS40MDUyMSAxMC42Njc3TDAuMjY2MjkzIDE1LjgwNjZDLTAuMDg4NzY0MiAxNi4xNjE3IC0wLjA4ODc2NDIgMTYuNzM2MyAwLjI2NjI5MyAxNy4wOTEzTDAuOTA4NjU3IDE3LjczMzdDMS4yNjM3MSAxOC4wODg4IDEuODM4MzMgMTguMDg4OCAyLjE5MzM5IDE3LjczMzdMNy4zMzIzIDEyLjU5NDhDNy4zNjQyOSAxMi41NjI4IDcuMzkzNzggMTIuNTI4MyA3LjQyMDEyIDEyLjQ5MzJaTTE1LjM2MTkgMTAuOTg4OUMxMy4wNTU5IDEzLjI5NDkgOS4zMTcxMSAxMy4yOTQ5IDcuMDExMTIgMTAuOTg4OUM0LjcwNTEzIDguNjgyOSA0LjcwNTEzIDQuOTQ0MTMgNy4wMTExMiAyLjYzODE1QzkuMzE3MTEgMC4zMzIxNiAxMy4wNTU5IDAuMzMyMTYgMTUuMzYxOSAyLjYzODE1QzE3LjY2NzggNC45NDQxMyAxNy42Njc4IDguNjgyOSAxNS4zNjE5IDEwLjk4ODlaTTYuMDQ3NTcgMTEuMzEwMUwwLjkwODY1NyAxNi40NDlMMS41NTEwMiAxNy4wOTEzTDYuNjg5OTQgMTEuOTUyNEw2LjA0NzU3IDExLjMxMDFaIiBmaWxsPSIjNEU2NTdCIi8+DQo8L3N2Zz4NCg==);
}
.tag-dropdown .tags-filter .list {
  margin-top: 20px;
  max-height: 210px;
  margin-right: -38px;
}
.tag-dropdown .tags-filter .list__item {
  margin-bottom: 20px;
  text-transform: lowercase;
}
.tag-dropdown .tags-filter .list__item .custom-checkbox span {
  font-size: 16px;
  display: inline-block;
}
.tag-dropdown .tags-filter .list__item .custom-checkbox span:after {
  color: #C98455;
}
.tag-dropdown .tags-filter .list__item .custom-checkbox span span {
  color: #C98455;
  text-shadow: 1px 0px 0px currentColor;
}
.tag-dropdown .tags-filter .actions {
  display: flex;
  margin-top: 40px;
  align-items: center;
}
.tag-dropdown .tags-filter .actions .clear {
  font-size: 16px;
  color: #2E4A70;
  border: none;
  border-bottom: 1px solid #2E4A70;
  background: transparent;
  height: 25px;
  line-height: 25px;
  padding: 0;
  cursor: pointer;
}
.tag-dropdown .tags-filter .actions .clear:focus {
  outline: none;
}
.tag-dropdown .tags-filter .actions .btn {
  margin-left: auto;
}
.tag-dropdown .overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* COLORS */
/* SIZES */
/* FONTS */
/* ANIMATIONS */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotation-inverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes easy-in-out {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes slide-next {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}
@keyframes slide-from-next {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-prev {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes slide-from-prev {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes show-delay {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* MIXINS */
.tags-panel {
  max-height: 100%;
  margin-right: -20px;
}
.tags-panel-wrapper {
  position: fixed;
  overflow: hidden;
  top: 90px;
  right: 0px;
  height: 100%;
  max-height: calc(100% - 90px);
  width: 200px;
  background: #F5F5F5;
  padding: 40px 20px 20px 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 3;
}
.tags-panel-wrapper-close {
  position: fixed;
  top: 73px;
  right: 13px;
  height: 20px;
  width: 20px;
  z-index: 4;
  cursor: pointer;
  display: none;
}
.tags-panel-wrapper-close:after {
  left: 2px;
  top: 2px;
  color: #7D9FBD;
}
@media only screen and (max-width: 1024px) {
  .tags-panel-wrapper-close.mobile-visible {
    display: block;
  }
}
.tags-panel-wrapper-overlay {
  position: fixed;
  top: 0;
  right: 0px;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  background: rgba(255, 0, 0, 0.4);
  display: none;
}
@media only screen and (max-width: 1024px) {
  .tags-panel-wrapper-overlay.mobile-visible {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .tags-panel-wrapper {
    top: 61px;
    max-height: calc(100% - 61px);
    display: none;
  }
}
.tags-panel-wrapper.is-small {
  top: 50px;
  max-height: calc(100% - 50px);
}
@media only screen and (max-width: 1024px) {
  .tags-panel-wrapper.mobile-visible {
    display: block;
  }
}
.tags-panel-wrapper .title {
  font-size: 16px;
  font-family: "Athelas";
  color: #31414E;
  flex: none;
  padding-left: 13px;
  margin-bottom: 10px;
}
.tags-panel-wrapper .search {
  height: 52px;
  border: 2px solid #EFECE8;
  font-family: "Brother 1816";
  font-weight: 500;
  color: #323232;
  font-size: 16px;
  padding: 0 32px 0 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy40MjAxMiAxMi40OTMyQzEwLjA2NjEgMTQuMjUyMSAxMy42NzA2IDEzLjk2NDggMTYuMDA0MiAxMS42MzEyQzE4LjY2NTMgOC45NzAyIDE4LjY2NTMgNC42NTY4MyAxNi4wMDQyIDEuOTk1NzhDMTMuMzQzMiAtMC42NjUyNjEgOS4wMjk4IC0wLjY2NTI2MSA2LjM2ODc1IDEuOTk1NzhDNC4wMzUxNiA0LjMyOTM3IDMuNzQ3ODYgNy45MzM4OSA1LjUwNjgzIDEwLjU3OTlDNS40NzE3IDEwLjYwNjIgNS40MzcyIDEwLjYzNTcgNS40MDUyMSAxMC42Njc3TDAuMjY2MjkzIDE1LjgwNjZDLTAuMDg4NzY0MiAxNi4xNjE3IC0wLjA4ODc2NDIgMTYuNzM2MyAwLjI2NjI5MyAxNy4wOTEzTDAuOTA4NjU3IDE3LjczMzdDMS4yNjM3MSAxOC4wODg4IDEuODM4MzMgMTguMDg4OCAyLjE5MzM5IDE3LjczMzdMNy4zMzIzIDEyLjU5NDhDNy4zNjQyOSAxMi41NjI4IDcuMzkzNzggMTIuNTI4MyA3LjQyMDEyIDEyLjQ5MzJaTTE1LjM2MTkgMTAuOTg4OUMxMy4wNTU5IDEzLjI5NDkgOS4zMTcxMSAxMy4yOTQ5IDcuMDExMTIgMTAuOTg4OUM0LjcwNTEzIDguNjgyOSA0LjcwNTEzIDQuOTQ0MTMgNy4wMTExMiAyLjYzODE1QzkuMzE3MTEgMC4zMzIxNiAxMy4wNTU5IDAuMzMyMTYgMTUuMzYxOSAyLjYzODE1QzE3LjY2NzggNC45NDQxMyAxNy42Njc4IDguNjgyOSAxNS4zNjE5IDEwLjk4ODlaTTYuMDQ3NTcgMTEuMzEwMUwwLjkwODY1NyAxNi40NDlMMS41NTEwMiAxNy4wOTEzTDYuNjg5OTQgMTEuOTUyNEw2LjA0NzU3IDExLjMxMDFaIiBmaWxsPSIjNEU2NTdCIi8+DQo8L3N2Zz4NCg==);
  width: calc(100% - 13px);
  margin: 0px 0 20px 13px;
  flex: none;
}
.tags-panel-wrapper .search::placeholder {
  font-family: "Brother 1816";
  color: rgba(50, 50, 50, 0.4);
}
.tags-panel-wrapper .deselect {
  color: #C98455;
  font-family: "Brother 1816";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 18px;
  padding-left: 25px;
  position: relative;
  background: transparent;
  border: none;
  margin-left: 16px;
  margin-bottom: 13px;
  cursor: pointer;
}
.tags-panel-wrapper .deselect:focus {
  outline: none;
}
.tags-panel-wrapper .deselect:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  top: 3px;
  left: 0;
  border: 1px solid #C98455;
}
.tags-panel-wrapper .deselect:after {
  position: absolute;
  top: 4px;
  font-size: 4px;
  left: 3px;
  line-height: 11px;
  color: #C98455;
  content: "+";
  transform: rotate(45deg);
  font-size: 15px;
  font-family: "Brother 1816";
}
.tags-panel .list {
  width: auto !important;
}
.tags-panel .list__item {
  cursor: pointer;
  font-family: "Brother 1816";
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  color: #7D9FBD;
  padding: 0 16px;
}
.tags-panel .list__item span span {
  color: #31414E;
  text-shadow: 1px 0px 0px currentColor;
}
.tags-panel .list__item.active {
  color: #31414E;
}
.tags-panel .list__item.active:after {
  font-size: 10px;
  left: 0px;
  top: 5px;
  color: #31414E;
}
.tags-panel-mobile-link {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .tags-panel-mobile-link {
    display: block;
  }
}