/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/scss/main.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
body.page .site-main, body.search .site-main {
  padding-inline: 0px;
}
body.page .site-main article, body.search .site-main article {
  max-width: 100%;
}
body.page .site-main article .inside-article .entry-content, body.search .site-main article .inside-article .entry-content {
  max-width: 2000px;
  margin-inline: auto;
}
body.page .site-main article .inside-article .entry-content > div:not(.is-fullwidth), body.page .site-main article .inside-article .entry-content > section:not(.is-fullwidth), body.search .site-main article .inside-article .entry-content > div:not(.is-fullwidth), body.search .site-main article .inside-article .entry-content > section:not(.is-fullwidth) {
  padding-inline: 24px;
}
body.page .site-main article .inside-article .entry-content > div:not(.is-fullwidth) > div:not(.is-fullwidth), body.page .site-main article .inside-article .entry-content > section:not(.is-fullwidth) > div:not(.is-fullwidth), body.search .site-main article .inside-article .entry-content > div:not(.is-fullwidth) > div:not(.is-fullwidth), body.search .site-main article .inside-article .entry-content > section:not(.is-fullwidth) > div:not(.is-fullwidth) {
  max-width: 1280px;
  margin-inline: auto;
}
body.page .site-main .before-footer, body.page .site-main .page-content, body.search .site-main .before-footer, body.search .site-main .page-content {
  max-width: 2000px !important;
  margin-inline: auto;
}
body.page .site-main .before-footer > div:not(.is-fullwidth), body.page .site-main .before-footer > section:not(.is-fullwidth), body.page .site-main .page-content > div:not(.is-fullwidth), body.page .site-main .page-content > section:not(.is-fullwidth), body.search .site-main .before-footer > div:not(.is-fullwidth), body.search .site-main .before-footer > section:not(.is-fullwidth), body.search .site-main .page-content > div:not(.is-fullwidth), body.search .site-main .page-content > section:not(.is-fullwidth) {
  padding-inline: 24px;
}
body.page .site-main .before-footer > div:not(.is-fullwidth) > div:not(.is-fullwidth), body.page .site-main .before-footer > section:not(.is-fullwidth) > div:not(.is-fullwidth), body.page .site-main .page-content > div:not(.is-fullwidth) > div:not(.is-fullwidth), body.page .site-main .page-content > section:not(.is-fullwidth) > div:not(.is-fullwidth), body.search .site-main .before-footer > div:not(.is-fullwidth) > div:not(.is-fullwidth), body.search .site-main .before-footer > section:not(.is-fullwidth) > div:not(.is-fullwidth), body.search .site-main .page-content > div:not(.is-fullwidth) > div:not(.is-fullwidth), body.search .site-main .page-content > section:not(.is-fullwidth) > div:not(.is-fullwidth) {
  max-width: 1280px;
  margin-inline: auto;
}

body.search #page {
  padding-inline: unset;
}

body.single #page {
  padding-inline: 0px;
}
body.single #page .site-content {
  max-width: 2000px !important;
  margin-inline: auto;
}
body.single #page .site-content .content-area {
  max-width: 2000px !important;
  margin-inline: auto;
}
body.single #page .site-content .content-area .dynamic-content-template > div:not(.is-fullwidth), body.single #page .site-content .content-area .dynamic-content-template > section:not(.is-fullwidth) {
  padding-inline: 24px;
  margin-inline: auto;
}
body.single #page .site-content .content-area .dynamic-content-template > div:not(.is-fullwidth) > div:not(.is-fullwidth), body.single #page .site-content .content-area .dynamic-content-template > div:not(.is-fullwidth) > section:not(.is-fullwidth), body.single #page .site-content .content-area .dynamic-content-template > section:not(.is-fullwidth) > div:not(.is-fullwidth), body.single #page .site-content .content-area .dynamic-content-template > section:not(.is-fullwidth) > section:not(.is-fullwidth) {
  max-width: 1280px;
  margin-inline: auto;
}

.fill-none, .fill-none svg {
  fill: none !important;
}

#vorlagen-posts-load-more-wrapper {
  padding-inline: 0px;
}
#vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper {
  margin-bottom: 80px;
}
#vorlagen-posts-load-more-wrapper #vorlagen-posts-load-more-content {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: 24px;
}
#vorlagen-posts-load-more-wrapper .vorlagen-posts-load-more-button-wrapper #vorlagen-posts-load-more-button {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  background-color: transparent;
  color: var(--tattoo-light-brand-text);
  border: 1px solid var(--tattoo-light-brand-text);
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease;
  font-weight: 400;
}
#vorlagen-posts-load-more-wrapper .vorlagen-posts-load-more-button-wrapper #vorlagen-posts-load-more-button:hover {
  background-color: var(--tattoo-light-brand-surface-2);
  color: var(--tattoo-light-brand-text);
}
#vorlagen-posts-load-more-wrapper .vorlagen-posts-load-more-button-wrapper #vorlagen-posts-load-more-button span {
  display: none;
}
#vorlagen-posts-load-more-wrapper .vorlagen-posts-load-more-button-wrapper #vorlagen-posts-load-more-button::before {
  content: url("data:image/svg+xml,%3csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M10 4.16699V15.8337%27 stroke=%27%23101620%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M15.8346 10L10.0013 15.8333L4.16797 10%27 stroke=%27%23101620%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
}
#vorlagen-posts-load-more-wrapper .vorlagen-posts-load-more-button-wrapper #vorlagen-posts-load-more-button[disabled] {
  cursor: not-allowed;
}
#vorlagen-posts-load-more-wrapper .vorlagen-posts-load-more-button-wrapper #vorlagen-posts-load-more-button:hover {
  box-shadow: none;
}

body.tattoo-theme-dark #vorlagen-posts-load-more-wrapper .vorlagen-posts-load-more-button-wrapper #vorlagen-posts-load-more-button::before {
  content: url("data:image/svg+xml,%3csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M10 4.16602V15.8327%27 stroke=%27%23FEFEFD%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M15.8346 10L10.0013 15.8333L4.16797 10%27 stroke=%27%23FEFEFD%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
}

.bookmarks-wrapper {
  margin-top: 56px;
}

.result-message {
  font-size: 20px;
}

button, input {
  outline: inherit !important;
}

