/*
Fonts
*/
/*
Colors
*/
/*
Responsive breakpoints
*/
/*
Animations
*/
/*
Misc
*/
:root {
  --font-base-size: 18px;
  --gutter: calc((100vw - 1200px) / 2);
  --gutter-left: calc((100vw - 1200px) / 2);
  --gutter-right: calc((100vw - 1200px) / 2);
  --scrollbarWidth: 0px;
  --viewportWidth: calc(100vw - var(--scrollbarWidth, 0));
  --block-margin: 4rem;
}
@media screen and (max-width: 1324.1379310345px) {
  :root {
    --gutter-left: 4.6875vw;
    --gutter-right: 4.6875vw;
    --gutter: 4.6875vw;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --block-margin: 2.8rem;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --block-margin: 2.4rem;
  }
}

@keyframes loading {
  100% {
    background-position: 0px -570px;
  }
}
@keyframes loop {
  from {
    transform: translate(0%, 0%);
  }
  to {
    transform: translate(-50%, 0%);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*
Author: Joe Tan (joetan54@gmail.com)

Copyright (c) 2018 Joe Tan
THIS CODE MAY NOT BE REDISTRIBUTED WITHOUT EXPLICIT PERMISSION
*/
/*
@mixin icon-char($what) {
    @if map-has-key($icons, $what) {

        content: make-icon(map-get($icons, $what));
    }
    @else {
        content: '???';
    }

}
@mixin icon-font($what) {
    font-family: $font-icon;
    font-weight: normal;
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
    text-transform:none !important;
    @if map-has-key($icons, $what) {
        @include icon-char($what);
    }
}
*/
.wp-block-theme-blocks-customizer {
  --option-icon-width: 4rem;
  --option-icon-height: 4rem;
  z-index: 100;
  padding: calc(var(--block-margin, 4rem) * 1) 0;
  background: linear-gradient(0deg, #44BFEC, #0073C9);
  color: white;
  margin: calc(var(--block-margin, 4rem) * 1) auto;
  /*.block-options {
          grid-area: layers;
          position:absolute;
          left:0;
          top:0;
          width:calc((100% - var(--layer-image-width)) / 2);
          // height:100%;
          display:flex;
          justify-content:end;
          flex-wrap: wrap;
          align-items:center;
          gap:0rem;
          .block-icon {
              position:relative;
              padding:0 .25rem;


          }
      }
  */
  /*
      .block-icon {
          position:relative;
          width:var(--option-icon-width);
          height:var(--option-icon-height);
          opacity:1;
          overflow:hidden;
          transition: var(--animation-transition);
          &:not(.on) {
              opacity:0.5;
              width: 0;
              padding-left:0;
              padding-right:0;
          }
          img {
              position:absolute;
              top:0;
              left:0;
              width:var(--option-icon-width);
              height:var(--option-icon-height);
              object-fit: contain;
              object-position: 50% 50%;
              max-width:none;
          }
      }
  */
}
.wp-block-theme-blocks-customizer h1, .wp-block-theme-blocks-customizer h2, .wp-block-theme-blocks-customizer h3, .wp-block-theme-blocks-customizer h4 {
  color: inherit;
}
.wp-block-theme-blocks-customizer .info-bubble.icon {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  line-height: 1;
  border: 2px solid currentColor;
  border-radius: 50%;
  cursor: help;
  transition: 0.2s ease;
  font-size: 0.6em;
}
.wp-block-theme-blocks-customizer .info-bubble.icon:hover {
  background-color: white;
  color: #20458B;
  border-color: white;
}

.theme-block.wp-block-theme-blocks-customizer {
  --layer-image-width: 640px;
  --filter-open-width: 10rem;
  --filter-background-color: #20458B;
  --filter-color: white;
  --animation-transition: 1s ease-in-out;
  --font-size: clamp(0.778rem, 0.073vw + 0.762rem, 0.833rem);
  padding-left: var(--gutter-left);
  padding-right: var(--gutter-right);
  padding-bottom: calc(var(--block-margin, 4rem) * 1);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr auto auto auto auto auto;
  grid-template-areas: "content content" "layers config" "layers options" "filters filters" "selected selected" "category category" "form form";
  --section-background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1));
  --section-padding: calc(var(--block-margin, 4rem) * 0.5);
  --section-border-radius:1rem;
}
@media screen and (max-width: 1300px) {
  .theme-block.wp-block-theme-blocks-customizer {
    --layer-image-width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .theme-block.wp-block-theme-blocks-customizer {
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "content" "layers" "config" "options" "filters" "selected" "category" "form";
  }
}
.theme-block.wp-block-theme-blocks-customizer h3.toggle-control {
  margin: 0;
  font-size: 1em;
  cursor: pointer;
}
.theme-block.wp-block-theme-blocks-customizer h3.toggle-control:before {
  margin: 0 0.3em 0 0;
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-transform: none;
  content: "\f04b";
  color: #44BFEC;
  transition: 0.2s ease;
}
.theme-block.wp-block-theme-blocks-customizer h3.toggle-control.on {
  margin-bottom: 0.85rem;
}
.theme-block.wp-block-theme-blocks-customizer h3.toggle-control.on:before {
  transform: rotate(90deg);
}
.theme-block.wp-block-theme-blocks-customizer form {
  grid-area: form;
  position: relative;
  z-index: 10001;
  padding: 0 var(--section-padding);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: var(--section-border-radius);
  transition: 0.4s ease-in-out;
  overflow: hidden;
  visibility: hidden;
}
body.cta-on .theme-block.wp-block-theme-blocks-customizer form {
  visibility: visible;
  background: var(--section-background);
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
.theme-block.wp-block-theme-blocks-customizer form .fields {
  display: flex;
  align-items: center;
  gap: 1rem;
  opacity: 0;
  transition: 0.4s ease-in-out;
  position: relative;
  max-height: 0;
}
body.cta-on .theme-block.wp-block-theme-blocks-customizer form .fields {
  opacity: 1;
  max-height: 100vh;
}
.theme-block.wp-block-theme-blocks-customizer form .fields > .input {
  flex-grow: 1;
  width: 100%;
}
.theme-block.wp-block-theme-blocks-customizer form .fields > .input input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 0.5rem;
}
.theme-block.wp-block-theme-blocks-customizer form .fields button {
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .theme-block.wp-block-theme-blocks-customizer form .fields {
    flex-direction: column;
    align-items: start;
  }
}
.theme-block.wp-block-theme-blocks-customizer .block-selected-layers {
  display: none;
  position: relative;
  z-index: 10001;
  grid-area: selected;
  margin: 0 0 1rem;
  font-size: var(--font-size);
  line-height: 1;
  padding: var(--section-padding);
  background: var(--section-background);
  border-radius: var(--section-border-radius);
}
.theme-block.wp-block-theme-blocks-customizer .block-selected-layers h3 {
  margin: 0;
}
.theme-block.wp-block-theme-blocks-customizer .block-selected-layers table {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer .block-selected-layers h3.on + table {
  display: block;
}
.theme-block.wp-block-theme-blocks-customizer .block-selected-layers tr {
  vertical-align: top;
}
.theme-block.wp-block-theme-blocks-customizer .block-selected-layers tr th, .theme-block.wp-block-theme-blocks-customizer .block-selected-layers tr td {
  padding: 0 0 0.5rem;
}
.theme-block.wp-block-theme-blocks-customizer .block-selected-layers tr th {
  padding-right: 0.5rem;
  text-transform: uppercase;
  color: #FFFFB1;
  font-weight: 600;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters {
  position: relative;
  z-index: 50001;
  grid-area: filters;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "filters toggle";
  gap: 1rem;
  margin: calc(var(--block-margin, 4rem) * 0.5) calc(var(--gutter-right) * -1) 0 calc(var(--gutter-left) * -1);
  padding: 0 var(--gutter-right) calc(var(--block-margin, 4rem) * 0.5) var(--gutter-left);
  font-size: clamp(0.778rem, 0.073vw + 0.762rem, 0.833rem);
  font-weight: 400;
}
@media screen and (max-width: 1100px) {
  .theme-block.wp-block-theme-blocks-customizer > .block-filters {
    grid-template-areas: "filters filters" "toggle toggle";
  }
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .button.toggle {
  grid-area: toggle;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .button.toggle .icon {
  margin-right: 0.5em;
  color: var(--icon-color, white);
  transition: 0.2s ease;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .button.toggle.on, .theme-block.wp-block-theme-blocks-customizer > .block-filters .button.toggle:hover {
  --icon-color: currentColor;
  background-color: white;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .button.toggle.on .icon {
  transform: scaleY(-1);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .select.name {
  cursor: pointer;
  transition: 0.2s ease;
  white-space: nowrap;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .select.selected {
  cursor: pointer;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .group.hidden-filter {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .group.disabled,
.theme-block.wp-block-theme-blocks-customizer > .block-filters .filter.disabled {
  opacity: 0.3;
  filter: grayscale(1);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters .group.disabled .name,
.theme-block.wp-block-theme-blocks-customizer > .block-filters .group.disabled .select.selected,
.theme-block.wp-block-theme-blocks-customizer > .block-filters .filter.disabled .name,
.theme-block.wp-block-theme-blocks-customizer > .block-filters .filter.disabled .select.selected {
  cursor: default;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters ul, .theme-block.wp-block-theme-blocks-customizer > .block-filters li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters {
  grid-area: filters;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
}
@media screen and (max-width: 850px) {
  .theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters {
    flex-direction: column;
    gap: 0.5rem;
  }
  .theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li {
    width: 100%;
  }
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li {
  position: relative;
  flex-grow: 0.5;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li:last-child {
  flex-grow: 1;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > strong {
  position: relative;
  display: block;
  padding: 0.5em 0.5em 0.5em 2rem;
  background: #20458B;
  color: white;
  font-weight: 600;
  font-size: 1.2em;
  border-radius: 0.5rem;
  cursor: pointer;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > strong:before {
  position: absolute;
  left: 0.1rem;
  width: 1.9rem;
  text-align: center;
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-transform: none;
  content: "\f0d7";
  color: #44BFEC;
  transition: 0.2s ease;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li.on {
  z-index: 10;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li.on > strong {
  border-radius: 1rem 1rem 0 0;
  border-bottom: 0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li.on > strong:before {
  transform: scaleY(-1);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li.on > ul {
  display: flex;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li:not(.on) > ul {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul {
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  background: #20458B;
  color: white;
  border-radius: 0 0 1rem 1rem;
  row-gap: 0.5em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li {
  position: relative;
  padding: 0 0 0 0.5rem;
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "name name ind" "selected selected selected" "options options options";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > .ind {
  transition: 0.2s ease;
  transform: scaleY(var(--filter-indicator-scaleY, 1));
  color: #FFFFB1;
  cursor: pointer;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > .ind:before {
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-transform: none;
  content: "\f107";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > .name {
  grid-area: name;
  margin-right: 0.15em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > .selected {
  display: flex;
  align-items: start;
  gap: 0.5em;
  grid-area: selected;
  color: #FFFFB1;
  font-weight: 600;
  padding-right: 0.5em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li.on {
  --filter-indicator-scaleY: -1;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li.on > .selected {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li.on > ul {
  display: flex;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li:not(.on) > ul {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul {
  grid-area: options;
  flex-wrap: wrap;
  gap: 0.5em;
  line-height: 1;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-text, .theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-number {
  flex-grow: 1;
  width: calc(50% - 1em);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-text label, .theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-number label {
  display: block;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-text label strong, .theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-number label strong {
  font-size: 0.8em;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  color: #44BFEC;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-text.disabled, .theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.type-number.disabled {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li > .name {
  display: inline-block;
  padding: 0.25em 0.5em;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.2em;
  cursor: pointer;
  transition: 0.2s ease;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li > input.name {
  border: 0;
  width: 100%;
  cursor: text;
  color: white;
  font-size: 0.8rem;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li ::-webkit-input-placeholder {
  color: white;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li :-moz-placeholder {
  color: white;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li ::-moz-placeholder {
  color: white;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li :-ms-input-placeholder {
  color: white;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li:not(.disabled) > .name:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li .info-bubble.icon {
  position: relative;
  margin-right: 0.5em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.selected > .name,
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li > ul > li > ul > li.selected > .name:hover {
  background-color: white;
  color: #20458B;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li li#filter-group-label-size > ul > li.type-number {
  width: auto;
  flex-grow: unset;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li li#filter-group-label-size > ul > li.type-number input[type=number] {
  width: 3em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.category-filters > li li#filter-group-label-size > ul > li.type-number:not(.disabled) + li.type-number:not(.disabled):before {
  content: " x ";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters {
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 0;
  flex-wrap: wrap;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li {
  position: relative;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li > .name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--filter-background-color);
  color: var(--filter-color);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li > .name:hover {
  --filter-background-color: #032950;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > .name:after {
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-transform: none;
  content: "\f107";
  transition: 0.2s ease;
  transform-origin: 50% 50%;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group.on > .name:after {
  transform: scaleY(-1);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0 1rem 1rem 1rem;
  width: 100%;
  min-width: var(--filter-open-width);
  box-sizing: border-box;
  border-radius: 0 0 1rem 1rem;
  background: var(--filter-background-color);
  color: var(--filter-color);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul li > .name {
  display: flex;
  gap: 0.5em;
  align-items: center;
  white-space: nowrap;
  font-size: 0.9em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul li > .name:before {
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-transform: none;
  content: "\f0c8";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul li.selected > .name:before {
  content: "\f14a";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul li.disabled {
  opacity: 0.2;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul li.disabled.selected > .name:before {
  content: "\f0c8";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul.mode-single li > .name:before {
  content: "\f111";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group > ul.mode-single li.selected > .name:before {
  content: "\f058";
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group.on {
  z-index: 10;
  --filter-background-color: white;
  --filter-color: black;
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group.on > .name {
  --filter-background-color: white;
  --filter-color: black;
  border-radius: 1rem 1rem 0 0;
  min-width: var(--filter-open-width);
}
.theme-block.wp-block-theme-blocks-customizer > .block-filters > ul.inline-filters > li.group.on > ul {
  display: block;
}
.theme-block.wp-block-theme-blocks-customizer > .block-content {
  grid-area: content;
}
.theme-block.wp-block-theme-blocks-customizer > .block-layers {
  grid-area: layers;
  position: relative;
  padding: calc(var(--block-margin, 4rem) * 1) 0 calc(var(--block-margin, 4rem) * 1);
}
@media screen and (max-width: 1000px) {
  .theme-block.wp-block-theme-blocks-customizer > .block-layers {
    padding-bottom: calc(var(--block-margin, 4rem) * 3);
  }
}
@media screen and (max-width: 500px) {
  .theme-block.wp-block-theme-blocks-customizer > .block-layers {
    padding-bottom: calc(var(--block-margin, 4rem) * 2);
  }
}
.theme-block.wp-block-theme-blocks-customizer > .block-layers > .wp-block-theme-blocks-customizer-group > .block-group-name {
  height: 1rem;
  visibility: hidden;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options {
  position: relative;
  z-index: 50001;
  grid-area: options;
  display: flex;
  justify-content: end;
  gap: 0.5em;
  padding-bottom: calc(var(--block-margin, 4rem) * 0.5);
  font-size: var(--font-size);
  line-height: 1;
  min-height: 20px;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .toggle-control {
  display: none;
}
@media screen and (max-width: 1000px) {
  .theme-block.wp-block-theme-blocks-customizer > .block-options {
    margin-top: 1rem;
    justify-content: center;
    /*
    > .block-group {
        display:none;
    }
    h3.on ~ .block-group {
        display:block;
    }
    .block-group:not(.has-selected) {
        display:none !important;
    }
        */
  }
}
.theme-block.wp-block-theme-blocks-customizer > .block-options > .block-group {
  display: inline-block;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options > .block-group.hidden-display {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options > .block-group:not(.has-selected) {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options > .block-group .block-group-name {
  display: none;
  margin: 0 0 0.2em;
  text-transform: uppercase;
  color: #FFFFB1;
  font-weight: 600;
  line-height: 1;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options > .block-group .block-group-layers {
  display: flex;
  gap: 0.5em;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer {
  --icon-size: 20px;
  position: relative;
  /*
  .block-name {
      grid-area: name;
      position:absolute;
      display:none;
      top:100%;
      left:50%;
      translate:-50% 8px;
      padding:.5em;
      border-radius:.5em;
      background:$color-dark-blue;
      font-weight: 400;
      text-align:center;
      &:before {
          content:' ';
          display:block;
          position:absolute;
          bottom:100%;
          left:50%;
          width:10px;
          height:5px;
          translate:-50% 0;
          background:$color-dark-blue;
          clip-path:polygon(0% 100%, 50% 0%, 100% 100%);
      }
  }
  &.hover,
  &:hover {
      .block-name {
          display:block;
      }
  }
  */
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer:not(.on) {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer .block-image {
  grid-area: icon;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer .block-image.info-bubble {
  cursor: help;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer .block-image .img,
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer .block-image img {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer .block-image .img {
  scale: 0.5;
  background: currentColor;
  border-radius: 50%;
}
.theme-block.wp-block-theme-blocks-customizer > .block-options .block-layer .block-name {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration {
  grid-area: config;
  position: relative;
  z-index: 10000;
  display: grid;
  grid-template-columns: 20em auto;
  -moz-column-gap: 2em;
       column-gap: 2em;
  grid-template-areas: "count size";
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .theme-block.wp-block-theme-blocks-customizer .block-configuration {
    grid-template-columns: 50% auto;
  }
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration .block-group-layers {
  position: relative;
  height: 100%;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration .block-group-layers .block-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --layer-height:100%;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll {
  grid-area: count;
  height: 100%;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-name {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --core-size-width: 8rem;
  --core-size-border-width: 10px;
  --roll-border-size: 1px;
  --border-radius: 50%;
  --offset-rolls: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selected-core-size-1-5-in.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --core-size-width: 6rem;
}

.selected-core-size-1-in.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --core-size-width: 5rem;
}

.selected-core-size-3-4-in.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --core-size-width: 4rem;
}

.selected-labels-per-roll-scale-2.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --offset-rolls: 10;
}

.selected-labels-per-roll-scale-3.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --offset-rolls: 13;
}

.selected-labels-per-roll-scale-4.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --offset-rolls: 16;
}

.selected-labels-per-roll-scale-5.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --offset-rolls: 19;
}

.selected-labels-per-roll-scale-6.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --offset-rolls: 22;
}

.selected-labels-per-roll-scale-7.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers {
  --offset-rolls: 25;
}

.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer {
  top: 50%;
  height: auto;
  translate: 0% -50%;
  grid-template-areas: "image";
  grid-template-columns: auto;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-name {
  grid-area: none;
  position: absolute;
  top: 0%;
  left: 50%;
  translate: -50% -100%;
  margin-top: calc((var(--core-size-border-width) + var(--offset-rolls, 0) * (var(--roll-border-size) + 2px) + 1px) * -1);
  visibility: visible;
  font-weight: 300;
  text-align: center;
}
.selected-roll-fanfold-fanfold.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-name {
  margin-top: 0;
}

.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-name:before {
  display: inline;
  content: var(--labels-per-roll);
  margin-right: 0.25em;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img {
  position: relative;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: var(--core-size-width);
  height: var(--core-size-width);
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  translate: -50% -50%;
  border: var(--core-size-border-width) solid currentColor;
  border-radius: var(--border-radius, 50%);
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img:after {
  display: block;
  content: var(--core-size, "N/A");
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  padding: 0 0 1em;
  translate: -50% -75%;
  text-align: center;
  font-size: var(--font-size);
  background: url(images/left-right-arrow.svg) no-repeat 50% 100%;
  background-size: 100% auto;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + var(--core-size-border-width) + 2px + var(--i, 0) * (var(--roll-border-size) + 5px));
  height: auto;
  aspect-ratio: 1;
  translate: -50% -50%;
  border: var(--roll-border-size) solid currentColor;
  border-radius: 50%;
  opacity: 0.6;
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll:nth-child(-n+5) {
  display: block;
}
.selected-labels-per-roll-scale-2.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll:nth-child(-n+10) {
  display: block;
}

.selected-labels-per-roll-scale-3.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll:nth-child(-n+13) {
  display: block;
}

.selected-labels-per-roll-scale-4.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll:nth-child(-n+16) {
  display: block;
}

.selected-labels-per-roll-scale-5.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll:nth-child(-n+19) {
  display: block;
}

.selected-labels-per-roll-scale-6.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll:nth-child(-n+22) {
  display: block;
}

.selected-labels-per-roll-scale-7.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll:nth-child(-n+25) {
  display: block;
}

.selected-roll-fanfold-fanfold.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img {
  --core-size-width:20rem;
  height: 0;
}
.selected-roll-fanfold-fanfold.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img:before {
  width: 75%;
  border-radius: 0.25rem;
  border-width: 2px;
  aspect-ratio: 3/2;
}
.selected-roll-fanfold-fanfold.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img:after {
  display: none;
}
.selected-roll-fanfold-fanfold.theme-block.wp-block-theme-blocks-customizer .block-configuration #labels-per-roll .block-group-layers .block-layer .block-image .img .roll {
  top: calc(50% + var(--i, 0) * 3px);
  left: calc(50% + var(--i, 0) * 3px);
  border-radius: 0 0 0.25rem 0;
  aspect-ratio: 3/2;
  width: 75%;
  translate: -50% -50%;
  border-top: 0;
  border-left: 0;
}

.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size {
  grid-area: size;
  position: relative;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-name {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  margin-top: -1em;
  font-weight: 500;
  text-transform: uppercase;
  font-size: var(--font-size);
  color: #FFFFB1;
  text-align: center;
  line-height: 1;
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-layers {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-layers {
    min-height: 9rem;
  }
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-layers .label-size-preview {
  display: block;
  width: calc(5em + var(--label-size-width, 1) * 1.2em);
  height: calc(5em + var(--label-size-height, 1) * 1.2em);
  border-radius: 0.5rem;
  border: 2px var(--label-border-style, solid) currentColor;
}
.selected-perforation-yes.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-layers .label-size-preview {
  --label-border-style: dashed;
}

.selected-label-shape-circle.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-layers .label-size-preview {
  width: calc(5em + var(--label-size-diameter, 1) * 1.2em);
  height: calc(5em + var(--label-size-diameter, 1) * 1.2em);
  border-radius: 50%;
}

.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-layers .label-size-preview:before {
  content: var(--label-size, "N/A");
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% 0%;
  font-size: var(--font-size);
}
.theme-block.wp-block-theme-blocks-customizer .block-configuration #label-size .block-group-layers .block-layer {
  display: none;
  /*
                      // position:relative;
                      display:flex;
                      align-items: center;
                      justify-content: center;
                      width:100%;

                      &.width-2.height-2 { --label-aspect-ratio: 1; }
                      &.width-2.height-3 { --label-aspect-ratio: 2/3; --label-aspect-ratio-width: auto;--label-aspect-ratio-height: 100%; }
                      &.width-3.height-2 { --label-aspect-ratio: 3/2; }
                      &.shape-circle { --label-aspect-ratio: 1; --label-border-radius: 50%; }


                      .block-image {
                          position:relative;
                          width:100%;
                          .img {
                              position:relative;
                              display:block;
                              aspect-ratio:1;
                              width:100%;
                              // margin:0 auto;

                              &:before {
                                  display:block;
                                  content:' ';
                                  position:absolute;
                                  top:50%;
                                  left:50%;
                                  translate:-50% -50%;
                                  border:1px solid currentColor;
                                  border-radius: var(--label-border-radius, .25rem);
                                  aspect-ratio: var(--label-aspect-ratio, 1);
                                  width: var(--label-aspect-ratio-width, 100%);
                                  // height:100%;
                                  height:var(--label-aspect-ratio-height, auto);
                              }
                          }
                      }
                      .block-name {
                          visibility: visible;
                          position:absolute;
                          top:50%;
                          left:50%;
                          translate:-50% -50%;
                          margin-top:1em;
                          text-align:center;
                      }
  */
}
.theme-block.wp-block-theme-blocks-customizer .block-categories {
  grid-area: category;
  position: relative;
  z-index: 50000;
  display: none !important;
}
.theme-block.wp-block-theme-blocks-customizer .block-category {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1em;
  padding: 1rem;
  margin: 0 0 1rem;
  background: var(--section-background);
  border-radius: var(--section-border-radius);
  font-size: var(--font-size);
}
.theme-block.wp-block-theme-blocks-customizer .block-category > h3 {
  max-width: none;
  width: 100%;
  display: flex;
  gap: 0.5em;
  align-items: center;
  margin: 0;
  cursor: pointer;
}
.theme-block.wp-block-theme-blocks-customizer .block-category > h3:before {
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-transform: none;
  content: "\f0da";
  color: #44BFEC;
  transition: 0.2s ease;
  rotate: 0deg;
}
.theme-block.wp-block-theme-blocks-customizer .block-category .label {
  color: #FFFFB1;
  line-height: 1;
  text-transform: uppercase;
}
.theme-block.wp-block-theme-blocks-customizer .block-category ul, .theme-block.wp-block-theme-blocks-customizer .block-category li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.theme-block.wp-block-theme-blocks-customizer .block-category li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
  white-space: nowrap;
}
.theme-block.wp-block-theme-blocks-customizer .block-category li.has-overlay {
  padding-right: 2.2em;
}
.theme-block.wp-block-theme-blocks-customizer .block-category li.has-overlay .icon {
  right: 0;
}
.theme-block.wp-block-theme-blocks-customizer .block-category img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1rem;
  max-height: 1rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.theme-block.wp-block-theme-blocks-customizer .block-category .selected {
  display: grid;
  line-height: 1;
}
.theme-block.wp-block-theme-blocks-customizer .block-category .selected > .label {
  grid-area: label;
}
.theme-block.wp-block-theme-blocks-customizer .block-category .selected > ul {
  grid-area: items;
}
.theme-block.wp-block-theme-blocks-customizer .block-category .selected.has-single-mode {
  grid-template-columns: auto 1fr;
  grid-template-areas: "label items";
  -moz-column-gap: 1em;
       column-gap: 1em;
}
.theme-block.wp-block-theme-blocks-customizer .block-category .selected.has-default-mode {
  width: 50%;
  grid-template-columns: auto;
  grid-template-areas: "label" "items";
}
.theme-block.wp-block-theme-blocks-customizer .block-category .selected.has-default-mode ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 0.25em;
}
.theme-block.wp-block-theme-blocks-customizer .block-category.on > h3:before {
  rotate: 90deg;
}

.wp-block-theme-blocks-customizer-layer {
  perspective: 5000px;
  position: relative;
}
.wp-block-theme-blocks-customizer-layer .block-image {
  grid-area: image;
  box-sizing: border-box;
  position: relative;
  /*
  position:absolute;
  top:50%;
  left:0%;
  width:100%;
  // width: var(--image-width, 375px);
  // height: var(--image-height, 115px);
  margin:0 auto;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  transform: var(--image-transform, translate(0%, -50%));


  // transform-origin: 50% 50%;
  // transform-style: preserve-3d;
  // transform: translate(-50%, -50%) rotateX(75deg) rotateY(0deg) rotateZ(-37deg);
  background: 50% 50%;
  background-size: cover;
  img {
      position:absolute;
      top:0;
      left:0;
      width:70%;
      height:auto;
      object-fit:contain;
      object-position: 50% 50%;
  }
  */
}

.customizer-overlay {
  box-sizing: border-box;
  padding: 1rem;
  background: #032950;
  font-size: 0.7em;
  color: white;
  border-radius: 0.5rem;
  box-shadow: 0.4em 0.4em 1em rgba(0, 0, 0, 0.2);
}
.customizer-overlay:after {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  height: 10px;
  width: 20px;
  margin: 0 0 -1px -10px;
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  background: #032950;
}
.customizer-overlay:before {
  content: var(--group-name);
  color: #0073C9;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
}
.customizer-overlay h1, .customizer-overlay h2, .customizer-overlay h3, .customizer-overlay h4, .customizer-overlay h5 {
  margin: 0;
  color: inherit;
}
.customizer-overlay .block-close {
  position: absolute;
  top: 1em;
  right: 1em;
  line-height: 1;
  cursor: pointer;
}
body.theme .customizer-overlay {
  display: none;
  position: absolute;
  width: 240px;
  max-width: 90vw;
  z-index: 60000;
  translate: -50% 1em;
}
body.theme .customizer-overlay.on {
  display: block;
}

.theme-block.wp-block-theme-blocks-customizer-group {
  --layer-height: 15px;
  margin: 0;
  padding: var(--theme-block-group-padding, 0) 0;
  transition: var(--animation-transition);
  display: grid;
  grid-template-columns: var(--theme-block-group-name-width, 1px) 1fr;
  grid-template-areas: "name layers";
  align-items: start;
  max-height: 50vh;
  /*> .block-options {
      --option-icon-width: 2rem;
      --option-icon-height: 2rem;
      position:relative;
      grid-area: auto;
      grid-column: 1 / 2;
      grid-row: 3 / 5;
      width:100%;
      top:auto;
      left:auto;

  }*/
}
.theme-block.wp-block-theme-blocks-customizer-group.has-selected {
  --theme-block-group-padding: .5rem;
}
.theme-block.wp-block-theme-blocks-customizer-group > .block-group-name {
  position: relative;
  grid-area: name;
  text-align: right;
  opacity: 1;
  transition: var(--animation-transition);
  font-size: var(--font-size);
  text-transform: uppercase;
  color: #FFFFB1;
  font-weight: 600;
  line-height: 1;
}
.theme-block.wp-block-theme-blocks-customizer-group > .block-group-layers {
  grid-area: layers;
  position: relative;
}
.theme-block.wp-block-theme-blocks-customizer-group > .block-group-layers .block-layer {
  position: absolute;
  width: 100%;
}
.theme-block.wp-block-theme-blocks-customizer-group.disabled, .theme-block.wp-block-theme-blocks-customizer-group.disabled.has-selected, .theme-block.wp-block-theme-blocks-customizer-group:not(.has-selected) {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
}
.theme-block.wp-block-theme-blocks-customizer-group.disabled > .block-group-name, .theme-block.wp-block-theme-blocks-customizer-group.disabled.has-selected > .block-group-name, .theme-block.wp-block-theme-blocks-customizer-group:not(.has-selected) > .block-group-name {
  opacity: 0;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .theme-block.wp-block-theme-blocks-customizer-group {
    grid-template-columns: auto;
    grid-template-areas: "layers";
  }
  .theme-block.wp-block-theme-blocks-customizer-group .block-group-name {
    display: none;
  }
}

.theme-block.wp-block-theme-blocks-customizer-layer {
  grid-area: layer;
  display: grid;
  grid-template-columns: 1px auto;
  grid-template-areas: "name image";
  align-items: center;
  margin: 0 auto;
  position: relative;
  height: var(--layer-height, 50px);
}
.theme-block.wp-block-theme-blocks-customizer-layer:not(.on) {
  height: 0;
}
.theme-block.wp-block-theme-blocks-customizer-layer > .block-name {
  visibility: hidden;
  grid-area: name;
  text-align: left;
  font-weight: 400;
  font-size: var(--font-size);
  line-height: 1;
  transition: 0.5s;
  opacity: 0;
  z-index: -1;
}
.theme-block.wp-block-theme-blocks-customizer-layer > .block-image {
  transition: var(--animation-transition);
  opacity: 0;
  z-index: -1;
}
.theme-block.wp-block-theme-blocks-customizer-layer > .block-image img {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--image-width, 66%);
  translate: -25% -75%;
  transition: var(--animation-transition);
}
.debug .theme-block.wp-block-theme-blocks-customizer-layer > .block-image img {
  border: 1px solid var(--color-debug, red);
}
.theme-block.wp-block-theme-blocks-customizer-layer.is-style-icon {
  --layer-height:0;
}
.theme-block.wp-block-theme-blocks-customizer-layer.is-style-icon > .block-name {
  display: none;
}
.theme-block.wp-block-theme-blocks-customizer-layer.on > .block-name {
  opacity: 1;
  z-index: 1;
}
.theme-block.wp-block-theme-blocks-customizer-layer.on > .block-image {
  opacity: 1;
  z-index: 1;
}
.theme-block.wp-block-theme-blocks-customizer-layer.on > .block-image img {
  translate: var(--theme-block-layer-image-position, 0 -50%);
}
.theme-block.wp-block-theme-blocks-customizer-layer.unhover > .block-image {
  filter: grayscale(1);
}
.theme-block.wp-block-theme-blocks-customizer-layer:not(.shadow).hover {
  z-index: 2000 !important;
}
@media screen and (max-width: 1000px) {
  .theme-block.wp-block-theme-blocks-customizer-layer {
    grid-template-columns: auto;
    grid-template-areas: "image";
  }
  .theme-block.wp-block-theme-blocks-customizer-layer > .block-name {
    display: none;
  }
  .theme-block.wp-block-theme-blocks-customizer-layer#labels > .block-name {
    display: block;
  }
}

.wp-block-theme-blocks-customizer #substrate .wp-block-theme-blocks-customizer-layer {
  opacity: 0;
}

.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#glass {
  opacity: 0;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#glass + #glass-curved {
  opacity: 1;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#metal {
  opacity: 0;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#metal + #metal-curved {
  opacity: 1;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#plastic {
  opacity: 0;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#plastic + #plastic-curved {
  opacity: 1;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#cardboard {
  opacity: 0;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-curved .wp-block-theme-blocks-customizer-layer.on#cardboard + #cardboard-curved {
  opacity: 1;
}

.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#glass {
  opacity: 1;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#glass + #glass-curved {
  opacity: 0;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#metal {
  opacity: 1;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#metal + #metal-curved {
  opacity: 0;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#plastic {
  opacity: 1;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#plastic + #plastic-curved {
  opacity: 0;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#cardboard {
  opacity: 1;
}
.wp-block-theme-blocks-customizer.selected-surface-shape-flat .wp-block-theme-blocks-customizer-layer.on#cardboard + #cardboard-curved {
  opacity: 0;
}

.theme-block.wp-block-theme-blocks-customizer-group#substrate {
  --image-width:100%;
  --theme-block-layer-image-position: -2% -35%;
}

.theme-block.wp-block-theme-blocks-customizer-group#core {
  --image-width:40%;
  --theme-block-layer-image-position: -10% -90%;
}
.theme-block.wp-block-theme-blocks-customizer-group#core .block-image img {
  right: 0;
  left: auto;
}

/*
.theme-block.wp-block-theme-blocks-customizer-layer.outline {
    // margin-top:2rem;
    height:0;
    .block-image {
        background-color:rgba(#fff, .3);
        border:5px dashed rgba(#fff, .8);
        // filter: blur(2rem);
    }
}

.theme-block.wp-block-theme-blocks-customizer-layer.shadow {
    margin-top:2rem;
    .block-image {
        background-color:rgba(#000, .3);
        filter: blur(2rem);
    }
}
*/
body.theme .wp-block-theme-blocks-customizer-group.zero-height {
  height: 0;
  padding: 0;
}
body.theme .wp-block-theme-blocks-customizer-group.zero-height .wp-block-theme-blocks-customizer-layer .block-image img {
  margin-top: var(--zero-height-offset, 1rem);
}
body.theme .wp-block-theme-blocks-customizer-group.zero-height#perforation {
  --zero-height-offset: .5rem;
}/*# sourceMappingURL=view.css.map */