#error-alert{
  position:fixed;
  left:20px;
  bottom:20px;
  padding:20px;
  color:white;
  background:#e74c3c;
  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.75);
  z-index:9000;
}

#error-alert strong{
  font-size:15px;
}

#error-alert ul{
  list-style:none;
  padding:0;
  margin:0;
  margin-top:10px;
}

#error-alert li{
  display:inline;
  margin-right:10px;
  padding-right:5px;
  color:white;
  font-weight:bold;
  font-size:14px;
  text-transform:uppercase;
  -webkit-text-decoration:underline;
  text-decoration:underline;
  cursor:pointer;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.layout.is-overlay{
  max-height:100vh;
  overflow:hidden;
}

.layout.is-overlay .overlay{
  z-index:8;
  opacity:1;
}

.overlay{
  position:fixed;
  z-index:-1;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
  background-color:rgba(33, 33, 33, 0.8);
  opacity:0;
  transition:opacity 0.2s, z-index 0.25s 1ms;
}

.overlay-inner{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

@keyframes spin{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}

.loading-indicator{
  z-index:100;
  width:72px !important;
  height:72px !important;
  opacity:0.85;
  animation:spin 1s linear infinite;
}

.loading-indicator-cls-1{
  fill:rgba(250, 250, 250, 1);
}

.loading-indicator-cls-2{
  fill:rgba(129, 129, 129, 1);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.navigationTab{
  position:relative;
  display:inline-block;
  padding:0 1rem;
  zoom:1;
  white-space:nowrap;
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
  -webkit-user-drag:none;
  -webkit-user-select:none;
          user-select:none;
  box-sizing:border-box;
  width:auto;
  font-family:inherit;
  font-size:1.4em;
  height:4.2rem;
  font-weight:400;
  -webkit-text-decoration:none;
  text-decoration:none;
  color:rgba(129, 129, 129, 1);
  border:0 none;
  background:rgba(21, 25, 35, 1);
  text-transform:uppercase;
  transition:background 0.1s;
}

.navigationTab:hover,
.navigationTab:focus{
  color:rgba(255, 255, 255, 1);
  outline:0 none;
}

.navigationTab::-moz-focus-inner{
  padding:0;
  border:0;
}

.navigationTab.is-active{
  color:rgba(255, 255, 255, 1);
  background:rgba(17, 153, 231, 1);
  font-weight:700;
}

.navigationTab.is-active:after{
  position:absolute;
  top:100%;
  left:50%;
  width:0;
  height:0;
  margin-left:-7px;
  content:' ';
  border:solid transparent;
  border-width:7px;
  border-top-color:rgba(17, 153, 231, 1);
  pointer-events:none;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.navigation{
  text-align:center;
  background-color:rgba(21, 25, 35, 1);
}

@media (max-width: 999px){
  .layout:not(.is-productSelect) .navigation{
    position:fixed;
    top:16rem;
    z-index:1;
    right:0;
    width:100%;
    transition:transform 0.3s;
  }
}

@media (min-width: 1000px){
  .navigation{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    width:100%;
  }
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.contentBody{
  position:relative;
}

.contentBody.mod-primary{
  margin:0;
}

.contentBody.mod-block:not(.mod-finalize){
  border-bottom:0.1rem solid rgba(235, 235, 235, 1);
}

.contentBody.mod-finalize{
  padding-left:1rem;
}

.contentBody.is-off{
  display:none;
}

.contentBody.mod-block .contentBody-inner{
  padding:1rem;
}

.contentBody.mod-finalize .contentBody-inner{
  padding-top:0;
}

.contentBody.is-changed .contentBody-inner{
  background-color:rgba(255, 247, 237, 1);
}

@media (min-width: 1000px){
  .contentBody.mod-largeScreenHide{
    display:none;
  }
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.button{
  display:inline-block;
  zoom:1;
  line-height:normal;
  white-space:nowrap;
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
  -webkit-user-drag:none;
  -webkit-user-select:none;
          user-select:none;
  box-sizing:border-box;
  width:100%;
  font-family:inherit;
  font-size:1.4rem;
  font-weight:bold;
  letter-spacing:0.1rem;
  height:5rem;
  -webkit-text-decoration:none;
  text-decoration:none;
  background-color:rgba(0, 0, 0, 0);
  border:0.2rem solid rgba(33, 33, 33, 1);
  color:rgba(33, 33, 33, 1);
  text-transform:uppercase;
  transition:background 0.1s;
}

.button:hover,
.button:focus{
  background-color:rgba(33, 33, 33, 0.2);
  outline:0 none;
}

.button .icon{
  vertical-align:top;
  fill:rgba(33, 33, 33, 1);
  transition:fill 0.1s;
}

.button::-moz-focus-inner{
  padding:0;
  border:0;
}

.button.mod-black{
  background-color:rgba(33, 33, 33, 1);
  color:rgba(255, 255, 255, 1);
  border:0;
}

.button.mod-black:hover{
  background-color:black;
}

.button.mod-gray{
  background-color:rgba(245, 245, 245, 1);
  color:rgba(170, 170, 170, 1);
  border:0;
}

.button.mod-gray .icon{
  fill:rgba(170, 170, 170, 1);
}

.button.mod-gray:hover{
  background-color:rgba(246, 246, 246, 1);
}

.button.mod-hasIcon .button-container{
  display:flex;
  align-items:center;
  justify-content:center;
}

.button.mod-hasIcon .icon{
  margin-right:0.8rem;
}

.button.mod-black .icon{
  fill:white;
}

.button.mod-largeFont{
  font-size:1.6rem;
  font-weight:500;
}

.button.mod-action{
  height:3.4rem;
  border:0 none;
  color:rgba(255, 255, 255, 1);
}

.button.mod-edit,
.button.mod-small{
  height:3rem;
  line-height:1.4;
}

.button.mod-edit,
.button.mod-borderless{
  border:0;
}

.button.mod-edit,
.button.mod-narrow{
  width:auto;
}

.button.mod-edit{
  margin-top:0.5rem;
  color:rgba(170, 170, 170, 1);
  transition:color 0.1s;
  padding:0;
  font-size:1.2rem;
}

.button.mod-edit .icon{
  fill:rgba(170, 170, 170, 1);
}

.button.mod-edit:hover{
  background-color:transparent;
  color:rgba(33, 33, 33, 1);
}

.button.mod-edit:hover .icon{
  fill:rgba(33, 33, 33, 1);
}

.button.mod-remove{
  width:3.4rem;
  font-size:1.6rem;
  background-color:rgba(204, 45, 55, 1);
}

.button.mod-add{
  width:3.4rem;
  font-size:2rem;
  background-color:rgba(58, 152, 104, 1);
}

.button.mod-view{
  position:relative;
  height:4.2rem;
  font-size:1.4rem;
  background-color:rgba(245, 245, 245, 1);
  color:rgba(170, 170, 170, 1);
  border-color:rgba(170, 170, 170, 1);
}

.button.mod-view:hover,
.button.mod-view.is-active{
  color:rgba(110, 110, 110, 1);
  border-color:rgba(110, 110, 110, 1);
}

.button.mod-view:hover:after,
.button.mod-view.is-active:after{
  position:absolute;
  top:-0.9rem;
  left:50%;
  width:0;
  height:0;
  margin-left:-0.7rem;
  content:' ';
  border-left:0.7rem solid transparent;
  border-right:0.7rem solid transparent;
  border-bottom:0.7rem solid rgba(110, 110, 110, 1);
  pointer-events:none;
}

.button.mod-productTile{
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:transparent;
  font-size:2.92vw;
  height:10.4vw;
  color:rgba(129, 129, 129, 1);
  border-color:rgba(129, 129, 129, 1);
  transition:border 0.1s;
}

.button.mod-productTile .icon{
  display:none;
  margin-right:0.8rem;
}

@media (min-width: 480px){
  .button.mod-productTile{
    font-size:1.4rem;
    height:5rem;
  }

  .button.mod-productTile .icon{
    display:block;
  }
}

@media (min-width: 1000px){
  .button.mod-productTile{
    font-size:1.2rem;
    height:4rem;
  }
}

.button:hover.mod-productTile,
.productTile:hover .button.mod-productTile{
  background-color:transparent;
  color:rgba(33, 33, 33, 1);
  border-color:rgba(33, 33, 33, 1);
}

.button.mod-onlyIcon{
  padding:0.7rem;
  width:5rem;
}

.button.mod-disabled{
  border-color:rgba(170, 170, 170, 1);
  color:rgba(170, 170, 170, 1);
  cursor:not-allowed;
}

.button.mod-rosterPreview{
  width:3.4rem;
  background-color:rgba(245, 245, 245, 1);
  color:rgba(170, 170, 170, 1);
}

.button.mod-rosterPreviewActive{
  width:3.4rem;
  background-color:rgba(17, 153, 231, 1);
  color:rgba(255, 255, 255, 1);
}

.button.mod-rosterPreview .icon{
  fill:rgba(170, 170, 170, 1);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.roster{
  width:100%;
}

.roster,
.roster td{
  border:0 none;
  border-collapse:collapse;
}

.roster tr:not(:first-child) td{
  padding-bottom:0.4rem;
}

.roster tr:first-child td{
  padding-bottom:0.6rem;
  font-size:1.4rem;
  font-weight:500;
  text-transform:uppercase;
}

.roster td{
  padding:0;
  vertical-align:top;
}

.roster td:not(:last-child){
  padding-right:1rem;
}

.roster .roster-cell-preview,
.roster .roster-cell-remove{
  width:3.4rem;
}

.roster:not(.mod-twoSizes) .roster-cell-size{
  width:9.3rem;
}

.roster.mod-twoSizes .roster-cell-size{
  width:6rem;
}

.roster .roster-cell-quantity{
  width:5.5rem;
}

.roster .roster-cell-number{
  width:5rem;
}

.roster-row.mod-alignRight td{
  text-align:right;
}

.roster .roster-cell-remove{
  text-align:right;
}

.roster .roster-cell-remove .button{
  font-size:1rem;
}

.roster .roster-cell-remove .icon{
  width:16px;
  height:16px;
}

.roster-agreement-label{
  display:flex;
  align-items:center;
  margin:16px 0 0 0;
  font-size:12px;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.rosterAdd{
  text-align:right;
}

.rosterAdd .icon.mod-plus{
  width:11px;
  height:11px;
  fill:#fff;
}

.rosterAdd .button.mod-add{
  font-size:1rem;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.icon{
  fill:rgba(33, 33, 33, 1);
}

.icon.mod-arrowdown{
  width:1.6rem;
  height:1.6rem;
  fill:rgba(61, 65, 70, 1);
}

.icon.mod-checked{
  width:2rem;
  height:1.4rem;
  fill:rgba(255, 255, 255, 1);
}

.icon.mod-close{
  width:3.2rem;
  height:3.2rem;
  fill:rgba(255, 255, 255, 1);
}

.icon.mod-zoom{
  width:2rem;
  height:2rem;
  fill:rgba(255, 255, 255, 1);
}

.icon.mod-copy{
  width:3.6rem;
  height:3.6rem;
  fill:rgba(170, 170, 170, 1);
}

.icon.mod-edit{
  width:1.4rem;
  height:1.4rem;
  fill:rgba(170, 170, 170, 1);
}

.icon.mod-plus{
  width:1.6rem;
  height:1.6rem;
  fill:rgba(170, 170, 170, 1);
}

.icon.mod-cart{
  width:2rem;
  height:2rem;
  fill:inherit;
}

.icon.mod-email{
  width:1.9rem;
  height:2rem;
  fill:inherit;
}

.icon.mod-info{
  width:2rem;
  height:2rem;
  fill:rgba(255, 255, 255, 1);
}

.icon.mod-upload{
  width:2rem;
  height:2rem;
  fill:rgba(255, 255, 255, 1);
}

.icon.mod-select{
  width:3rem;
  height:2.4rem;
  fill:rgba(255, 255, 255, 1);
}

.icon.mod-wheel{
  width:2rem;
  height:2rem;
}

.button.mod-onlyIcon .icon{
  width:100%;
  height:100%;
}

.icon.mod-eye{
  width:1.6rem;
  height:1.6rem;
  fill:#fff;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.horizontalAlign{
  display:flex;
}

.horizontalAlign > *{
  flex-grow:1;
}

.horizontalAlign.mod-staticRight > :last-child{
  flex-grow:0;
}

.horizontalAlign.mod-wrap{
  flex-wrap:wrap;
}

.horizontalAlign.mod-color,
.horizontalAlign.mod-pattern{
  margin-left:-0.1rem;
}

.horizontalAlign.mod-image,
.horizontalAlign.mod-text{
  margin:0 0 -0.5rem -0.5rem;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.tile{
  flex:1 0 auto;
  position:relative;
  z-index:0;
  -webkit-user-select:none;
          user-select:none;
  cursor:default;
  transition:background 0.1s;
}

.tile:not(.mod-color){
  background-color:rgba(210, 210, 210, 1);
  color:rgba(129, 129, 129, 1);
}

.tile:not(.mod-color):hover{
  background-color:rgba(170, 170, 170, 1);
  color:rgba(33, 33, 33, 1);
}

.tile:not(.mod-color).is-active{
  background-color:rgba(110, 110, 110, 1);
  color:rgba(255, 255, 255, 1);
}

.tile.mod-none{
  background-color:rgba(210, 210, 210, 1);
}

.tile.is-disabled.mod-color:after,
.tile.mod-none:after{
  color:rgba(91, 91, 91, 1);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size:1.4em;
  font-weight:300;
  line-height:1;
  text-transform:uppercase;
}

.tile.is-disabled.mod-color{
  overflow:hidden;
}

.tile.is-disabled.mod-color:after{
  content:'N/A';
  padding:0.1em 1em;
  background-color:rgba(210, 210, 210, 1);
}

.tile.mod-none.mod-color:after,
.tile.mod-none.mod-pattern:after{
  content:attr(data-label);
}

.tile.mod-pattern,
.tile.mod-image,
.tile.mod-color,
.tile.mod-panel,
.tile.mod-text{
  cursor:pointer;
}

.tile.is-disabled{
  cursor:not-allowed;
}

.tile.mod-color,
.tile.mod-panel,
.tile.mod-pattern{
  height:4rem;
  margin:0 0 0.1rem 0.1rem;
}

.tile.mod-panel{
  height:20rem;
}

.tile.mod-pattern:before,
.tile.mod-image:before,
.tile.mod-panel:before,
.tile.mod-color:before{
  content:'';
  position:absolute;
  z-index:6;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border:0.2rem solid rgba(170, 170, 170, 0);
  transition:border 0.1s;
}

.tile.mod-pattern:hover:before,
.tile.mod-image:hover:before,
.tile.mod-panel:hover:before,
.tile.mod-color:not(.is-disabled):hover:before{
  border-color:rgba(170, 170, 170, 1);
  border-width:0.2rem;
}

.tile.mod-color:not(.is-disabled):before{
  border-color:rgba(210, 210, 210, 1);
  border-width:1px;
}

.tile.mod-text,
.tile.mod-image{
  flex:0 0 calc(50% - 0.5rem);
  -ms-flex:0 0 48%;
  height:10rem;
  margin:0 0 0.5rem 0.5rem;
}

.tile.mod-text{
  height:6rem;
}

.tile.mod-text.mod-disabled{
  background:rgba(250, 250, 250, 1);
  color:rgba(210, 210, 210, 1);
  cursor:not-allowed;
}

.tile.mod-text .tile-inner{
  position:absolute;
  width:100%;
  height:100%;
}

.tile.mod-ghost{
  opacity:0;
  -webkit-user-select:none;
          user-select:none;
  pointer-events:none;
}

.tile.is-active .icon.mod-select{
  position:absolute;
  z-index:9;
  top:0rem;
  left:0rem;
}

.tile .bgSvgCover .icon{
  fill:rgba(129, 129, 129, 1);
}

.tile:hover .bgSvgCover .icon{
  fill:rgba(33, 33, 33, 1);
}

.tile.is-active .bgSvgCover .icon{
  fill:rgba(255, 255, 255, 1);
}

.tile.mod-image.mod-noLabel{
  height:6rem;
  overflow:hidden;
}

.tile.mod-square{
  height:auto;
}

.tile.mod-bgProduct .bgCover{
  background-size:78%;
  background-repeat:no-repeat;
  background-position:center 25%;
}

.tile.mod-bgHand .bgCover{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center bottom;
}

.tile.mod-bgOpacity .bgCover{
  opacity:0.4;
}

.tile.mod-square .tile-inner{
  position:relative;
  width:100%;
  height:0;
  padding-top:100%;
}

.tile.mod-fillIcon{
  height:40px !important;
  border:1px solid rgba(210, 210, 210, 1);
}

.tile.mod-sportIcon{
  height:280px !important;
  max-width:400px;
  background:#f5f5f5;
  border:1px solid rgba(210, 210, 210, 1);
}

.tile.mod-sportIcon:hover{
  background:#f5f5f5;
}

.tile.mod-image.tile.mod-sportIcon .bgCover{
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}

.tile.mod-fontIcon{
  height:100px !important;
}

.tile.mod-designIcon{
  height:140px !important;
}

.tile.mod-image.tile.mod-fontIcon .bgCover{
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}

@media (max-width: 999px){
  .tile.mod-designIcon{
    height:280px !important;
  }
  .tile.mod-image.tile.mod-designIcon .bgCover{
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
  }
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.bgCover{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  background-size:cover;
  background-position-y:center;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.bgSvgCover{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
}

.bgSvgCover .icon{
  width:100%;
  height:100%;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.tileLabel{
  font-size:1.6em;
  position:relative;
  z-index:1;
  font-weight:300;
  text-align:center;
  color:inherit;
  line-height:2rem;
  margin:calc(7.5em / 1.6) 1rem 0;
  transition:color 0.1s;
}

.tileLabel.mod-center{
  margin-top:0;
  top:50%;
  transform:translateY(-50%);
}

.tile.mod-noLabel .tileLabel{
  display:none;
}

.tile.mod-square .tileLabel{
  position:absolute;
  bottom:0;
  width:100%;
  text-align:center;
  margin:0;
  padding:0 1rem 0.5rem;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.subline{
  padding-top:0.25rem;
  font-size:1.2em;
  color:rgba(170, 170, 170, 1);
}

.subline.mod-italic{
  font-style:italic;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.tileSet-row{
  display:flex;
  flex:0 1 100%;
  flex-direction:row;
  flex-wrap:wrap;
}

.tileSet-primaryLabel{
  font-size:1.4em;
  line-height:2;
  display:inline-block;
}

.tileSet + .tileSet .tileSet-primaryLabel{
  margin-top:1rem;
}

.InfoBox{
  padding:16px 16px;
  font-size:12px;
  border:1px solid #00000022;
}

.InfoBox--information{
  background-color:#d7f1ff;
}

.InfoBox--warning{
  background-color:#fffbd6;
}

.InfoBox--error{
  background-color:#ffcccc;
}

.InfoBox-header{
  font-weight:700;
  margin-bottom:6px;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.contentHead{
  height:4rem;
  line-height:4rem;
  padding:0 1rem;
}

.contentHead.mod-section{
  background-color:rgba(129, 129, 129, 1);
}

.section.mod-off .contentHead.mod-section{
  border-bottom:0.1rem solid rgba(170, 170, 170, 1);
}

.contentHead.mod-block:not(.mod-finalize){
  border-bottom:0.1rem solid rgba(210, 210, 210, 1);
}

.contentHead.mod-block:not(.mod-finalize),
.contentHead.mod-toggle{
  cursor:pointer;
}

.contentHead.mod-finalize{
  height:auto;
  line-height:1;
}

.contentHead.mod-pointer{
  cursor:pointer;
}

.contentHead.mod-block .contentHeadArrow .icon{
  fill:rgba(210, 210, 210, 1);
}

.contentHead.mod-section .contentHeadArrow .icon{
  fill:rgba(170, 170, 170, 1);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.contentHeadArrow{
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.contentHeadArrow .icon{
  transform-origin:center;
  transition:transform 0.4s;
}

.contentHeadArrow.mod-on .icon{
  transform:rotate(-180deg);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.contentLabel{
  display:flex;
  color:rgba(91, 91, 91, 1);
  width:calc(100% - 4rem);
}

.contentLabel.mod-section{
  color:rgba(255, 255, 255, 1);
  text-transform:uppercase;
}

.contentLabel > *{
  flex-grow:0;
}

.contentLabel > :nth-child(1){
  margin-right:0.4rem;
  font-size:1.4em;
  white-space:nowrap;
}

.contentLabel.mod-section > :nth-child(1){
  font-weight:400;
}

.contentLabel > :nth-child(2){
  font-size:1.4em;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

.contentLabel.mod-finalize > :nth-child(1){
  font-size:1.4em;
  line-height:1.4;
}

.contentHead.mod-block .contentLabel{
  padding-left:1rem;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.blockChanges{
  display:flex;
  padding:1rem 1rem 0 0;
}

.blockChanges-icon{
  flex-grow:0;
  width:4em;
  padding:0 1rem;
}

.blockChanges-icon .icon{
  fill:rgba(120, 75, 14, 1);
}

.blockChanges-item{
  font-size:1.4em;
  color:rgba(120, 75, 14, 1);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.bgContain{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.fileUpload-container{
  padding-bottom:1rem;
}

.fileUpload-container:last-child{
  padding-bottom:0;
}

.fileUpload{
  position:relative;
}

.fileUpload-dropzone{
  background-color:rgba(235, 235, 235, 1);
  border:0.1rem dashed rgba(170, 170, 170, 1);
  position:relative;
  height:0;
  width:100%;
  overflow:hidden;
  padding-bottom:56.25%;
  margin-bottom:1rem;
}

.fileUpload-dropzone.is-off{
  display:none;
}

.fileUpload.is-active .fileUpload-dropzone{
  border-color:#1199e7;
}

.fileUpload.is-rejected .fileUpload-dropzone{
  border-color:#ef573b;
}

.fileUpload-dropzoneContent{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.fileUpload-dropzoneMessage{
  display:flex;
  flex-direction:column;
  height:100%;
}

.fileUpload-dropzoneMessage-icon{
  flex-grow:1;
  position:relative;
}

.fileUpload-dropzoneMessage-icon .icon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:auto;
  height:80%;
  fill:rgba(210, 210, 210, 1);
}

.fileUpload-dropzoneMessage-text{
  flex-grow:0;
  margin:1rem;
  text-align:center;
  font-size:1.6em;
  color:rgba(82, 82, 82, 1);
}

.fileUpload-silhouette{
  position:relative;
}

.fileUpload-silhouetteInput{
  border:0.1rem solid rgba(170, 170, 170, 1);
  border-right:0;
  color:rgba(82, 82, 82, 1);
  font-size:1.4em;
  line-height:3rem;
  padding:0 1rem;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  word-break:keep-all;
  white-space:nowrap;
}

.fileUpload-silhouetteButton{
  display:inline-block;
  zoom:1;
  line-height:normal;
  white-space:nowrap;
  vertical-align:middle;
  text-align:center;
  cursor:pointer;
  -webkit-user-drag:none;
  -webkit-user-select:none;
          user-select:none;
  box-sizing:border-box;
  font-family:inherit;
  font-size:1.4rem;
  height:3.2rem;
  -webkit-text-decoration:none;
  text-decoration:none;
  text-transform:uppercase;
  transition:background 0.1s;
  color:white;
  background-color:rgba(170, 170, 170, 1);
  padding:0 1rem;
  border:0;
}

.fileUpload-clear{
  margin:0;
  padding:0;
  border:0;
  background:#ce2a32;
  position:absolute;
  right:0;
  top:0;
  outline:0;
  cursor:pointer;
  line-height:0;
}

.fileUpload-clear:hover{
  background:#991c28;
}

.fileUpload-clear:active{
  background:#5f1119;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.selectInput-input{
  border:0;
  padding:0;
  vertical-align:middle;
  border-radius:0;
  border-bottom:0.1rem solid rgba(170, 170, 170, 1);
  line-height:3.2rem;
  font-size:1.6em;
  width:auto;
  -webkit-appearance:none;
          appearance:none;
  background-color:rgba(255, 255, 255, 1);
  cursor:pointer;
}

.selectInput{
  position:relative;
}

.selectInput.mod-gap{
  margin:0 2rem;
}

.selectInput.mod-fullWidth .selectInput-input{
  width:100%;
}

.selectInput .icon.mod-arrowdown{
  position:absolute;
  right:0.8rem;
  top:0.9rem;
  pointer-events:none;
}

.selectInput-input:focus,
.selectInput.mod-fullBorder .selectInput-input:focus{
  outline:0 none;
  border-color:rgba(17, 153, 231, 1);
}

.selectInput-input:focus + .subline{
  color:rgba(17, 153, 231, 1);
}

.selectInput-input::-ms-expand{
  display:none;
}

.selectInput.mod-fullBorder .selectInput-input{
  padding-left:1rem;
  padding-right:1rem;
  border:0.1rem solid rgba(170, 170, 170, 1);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.textInput-input{
  border:0;
  padding:0;
  vertical-align:middle;
  border-bottom:0.1rem solid rgba(170, 170, 170, 1);
  line-height:3.2rem;
  font-size:1.6em;
  width:100%;
}

.textInput-input:focus,
.textInput.mod-fullBorder .textInput-input:focus{
  outline:0;
  border-color:rgba(17, 153, 231, 1);
}

.textInput-input:focus + .subline{
  color:rgba(17, 153, 231, 1);
}

.textInput.mod-gap{
  padding:0 2rem;
}

.textInput.mod-fullBorder .textInput-input{
  padding-left:1rem;
  padding-right:1rem;
  border:0.1rem solid rgba(170, 170, 170, 1);
}

.textInput.mod-invalid .textInput-input{
  background-color:rgba(204, 45, 55, 1);
}

.textInput.mod-invalid .subline{
  color:rgba(204, 45, 55, 1);
}

.textInput-primaryLabel{
  font-size:1.4em;
  line-height:2;
  display:inline-block;
  margin-top:5px;
  margin-bottom:-5px;
}

.mod-turingTest{
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  height:0;
  width:0;
  z-index:-1;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.textareaInput-input{
  padding:1rem;
  border:0.1rem solid rgba(170, 170, 170, 1);
  height:calc(1.6em * 5);
  line-height:1.4;
  font-size:1.6em;
  width:100%;
}

.textareaInput-input:focus{
  outline:0;
  border-color:rgba(17, 153, 231, 1);
}

.textareaInput-input:focus + .subline{
  color:rgba(17, 153, 231, 1);
}

.productSet{
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  padding:2vw;
  padding-bottom:0;
}

.productSet > *{
  flex:0 0 49%;
  margin-bottom:2vw;
}

.productSet > *:nth-child(2n){
  margin-left:2%;
}

@media (min-width: 768px){
  .productSet > *{
    flex:0 0 32%;
    -ms-flex:0 0 26%;
  }

  .productSet > *:nth-child(2n){
    margin-left:0;
  }

  .productSet > *:nth-child(3n-1){
    margin-left:2%;
    margin-right:2%;
  }
}

@media (min-width: 1000px){
  .productSet{
    padding:2rem;
    padding-bottom:calc(2rem - 2%);
  }

  .productSet > *{
    margin-bottom:2rem;
  }
}

@media (min-width: 1300px){
  .productSet{
    padding:1%;
  }

  .layout:not(.mod-fixedWidth) .productSet > *{
    flex:0 0 23%;
    margin:1%;
  }
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.productTile{
  position:relative;
  padding:2rem 0 22vw;
  background-color:rgba(210, 210, 210, 1);
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
  transition:background 0.1s;
  text-align:center;
}

@media (min-width: 480px){
  .productTile{
    padding-bottom:8.4rem;
  }
}

@media (min-width: 1000px){
  .productTile{
    padding-bottom:7rem;
  }
}

.productTile:hover{
  background-color:rgba(170, 170, 170, 1);
}

.productTile-image{
  padding-bottom:100%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:auto 95%;
}

.productTile-text{
  font-size:4.1vw;
  line-height:1.05;
  color:rgba(129, 129, 129, 1);
}

@media (min-width: 480px){
  .productTile-text{
    font-size:2rem;
  }
}

@media (min-width: 480px){
  .productTile-text{
    font-size:1.6rem;
  }
}

.productTile:hover .productTile-text{
  color:rgba(33, 33, 33, 1);
}

.productTile-button{
  position:absolute;
  left:1.8rem;
  right:1.8rem;
  bottom:2rem;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

:root{
  --z-previewToggle--productTitle:1;
  --z-button--productTitle:2;
}

.productTitle{
  position:fixed;
  z-index:6;
  left:0;
  padding:0.5rem 0 0 1rem;
  height:16rem;
  width:100%;
  transition:transform 0.3s;
}

.layout.is-productSelect .productTitle{
  display:none;
}

.productTitle-hero{
  font-size:2em;
  display:block;
  word-wrap:normal;
  text-transform:uppercase;
}

.productTitle-productName{
  font-size:1.5em;
  display:block;
  word-wrap:normal;
  text-transform:uppercase;
  padding:0 5px;
}

.productTitle-price{
  font-size:1.5em;
  display:block;
  word-wrap:normal;
  color:rgba(170, 170, 170, 1);
}

.productTitle-note{
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:40px;
  font-size:1.4em;
  font-style:italic;
  word-wrap:normal;
  color:rgba(170, 170, 170, 1);
}

.productTitle-button{
  position:absolute;
  left:1rem;
  bottom:1rem;
  width:100%;
  height:5rem;
  opacity:1;
  z-index:2;
  transition:opacity 0.1s;
}

.productTitle-buttonVariation{
  position:absolute;
  top:0;
  left:0;
  opacity:1;
  transition:opacity 0.1s;
  width:100%;
}

.productTitle-buttonVariation .button:first-child{
  width:24rem;
  margin-right:1rem;
}

.productTitle-buttonVariation.mod-on,
.layout.is-finalize .productTitle-buttonVariation.mod-off{
  opacity:0;
  z-index:-1;
}

.layout.is-finalize .productTitle-buttonVariation.mod-on{
  opacity:1;
  z-index:1;
}

.productTitle-button.mod-hidden{
  opacity:0;
  pointer-events:none;
  z-index:-1;
}

.productTitle-previewToggle{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  height:16rem;
  width:16rem;
}

.productTitle-previewToggle.is-on{
  height:calc(16rem / 2);
  width:calc(16rem / 2);
}

.productTitle-previewToggleInner{
  background-color:rgba(33, 33, 33, 0.5);
  width:4rem;
  height:4rem;
  position:absolute;
  top:1rem;
  right:1rem;
  -webkit-user-select:none;
          user-select:none;
  cursor:default;
}

.productTitle-previewToggle .icon{
  width:100%;
  height:100%;
}

.productTitle .returnToSite{
  font-size:14px;
  color:rgba(129, 129, 129, 1);
  padding-bottom:2px;
}

.productTitle .returnToSite a{
  -webkit-text-decoration:none;
  text-decoration:none;
  color:inherit;
}

.productTitle .returnToSite .arrow{
  font-size:16px;
  font-weight:bold;
  padding-right:2px;
  color:rgba(110, 110, 110, 1);
}

@media (min-width: 1000px){
  .productTitle{
    position:absolute;
    top:0;
    left:auto;
    right:0;
    max-width:38em;
    width:38%;
    text-align:center;
    color:rgba(33, 33, 33, 1);
    background:rgba(255, 255, 255, 1);
    height:13rem;
    padding:1.5rem 0 0;
  }

  .layout.is-productSelect .productTitle{
    display:block;
  }

  .productTitle-previewToggle,
  .productTitle-button{
    display:none;
  }
}

@media (max-width: 999px){
  .productTitle-productName{
    padding:0;
  }
  .productTitle-note{
    font-size:1.2em;
    height:auto;
  }
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.socialIcons.mod-largeScreen{
  display:none;
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:1;
}

.socialIcons.mod-smallScreen{
  display:flex;
  justify-content:space-around;
}

.socialIcons div{
  cursor:pointer;
}

.socialIcons a{
  display:block;
}

@media (min-width: 1000px){
  .socialIcons.mod-largeScreen{
    display:block;
  }
}

@media (min-width: 1000px){
  .socialIcons.mod-smallScreen{
    display:none;
  }
}

.socialIcons .icon{
  fill:rgba(170, 170, 170, 1);
}

.socialIcons div:hover .icon,
.socialIcons a:hover .icon{
  fill:rgba(82, 82, 82, 1);
}

.socialIcons.mod-largeScreen .icon{
  width:3.6rem;
  height:3.6rem;
}

.socialIcons.mod-smallScreen .icon{
  width:4.4rem;
  height:4.4rem;
}

.socialIcons .copyUrl-copied .icon{
  fill:rgba(17, 153, 231, 1);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.finalizeBlock-table{
  margin:0;
  padding:0;
  border:0;
  width:100%;
  color:rgba(110, 110, 110, 1);
}

.block.mod-finalize{
  padding-top:1rem;
}

.block.mod-finalize + .block.mod-finalize{
  padding-top:0;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.finalizeRow-label{
  font-weight:500;
  font-size:1.4em;
  text-align:left;
  width:calc(100% - 60%);
  line-height:1.4;
}

.finalizeRow-value{
  font-size:1.4em;
  width:60%;
}

.contactForm .textInput,
.contactForm .selectInput,
.contactForm .textareaInput{
  margin-bottom:1rem;
}

.reset-recipe{
  color:gray;
  font-size:1.4em;
  font-style:italic;
  -webkit-text-decoration:none;
  text-decoration:none;
  display:inline-block;
  margin-top:1rem;
  text-align:center;
  width:100%;
}

.reset-recipe:hover{
  -webkit-text-decoration:underline;
  text-decoration:underline;
  cursor:pointer;
}

@media (max-width: 999px){
  .sidebar .reset-recipe{
    margin-top:1.5em;
    margin-bottom:1.5em;
  }
}

@media (min-width: 1000px){
  .sidebar .reset-recipe{
    display:none;
  }
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.layout.is-productSelect .finalize-header{
  display:none;
}

.finalize{
  display:none;
  background:rgba(255, 255, 255, 1);
  overflow:hidden;
  transition:top 0.1s;
  padding-top:16rem;
}

.finalize.is-on{
  top:16rem;
  height:100%;
  overflow-x:auto;
  display:block;
}

.finalize-header{
  display:none;
}

.finalize-recipe{
  font-size:1.5rem;
  color:white;
  position:relative;
  top:-1.1rem;
  flex-grow:1;
}

.finalize-recipe-label{
  text-transform:uppercase;
}

@media screen{
  .finalize-recipe{
    display:none;
  }
}

.finalize-body{
  width:100%;
  height:calc(100% - 16rem);
  overflow:hidden;
}

.finalize.is-on .finalize-body{
  overflow-y:auto;
}

.finalize-footer{
  padding:1rem;
  height:7rem;
}

@media (min-width: 1000px){
  .finalize{
    display:block;
    position:absolute;
    right:0;
    top:100vh;
    z-index:7;
    max-width:38em;
    width:38%;
    height:100%;
    bottom:auto;
    top:calc(100% - 11rem);
    height:calc(0% + 11rem);
    padding-top:0;
  }

  .finalize.is-on{
    top:calc(13rem - 2rem);
    overflow-x:auto;
    height:calc(100% + 2rem - 13rem);
  }

  .finalize-header{
    display:block;
    background-color:rgba(255, 255, 255, 1);
    width:100%;
    text-align:center;
    height:11rem;
    overflow:hidden;
  }

  .finalize.is-on .finalize-header{
    height:8rem;
  }

  .finalize-headerButtons{
    display:flex;
  }

  .finalize-headerButtons > *{
    flex-basis:0;
    flex-grow:1;
  }

  .finalize-headerButtons > *:not(:first-child){
    margin-left:10px;
  }

  .finalize-headerButtons .icon{
    max-width:14px;
    max-height:14px;
  }

  .finalize-headerVariation{
    display:flex;
    flex-direction:column;
    position:relative;
    top:0%;
    height:100%;
    padding:1rem;
  }

  .finalize.is-on .finalize-headerVariation{
    top:-100%;
  }

  .finalize-headerVariation,
  .finalize.is-on .finalize-headerVariation.mod-on{
    opacity:1;
    transition:opacity ease-in 0.1s;
  }

  .finalize-headerVariation.mod-on,
  .finalize.is-on .finalize-headerVariation.mod-off{
    opacity:0;
  }

  .finalize-headerVariation.mod-on{
    padding-top:2rem;
  }

  .finalize.is-off .finalize-body{
    height:calc(100% - 13rem - 7rem);
  }

  .finalize.is-on .finalize-body{
    height:calc(100% - 8rem - 7rem);
  }

  .finalize-footer{
    position:absolute;
    z-index:-1;
    right:0;
    bottom:0;
    width:100%;
    opacity:0;
    background-color:rgba(255, 255, 255, 1);
  }

  .finalize.is-on .finalize-footer{
    z-index:1;
    opacity:1;
  }
}

.roster-table{
  font-size:1.4rem;
  color:rgba(110, 110, 110, 1);
  text-align:left;
  margin-left:-2px;
}

.roster-table td:nth-of-type(1){
  width:5rem;
  white-space:nowrap;
  padding-right:1rem;
}

.roster-table td:nth-of-type(2){
  width:7rem;
}

.roster-table td:nth-of-type(3){
  width:7rem;
}

.roster-total{
  font-weight:bold;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

.viewNavigation{
  height:6rem;
  position:absolute;
  bottom:0;
  width:100%;
  z-index:-1;
  text-align:center;
  opacity:0;
  transition:none;
}

.viewNavigationWithHelp{
  height:9rem;
}

.renderer.is-on .viewNavigation{
  opacity:1;
  z-index:5;
  transition:opacity 0.1s 0.1s;
}

.renderer.is-off .viewNavigation{
  display:none;
}

.help-text.is-desktop{
  display:none;
}

@media (min-width: 1000px){
  .viewNavigation{
    opacity:1;
    z-index:5;
  }
  .renderer.is-off .viewNavigation{
    display:block;
  }

  .viewNavigation .mod-view{
    padding:0 3rem !important;
  }

  .help-text.is-mobile{
    display:none;
  }
  .help-text.is-desktop{
    display:inline;
  }
}

.viewNavigation > *{
  margin:0 0.4rem;
}

.viewNavigation .view-buttons{
  display:flex;
  justify-content:center;
}

.viewNavigation .mod-view{
  width:auto;
  margin:0 0.5rem;
  padding:0 1rem;
}

.viewNavigation .renderer-help{
  padding-top:0.5rem;
  font-size:1.2rem;
  color:rgba(129, 129, 129, 1);
}

.viewNavigation .renderer-help .icon.mod-3d{
  width:4rem;
  height:4rem;
  vertical-align:middle;
  margin-right:1rem;
  fill:rgba(129, 129, 129, 1);
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

#renderer{
  width:100%;
  height:100%;
}

#renderer .viewNavigation{
  height:9rem;
}

#renderer canvas{
  width:100%;
  height:100%;
  outline:0;
}

#renderer .loader-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.preview,
.renderer{
  background:#e5e5e5 !important;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}
@media print{
  .layout{
    background:none;
  }

  .is-finalize .overlay,
  .is-finalize .layout-header,
  .is-finalize .layout-footer,
  .is-finalize .sidebar,
  .is-finalize .finalize-footer,
  .is-finalize .finalize-header .button,
  .is-finalize .finalize-body .button,
  .is-finalize .finalize-headerVariation.mod-off,
  .is-finalize .socialIcons,
  .is-finalize .copyUrl,
  .is-finalize .productTitle .productTitle-button,
  .is-finalize .productTitle .productTitle-previewToggle,
  .is-finalize .returnToSite{
    display:none !important;
  }

  .is-finalize .layout-body{
    padding:0;
    max-width:100%;
    height:auto !important;
    overflow:visible;
  }

  .is-finalize .productTitle{
    position:absolute;
    top:0;
    left:auto;
    right:0;
    width:40%;
    text-align:center;
    padding:0;
    background:none;
    color:rgba(33, 33, 33, 1);
  }

  .is-finalize .preview{
    position:relative;
    float:left;
    width:60%;
    top:auto;
    left:auto;
    background:none;
  }

  .is-finalize .finalize{
    position:relative;
    float:right;
    max-width:100%;
    width:40%;
    height:auto;
    padding:0;
    top:100px;
  }
  .previewImage{
    justify-content:flex-start;
  }

  .is-finalize .finalize a{
    -webkit-text-decoration:none;
    text-decoration:none;
  }
  .is-finalize .finalize a:before{
    content:'Filename: ';
  }
  .is-finalize .finalize a:after{
    content:'\aLink: ' attr(href);
    white-space:pre-line;
    word-break:break-all;
  }

  .is-finalize .finalize-header{
    display:block;
    height:auto;
    margin-bottom:15px;
    background:none;
    text-align:center;
  }

  .is-finalize .finalize-body{
    height:auto;
  }

  .is-finalize .finalize-headerVariation.mod-on{
    top:auto;
    opacity:1 !important;
  }

  .is-finalize .finalize .contentHead{
    padding:0;
  }

  .is-finalize .finalize .contentHead.mod-section{
    line-height:1;
    height:auto;
    background:none;
  }

  .is-finalize .finalize .section.mod-finalize{
    margin-top:1.8rem;
  }

  .is-finalize .finalize .contentLabel.mod-finalize{
    padding-left:0;
    text-transform:uppercase;
  }

  .is-finalize .finalize .contentBody.mod-block.mod-finalize{
    padding-left:0;
  }

  .is-finalize
    .finalize
    .contentBody.mod-block.mod-finalize
    .contentBody-inner{
    padding-left:0;
  }

  .is-finalize .finalize .contentLabel.mod-section{
    color:rgba(91, 91, 91, 1);
    font-size:1.3em;
  }

  .is-finalize .finalize .block.mod-finalize{
    page-break-inside:avoid;
    padding-bottom:1rem;
  }

  .is-finalize .finalize .block.mod-finalize table th{
    padding-right:0.5rem;
  }

  .is-finalize .finalize .block.mod-finalize table tr th,
  .is-finalize .finalize .block.mod-finalize table tr td{
    border-bottom:0.1rem solid #ccc;
  }

  .is-finalize .finalize .block.mod-finalize table tr:last-child th,
  .is-finalize .finalize .block.mod-finalize table tr:last-child td{
    border-bottom:0.1rem solid #ccc;
  }

  .is-finalize .finalize .finalizeRow-label{
    width:50%;
  }

  .is-finalize .finalize .finalizeRow-value{
    width:50%;
  }

  .is-finalize .finalize-recipe{
    top:auto;
    color:rgba(33, 33, 33, 1);
  }

  .is-finalize .renderer{
    width:100%;
    height:100%;
    background:none;
  }

  .is-finalize .preview-images{
    display:block;
    padding-right:1rem;
  }
}
html{
  font-size:62.5%;
  box-sizing:border-box;
}
*,
*:before,
*:after{
  box-sizing:inherit;
}
body{
  margin:0;
  font-family:'Roboto', sans-serif;
}
.layout{
  background-color:rgba(29, 29, 29, 1);
}
.layout-header{
  position:fixed;
  z-index:3;
  top:0;
  left:0;
  width:100%;
  margin:0 auto;
  overflow:hidden;
}
.layout:not(.is-productSelect):not(.is-finalize) .layout-header{
  transition:transform 0.3s;
}
.layout-body{
  position:relative;
  overflow:hidden;
  width:100%;
  margin:0 auto;
  background-color:rgba(255, 255, 255, 1);
}
.layout-footer{
  width:100%;
  margin:0 auto;
}
.sidebar{
  position:relative;
  z-index:2;
  height:100%;
}
.layout.is-finalize .sidebar{
  display:none;
}
.sidebar-body{
  overflow:auto;
  height:calc(100%);
  width:100%;
}
@media (max-width: 999px){
  .renderer.is-on{
    width:100vw;
    height:100vh;
  }

  .layout.is-productSelect .layout-body{
    display:flex;
    flex-direction:column;
  }

  .layout.is-productSelect .viewer{
    order:2;
  }

  .layout.is-productSelect .sidebar{
    order:1;
  }

  .layout:not(.is-productSelect) .sidebar-body{
    padding-top:calc(
      16rem + 4.2rem
    );
  }
}
@media (min-width: 1000px){
  .layout-header{
    position:relative;
  }

  .layout-body{
    height:100vh;
  }
  .sidebar{
    position:absolute;
    max-width:38em;
    width:38%;
    left:calc(100% - 38em);
    right:0;
    top:13rem;
    height:calc(
      100% - 13rem - 11rem
    );
    overflow-y:auto;
  }
  .sidebar-body{
    padding-top:4.2rem;
  }

  .layout.is-productSelect .sidebar{
    height:calc(100% - 13rem);
  }

  .layout.is-finalize .sidebar{
    display:block;
  }

  .layout.is-productSelect .finalize{
    display:none;
  }
}
.block{
  background-color:rgba(255, 255, 255, 1);
}
.preview{
  position:fixed;
  z-index:4;
  width:100%;
  height:auto;
  left:0;
  background-color:rgba(245, 245, 245, 1);
}
.layout:not(.is-productSelect):not(.is-finalize) .preview{
  transition:transform 0.3s;
}
@media (min-width: 1000px){
  .preview{
    position:absolute;
    top:0;
  }
}
.layout.is-productSelect .preview{
  visibility:hidden;
}
.renderer{
  position:relative;
  width:12rem;
  height:16rem;
  left:100%;
  transform:translateX(-100%);
  background-color:rgba(245, 245, 245, 1);
}
.layout:not(.is-productSelect):not(.is-finalize) .renderer{
  transition:width 0.1s, height 0.1s;
}
.renderer-viewport{
  position:absolute;
  width:100%;
  height:100%;
}
.renderer.is-on .renderer-viewport{
  height:100%;
}
.renderer.is-hidden{
  visibility:hidden;
}
.renderer-viewport > *{
  position:absolute;
  height:100%;
  width:100%;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.renderer-viewport .loading-indicator{
  margin-left:-36px;
  margin-top:-36px;
}
.renderer-viewport > * > canvas{
  width:100%;
  height:100%;
  outline:none;
}
.preview-images-outer{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
}
.preview-images{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.preview-images-inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:10vh 10vw;
}
.preview-image-large{
  height:50vh;
}
.preview-images-small{
  margin-top:5vh;
  height:25vh;
  display:flex;
}
.preview-image-small{
  height:100%;
}
.preview-image-small:not(:first-child){
  margin-left:5vh;
}
.preview-image-vertical:not(:first-child){
  margin-top:5vh;
}
@media (max-width: 999px){
  .preview-images .preview-image-corner{
    display:none;
  }

  .layout:not(.is-preview-on) .preview-image-corner{
    display:block;
    position:absolute;
    right:0;
    top:0;
    height:12rem;
    width:auto;
    margin-top:2em;
  }
}
@media (min-width: 1000px){
  .preview{
    max-width:calc(100% - 38em);
    width:100%;
    height:100%;
  }

  .renderer{
    width:100%;
    height:100%;
    left:0;
    transform:translateX(0);
  }

  .renderer.is-on .renderer-viewport,
  .renderer-viewport{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:100%;
  }
}
.productSelect{
  background-color:rgba(245, 245, 245, 1);
}
.layout:not(.is-productSelect) .productSelect{
  display:none;
}
@media (min-width: 1000px){
  .productSelect{
    overflow-y:auto;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    width:calc(100% - 38em);
  }
}
#viewer{
  float:left;
  white-space:pre;
}
#viewer .key{
  font-family:monospace;
  font-size:12px;
  padding-right:10px;
}
#viewer .value{
  font-size:14px;
  font-weight:bold;
  color:#444;
}
#viewer .null-value{
  font-size:12px;
  font-style:italic;
  color:#444;
}
#viewer td{
  vertical-align:top;
}
#viewer tr:nth-child(odd){
  background:#eee;
}
select{
  width:200px;
}
.field + .field{
  margin-top:10px;
}
.field label{
  font-size:12px;
}
.field .error{
  color:indianred;
  font-size:0.75em;
  padding-top:5px;
}
.roster h5{
  display:inline-block;
  line-height:0;
  padding-right:5px;
}
.roster .add{
  margin-top:20px;
}
.roster .remove{
  color:rgb(0, 0, 238);
  cursor:pointer;
}
a{
  color:rgba(17, 153, 231, 1);
}
h1 a{
  color:black;
  -webkit-text-decoration:none;
  text-decoration:none;
}
.graphics-control{
  padding:1rem;
}
.RangeControl strong{
  color:rgba(129, 129, 129, 1);
}
.RangeControl .inputs{
  display:flex;
  align-items:center;
}
.RangeControl .unit{
  font-weight:bold;
  font-size:14px;
  padding-left:2px;
}
.RangeControl input[type='number']{
  width:60px;
}
.RangeControl input[type='range']{
  margin-left:10px;
}

:root{
  --color-black:rgba(33, 33, 33, 1);
  --color-white:rgba(255, 255, 255, 1);
  --color-warmerWhite:rgba(246, 246, 246, 1);
  --color-warmWhite:rgba(245, 245, 245, 1);
  --color-darkerWhite:rgba(250, 250, 250, 1);
  --color-darkGray:rgba(82, 82, 82, 1);
  --color-midDarkGray:rgba(91, 91, 91, 1);
  --color-darkerGray:rgba(129, 129, 129, 1);
  --color-darkestGray:rgba(110, 110, 110, 1);
  --color-gray:rgba(170, 170, 170, 1);
  --color-lightGray:rgba(210, 210, 210, 1);
  --color-lighterGray:rgba(235, 235, 235, 1);
  --color-moka:rgba(61, 65, 70, 1);
  --color-blue:rgba(17, 153, 231, 1);
  --color-darkBlue:rgba(21, 25, 35, 1);
  --color-red:rgba(204, 45, 55, 1);
  --color-green:rgba(58, 152, 104, 1);
  --color-brown:rgba(120, 75, 14, 1);
  --color-yellow:rgba(255, 247, 237, 1);

  --color-alpha50-black:rgba(33, 33, 33, 0.5);

  --color-black--button-hover:rgba(33, 33, 33, 0.2);
  --color-white--button-hover:rgba(255, 255, 255, 0.2);
  --color-gray--button-hover:rgba(170, 170, 170, 0.2);

  --backgroundColor-normal--overlay:rgb(from var(--color-black) r g b / 80%);

  --backgroundColor-normal--layout:rgba(29, 29, 29, 1);
  --backgroundColor-body--layout:var(--color-white);

  --fillColor-background--loadingIndicator:var(--color-darkerWhite);
  --fillColor-foreground--loadingIndicator:var(--color-darkerGray);

  --color-normal--button:var(--color-black);
  --color-hover--button:rgb(from var(--color-black) r g b / 20%);
  --color-normal--button-gray:var(--color-gray);
  --color-hover--button-gray:rgb(from var(--color-gray) r g b / 20%);
  --backgroundColor-normal--button-view:var(--color-warmWhite);

  --backgroundColor-normal--renderer:var(--color-warmWhite);
  --backgroundColor-normal--productSelect:var(--color-warmWhite);

  --backgroundColor-normal--preview:var(--color-warmWhite);

  --z-base:1;
  --z-sidebar:2;
  --z-finalize:3;
  --z-preview:4;
  --z-viewNavigation:5;
  --z-logo:6;
  --z-finalize-large:7;
  --z-overlay:8;
  --z-modal:9;

  --color-normal--blockMessage:var(--color-brown);
  --backgroundColor-normal--blockMessage:var(--color-yellow);

  --height-large--productTitle:13rem;
  --height-small--productTitle:16rem;
  --height--navigation:4.2rem;
  --height-viewNavigation:6rem;
  --height-viewNavigationWithHelp:9rem;
  --backgroundColor-previewToggle--productTitle:var(--color-alpha50-black);
  --backgroundColor-large--productTitle:var(--color-white);
  --height-large--finalize:11rem;
  --backgroundColor-normal--finalize:var(--color-white);
  --backgroundColor-header--finalize:var(--color-white);
  --height-large--finalize-footer:7rem;
  --backgroundColor-large--finalize-footer:var(--color-white);
  --width-value--finalizeRow:60%;

  --backgroundColor-normal--buttonRemove:var(--color-red);
  --backgroundColor-normal--buttonAdd:var(--color-green);

  --frame-color--toggle:var(--color-darkGray);
  --highlight-color--toggle:var(--color-darkerGray);
  --label-default-color--toggle:var(--color-black);
  --label-active-color--toggle:var(--color-white);

  --backgroundColor-none--tile:var(--color-lightGray);
  --backgroundColor-normal--tile:var(--color-lightGray);
  --backgroundColor-hover--tile:var(--color-gray);
  --backgroundColor-active--tile:var(--color-darkestGray);
  --backgroundColor-disabled--tile:var(--color-darkerWhite);
  --color-none--tile:var(--color-midDarkGray);
  --color-normal--tile:var(--color-darkerGray);
  --color-hover--tile:var(--color-black);
  --color-active--tile:var(--color-white);
  --color-disabled--tile:var(--color-lightGray);
  --fill-normal--tile:var(--color-darkerGray);
  --fill-hover--tile:var(--color-black);
  --fill-active--tile:var(--color-white);
  --fill-disabled--tile:var(--color-lightGray);
  --borderColor-normal--tile:rgba(170, 170, 170, 0);
  --borderColor-hover--tile:var(--color-gray);

  --color-onDarkBg--tileLabel:var(--color-white);
  --color-onLightBg--tileLabel:var(--color-darkgray);

  --color-onSection--contentLabel:var(--color-white);
  --color-normal--contentLabel:var(--color-midDarkGray);

  --borderColor-bottom--contentHead:var(--color-lightGray);
  --borderColor-bottom--section-contentHead:var(--color-gray);
  --backgroundColor-dark--contentHead:var(--color-darkerGray);

  --fill-block--contentHeadArrow:var(--color-lightGray);
  --fill-section--contentHeadArrow:var(--color-gray);

  --borderColor-bottom--contentBody:var(--color-lighterGray);

  --color-normal--subline:var(--color-gray);

  --borderColor-normal--textInput:var(--color-gray);
  --borderColor-focus--textInput:var(--color-blue);

  --backgroundColor-focus--selectInput:var(--color-white);
  --borderColor-normal--selectInput:var(--color-gray);
  --borderColor-focus--selectInput:var(--color-blue);

  --borderColor-normal--textareaInput:var(--color-gray);
  --borderColor-focus--textareaInput:var(--color-blue);

  --color-normal--tagButton:var(--color-darkerGray);
  --backgroundColor-normal--tagButton:var(--color-darkBlue);
  --color-hover--tagButton:var(--color-white);
  --color-active--tagButton:var(--color-white);
  --backgroundColor-active--tagButton:var(--color-blue);

  --color-normal--viewButton:var(--color-gray);
  --borderColor-normal--viewButton:var(--color-gray);
  --color-hover-active--viewButton:var(--color-darkestGray);
  --borderColor-hover-active--viewButton:var(--color-darkestGray);

  --color-normal--typeTab:var(--color-darkerGray);
  --backgroundColor-normal--typeTab:var(--color-lightGray);
  --color-hover--typeTab:var(--color-black);
  --color-active--typeTab:var(--color-white);
  --backgroundColor-active--typeTab:var(--color-darkestGray);

  --color-normal--fileUpload:var(--color-darkGray);
  --borderColor-normal--fileUpload:var(--color-gray);
  --borderColor-active--fileUpload:#1199e7;
  --borderColor-rejected--fileUpload:#ef573b;
  --backgroundColor-normal--fileUpload:var(--color-lighterGray);
  --fill-icon--fileUpload:var(--color-lightGray);

  --backgroundColor-normal--navigation:var(--color-darkBlue);

  --backgroundColor-normal--productTile:var(--color-lightGray);
  --backgroundColor-hover--productTile:var(--color-gray);
  --color-normal--productTile:var(--color-darkerGray);
  --color-hover--productTile:var(--color-black);
  --color-normal--buttonProductTile:var(--color-darkerGray);
  --borderColor-normal--buttonProductTile:var(--color-darkerGray);
  --color-hover--buttonProductTile:var(--color-black);
  --borderColor-hover--buttonProductTile:var(--color-black);

  --color-fill--icon:var(--color-black);
  --color-fill--icon-arrow:var(--color-moka);
  --color-fill--icon-checked:var(--color-white);
  --color-fill--icon-close:var(--color-white);
  --color-fill--icon-zoom:var(--color-white);
  --color-fill--icon-share:var(--color-gray);
  --color-fill--icon-edit:var(--color-gray);
  --color-fill--icon-plus:var(--color-gray);
  --color-fill--icon-cart:var(--color-white);
  --color-fill--icon-info:var(--color-white);
  --color-fill--icon-upload:var(--color-white);
  --color-fill--icon-select:var(--color-white);

  --color-fill-hover--socialIcons:var(--color-darkGray);

  --color-normal--copyUrl:var(--color-gray);
  --color-hover--copyUrl:var(--color-darkGray);
  --color-active--copyUrl:var(--color-blue);
  --color-fill-active--copyUrl:var(--color-blue);
  --color-fill-hover--copyUrl:var(--color-darkGray);
  --color-fill--copyUrl:var(--color-blue);

  --width-normal--rosterActionButton:3.4rem;

  --color--finalizeBlock-table:var(--color-darkestGray);
}

@media (max-width: 999px){
  .preview-images-outer{
    margin-top:50px;
  }
}

#sidebar .error{
  color:rgba(204, 45, 55, 1);
  font-weight:bold;
  font-size:12px;
}


/*# sourceMappingURL=frontend.css.b20f5d0490a5928f7ced.css.map*/