html body div.post-listing article:not(.tattoo),
html body div#category-listing article:not(.tattoo),
html body #vorlagen-posts-load-more-content article:not(.tattoo),
html body .related-posts article:not(.tattoo) {
  position: relative;
  box-shadow: none !important;
  aspect-ratio: 288/400;
  overflow: hidden;
  border-radius: 4px;
}
html body div.post-listing article:not(.tattoo) a,
html body div#category-listing article:not(.tattoo) a,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a,
html body .related-posts article:not(.tattoo) a {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--tattoo-light-brand-surface-3);
}
html body div.post-listing article:not(.tattoo) a div.thumbnail,
html body div#category-listing article:not(.tattoo) a div.thumbnail,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a div.thumbnail,
html body .related-posts article:not(.tattoo) a div.thumbnail {
  aspect-ratio: unset;
  background-color: rgba(0, 0, 0, 0.05);
  height: 100%;
  border-radius: 4px;
}
html body div.post-listing article:not(.tattoo) a div.thumbnail div.image,
html body div#category-listing article:not(.tattoo) a div.thumbnail div.image,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a div.thumbnail div.image,
html body .related-posts article:not(.tattoo) a div.thumbnail div.image {
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
html body div.post-listing article:not(.tattoo) a div.thumbnail div.image img,
html body div#category-listing article:not(.tattoo) a div.thumbnail div.image img,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a div.thumbnail div.image img,
html body .related-posts article:not(.tattoo) a div.thumbnail div.image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
html body div.post-listing article:not(.tattoo) a div.content,
html body div#category-listing article:not(.tattoo) a div.content,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a div.content,
html body .related-posts article:not(.tattoo) a div.content {
  position: absolute;
  bottom: 24px;
  padding: 0;
  left: 24px;
  width: calc(100% - 48px);
  z-index: 15;
  row-gap: 12px;
  flex-direction: column;
  flex-grow: 1;
  display: none;
}
html body div.post-listing article:not(.tattoo) a div.content div.title,
html body div#category-listing article:not(.tattoo) a div.content div.title,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a div.content div.title,
html body .related-posts article:not(.tattoo) a div.content div.title {
  margin: 0;
  font-weight: 400;
  line-height: 130%;
  color: #fff;
  font-weight: 500;
}
html body div.post-listing article:not(.tattoo) a div.content div.subtitle,
html body div#category-listing article:not(.tattoo) a div.content div.subtitle,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a div.content div.subtitle,
html body .related-posts article:not(.tattoo) a div.content div.subtitle {
  color: var(--brand-accent-3);
  background-color: transparent;
  border: 1px solid var(--brand-accent-3);
  border-radius: 4px;
}
html body div.post-listing article:not(.tattoo) a div.content div.subtitle::before,
html body div#category-listing article:not(.tattoo) a div.content div.subtitle::before,
html body #vorlagen-posts-load-more-content article:not(.tattoo) a div.content div.subtitle::before,
html body .related-posts article:not(.tattoo) a div.content div.subtitle::before {
  display: none;
}
html body div.post-listing article:not(.tattoo) span.new-badge,
html body div#category-listing article:not(.tattoo) span.new-badge,
html body #vorlagen-posts-load-more-content article:not(.tattoo) span.new-badge,
html body .related-posts article:not(.tattoo) span.new-badge {
  position: absolute;
  z-index: 99;
  top: 33px;
  right: 24px;
  color: var(--brand-accent-1);
  background-color: var(--brand-accent-2);
  line-height: 150%;
  padding: 2px 8px;
  border-radius: 4px;
  pointer-events: none;
}
html body div.post-listing article:not(.tattoo):hover,
html body div#category-listing article:not(.tattoo):hover,
html body #vorlagen-posts-load-more-content article:not(.tattoo):hover,
html body .related-posts article:not(.tattoo):hover {
  outline: 1px solid var(--brand-primary);
  box-shadow: 0 4px 20px 0 rgba(218, 94, 45, 0.3);
}
html body div.post-listing article:not(.tattoo):hover a div.content,
html body div#category-listing article:not(.tattoo):hover a div.content,
html body #vorlagen-posts-load-more-content article:not(.tattoo):hover a div.content,
html body .related-posts article:not(.tattoo):hover a div.content {
  display: flex;
}
html body div.post-listing article:not(.tattoo):hover::after,
html body div#category-listing article:not(.tattoo):hover::after,
html body #vorlagen-posts-load-more-content article:not(.tattoo):hover::after,
html body .related-posts article:not(.tattoo):hover::after {
  position: absolute;
  content: "";
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(246deg, rgba(16, 22, 32, 0) 0.93%, rgba(16, 22, 32, 0.9) 100%);
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: 4px;
}
html body div.post-listing.categories article:not(.tattoo) .tattoo-bookmark, html body div.post-listing.categories article:not(.tattoo) .new-badge {
  display: none;
}
html body div.post-listing.categories article:not(.tattoo) a .thumbnail {
  aspect-ratio: 288/320;
  height: auto;
}
html body div.post-listing.categories article:not(.tattoo) a .content {
  display: flex;
  position: unset;
  justify-content: center;
  padding-inline: 24px;
}
html body div.post-listing.categories article:not(.tattoo) a .content .subtitle {
  display: none;
}
html body div.post-listing.categories article:not(.tattoo):hover::after {
  display: none;
}

.post-listing,
#category-listing,
#vorlagen-posts-load-more-content,
.related-posts {
  grid-template-columns: repeat(1, minmax(100px, 1fr));
  grid-column-gap: 12px;
  grid-row-gap: 24px;
}
@media (min-width: 600px) {
  .post-listing,
  #category-listing,
  #vorlagen-posts-load-more-content,
  .related-posts {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
  }
}
@media (min-width: 1000px) {
  .post-listing,
  #category-listing,
  #vorlagen-posts-load-more-content,
  .related-posts {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
  }
}
@media (min-width: 1400px) {
  .post-listing,
  #category-listing,
  #vorlagen-posts-load-more-content,
  .related-posts {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
  }
}

/* Container */
.tattoo-theme-mode {
  display: inline-flex;
  align-items: center;
}
.tattoo-theme-mode .tattoo-switch {
  display: inline-block;
  position: relative;
  width: 78px;
  height: 36px;
  cursor: pointer;
}
.tattoo-theme-mode .tattoo-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.tattoo-theme-mode .tattoo-switch .tattoo-slider {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  box-sizing: border-box;
  transition: background-color 250ms ease, color 250ms ease;
  /* LIGHT default (unchecked) */
  background: #ffffff;
  color: #0f1720; /* dark icon color */
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.tattoo-theme-mode .tattoo-switch .tattoo-slider::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  height: 24px;
  width: 36px;
  border-radius: 12px;
  transition: transform 250ms cubic-bezier(0.2, 0.9, 0.2, 1), background-color 250ms;
  z-index: 2;
  /* default (light theme): knob on right and dark */
  transform: translateX(30px);
  background: #0f1720;
}
.tattoo-theme-mode .tattoo-switch .tattoo-slider .tattoo-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  z-index: 1;
  transition: opacity 200ms ease;
}
.tattoo-theme-mode .tattoo-switch .tattoo-slider .moon {
  opacity: 1;
}
.tattoo-theme-mode .tattoo-switch .tattoo-slider .sun {
  opacity: 0;
}

/* When checked => DARK theme: invert styles */
.tattoo-switch input:checked + .tattoo-slider {
  background: #1e232a;
  box-shadow: none;
}

/* move knob to left and make it light */
.tattoo-switch input:checked + .tattoo-slider::before {
  transform: translateX(0);
  background: #ffffff;
}

/* icons swap */
.tattoo-switch input:checked + .tattoo-slider .moon {
  opacity: 0;
}

.tattoo-switch input:checked + .tattoo-slider .sun {
  opacity: 1;
}

/* small accessibility focus */
.tattoo-switch input:focus + .tattoo-slider {
  box-shadow: 0 0 0 3px rgba(34, 139, 230, 0.12);
}

/* make sure svg inherits color */
.tattoo-slider svg {
  display: block;
  color: inherit;
}

.tattoo-bookmark {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6980392157);
  position: absolute;
  z-index: 99;
  top: 24px;
  left: 24px;
  transition: background-color 0.3s ease;
}
.tattoo-bookmark:hover, .tattoo-bookmark.is-saved {
  background-color: #4E0110;
}
.tattoo-bookmark:hover svg path, .tattoo-bookmark.is-saved svg path {
  fill: #fff;
  stroke: #fff;
}

.bookmarks-wrapper .tattoovorlage:not(:has(.tattoo-bookmark.is-saved)) {
  display: none;
}

@keyframes loopstuff {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.marquee-slider {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
  position: relative;
  overflow: hidden;
  /* .marquee-overlay {
      background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 1) 100%);
      pointer-events: none;
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0%;
  } */
}
.marquee-slider .marquee {
  justify-content: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}
.marquee-slider .marquee .marquee-wrapper {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  animation: loopstuff 140s linear infinite;
  padding-right: 32px;
  min-width: 100%;
}
@media (max-width: 500px) {
  .marquee-slider .marquee .marquee-wrapper {
    animation: loopstuff 40s linear infinite;
    padding-right: 16px;
  }
}
.marquee-slider .marquee .marquee-wrapper img {
  margin: 0 32px;
  display: block;
}
@media (max-width: 500px) {
  .marquee-slider .marquee .marquee-wrapper img {
    margin: 0 16px;
    transform: scale(0.8);
  }
}

.download-section .download-list.wp-block-list {
  display: flex;
  flex-direction: row;
  margin: 0;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 8px;
  list-style-type: none;
  justify-content: center;
}
.download-section .download-list.wp-block-list li {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 13px;
}
.download-section .download-list.wp-block-list li::before {
  content: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cg clip-path=%27url%28%23clip0_2132_4880%29%27%3e%3cpath d=%27M8.00065 14.6663C11.6825 14.6663 14.6673 11.6816 14.6673 7.99967C14.6673 4.31778 11.6825 1.33301 8.00065 1.33301C4.31875 1.33301 1.33398 4.31778 1.33398 7.99967C1.33398 11.6816 4.31875 14.6663 8.00065 14.6663Z%27 stroke=%27%23DA5E2D%27 stroke-width=%271.33333%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M6 8.00033L7.33333 9.33366L10 6.66699%27 stroke=%27%23DA5E2D%27 stroke-width=%271.33333%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/g%3e%3cdefs%3e%3cclipPath id=%27clip0_2132_4880%27%3e%3crect width=%2716%27 height=%2716%27 fill=%27white%27/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.download-section .download-template-btn {
  font-size: 18px;
  font-weight: 500;
  background-color: var(--brand-primary);
  border-radius: 16px;
  padding: 13px 32px;
  color: var(--tattoo-light-white) !important;
  transition: background-color 0.3s ease;
  text-align: center;
}
.download-section .download-template-btn::after {
  order: -1;
}
@media (max-width: 767px) {
  .download-section .download-template-btn {
    padding: 12px 20px;
  }
}
.download-section .download-template-btn:hover {
  background-color: var(--brand-primary-hover);
}

body.tattoo-theme-dark .download-section .download-template-btn::after {
  background-image: url("data:image/svg+xml,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12 15V3%27 stroke=%27%23272C35%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15%27 stroke=%27%23272C35%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M7 10L12 15L17 10%27 stroke=%27%23272C35%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
}

.tattoo-share {
  position: relative;
}
.tattoo-share > span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  cursor: pointer;
  border-radius: 16px;
  background-color: #fff;
  transition: background-color 0.2s ease-in-out;
}
.tattoo-share > span:hover {
  background-color: var(--tattoo-light-brand-surface-1);
}
.tattoo-share > span::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: -2px;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDhDMTkuNjU2OSA4IDIxIDYuNjU2ODUgMjEgNUMyMSAzLjM0MzE1IDE5LjY1NjkgMiAxOCAyQzE2LjM0MzEgMiAxNSAzLjM0MzE1IDE1IDVDMTUgNi42NTY4NSAxNi4zNDMxIDggMTggOFoiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYgMTVDNy42NTY4NSAxNSA5IDEzLjY1NjkgOSAxMkM5IDEwLjM0MzEgNy42NTY4NSA5IDYgOUM0LjM0MzE1IDkgMyAxMC4zNDMxIDMgMTJDMyAxMy42NTY5IDQuMzQzMTUgMTUgNiAxNVoiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4IDIyQzE5LjY1NjkgMjIgMjEgMjAuNjU2OSAyMSAxOUMyMSAxNy4zNDMxIDE5LjY1NjkgMTYgMTggMTZDMTYuMzQzMSAxNiAxNSAxNy4zNDMxIDE1IDE5QzE1IDIwLjY1NjkgMTYuMzQzMSAyMiAxOCAyMloiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguNTg5ODQgMTMuNTA5OEwxNS40MTk4IDE3LjQ4OTgiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjQwOTggNi41MDk3N0w4LjU4OTg0IDEwLjQ4OTgiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDhDMTkuNjU2OSA4IDIxIDYuNjU2ODUgMjEgNUMyMSAzLjM0MzE1IDE5LjY1NjkgMiAxOCAyQzE2LjM0MzEgMiAxNSAzLjM0MzE1IDE1IDVDMTUgNi42NTY4NSAxNi4zNDMxIDggMTggOFoiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYgMTVDNy42NTY4NSAxNSA5IDEzLjY1NjkgOSAxMkM5IDEwLjM0MzEgNy42NTY4NSA5IDYgOUM0LjM0MzE1IDkgMyAxMC4zNDMxIDMgMTJDMyAxMy42NTY5IDQuMzQzMTUgMTUgNiAxNVoiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4IDIyQzE5LjY1NjkgMjIgMjEgMjAuNjU2OSAyMSAxOUMyMSAxNy4zNDMxIDE5LjY1NjkgMTYgMTggMTZDMTYuMzQzMSAxNiAxNSAxNy4zNDMxIDE1IDE5QzE1IDIwLjY1NjkgMTYuMzQzMSAyMiAxOCAyMloiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguNTg5ODQgMTMuNTA5OEwxNS40MTk4IDE3LjQ4OTgiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjQwOTggNi41MDk3N0w4LjU4OTg0IDEwLjQ4OTgiIHN0cm9rZT0iIzMxMkU4MSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--brand-primary);
  transition: background-color 0.2s ease-in-out;
}
.tattoo-share ul {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  position: absolute;
  z-index: 999;
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  list-style: none;
  transition: opacity 0.3s ease-in-out;
  background-color: #fff;
  border-radius: 16px;
  padding: 12px 16px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
}
.tattoo-share ul:not(.active) {
  opacity: 0;
  pointer-events: none;
}
.tattoo-share ul li {
  position: relative;
}
.tattoo-share ul li a {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 2;
}
.tattoo-share ul li::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--brand-primary);
}
.tattoo-share ul li.facebook::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmFjZWJvb2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMTYgOC4wNDljMC00LjQ0Ni0zLjU4Mi04LjA1LTgtOC4wNUMzLjU4IDAtLjAwMiAzLjYwMy0uMDAyIDguMDVjMCA0LjAxNyAyLjkyNiA3LjM0NyA2Ljc1IDcuOTUxdi01LjYyNWgtMi4wM1Y4LjA1SDYuNzVWNi4yNzVjMC0yLjAxNyAxLjE5NS0zLjEzMSAzLjAyMi0zLjEzMS44NzYgMCAxLjc5MS4xNTcgMS43OTEuMTU3djEuOThoLTEuMDA5Yy0uOTkzIDAtMS4zMDMuNjIxLTEuMzAzIDEuMjU4djEuNTFoMi4yMThsLS4zNTQgMi4zMjZIOS4yNVYxNmMzLjgyNC0uNjA0IDYuNzUtMy45MzQgNi43NS03Ljk1MSIvPgo8L3N2Zz4=);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmFjZWJvb2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMTYgOC4wNDljMC00LjQ0Ni0zLjU4Mi04LjA1LTgtOC4wNUMzLjU4IDAtLjAwMiAzLjYwMy0uMDAyIDguMDVjMCA0LjAxNyAyLjkyNiA3LjM0NyA2Ljc1IDcuOTUxdi01LjYyNWgtMi4wM1Y4LjA1SDYuNzVWNi4yNzVjMC0yLjAxNyAxLjE5NS0zLjEzMSAzLjAyMi0zLjEzMS44NzYgMCAxLjc5MS4xNTcgMS43OTEuMTU3djEuOThoLTEuMDA5Yy0uOTkzIDAtMS4zMDMuNjIxLTEuMzAzIDEuMjU4djEuNTFoMi4yMThsLS4zNTQgMi4zMjZIOS4yNVYxNmMzLjgyNC0uNjA0IDYuNzUtMy45MzQgNi43NS03Ljk1MSIvPgo8L3N2Zz4=);
}
.tattoo-share ul li.twitter::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHdpdHRlciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGQ9Ik01LjAyNiAxNWM2LjAzOCAwIDkuMzQxLTUuMDAzIDkuMzQxLTkuMzM0cS4wMDItLjIxMS0uMDA2LS40MjJBNi43IDYuNyAwIDAgMCAxNiAzLjU0MmE2LjcgNi43IDAgMCAxLTEuODg5LjUxOCAzLjMgMy4zIDAgMCAwIDEuNDQ3LTEuODE3IDYuNSA2LjUgMCAwIDEtMi4wODcuNzkzQTMuMjg2IDMuMjg2IDAgMCAwIDcuODc1IDYuMDNhOS4zMiA5LjMyIDAgMCAxLTYuNzY3LTMuNDI5IDMuMjkgMy4yOSAwIDAgMCAxLjAxOCA0LjM4MkEzLjMgMy4zIDAgMCAxIC42NCA2LjU3NXYuMDQ1YTMuMjkgMy4yOSAwIDAgMCAyLjYzMiAzLjIxOCAzLjIgMy4yIDAgMCAxLS44NjUuMTE1IDMgMyAwIDAgMS0uNjE0LS4wNTcgMy4yOCAzLjI4IDAgMCAwIDMuMDY3IDIuMjc3QTYuNiA2LjYgMCAwIDEgLjc4IDEzLjU4YTYgNiAwIDAgMS0uNzgtLjA0NUE5LjM0IDkuMzQgMCAwIDAgNS4wMjYgMTUiLz4KPC9zdmc+);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHdpdHRlciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGQ9Ik01LjAyNiAxNWM2LjAzOCAwIDkuMzQxLTUuMDAzIDkuMzQxLTkuMzM0cS4wMDItLjIxMS0uMDA2LS40MjJBNi43IDYuNyAwIDAgMCAxNiAzLjU0MmE2LjcgNi43IDAgMCAxLTEuODg5LjUxOCAzLjMgMy4zIDAgMCAwIDEuNDQ3LTEuODE3IDYuNSA2LjUgMCAwIDEtMi4wODcuNzkzQTMuMjg2IDMuMjg2IDAgMCAwIDcuODc1IDYuMDNhOS4zMiA5LjMyIDAgMCAxLTYuNzY3LTMuNDI5IDMuMjkgMy4yOSAwIDAgMCAxLjAxOCA0LjM4MkEzLjMgMy4zIDAgMCAxIC42NCA2LjU3NXYuMDQ1YTMuMjkgMy4yOSAwIDAgMCAyLjYzMiAzLjIxOCAzLjIgMy4yIDAgMCAxLS44NjUuMTE1IDMgMyAwIDAgMS0uNjE0LS4wNTcgMy4yOCAzLjI4IDAgMCAwIDMuMDY3IDIuMjc3QTYuNiA2LjYgMCAwIDEgLjc4IDEzLjU4YTYgNiAwIDAgMS0uNzgtLjA0NUE5LjM0IDkuMzQgMCAwIDAgNS4wMjYgMTUiLz4KPC9zdmc+);
}
.tattoo-share ul li.telegram::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGVsZWdyYW0iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMTYgOEE4IDggMCAxIDEgMCA4YTggOCAwIDAgMSAxNiAwTTguMjg3IDUuOTA2cS0xLjE2OC40ODYtNC42NjYgMi4wMS0uNTY3LjIyNS0uNTk1LjQ0MmMtLjAzLjI0My4yNzUuMzM5LjY5LjQ3bC4xNzUuMDU1Yy40MDguMTMzLjk1OC4yODggMS4yNDMuMjk0cS4zOS4wMS44NjgtLjMyIDMuMjY5LTIuMjA2IDMuMzc0LTIuMjNjLjA1LS4wMTIuMTItLjAyNi4xNjYuMDE2cy4wNDIuMTIuMDM3LjE0MWMtLjAzLjEyOS0xLjIyNyAxLjI0MS0xLjg0NiAxLjgxNy0uMTkzLjE4LS4zMy4zMDctLjM1OC4zMzZhOCA4IDAgMCAxLS4xODguMTg2Yy0uMzguMzY2LS42NjQuNjQuMDE1IDEuMDg4LjMyNy4yMTYuNTg5LjM5My44NS41NzEuMjg0LjE5NC41NjguMzg3LjkzNi42MjlxLjE0LjA5Mi4yNy4xODdjLjMzMS4yMzYuNjMuNDQ4Ljk5Ny40MTQuMjE0LS4wMi40MzUtLjIyLjU0Ny0uODIuMjY1LTEuNDE3Ljc4Ni00LjQ4Ni45MDYtNS43NTFhMS40IDEuNCAwIDAgMC0uMDEzLS4zMTUuMzQuMzQgMCAwIDAtLjExNC0uMjE3LjUzLjUzIDAgMCAwLS4zMS0uMDkzYy0uMy4wMDUtLjc2My4xNjYtMi45ODQgMS4wOSIvPgo8L3N2Zz4=);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGVsZWdyYW0iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMTYgOEE4IDggMCAxIDEgMCA4YTggOCAwIDAgMSAxNiAwTTguMjg3IDUuOTA2cS0xLjE2OC40ODYtNC42NjYgMi4wMS0uNTY3LjIyNS0uNTk1LjQ0MmMtLjAzLjI0My4yNzUuMzM5LjY5LjQ3bC4xNzUuMDU1Yy40MDguMTMzLjk1OC4yODggMS4yNDMuMjk0cS4zOS4wMS44NjgtLjMyIDMuMjY5LTIuMjA2IDMuMzc0LTIuMjNjLjA1LS4wMTIuMTItLjAyNi4xNjYuMDE2cy4wNDIuMTIuMDM3LjE0MWMtLjAzLjEyOS0xLjIyNyAxLjI0MS0xLjg0NiAxLjgxNy0uMTkzLjE4LS4zMy4zMDctLjM1OC4zMzZhOCA4IDAgMCAxLS4xODguMTg2Yy0uMzguMzY2LS42NjQuNjQuMDE1IDEuMDg4LjMyNy4yMTYuNTg5LjM5My44NS41NzEuMjg0LjE5NC41NjguMzg3LjkzNi42MjlxLjE0LjA5Mi4yNy4xODdjLjMzMS4yMzYuNjMuNDQ4Ljk5Ny40MTQuMjE0LS4wMi40MzUtLjIyLjU0Ny0uODIuMjY1LTEuNDE3Ljc4Ni00LjQ4Ni45MDYtNS43NTFhMS40IDEuNCAwIDAgMC0uMDEzLS4zMTUuMzQuMzQgMCAwIDAtLjExNC0uMjE3LjUzLjUzIDAgMCAwLS4zMS0uMDkzYy0uMy4wMDUtLjc2My4xNjYtMi45ODQgMS4wOSIvPgo8L3N2Zz4=);
}
.tattoo-share ul li.whatsapp::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2hhdHNhcHAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMTMuNjAxIDIuMzI2QTcuODUgNy44NSAwIDAgMCA3Ljk5NCAwQzMuNjI3IDAgLjA2OCAzLjU1OC4wNjQgNy45MjZjMCAxLjM5OS4zNjYgMi43NiAxLjA1NyAzLjk2NUwwIDE2bDQuMjA0LTEuMTAyYTcuOSA3LjkgMCAwIDAgMy43OS45NjVoLjAwNGM0LjM2OCAwIDcuOTI2LTMuNTU4IDcuOTMtNy45M0E3LjkgNy45IDAgMCAwIDEzLjYgMi4zMjZ6TTcuOTk0IDE0LjUyMWE2LjYgNi42IDAgMCAxLTMuMzU2LS45MmwtLjI0LS4xNDQtMi40OTQuNjU0LjY2Ni0yLjQzMy0uMTU2LS4yNTFhNi41NiA2LjU2IDAgMCAxLTEuMDA3LTMuNTA1YzAtMy42MjYgMi45NTctNi41ODQgNi41OTEtNi41ODRhNi41NiA2LjU2IDAgMCAxIDQuNjYgMS45MzEgNi41NiA2LjU2IDAgMCAxIDEuOTI4IDQuNjZjLS4wMDQgMy42MzktMi45NjEgNi41OTItNi41OTIgNi41OTJtMy42MTUtNC45MzRjLS4xOTctLjA5OS0xLjE3LS41NzgtMS4zNTMtLjY0Ni0uMTgyLS4wNjUtLjMxNS0uMDk5LS40NDUuMDk5LS4xMzMuMTk3LS41MTMuNjQ2LS42MjcuNzc1LS4xMTQuMTMzLS4yMzIuMTQ4LS40My4wNS0uMTk3LS4xLS44MzYtLjMwOC0xLjU5Mi0uOTg1LS41OS0uNTI1LS45ODUtMS4xNzUtMS4xMDMtMS4zNzItLjExNC0uMTk4LS4wMTEtLjMwNC4wODgtLjQwMy4wODctLjA4OC4xOTctLjIzMi4yOTYtLjM0Ni4xLS4xMTQuMTMzLS4xOTguMTk4LS4zMy4wNjUtLjEzNC4wMzQtLjI0OC0uMDE1LS4zNDctLjA1LS4wOTktLjQ0NS0xLjA3Ni0uNjEyLTEuNDctLjE2LS4zODktLjMyMy0uMzM1LS40NDUtLjM0LS4xMTQtLjAwNy0uMjQ3LS4wMDctLjM4LS4wMDdhLjczLjczIDAgMCAwLS41MjkuMjQ3Yy0uMTgyLjE5OC0uNjkxLjY3Ny0uNjkxIDEuNjU0cy43MSAxLjkxNi44MSAyLjA0OWMuMDk4LjEzMyAxLjM5NCAyLjEzMiAzLjM4MyAyLjk5Mi40Ny4yMDUuODQuMzI2IDEuMTI5LjQxOC40NzUuMTUyLjkwNC4xMjkgMS4yNDYuMDguMzgtLjA1OCAxLjE3MS0uNDggMS4zMzgtLjk0My4xNjQtLjQ2NC4xNjQtLjg2LjExNC0uOTQzLS4wNDktLjA4NC0uMTgyLS4xMzMtLjM4LS4yMzIiLz4KPC9zdmc+);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2hhdHNhcHAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMTMuNjAxIDIuMzI2QTcuODUgNy44NSAwIDAgMCA3Ljk5NCAwQzMuNjI3IDAgLjA2OCAzLjU1OC4wNjQgNy45MjZjMCAxLjM5OS4zNjYgMi43NiAxLjA1NyAzLjk2NUwwIDE2bDQuMjA0LTEuMTAyYTcuOSA3LjkgMCAwIDAgMy43OS45NjVoLjAwNGM0LjM2OCAwIDcuOTI2LTMuNTU4IDcuOTMtNy45M0E3LjkgNy45IDAgMCAwIDEzLjYgMi4zMjZ6TTcuOTk0IDE0LjUyMWE2LjYgNi42IDAgMCAxLTMuMzU2LS45MmwtLjI0LS4xNDQtMi40OTQuNjU0LjY2Ni0yLjQzMy0uMTU2LS4yNTFhNi41NiA2LjU2IDAgMCAxLTEuMDA3LTMuNTA1YzAtMy42MjYgMi45NTctNi41ODQgNi41OTEtNi41ODRhNi41NiA2LjU2IDAgMCAxIDQuNjYgMS45MzEgNi41NiA2LjU2IDAgMCAxIDEuOTI4IDQuNjZjLS4wMDQgMy42MzktMi45NjEgNi41OTItNi41OTIgNi41OTJtMy42MTUtNC45MzRjLS4xOTctLjA5OS0xLjE3LS41NzgtMS4zNTMtLjY0Ni0uMTgyLS4wNjUtLjMxNS0uMDk5LS40NDUuMDk5LS4xMzMuMTk3LS41MTMuNjQ2LS42MjcuNzc1LS4xMTQuMTMzLS4yMzIuMTQ4LS40My4wNS0uMTk3LS4xLS44MzYtLjMwOC0xLjU5Mi0uOTg1LS41OS0uNTI1LS45ODUtMS4xNzUtMS4xMDMtMS4zNzItLjExNC0uMTk4LS4wMTEtLjMwNC4wODgtLjQwMy4wODctLjA4OC4xOTctLjIzMi4yOTYtLjM0Ni4xLS4xMTQuMTMzLS4xOTguMTk4LS4zMy4wNjUtLjEzNC4wMzQtLjI0OC0uMDE1LS4zNDctLjA1LS4wOTktLjQ0NS0xLjA3Ni0uNjEyLTEuNDctLjE2LS4zODktLjMyMy0uMzM1LS40NDUtLjM0LS4xMTQtLjAwNy0uMjQ3LS4wMDctLjM4LS4wMDdhLjczLjczIDAgMCAwLS41MjkuMjQ3Yy0uMTgyLjE5OC0uNjkxLjY3Ny0uNjkxIDEuNjU0cy43MSAxLjkxNi44MSAyLjA0OWMuMDk4LjEzMyAxLjM5NCAyLjEzMiAzLjM4MyAyLjk5Mi40Ny4yMDUuODQuMzI2IDEuMTI5LjQxOC40NzUuMTUyLjkwNC4xMjkgMS4yNDYuMDguMzgtLjA1OCAxLjE3MS0uNDggMS4zMzgtLjk0My4xNjQtLjQ2NC4xNjQtLjg2LjExNC0uOTQzLS4wNDktLjA4NC0uMTgyLS4xMzMtLjM4LS4yMzIiLz4KPC9zdmc+);
}
.tattoo-share ul li.mail::before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZW52ZWxvcGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMCA0YTIgMiAwIDAgMSAyLTJoMTJhMiAyIDAgMCAxIDIgMnY4YTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem0yLTFhMSAxIDAgMCAwLTEgMXYuMjE3bDcgNC4yIDctNC4yVjRhMSAxIDAgMCAwLTEtMXptMTMgMi4zODMtNC43MDggMi44MjVMMTUgMTEuMTA1em0tLjAzNCA2Ljg3Ni01LjY0LTMuNDcxTDggOS41ODNsLTEuMzI2LS43OTUtNS42NCAzLjQ3QTEgMSAwIDAgMCAyIDEzaDEyYTEgMSAwIDAgMCAuOTY2LS43NDFNMSAxMS4xMDVsNC43MDgtMi44OTdMMSA1LjM4M3oiLz4KPC9zdmc+);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZW52ZWxvcGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJNMCA0YTIgMiAwIDAgMSAyLTJoMTJhMiAyIDAgMCAxIDIgMnY4YTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem0yLTFhMSAxIDAgMCAwLTEgMXYuMjE3bDcgNC4yIDctNC4yVjRhMSAxIDAgMCAwLTEtMXptMTMgMi4zODMtNC43MDggMi44MjVMMTUgMTEuMTA1em0tLjAzNCA2Ljg3Ni01LjY0LTMuNDcxTDggOS41ODNsLTEuMzI2LS43OTUtNS42NCAzLjQ3QTEgMSAwIDAgMCAyIDEzaDEyYTEgMSAwIDAgMCAuOTY2LS43NDFNMSAxMS4xMDVsNC43MDgtMi44OTdMMSA1LjM4M3oiLz4KPC9zdmc+);
}

@media (max-width: 767px) {
  .tattoo-share {
    position: fixed;
    z-index: 99;
    right: 15px;
    bottom: 15px;
  }
  .tattoo-share ul {
    top: auto;
    right: -4px;
    bottom: 55px;
    transform: translateY(0);
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .img-warum-tattoo-vorlagen .stars svg {
    right: 0 !important;
  }
}
@media (min-width: 1500px) {
  .img-warum-tattoo-vorlagen .stars svg {
    right: -80px !important;
  }
}
@media (min-width: 1024px) {
  .img-warum-tattoo-vorlagen .stars2 svg {
    left: 0 !important;
  }
}
@media (min-width: 1500px) {
  .img-warum-tattoo-vorlagen .stars2 svg {
    left: -90px !important;
  }
}

.breadcrumb {
  margin-bottom: 0px !important;
  max-width: 2000px;
  padding-inline: 24px;
  margin-inline: auto;
}
.breadcrumb nav.rank-math-breadcrumb {
  padding-block: 24px;
  max-width: 1280px;
  margin-inline: auto;
}
.breadcrumb nav.rank-math-breadcrumb p > * {
  color: var(--tattoo-light-brand-text) !important;
  opacity: 1;
}
.breadcrumb nav.rank-math-breadcrumb p > *.separator {
  background-image: url("data:image/svg+xml,%3csvg width=%276%27 height=%2710%27 viewBox=%270 0 6 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M0.75 8.75L4.75 4.75L0.75 0.75%27 stroke=%27%23101620%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
  transform: none !important;
}
.breadcrumb nav.rank-math-breadcrumb p > *.last {
  font-weight: 500;
}

body.tattoo-theme-dark nav.rank-math-breadcrumb p > *.separator {
  background-image: url("data:image/svg+xml,%3csvg width=%276%27 height=%2710%27 viewBox=%270 0 6 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M0.75 8.75L4.75 4.75L0.75 0.75%27 stroke=%27%23FEFEFD%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
}

.tattoo_search_form_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  background: var(--tattoo-light-brand-surface-1);
  padding-block: 40px;
  padding-inline: 24px;
}
.tattoo_search_form_wrapper h3 {
  margin-bottom: 0px;
  max-width: 1280px;
  margin-inline: auto;
  margin-bottom: 16px;
}
.tattoo_search_form_wrapper .tattoo_search_form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1280px;
  margin-inline: auto;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 800px) {
  .tattoo_search_form_wrapper .tattoo_search_form > div:first-child {
    flex-direction: row;
  }
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container {
  width: 100% !important;
}
@media (min-width: 800px) {
  .tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container {
    width: 33.33% !important;
  }
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container .select2-selection--single {
  height: 38px;
  display: flex;
  align-items: center;
  border: 1px solid #d5d3d1;
  border-radius: 4px;
  background: var(--tattoo-light-brand-surface-4);
  padding: 2px 10px;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--tattoo-light-brand-text);
  font-size: 14px;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container .select2-selection--single .select2-selection__arrow {
  right: 8px;
  top: 6px;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container .select2-selection--single .select2-selection__placeholder {
  color: var(--tattoo-light-brand-text);
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container .selection .select2-selection {
  position: relative;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container .selection .select2-selection button {
  height: auto;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container .selection .select2-selection button span {
  color: var(--tattoo-light-brand-text);
}
.tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media (min-width: 800px) {
  .tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) {
    flex-direction: row;
  }
}
.tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) input[type=text] {
  flex: 1;
  height: 40px;
  border: 1px solid #d5d3d1;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 14px;
  width: 100%;
  background-color: var(--tattoo-light-brand-surface-4);
}
.tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) input[type=text]::-moz-placeholder {
  color: #8E8E95;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) input[type=text]::placeholder {
  color: #8E8E95;
}
.tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) button {
  height: 40px;
  background: #d95b25;
  border: none;
  padding: 0 22px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: var(--tattoo-light-brand-surface-4);
}
.tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) button::before {
  content: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3e%3cpath d=%27M21.7094 20.2904L17.9994 16.6104C19.4395 14.8148 20.1369 12.5357 19.9482 10.2417C19.7595 7.94769 18.6991 5.81318 16.9849 4.27704C15.2708 2.7409 13.0332 1.9199 10.7323 1.98286C8.43145 2.04582 6.24214 2.98795 4.61456 4.61553C2.98698 6.24311 2.04485 8.43243 1.98189 10.7333C1.91893 13.0342 2.73992 15.2718 4.27606 16.9859C5.8122 18.7001 7.94672 19.7605 10.2407 19.9492C12.5347 20.1379 14.8138 19.4405 16.6094 18.0004L20.2894 21.6804C20.3824 21.7741 20.493 21.8485 20.6148 21.8993C20.7367 21.9501 20.8674 21.9762 20.9994 21.9762C21.1314 21.9762 21.2621 21.9501 21.384 21.8993C21.5059 21.8485 21.6165 21.7741 21.7094 21.6804C21.8897 21.4939 21.9904 21.2447 21.9904 20.9854C21.9904 20.7261 21.8897 20.4769 21.7094 20.2904ZM10.9994 18.0004C9.61495 18.0004 8.26157 17.5899 7.11042 16.8207C5.95928 16.0515 5.06207 14.9583 4.53226 13.6792C4.00245 12.4001 3.86382 10.9926 4.13392 9.63476C4.40402 8.27689 5.0707 7.02961 6.04967 6.05065C7.02864 5.07168 8.27592 4.40499 9.63378 4.1349C10.9917 3.8648 12.3991 4.00342 13.6782 4.53324C14.9573 5.06305 16.0505 5.96026 16.8197 7.1114C17.5889 8.26255 17.9994 9.61592 17.9994 11.0004C17.9994 12.8569 17.2619 14.6374 15.9492 15.9501C14.6364 17.2629 12.8559 18.0004 10.9994 18.0004Z%27 fill=%27white%27/%3e%3c/svg%3e");
}
.tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) button:hover {
  background: #c54f1f;
}
.tattoo_search_form_wrapper .tattoo_search_form .tattoo_search_reset {
  font-size: 14px;
  color: var(--tattoo-light-brand-text);
  cursor: pointer;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-top: 12px;
}
.tattoo_search_form_wrapper .tattoo_search_form .tattoo_search_reset::before {
  content: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3e%3cg clip-path=%27url%28%23clip0_2127_4735%29%27%3e%3cpath d=%27M15.8327 5V16.6667C15.8327 17.1087 15.6571 17.5326 15.3445 17.8452C15.032 18.1577 14.608 18.3333 14.166 18.3333H5.83268C5.39065 18.3333 4.96673 18.1577 4.65417 17.8452C4.34161 17.5326 4.16602 17.1087 4.16602 16.6667V5%27 stroke=%27%23101620%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M2.5 5H17.5%27 stroke=%27%23101620%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M6.66602 5.00033V3.33366C6.66602 2.89163 6.84161 2.46771 7.15417 2.15515C7.46673 1.84259 7.89065 1.66699 8.33268 1.66699H11.666C12.108 1.66699 12.532 1.84259 12.8445 2.15515C13.1571 2.46771 13.3327 2.89163 13.3327 3.33366V5.00033%27 stroke=%27%23101620%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/g%3e%3cdefs%3e%3cclipPath id=%27clip0_2127_4735%27%3e%3crect width=%2720%27 height=%2720%27 fill=%27white%27/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.tattoo_search_form_wrapper .tattoo_search_form .tattoo_search_reset:hover {
  text-decoration: underline;
}
.select2-dropdown {
  top: 5px;
  background-color: #FFF !important;
  border-radius: 4px;
  border: 1px solid #B4B4BA !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
@media (min-width: 950px) {
  .select2-dropdown {
    top: 40px;
  }
}
.select2-dropdown .select2-search {
  background-color: #FFF !important;
  border: none !important;
  border-radius: 4px;
  position: relative;
}
.select2-dropdown .select2-search::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  max-width: 100%;
  height: 1px;
  background-color: #B4B4BA;
}
.select2-dropdown .select2-search input {
  background-color: #FFF !important;
  border: none !important;
}
.select2-dropdown .select2-results ul.select2-results__options li {
  color: var(--tattoo-light-brand-text);
}
.select2-dropdown .select2-results ul.select2-results__options li[aria-selected=true] {
  background-color: #FAF7F4;
}

.filter-home #vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper {
  margin-bottom: 0px;
}
.filter-home #vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper .tattoo_search_form > div:first-child {
  flex-direction: column;
}
.filter-home #vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container {
  width: 100% !important;
  position: relative;
}
.filter-home #vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container:first-of-type::before {
  content: "Stil";
}
.filter-home #vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container:nth-of-type(2)::before {
  content: "Größe";
}
.filter-home #vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper .tattoo_search_form > div:first-child .select2-container:nth-of-type(3)::before {
  content: "Farbe";
}
.filter-home #vorlagen-posts-load-more-wrapper .tattoo_search_form_wrapper .tattoo_search_form > div:nth-child(2) input {
  display: none;
}

body.tattoo-theme-dark .tattoo_search_form_wrapper .tattoo_search_reset::before {
  content: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3e%3cg clip-path=%27url%28%23clip0_2176_18673%29%27%3e%3cpath d=%27M15.8327 5V16.6667C15.8327 17.1087 15.6571 17.5326 15.3445 17.8452C15.032 18.1577 14.608 18.3333 14.166 18.3333H5.83268C5.39065 18.3333 4.96673 18.1577 4.65417 17.8452C4.34161 17.5326 4.16602 17.1087 4.16602 16.6667V5%27 stroke=%27%23FEFEFD%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M2.5 5H17.5%27 stroke=%27%23FEFEFD%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M6.66602 5.0013V3.33464C6.66602 2.89261 6.84161 2.46868 7.15417 2.15612C7.46673 1.84356 7.89065 1.66797 8.33268 1.66797H11.666C12.108 1.66797 12.532 1.84356 12.8445 2.15612C13.1571 2.46868 13.3327 2.89261 13.3327 3.33464V5.0013%27 stroke=%27%23FEFEFD%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/g%3e%3cdefs%3e%3cclipPath id=%27clip0_2176_18673%27%3e%3crect width=%2720%27 height=%2720%27 fill=%27white%27/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
body.tattoo-theme-dark .tattoo_search_form_wrapper button[aria-label]::before, body.tattoo-theme-dark .tattoo_search_form_wrapper button[aria-label]::before {
  content: url("data:image/svg+xml,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M21.7094 20.2914L17.9994 16.6114C19.4395 14.8158 20.1369 12.5367 19.9482 10.2427C19.7595 7.94867 18.6991 5.81415 16.9849 4.27801C15.2708 2.74188 13.0332 1.92088 10.7323 1.98384C8.43145 2.0468 6.24214 2.98893 4.61456 4.61651C2.98698 6.24409 2.04485 8.43341 1.98189 10.7343C1.91893 13.0352 2.73992 15.2727 4.27606 16.9869C5.8122 18.701 7.94672 19.7615 10.2407 19.9502C12.5347 20.1389 14.8138 19.4415 16.6094 18.0014L20.2894 21.6814C20.3824 21.7751 20.493 21.8495 20.6148 21.9003C20.7367 21.951 20.8674 21.9772 20.9994 21.9772C21.1314 21.9772 21.2621 21.951 21.384 21.9003C21.5059 21.8495 21.6165 21.7751 21.7094 21.6814C21.8897 21.4949 21.9904 21.2457 21.9904 20.9864C21.9904 20.727 21.8897 20.4778 21.7094 20.2914ZM10.9994 18.0014C9.61495 18.0014 8.26157 17.5908 7.11042 16.8217C5.95928 16.0525 5.06207 14.9592 4.53226 13.6802C4.00245 12.4011 3.86382 10.9936 4.13392 9.63574C4.40402 8.27787 5.0707 7.03059 6.04967 6.05162C7.02864 5.07265 8.27592 4.40597 9.63378 4.13587C10.9917 3.86578 12.3991 4.0044 13.6782 4.53421C14.9573 5.06403 16.0505 5.96123 16.8197 7.11238C17.5889 8.26352 17.9994 9.6169 17.9994 11.0014C17.9994 12.8579 17.2619 14.6384 15.9492 15.9511C14.6364 17.2639 12.8559 18.0014 10.9994 18.0014Z%27 fill=%27%23272C35%27/%3e%3c/svg%3e");
}
body.tattoo-theme-dark .select2-dropdown {
  background-color: #262C35 !important;
}
body.tattoo-theme-dark .select2-dropdown .select2-results ul.select2-results__options li[aria-selected=true] {
  background-color: #fff !important;
  color: #000;
}
body.tattoo-theme-dark .select2-dropdown .select2-search {
  background-color: #262C35 !important;
}
body.tattoo-theme-dark .select2-dropdown .select2-search input {
  background-color: #262C35 !important;
}

.tattoo-post-tags-wrapper h2 {
  font-size: 25px;
  font-weight: 400;
}
.tattoo-post-tags-wrapper .tattoo-post-tags {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tattoo-post-tags-wrapper .tattoo-post-tags .tattoo-tag {
  border-radius: 4px;
  background: var(--tattoo-light-brand-surface-1);
  padding: 8px 16px;
  color: var(--tattoo-light-brand-text);
}
.tattoo-post-tags-wrapper .tattoo-post-tags .tattoo-tag:hover {
  background: var(--tattoo-light-brand-surface-2);
}

html body header.site-header {
  margin: 0px;
  background-color: var(--tattoo-light-page-background);
  padding-inline: 24px;
  max-width: 2000px;
  margin-inline: auto;
  border-bottom: 1px solid #71717A;
}
html body header.site-header div.inside-header.grid-container {
  display: grid !important;
  grid-template-areas: "logo switcher menu" "search search search";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  width: 100%;
  row-gap: 10px;
  background-color: transparent;
  padding-inline: 0px;
  padding-block: 20px;
  border-radius: 0;
}
@media (min-width: 1020px) {
  html body header.site-header div.inside-header.grid-container {
    grid-template-areas: "logo menu search switcher";
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 0px;
  }
}
html body header.site-header div.inside-header.grid-container .tattoo-theme-mode {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: switcher;
}
@media (min-width: 1020px) {
  html body header.site-header div.inside-header.grid-container .tattoo-theme-mode {
    margin-left: 150px;
  }
}
html body header.site-header div.inside-header.grid-container .search-form {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  width: 100%;
  order: 1;
  grid-area: search;
}
html body header.site-header div.inside-header.grid-container .search-form .wp-block-search {
  margin-bottom: 0;
}
html body header.site-header div.inside-header.grid-container .search-form .wp-block-search .wp-block-search__inside-wrapper input.wp-block-search__input {
  min-width: auto;
}
@media (max-width: 1020px) {
  html body header.site-header div.inside-header.grid-container .search-form .wp-block-search .wp-block-search__inside-wrapper input.wp-block-search__input {
    display: block !important;
  }
}
html body header.site-header div.inside-header.grid-container .site-logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  width: auto;
  grid-area: logo;
  display: flex;
  align-items: center;
}
html body header.site-header div.inside-header.grid-container .site-logo a img {
  height: 57px;
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  grid-area: menu;
  justify-content: flex-end;
}
@media (min-width: 1020px){
  html body header.site-header div.inside-header.grid-container .tattoo-theme-mode {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  html body header.site-header div.inside-header.grid-container .search-form {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
  }
  html body header.site-header div.inside-header.grid-container .site-logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (min-width: 1020px) {
  html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1020px) {
  html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link {
    order: 1;
    display: flex;
    -moz-column-gap: 8px;
         column-gap: 8px;
    width: auto;
  }
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link svg, html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link svg path {
  fill: none;
  stroke: var(--tattoo-light-brand-text);
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link .bookmark-counter {
  position: absolute;
  flex-shrink: 0;
  right: -2px;
  bottom: 0;
  width: 20px;
  height: 20px;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #026E38;
  color: #fff;
  font-size: 12px;
  font-style: normal;
}
@media (min-width: 1020px) {
  html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link .bookmark-counter {
    position: unset;
    background-color: var(--tattoo-light-primary);
    order: 1;
  }
}
@media (max-width: 1020px) {
  html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link span.title {
    display: none;
  }
}
@media (min-width: 1020px) {
  html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link span.title {
    color: var(--tattoo-light-brand-text);
  }
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link.added-fav svg, html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link.added-fav svg path {
  fill: var(--tattoo-light-primary);
  stroke: var(--tattoo-light-primary);
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link.added-fav .bookmark-counter {
  display: flex;
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper .bookmarks-link:hover svg path {
  stroke: var(--tattoo-light-primary);
}
html body header.site-header div.inside-header.grid-container .tattoo-menu-wrapper #toggle-mobile-menu {
  color: var(--tattoo-light-brand-text);
}

@media (min-width: 1021px) {
  #toggle-mobile-menu {
    display: none;
  }
}

html body nav#primary-menu.main-nav {
  border-radius: 0px !important;
  background-color: var(--tattoo-light-page-background) !important;
  left: 0px !important;
  top: 100% !important;
}
@media (max-width: 1020px) {
  html body nav#primary-menu.main-nav {
    width: 100% !important;
  }
}
html body nav#primary-menu.main-nav ul#menu-primary {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  width: 100%;
}
html body nav#primary-menu.main-nav ul#menu-primary li {
  justify-items: center;
}
html body nav#primary-menu.main-nav ul#menu-primary li a {
  display: block;
  border-radius: 4px;
  background-color: transparent;
  border: 1.5px solid transparent;
  color: var(--tattoo-light-brand-text);
  line-height: 100%;
  font-weight: 500;
  transition: all 0.3s ease;
}
@media (min-width: 1020px) {
  html body nav#primary-menu.main-nav ul#menu-primary li a {
    padding: 16px 16px;
  }
}
html body nav#primary-menu.main-nav ul#menu-primary li.current-menu-item a,
html body nav#primary-menu.main-nav ul#menu-primary li a:hover {
  font-weight: 700;
}
@media (min-width: 1020px) {
  html body nav#primary-menu.main-nav ul#menu-primary li.current-menu-item a,
  html body nav#primary-menu.main-nav ul#menu-primary li a:hover {
    border-color: var(--tattoo-light-primary);
  }
}

html body nav#primary-menu.main-nav ul li a {
  background-color: #000;
  border-radius: 12px;
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;
  border: 2px solid #000;
  transition: background-color 0.3s ease, color 0.3s ease-in-out;
}
html body nav#primary-menu.main-nav ul li:hover a, html body nav#primary-menu.main-nav ul li.current-menu-item a {
  background-color: #fff;
  color: #000;
}

html body .site-footer > div {
  max-width: 2000px;
  margin-inline: auto;
  background-image: none;
  padding-inline: 24px;
}
html body .site-footer > div > div {
  max-width: 1280px;
  margin-inline: auto;
}

.site-footer {
  position: relative;
}
.site-footer .footer-image {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 200px;
}

form.wp-block-search {
  height: 64px;
  background-color: #fff;
  border-radius: 4px;
}
form.wp-block-search .wp-block-search__inside-wrapper {
  height: 100%;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  background-color: transparent;
  border: none;
  padding: 8px;
}
form.wp-block-search .wp-block-search__inside-wrapper input.wp-block-search__input {
  border-radius: 4px;
  padding: 8px 16px;
  align-items: center;
  flex: 1 0 0;
  width: 100%;
  height: 100%;
  min-width: auto;
  color: var(--tattoo-dark-white);
}
form.wp-block-search .wp-block-search__inside-wrapper input.wp-block-search__input::-moz-placeholder {
  font-size: 16px;
}
form.wp-block-search .wp-block-search__inside-wrapper input.wp-block-search__input::placeholder {
  font-size: 16px;
}
form.wp-block-search .wp-block-search__inside-wrapper input.wp-block-search__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background: url("data:image/svg+xml,%3csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M15 5L5 15%27 stroke=%27%23E4E4E7%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M5 5L15 15%27 stroke=%27%23E4E4E7%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
  background-size: contain;
  opacity: 1;
  cursor: pointer;
}
form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button {
  background-color: var(--brand-primary);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 14px 0 rgba(35, 31, 32, 0.1);
  margin-left: 0px;
  gap: 8px;
  color: var(--tattoo-light-white);
}
@media (min-width: 768px) {
  form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button {
    padding: 14px 32px;
  }
}
@media (max-width: 768px) {
  form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button {
    font-size: 0;
    gap: 0;
    width: 48px;
  }
}
form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
  background-color: var(--brand-primary-hover);
}
form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button::before {
  content: url("data:image/svg+xml,%3csvg width=%2721%27 height=%2720%27 viewBox=%270 0 21 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M19.7309 18.3109L16.0209 14.6309C17.461 12.8353 18.1584 10.5562 17.9697 8.2622C17.781 5.9682 16.7206 3.83368 15.0064 2.29754C13.2923 0.761407 11.0547 -0.0595894 8.75382 0.00337096C6.45294 0.0663314 4.26362 1.00846 2.63604 2.63604C1.00846 4.26362 0.0663314 6.45294 0.00337096 8.75382C-0.0595894 11.0547 0.761407 13.2923 2.29754 15.0064C3.83368 16.7206 5.9682 17.781 8.2622 17.9697C10.5562 18.1584 12.8353 17.461 14.6309 16.0209L18.3109 19.7009C18.4039 19.7946 18.5145 19.869 18.6363 19.9198C18.7582 19.9706 18.8889 19.9967 19.0209 19.9967C19.1529 19.9967 19.2836 19.9706 19.4055 19.9198C19.5273 19.869 19.6379 19.7946 19.7309 19.7009C19.9111 19.5144 20.0119 19.2652 20.0119 19.0059C20.0119 18.7466 19.9111 18.4974 19.7309 18.3109ZM9.0209 16.0209C7.63643 16.0209 6.28305 15.6104 5.13191 14.8412C3.98076 14.072 3.08356 12.9788 2.55374 11.6997C2.02393 10.4206 1.88531 9.01314 2.1554 7.65527C2.4255 6.2974 3.09219 5.05012 4.07115 4.07115C5.05012 3.09219 6.2974 2.4255 7.65527 2.1554C9.01314 1.88531 10.4206 2.02393 11.6997 2.55374C12.9788 3.08356 14.072 3.98076 14.8412 5.13191C15.6104 6.28305 16.0209 7.63643 16.0209 9.0209C16.0209 10.8774 15.2834 12.6579 13.9706 13.9706C12.6579 15.2834 10.8774 16.0209 9.0209 16.0209Z%27 fill=%27white%27/%3e%3c/svg%3e");
  height: 21px;
}
form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button svg {
  fill: var(--tattoo-light-white);
}
form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button svg.close-icon path {
  stroke: var(--tattoo-light-white);
}

header form.wp-block-search {
  background-color: transparent;
  height: 48px;
}
header form.wp-block-search .wp-block-search__inside-wrapper {
  background-color: transparent;
  padding: 0px;
}
header form.wp-block-search .wp-block-search__inside-wrapper input.wp-block-search__input {
  display: none;
  border: 1px solid var(--tattoo-dark-white);
}
header form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button {
  width: 48px;
  padding: 0px;
}
header form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button::before {
  display: none;
}

body.tattoo-theme-dark form.wp-block-search {
  background-color: #272C35;
  border: 1px solid #B4B4BA;
}
body.tattoo-theme-dark form.wp-block-search .wp-block-search__inside-wrapper button.wp-block-search__button::before {
  content: url("data:image/svg+xml,%3csvg width=%2721%27 height=%2720%27 viewBox=%270 0 21 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M19.7309 18.3109L16.0209 14.6309C17.461 12.8353 18.1584 10.5562 17.9697 8.2622C17.781 5.9682 16.7206 3.83368 15.0064 2.29754C13.2923 0.761407 11.0547 -0.0595894 8.75382 0.00337096C6.45294 0.0663314 4.26362 1.00846 2.63604 2.63604C1.00846 4.26362 0.0663314 6.45294 0.00337096 8.75382C-0.0595894 11.0547 0.761407 13.2923 2.29754 15.0064C3.83368 16.7206 5.9682 17.781 8.2622 17.9697C10.5562 18.1584 12.8353 17.461 14.6309 16.0209L18.3109 19.7009C18.4039 19.7946 18.5145 19.869 18.6363 19.9198C18.7582 19.9706 18.8889 19.9967 19.0209 19.9967C19.1529 19.9967 19.2836 19.9706 19.4055 19.9198C19.5273 19.869 19.6379 19.7946 19.7309 19.7009C19.9111 19.5144 20.0119 19.2652 20.0119 19.0059C20.0119 18.7466 19.9111 18.4974 19.7309 18.3109ZM9.0209 16.0209C7.63643 16.0209 6.28305 15.6104 5.13191 14.8412C3.98076 14.072 3.08356 12.9788 2.55374 11.6997C2.02393 10.4206 1.88531 9.01314 2.1554 7.65527C2.4255 6.2974 3.09219 5.05012 4.07115 4.07115C5.05012 3.09219 6.2974 2.4255 7.65527 2.1554C9.01314 1.88531 10.4206 2.02393 11.6997 2.55374C12.9788 3.08356 14.072 3.98076 14.8412 5.13191C15.6104 6.28305 16.0209 7.63643 16.0209 9.0209C16.0209 10.8774 15.2834 12.6579 13.9706 13.9706C12.6579 15.2834 10.8774 16.0209 9.0209 16.0209Z%27 fill=%27%23272C35%27/%3e%3c/svg%3e");
}
body.tattoo-theme-dark form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  background-color: #272C35;
  color: #fff;
  border: none;
}
body.tattoo-theme-dark header form.wp-block-search {
  border: none;
  background-color: transparent;
}

@media (max-width: 768px) {
  body.tattoo-theme-dark .page-hero {
    background-color: transparent !important;
  }
}

.is-style-btn-primary[class^=gb-text] {
  display: flex;
  padding: 11px 32px;
  justify-content: center;
  align-items: center;
  background-color: var(--brand-primary);
  color: var(--tattoo-light-white);
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease;
}
.is-style-btn-primary[class^=gb-text]:hover {
  background-color: var(--brand-primary-hover);
  color: var(--tattoo-light-white);
}

.is-style-btn-more[class^=gb-text] {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  background-color: transparent;
  color: var(--tattoo-light-brand-text);
  border: 1px solid var(--tattoo-light-brand-text);
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease;
}
.is-style-btn-more[class^=gb-text]:hover {
  background-color: var(--tattoo-light-brand-surface-2);
  color: var(--tattoo-light-brand-text);
}

.remodal-wrapper .remodal {
  background-color: var(--tattoo-light-brand-surface-1) !important;
  padding: 40px 20px !important;
}
@media (min-width: 600px) {
  .remodal-wrapper .remodal {
    padding: 40px !important;
  }
}
.remodal-wrapper .remodal .remodal-header::before {
  background-color: var(--tattoo-light-brand-text) !important;
  border-radius: 12px !important;
}
.remodal-wrapper .remodal .remodal-header > p {
  font-size: 32px;
  font-family: "Oswald";
  letter-spacing: 0.32px;
  font-weight: 500;
  color: var(--tattoo-light-brand-text);
}
.remodal-wrapper .remodal .remodal-header svg {
  fill: var(--tattoo-light-brand-text) !important;
}
.remodal-wrapper .remodal .remodal-content .remodal-benefits-wrapper .remodal-benefits {
  color: var(--tattoo-light-brand-text);
  width: 100%;
  flex-grow: 1;
}
.remodal-wrapper .remodal .remodal-content .remodal-benefits-wrapper .remodal-benefits .remodal-benefits-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 0;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 8px;
  list-style-type: none;
  justify-content: center;
}
.remodal-wrapper .remodal .remodal-content .remodal-benefits-wrapper .remodal-benefits .remodal-benefits-list li {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px !important;
       column-gap: 4px !important;
  font-size: 13px;
  flex-direction: row !important;
}
.remodal-wrapper .remodal .remodal-content .remodal-benefits-wrapper .remodal-benefits .remodal-benefits-list li::before {
  content: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cg clip-path=%27url%28%23clip0_2132_4880%29%27%3e%3cpath d=%27M8.00065 14.6663C11.6825 14.6663 14.6673 11.6816 14.6673 7.99967C14.6673 4.31778 11.6825 1.33301 8.00065 1.33301C4.31875 1.33301 1.33398 4.31778 1.33398 7.99967C1.33398 11.6816 4.31875 14.6663 8.00065 14.6663Z%27 stroke=%27%23DA5E2D%27 stroke-width=%271.33333%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3cpath d=%27M6 8.00033L7.33333 9.33366L10 6.66699%27 stroke=%27%23DA5E2D%27 stroke-width=%271.33333%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/g%3e%3cdefs%3e%3cclipPath id=%27clip0_2132_4880%27%3e%3crect width=%2716%27 height=%2716%27 fill=%27white%27/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") !important;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}
.remodal-wrapper .remodal .remodal-content .remodal-benefits-wrapper .remodal-benefits-img {
  display: none !important;
}
.remodal-wrapper .remodal .remodal-content .remodal-buttons {
  justify-content: center;
}
.remodal-wrapper .remodal .remodal-content .remodal-buttons button {
  background-color: var(--brand-primary);
  color: var(--tattoo-light-white);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
}
.remodal-wrapper .remodal .remodal-content .remodal-buttons button:hover {
  background-color: var(--brand-primary-hover);
}
.remodal-wrapper .remodal .remodal-content .remodal-buttons button[disabled] {
  background-color: #71717A;
}
.remodal-wrapper .remodal .remodal-content .remodal-subtitle, .remodal-wrapper .remodal .remodal-content .remodal-message, .remodal-wrapper .remodal .remodal-content .remodal-checkbox {
  color: var(--tattoo-light-brand-text);
}
.remodal-wrapper .remodal .remodal-content .remodal-checkbox label input:checked::after {
  border: solid var(--brand-primary) !important;
  border-width: 0 1px 1px 0 !important;
}
.remodal-wrapper .remodal .remodal-content .remodal-checkbox label span a {
  color: var(--brand-primary);
}

body.tattoo-theme-dark .remodal-wrapper .remodal-header::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27black%27 class=%27bi bi-cloud-download%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383%27/%3E%3Cpath d=%27M7.646 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V5.5a.5.5 0 0 0-1 0v8.793l-2.146-2.147a.5.5 0 0 0-.708.708z%27/%3E%3C/svg%3E");
}

html body {
  overflow-x: hidden;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/select2/dist/css/select2.css ***!
  \***********************************************************************************************************************************************************************************************/
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }


/*# sourceMappingURL=main.css.map*/