/* Spectre CSS Variables */
:root,
.cmt-prcu-has-customizations {
  --primary-color: #ff0537;
  --primary-color-dark: #d90011;
  --primary-color-light: #ff5e90;
  --secondary-color: #ff6395;
  --secondary-color-dark: #ff386a;
  --secondary-color-light: #ff78aa;
  --body-bg: #ffffff;
  --body-color: #3b4351;
  --card-bg: #ffffff;
  --border-color: #e7e8ec;
  --border-color-dark: #c4c7d0;
  --border-color-light: #f1f1f4;
  --bg-dark: #f7f8f9;
  --bg-light: #ffffff;
  --bg-secondary: #f8f9fa;
  --text-dark: #303742;
  --text-light: #ffffff;
  --gray-color: #bcc3ce;
  --gray-color-dark: #66758c;
  --gray-color-light: #f1f1f4;
  --link-color: #ff0537;
  --link-color-dark: #d90011;
}

[data-theme="dark"],
.cmt-prcu-has-customizations[data-theme="dark"],
.cmt-prcu-has-customizations.dark {
  --primary-color: #ff0537;
  --primary-color-dark: #ff2b5d;
  --primary-color-light: #cc0004;
  --secondary-color: #bf0000;
  --secondary-color-dark: #a60000;
  --secondary-color-light: #e6001e;
  --body-bg: #181a1b;
  --body-color: #d8d6d0;
  --card-bg: #1e2124;
  --border-color: #36393e;
  --border-color-dark: #4a4e54;
  --border-color-light: #282b30;
  --bg-dark: #282b30;
  --bg-light: #1e2124;
  --bg-secondary: #23262a;
  --text-dark: #f0f0f0;
  --text-light: #1e2124;
  --gray-color: #585e68;
  --gray-color-dark: #9da3ad;
  --gray-color-light: #23262a;
  --link-color: #ff2b5d;
  --link-color-dark: #ff0537;
}


.cmt-prcu-has-customizations fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

.cmt-prcu-has-customizations legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

.cmt-prcu-has-customizations progress {
  display: inline-block;
  vertical-align: baseline
}

.cmt-prcu-has-customizations textarea {
  overflow: auto
}

.cmt-prcu-has-customizations [type=checkbox],
.cmt-prcu-has-customizations [type=radio] {
  box-sizing: border-box;
  padding: 0
}

.cmt-prcu-has-customizations [type=number]::-webkit-inner-spin-button,
.cmt-prcu-has-customizations [type=number]::-webkit-outer-spin-button {
  height: auto
}

.cmt-prcu-has-customizations [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

.cmt-prcu-has-customizations [type=search]::-webkit-search-cancel-button,
.cmt-prcu-has-customizations [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

.cmt-prcu-has-customizations ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

.cmt-prcu-has-customizations details,
.cmt-prcu-has-customizations menu {
  display: block
}

.cmt-prcu-has-customizations summary {
  display: list-item;
  outline: none
}

.cmt-prcu-has-customizations canvas {
  display: inline-block
}

.cmt-prcu-has-customizations template {
  display: none
}

.cmt-prcu-has-customizations abbr[title] {
  border-bottom: .05rem dotted;
  cursor: help;
  text-decoration: none
}

.cmt-prcu-has-customizations kbd {
  border-radius: .1rem;
  line-height: 1.25;
  padding: .1rem .2rem;
  background: var(--text-dark);
  color: var(--text-light);
  font-size: .7rem
}

.cmt-prcu-has-customizations mark {
  background: #ffe9b3;
  color: var(--body-color);
  border-bottom: .05rem solid #ffe9b3;
  border-radius: .1rem;
  padding: .05rem .1rem 0
}

.cmt-prcu-has-customizations blockquote {
  border-left: .1rem solid var(--border-color);
  margin-left: 0;
  padding: .4rem .8rem
}

.cmt-prcu-has-customizations blockquote p:last-child {
  margin-bottom: 0
}

.cmt-prcu-has-customizations ul,
.cmt-prcu-has-customizations ol {
  margin: .8rem 0 .8rem .8rem;
  padding: 0
}

.cmt-prcu-has-customizations ul ul,
.cmt-prcu-has-customizations ul ol,
.cmt-prcu-has-customizations ol ul,
.cmt-prcu-has-customizations ol ol {
  margin: .8rem 0 .8rem .8rem
}

.cmt-prcu-has-customizations ul li,
.cmt-prcu-has-customizations ol li {
  margin-top: .4rem
}

.cmt-prcu-has-customizations ul {
  list-style: disc inside
}

.cmt-prcu-has-customizations ul ul {
  list-style-type: circle
}

.cmt-prcu-has-customizations ol {
  list-style: decimal inside
}

.cmt-prcu-has-customizations ol ol {
  list-style-type: lower-alpha
}

.cmt-prcu-has-customizations dl dt {
  font-weight: bold
}

.cmt-prcu-has-customizations dl dd {
  margin: .4rem 0 .8rem 0
}

.cmt-prcu-has-customizations .container {
  margin-left: auto;
  margin-right: auto;
  padding-left: .4rem;
  padding-right: .4rem;
  width: 100%
}

.cmt-prcu-has-customizations .container.grid-xl {
  max-width: 1296px
}

.cmt-prcu-has-customizations .container.grid-lg {
  max-width: 976px
}

.cmt-prcu-has-customizations .container.grid-md {
  max-width: 856px
}

.cmt-prcu-has-customizations .container.grid-sm {
  max-width: 616px
}

.cmt-prcu-has-customizations .container.grid-xs {
  max-width: 496px
}

.cmt-prcu-has-customizations .show-xs,
.cmt-prcu-has-customizations .show-sm,
.cmt-prcu-has-customizations .show-md,
.cmt-prcu-has-customizations .show-lg,
.cmt-prcu-has-customizations .show-xl {
  display: none !important
}

.cmt-prcu-has-customizations .cols,
.cmt-prcu-has-customizations .columns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.4rem;
  margin-right: -0.4rem
}

.cmt-prcu-has-customizations .cols.col-gapless,
.cmt-prcu-has-customizations .columns.col-gapless {
  margin-left: 0;
  margin-right: 0
}

.cmt-prcu-has-customizations .cols.col-gapless>.column,
.cmt-prcu-has-customizations .columns.col-gapless>.column {
  padding-left: 0;
  padding-right: 0
}

.cmt-prcu-has-customizations .cols.col-oneline,
.cmt-prcu-has-customizations .columns.col-oneline {
  flex-wrap: nowrap;
  overflow-x: auto
}

.cmt-prcu-has-customizations [class~=col-],
.cmt-prcu-has-customizations .column {
  flex: 1;
  max-width: 100%;
  padding-left: .4rem;
  padding-right: .4rem
}

.cmt-prcu-has-customizations [class~=col-].col-12,
.cmt-prcu-has-customizations [class~=col-].col-11,
.cmt-prcu-has-customizations [class~=col-].col-10,
.cmt-prcu-has-customizations [class~=col-].col-9,
.cmt-prcu-has-customizations [class~=col-].col-8,
.cmt-prcu-has-customizations [class~=col-].col-7,
.cmt-prcu-has-customizations [class~=col-].col-6,
.cmt-prcu-has-customizations [class~=col-].col-5,
.cmt-prcu-has-customizations [class~=col-].col-4,
.cmt-prcu-has-customizations [class~=col-].col-3,
.cmt-prcu-has-customizations [class~=col-].col-2,
.cmt-prcu-has-customizations [class~=col-].col-1,
.cmt-prcu-has-customizations [class~=col-].col-auto,
.cmt-prcu-has-customizations .column.col-12,
.cmt-prcu-has-customizations .column.col-11,
.cmt-prcu-has-customizations .column.col-10,
.cmt-prcu-has-customizations .column.col-9,
.cmt-prcu-has-customizations .column.col-8,
.cmt-prcu-has-customizations .column.col-7,
.cmt-prcu-has-customizations .column.col-6,
.cmt-prcu-has-customizations .column.col-5,
.cmt-prcu-has-customizations .column.col-4,
.cmt-prcu-has-customizations .column.col-3,
.cmt-prcu-has-customizations .column.col-2,
.cmt-prcu-has-customizations .column.col-1,
.cmt-prcu-has-customizations .column.col-auto {
  flex: none
}

.cmt-prcu-has-customizations .col-12 {
  width: 100%
}

.cmt-prcu-has-customizations .col-11 {
  width: 91.66666667%
}

.cmt-prcu-has-customizations .col-10 {
  width: 83.33333333%
}

.cmt-prcu-has-customizations .col-9 {
  width: 75%
}

.cmt-prcu-has-customizations .col-8 {
  width: 66.66666667%
}

.cmt-prcu-has-customizations .col-7 {
  width: 58.33333333%
}

.cmt-prcu-has-customizations .col-6 {
  width: 50%
}

.cmt-prcu-has-customizations .col-5 {
  width: 41.66666667%
}

.cmt-prcu-has-customizations .col-4 {
  width: 33.33333333%
}

.cmt-prcu-has-customizations .col-3 {
  width: 25%
}

.cmt-prcu-has-customizations .col-2 {
  width: 16.66666667%
}

.cmt-prcu-has-customizations .col-1 {
  width: 8.33333333%
}

.cmt-prcu-has-customizations .col-auto {
  flex: 0 0 auto;
  max-width: none;
  width: auto
}

.cmt-prcu-has-customizations .col-mx-auto {
  margin-left: auto;
  margin-right: auto
}

.cmt-prcu-has-customizations .col-ml-auto {
  margin-left: auto
}

.cmt-prcu-has-customizations .col-mr-auto {
  margin-right: auto
}

@media(max-width: 1280px) {

  .cmt-prcu-has-customizations .col-xl-12,
  .cmt-prcu-has-customizations .col-xl-11,
  .cmt-prcu-has-customizations .col-xl-10,
  .cmt-prcu-has-customizations .col-xl-9,
  .cmt-prcu-has-customizations .col-xl-8,
  .cmt-prcu-has-customizations .col-xl-7,
  .cmt-prcu-has-customizations .col-xl-6,
  .cmt-prcu-has-customizations .col-xl-5,
  .cmt-prcu-has-customizations .col-xl-4,
  .cmt-prcu-has-customizations .col-xl-3,
  .cmt-prcu-has-customizations .col-xl-2,
  .cmt-prcu-has-customizations .col-xl-1,
  .cmt-prcu-has-customizations .col-xl-auto {
    flex: none
  }

  .cmt-prcu-has-customizations .col-xl-12 {
    width: 100%
  }

  .cmt-prcu-has-customizations .col-xl-11 {
    width: 91.66666667%
  }

  .cmt-prcu-has-customizations .col-xl-10 {
    width: 83.33333333%
  }

  .cmt-prcu-has-customizations .col-xl-9 {
    width: 75%
  }

  .cmt-prcu-has-customizations .col-xl-8 {
    width: 66.66666667%
  }

  .cmt-prcu-has-customizations .col-xl-7 {
    width: 58.33333333%
  }

  .cmt-prcu-has-customizations .col-xl-6 {
    width: 50%
  }

  .cmt-prcu-has-customizations .col-xl-5 {
    width: 41.66666667%
  }

  .cmt-prcu-has-customizations .col-xl-4 {
    width: 33.33333333%
  }

  .cmt-prcu-has-customizations .col-xl-3 {
    width: 25%
  }

  .cmt-prcu-has-customizations .col-xl-2 {
    width: 16.66666667%
  }

  .cmt-prcu-has-customizations .col-xl-1 {
    width: 8.33333333%
  }

  .cmt-prcu-has-customizations .col-xl-auto {
    width: auto
  }

  .cmt-prcu-has-customizations .hide-xl {
    display: none !important
  }

  .cmt-prcu-has-customizations .show-xl {
    display: block !important
  }
}

@media(max-width: 960px) {

  .cmt-prcu-has-customizations .col-lg-12,
  .cmt-prcu-has-customizations .col-lg-11,
  .cmt-prcu-has-customizations .col-lg-10,
  .cmt-prcu-has-customizations .col-lg-9,
  .cmt-prcu-has-customizations .col-lg-8,
  .cmt-prcu-has-customizations .col-lg-7,
  .cmt-prcu-has-customizations .col-lg-6,
  .cmt-prcu-has-customizations .col-lg-5,
  .cmt-prcu-has-customizations .col-lg-4,
  .cmt-prcu-has-customizations .col-lg-3,
  .cmt-prcu-has-customizations .col-lg-2,
  .cmt-prcu-has-customizations .col-lg-1,
  .cmt-prcu-has-customizations .col-lg-auto {
    flex: none
  }

  .cmt-prcu-has-customizations .col-lg-12 {
    width: 100%
  }

  .cmt-prcu-has-customizations .col-lg-11 {
    width: 91.66666667%
  }

  .cmt-prcu-has-customizations .col-lg-10 {
    width: 83.33333333%
  }

  .cmt-prcu-has-customizations .col-lg-9 {
    width: 75%
  }

  .cmt-prcu-has-customizations .col-lg-8 {
    width: 66.66666667%
  }

  .cmt-prcu-has-customizations .col-lg-7 {
    width: 58.33333333%
  }

  .cmt-prcu-has-customizations .col-lg-6 {
    width: 50%
  }

  .cmt-prcu-has-customizations .col-lg-5 {
    width: 41.66666667%
  }

  .cmt-prcu-has-customizations .col-lg-4 {
    width: 33.33333333%
  }

  .cmt-prcu-has-customizations .col-lg-3 {
    width: 25%
  }

  .cmt-prcu-has-customizations .col-lg-2 {
    width: 16.66666667%
  }

  .cmt-prcu-has-customizations .col-lg-1 {
    width: 8.33333333%
  }

  .cmt-prcu-has-customizations .col-lg-auto {
    width: auto
  }

  .cmt-prcu-has-customizations .hide-lg {
    display: none !important
  }

  .cmt-prcu-has-customizations .show-lg {
    display: block !important
  }
}

@media(max-width: 840px) {

  .cmt-prcu-has-customizations .col-md-12,
  .cmt-prcu-has-customizations .col-md-11,
  .cmt-prcu-has-customizations .col-md-10,
  .cmt-prcu-has-customizations .col-md-9,
  .cmt-prcu-has-customizations .col-md-8,
  .cmt-prcu-has-customizations .col-md-7,
  .cmt-prcu-has-customizations .col-md-6,
  .cmt-prcu-has-customizations .col-md-5,
  .cmt-prcu-has-customizations .col-md-4,
  .cmt-prcu-has-customizations .col-md-3,
  .cmt-prcu-has-customizations .col-md-2,
  .cmt-prcu-has-customizations .col-md-1,
  .cmt-prcu-has-customizations .col-md-auto {
    flex: none
  }

  .cmt-prcu-has-customizations .col-md-12 {
    width: 100%
  }

  .cmt-prcu-has-customizations .col-md-11 {
    width: 91.66666667%
  }

  .cmt-prcu-has-customizations .col-md-10 {
    width: 83.33333333%
  }

  .cmt-prcu-has-customizations .col-md-9 {
    width: 75%
  }

  .cmt-prcu-has-customizations .col-md-8 {
    width: 66.66666667%
  }

  .cmt-prcu-has-customizations .col-md-7 {
    width: 58.33333333%
  }

  .cmt-prcu-has-customizations .col-md-6 {
    width: 50%
  }

  .cmt-prcu-has-customizations .col-md-5 {
    width: 41.66666667%
  }

  .cmt-prcu-has-customizations .col-md-4 {
    width: 33.33333333%
  }

  .cmt-prcu-has-customizations .col-md-3 {
    width: 25%
  }

  .cmt-prcu-has-customizations .col-md-2 {
    width: 16.66666667%
  }

  .cmt-prcu-has-customizations .col-md-1 {
    width: 8.33333333%
  }

  .cmt-prcu-has-customizations .col-md-auto {
    width: auto
  }

  .cmt-prcu-has-customizations .hide-md {
    display: none !important
  }

  .cmt-prcu-has-customizations .show-md {
    display: block !important
  }
}

@media(max-width: 600px) {

  .cmt-prcu-has-customizations .col-sm-12,
  .cmt-prcu-has-customizations .col-sm-11,
  .cmt-prcu-has-customizations .col-sm-10,
  .cmt-prcu-has-customizations .col-sm-9,
  .cmt-prcu-has-customizations .col-sm-8,
  .cmt-prcu-has-customizations .col-sm-7,
  .cmt-prcu-has-customizations .col-sm-6,
  .cmt-prcu-has-customizations .col-sm-5,
  .cmt-prcu-has-customizations .col-sm-4,
  .cmt-prcu-has-customizations .col-sm-3,
  .cmt-prcu-has-customizations .col-sm-2,
  .cmt-prcu-has-customizations .col-sm-1,
  .cmt-prcu-has-customizations .col-sm-auto {
    flex: none
  }

  .cmt-prcu-has-customizations .col-sm-12 {
    width: 100%
  }

  .cmt-prcu-has-customizations .col-sm-11 {
    width: 91.66666667%
  }

  .cmt-prcu-has-customizations .col-sm-10 {
    width: 83.33333333%
  }

  .cmt-prcu-has-customizations .col-sm-9 {
    width: 75%
  }

  .cmt-prcu-has-customizations .col-sm-8 {
    width: 66.66666667%
  }

  .cmt-prcu-has-customizations .col-sm-7 {
    width: 58.33333333%
  }

  .cmt-prcu-has-customizations .col-sm-6 {
    width: 50%
  }

  .cmt-prcu-has-customizations .col-sm-5 {
    width: 41.66666667%
  }

  .cmt-prcu-has-customizations .col-sm-4 {
    width: 33.33333333%
  }

  .cmt-prcu-has-customizations .col-sm-3 {
    width: 25%
  }

  .cmt-prcu-has-customizations .col-sm-2 {
    width: 16.66666667%
  }

  .cmt-prcu-has-customizations .col-sm-1 {
    width: 8.33333333%
  }

  .cmt-prcu-has-customizations .col-sm-auto {
    width: auto
  }

  .cmt-prcu-has-customizations .hide-sm {
    display: none !important
  }

  .cmt-prcu-has-customizations .show-sm {
    display: block !important
  }
}

@media(max-width: 480px) {

  .cmt-prcu-has-customizations .col-xs-12,
  .cmt-prcu-has-customizations .col-xs-11,
  .cmt-prcu-has-customizations .col-xs-10,
  .cmt-prcu-has-customizations .col-xs-9,
  .cmt-prcu-has-customizations .col-xs-8,
  .cmt-prcu-has-customizations .col-xs-7,
  .cmt-prcu-has-customizations .col-xs-6,
  .cmt-prcu-has-customizations .col-xs-5,
  .cmt-prcu-has-customizations .col-xs-4,
  .cmt-prcu-has-customizations .col-xs-3,
  .cmt-prcu-has-customizations .col-xs-2,
  .cmt-prcu-has-customizations .col-xs-1,
  .cmt-prcu-has-customizations .col-xs-auto {
    flex: none
  }

  .cmt-prcu-has-customizations .col-xs-12 {
    width: 100%
  }

  .cmt-prcu-has-customizations .col-xs-11 {
    width: 91.66666667%
  }

  .cmt-prcu-has-customizations .col-xs-10 {
    width: 83.33333333%
  }

  .cmt-prcu-has-customizations .col-xs-9 {
    width: 75%
  }

  .cmt-prcu-has-customizations .col-xs-8 {
    width: 66.66666667%
  }

  .cmt-prcu-has-customizations .col-xs-7 {
    width: 58.33333333%
  }

  .cmt-prcu-has-customizations .col-xs-6 {
    width: 50%
  }

  .cmt-prcu-has-customizations .col-xs-5 {
    width: 41.66666667%
  }

  .cmt-prcu-has-customizations .col-xs-4 {
    width: 33.33333333%
  }

  .cmt-prcu-has-customizations .col-xs-3 {
    width: 25%
  }

  .cmt-prcu-has-customizations .col-xs-2 {
    width: 16.66666667%
  }

  .cmt-prcu-has-customizations .col-xs-1 {
    width: 8.33333333%
  }

  .cmt-prcu-has-customizations .col-xs-auto {
    width: auto
  }

  .cmt-prcu-has-customizations .hide-xs {
    display: none !important
  }

  .cmt-prcu-has-customizations .show-xs {
    display: block !important
  }
}

.cmt-prcu-has-customizations .accordion input:checked~.accordion-header>.icon:first-child,
.cmt-prcu-has-customizations .accordion[open] .accordion-header>.icon:first-child {
  transform: rotate(90deg)
}

.cmt-prcu-has-customizations .accordion input:checked~.accordion-body,
.cmt-prcu-has-customizations .accordion[open] .accordion-body {
  max-height: 50rem
}

.cmt-prcu-has-customizations .accordion .accordion-header {
  display: block;
  padding: .2rem .4rem
}

.cmt-prcu-has-customizations .accordion .accordion-header .icon {
  transition: transform .25s
}

.cmt-prcu-has-customizations .accordion .accordion-body {
  margin-bottom: .4rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s
}

.cmt-prcu-has-customizations summary.accordion-header::-webkit-details-marker {
  display: none
}

.cmt-prcu-has-customizations .btn {
  appearance: none;
  background: var(--bg-light);
  border: .05rem solid var(--primary-color);
  border-radius: .1rem;
  color: var(--primary-color);
  cursor: pointer;
  display: inline-block;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  outline: none;
  padding: .25rem .4rem;
  text-align: center;
  text-decoration: none;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap
}

.cmt-prcu-has-customizations .btn:focus {
  box-shadow: 0 0 0 .1rem rgba(var(--primary-color), 0.2)
}

.cmt-prcu-has-customizations .btn:focus,
.cmt-prcu-has-customizations .btn:hover {
  background: var(--secondary-color);
  border-color: var(--primary-color-dark);
  text-decoration: none
}

.cmt-prcu-has-customizations .btn:active,
.cmt-prcu-has-customizations .btn.active {
  background: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
  color: var(--text-light);
  text-decoration: none
}

.cmt-prcu-has-customizations .btn:active.loading::after,
.cmt-prcu-has-customizations .btn.active.loading::after {
  border-bottom-color: var(--text-light);
  border-left-color: var(--text-light)
}

.cmt-prcu-has-customizations .btn[disabled],
.cmt-prcu-has-customizations .btn:disabled,
.cmt-prcu-has-customizations .btn.disabled {
  cursor: default;
  opacity: .5;
  pointer-events: none
}

.cmt-prcu-has-customizations .btn.btn-primary {
  background: var(--primary-color);
  border-color: var(--primary-color-dark);
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-primary:focus,
.cmt-prcu-has-customizations .btn.btn-primary:hover {
  background: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-primary:active,
.cmt-prcu-has-customizations .btn.btn-primary.active {
  background: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-primary.loading::after {
  border-bottom-color: var(--text-light);
  border-left-color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-success {
  background: #32b643;
  border-color: #32b643;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-success:focus {
  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2)
}

.cmt-prcu-has-customizations .btn.btn-success:focus,
.cmt-prcu-has-customizations .btn.btn-success:hover {
  background: #32b643;
  border-color: #32b643;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-success:active,
.cmt-prcu-has-customizations .btn.btn-success.active {
  background: #32b643;
  border-color: #32b643;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-success.loading::after {
  border-bottom-color: var(--text-light);
  border-left-color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-error {
  background: #e85600;
  border-color: #e85600;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-error:focus {
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2)
}

.cmt-prcu-has-customizations .btn.btn-error:focus,
.cmt-prcu-has-customizations .btn.btn-error:hover {
  background: #e85600;
  border-color: #e85600;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-error:active,
.cmt-prcu-has-customizations .btn.btn-error.active {
  background: #e85600;
  border-color: #e85600;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-error.loading::after {
  border-bottom-color: var(--text-light);
  border-left-color: var(--text-light)
}

.cmt-prcu-has-customizations .btn.btn-link {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: var(--link-color)
}

.cmt-prcu-has-customizations .btn.btn-link:focus,
.cmt-prcu-has-customizations .btn.btn-link:hover,
.cmt-prcu-has-customizations .btn.btn-link:active,
.cmt-prcu-has-customizations .btn.btn-link.active {
  color: var(--link-color-dark)
}

.cmt-prcu-has-customizations .btn.btn-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem .3rem
}

.cmt-prcu-has-customizations .btn.btn-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem .6rem
}

.cmt-prcu-has-customizations .btn.btn-block {
  display: block;
  width: 100%
}

.cmt-prcu-has-customizations .btn.btn-action {
  width: 1.8rem;
  padding-left: 0;
  padding-right: 0
}

.cmt-prcu-has-customizations .btn.btn-action.btn-sm {
  width: 1.4rem
}

.cmt-prcu-has-customizations .btn.btn-action.btn-lg {
  width: 2rem
}

.cmt-prcu-has-customizations .btn.btn-clear {
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: currentColor;
  height: 1rem;
  line-height: .8rem;
  margin-left: .2rem;
  margin-right: -2px;
  opacity: 1;
  padding: .1rem;
  text-decoration: none;
  width: 1rem
}

.cmt-prcu-has-customizations .btn.btn-clear:focus,
.cmt-prcu-has-customizations .btn.btn-clear:hover {
  background: rgba(var(--body-bg), 0.5);
  opacity: .95
}

.cmt-prcu-has-customizations .btn.btn-clear::before {
  content: "✕"
}

.cmt-prcu-has-customizations .btn-group {
  display: inline-flex;
  flex-wrap: wrap
}

.cmt-prcu-has-customizations .btn-group .btn {
  flex: 1 0 auto
}

.cmt-prcu-has-customizations .btn-group .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.cmt-prcu-has-customizations .btn-group .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -0.05rem
}

.cmt-prcu-has-customizations .btn-group .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -0.05rem
}

.cmt-prcu-has-customizations .btn-group .btn:focus,
.cmt-prcu-has-customizations .btn-group .btn:hover,
.cmt-prcu-has-customizations .btn-group .btn:active,
.cmt-prcu-has-customizations .btn-group .btn.active {
  z-index: 1
}

.cmt-prcu-has-customizations .btn-group.btn-group-block {
  display: flex
}

.cmt-prcu-has-customizations .btn-group.btn-group-block .btn {
  flex: 1 0 0
}

.cmt-prcu-has-customizations .form-group:not(:last-child) {
  margin-bottom: .4rem
}

.cmt-prcu-has-customizations fieldset {
  margin-bottom: .8rem
}

.cmt-prcu-has-customizations legend {
  font-size: .9rem;
  font-weight: 500;
  margin-bottom: .8rem
}

.cmt-prcu-has-customizations .form-label {
  display: block;
  line-height: 1.2rem;
  padding: .3rem 0
}

.cmt-prcu-has-customizations .form-label.label-sm {
  font-size: .7rem;
  padding: .1rem 0
}

.cmt-prcu-has-customizations .form-label.label-lg {
  font-size: .9rem;
  padding: .4rem 0
}

/*
.cmt-prcu-has-customizations .form-input {
  appearance: none;
  background: var(--bg-light);
  background-image: none;
  border: .05rem solid var(--border-color-dark);
  border-radius: .1rem;
  color: var(--body-color);
  display: block;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  max-width: 100%;
  outline: none;
  padding: .25rem .4rem;
  position: relative;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
  width: 100%
}*/
.cmt-prcu-has-customizations .form-input {
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
}

.cmt-prcu-has-customizations .form-input:focus {
  box-shadow: 0 0 0 .1rem rgba(var(--primary-color), 0.2);
  border-color: var(--primary-color)
}

.cmt-prcu-has-customizations .form-input::placeholder {
  color: var(--gray-color)
}

.cmt-prcu-has-customizations .form-input.input-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem .3rem
}

.cmt-prcu-has-customizations .form-input.input-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem .6rem
}

.cmt-prcu-has-customizations .form-input.input-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto
}

.cmt-prcu-has-customizations .form-input[type=file] {
  height: auto
}

.cmt-prcu-has-customizations textarea.form-input,
.cmt-prcu-has-customizations textarea.form-input.input-lg,
.cmt-prcu-has-customizations textarea.form-input.input-sm {
  height: auto
}

.cmt-prcu-has-customizations .form-input-hint {
  color: var(--gray-color);
  font-size: .7rem;
  margin-top: .2rem
}

.has-success .cmt-prcu-has-customizations .form-input-hint,
.is-success+.cmt-prcu-has-customizations .form-input-hint {
  color: #32b643
}

.has-error .cmt-prcu-has-customizations .form-input-hint,
.is-error+.cmt-prcu-has-customizations .form-input-hint {
  color: #e85600
}

.cmt-prcu-has-customizations .form-select {
  appearance: none;
  border: .05rem solid var(--border-color-dark);
  border-radius: .1rem;
  color: inherit;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  outline: none;
  padding: .25rem .4rem;
  vertical-align: middle;
  width: 100%;
  background: var(--bg-light)
}

.cmt-prcu-has-customizations .form-select:focus {
  box-shadow: 0 0 0 .1rem rgba(var(--primary-color), 0.2);
  border-color: var(--primary-color)
}

.cmt-prcu-has-customizations .form-select::-ms-expand {
  display: none
}

.cmt-prcu-has-customizations .form-select.select-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem 1.1rem .05rem .3rem
}

.cmt-prcu-has-customizations .form-select.select-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem 1.4rem .35rem .6rem
}

.cmt-prcu-has-customizations .form-select[size],
.cmt-prcu-has-customizations .form-select[multiple] {
  height: auto;
  padding: .25rem .4rem
}

.cmt-prcu-has-customizations .form-select[size] option,
.cmt-prcu-has-customizations .form-select[multiple] option {
  padding: .1rem .2rem
}

.cmt-prcu-has-customizations .form-select:not([multiple]):not([size]) {
  background: var(--bg-light) url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/0.4rem .5rem;
  padding-right: 1.2rem
}

.cmt-prcu-has-customizations .has-icon-left,
.cmt-prcu-has-customizations .has-icon-right {
  position: relative
}

.cmt-prcu-has-customizations .has-icon-left .form-icon,
.cmt-prcu-has-customizations .has-icon-right .form-icon {
  height: .8rem;
  margin: 0 .25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .8rem;
  z-index: 2
}

.cmt-prcu-has-customizations .has-icon-left .form-icon {
  left: .05rem
}

.cmt-prcu-has-customizations .has-icon-left .form-input {
  padding-left: 1.3rem
}

.cmt-prcu-has-customizations .has-icon-right .form-icon {
  right: .05rem
}

.cmt-prcu-has-customizations .has-icon-right .form-input {
  padding-right: 1.3rem
}

.cmt-prcu-has-customizations .form-checkbox,
.cmt-prcu-has-customizations .form-radio,
.cmt-prcu-has-customizations .form-switch {
  display: block;
  line-height: 1.2rem;
  margin: .2rem 0;
  min-height: 1.4rem;
  padding: .1rem .4rem .1rem 1.2rem;
  position: relative
}

.cmt-prcu-has-customizations .form-checkbox input,
.cmt-prcu-has-customizations .form-radio input,
.cmt-prcu-has-customizations .form-switch input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px
}

.cmt-prcu-has-customizations .form-checkbox input:focus+.form-icon,
.cmt-prcu-has-customizations .form-radio input:focus+.form-icon,
.cmt-prcu-has-customizations .form-switch input:focus+.form-icon {
  box-shadow: 0 0 0 .1rem rgba(var(--primary-color), 0.2);
  border-color: var(--primary-color)
}

.cmt-prcu-has-customizations .form-checkbox input:checked+.form-icon,
.cmt-prcu-has-customizations .form-radio input:checked+.form-icon,
.cmt-prcu-has-customizations .form-switch input:checked+.form-icon {
  background: var(--primary-color);
  border-color: var(--primary-color)
}

.cmt-prcu-has-customizations .form-checkbox .form-icon,
.cmt-prcu-has-customizations .form-radio .form-icon,
.cmt-prcu-has-customizations .form-switch .form-icon {
  border: .05rem solid var(--border-color-dark);
  cursor: pointer;
  display: inline-block;
  position: absolute;
  transition: background .2s, border .2s, box-shadow .2s, color .2s
}

.cmt-prcu-has-customizations .form-checkbox.input-sm,
.cmt-prcu-has-customizations .form-radio.input-sm,
.cmt-prcu-has-customizations .form-switch.input-sm {
  font-size: .7rem;
  margin: 0
}

.cmt-prcu-has-customizations .form-checkbox.input-lg,
.cmt-prcu-has-customizations .form-radio.input-lg,
.cmt-prcu-has-customizations .form-switch.input-lg {
  font-size: .9rem;
  margin: .3rem 0
}

.cmt-prcu-has-customizations .form-checkbox .form-icon,
.cmt-prcu-has-customizations .form-radio .form-icon {
  background: var(--bg-light);
  height: .8rem;
  left: 0;
  top: .3rem;
  width: .8rem
}

.cmt-prcu-has-customizations .form-checkbox input:active+.form-icon,
.cmt-prcu-has-customizations .form-radio input:active+.form-icon {
  background: var(--bg-dark)
}

.cmt-prcu-has-customizations .form-checkbox .form-icon {
  border-radius: .1rem
}

.cmt-prcu-has-customizations .form-checkbox input:checked+.form-icon::before {
  background-clip: padding-box;
  border: .1rem solid var(--text-light);
  border-left-width: 0;
  border-top-width: 0;
  content: "";
  height: 9px;
  left: 50%;
  margin-left: -3px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 6px
}

.cmt-prcu-has-customizations .form-checkbox input:indeterminate+.form-icon {
  background: var(--primary-color);
  border-color: var(--primary-color)
}

.cmt-prcu-has-customizations .form-checkbox input:indeterminate+.form-icon::before {
  background: var(--bg-light);
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 10px
}

.cmt-prcu-has-customizations .form-radio .form-icon {
  border-radius: 50%
}

.cmt-prcu-has-customizations .form-radio input:checked+.form-icon::before {
  background: var(--bg-light);
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px
}

.cmt-prcu-has-customizations .form-switch {
  padding-left: 2rem
}

.cmt-prcu-has-customizations .form-switch .form-icon {
  background: var(--gray-color);
  background-clip: padding-box;
  border-radius: .45rem;
  height: .9rem;
  left: 0;
  top: .25rem;
  width: 1.6rem
}

.cmt-prcu-has-customizations .form-switch .form-icon::before {
  background: var(--bg-light);
  border-radius: 50%;
  content: "";
  display: block;
  height: .8rem;
  left: 0;
  position: absolute;
  top: 0;
  transition: background .2s, border .2s, box-shadow .2s, color .2s, left .2s;
  width: .8rem
}

.cmt-prcu-has-customizations .form-switch input:checked+.form-icon::before {
  left: 14px
}

.cmt-prcu-has-customizations .form-switch input:active+.form-icon::before {
  background: var(--body-bg)
}

.cmt-prcu-has-customizations .input-group {
  display: flex
}

.cmt-prcu-has-customizations .input-group .input-group-addon {
  background: var(--body-bg);
  border: .05rem solid var(--border-color-dark);
  border-radius: .1rem;
  line-height: 1.2rem;
  padding: .25rem .4rem;
  white-space: nowrap
}

.cmt-prcu-has-customizations .input-group .input-group-addon.addon-sm {
  font-size: .7rem;
  padding: .05rem .3rem
}

.cmt-prcu-has-customizations .input-group .input-group-addon.addon-lg {
  font-size: .9rem;
  padding: .35rem .6rem
}

.cmt-prcu-has-customizations .input-group .form-input,
.cmt-prcu-has-customizations .input-group .form-select {
  flex: 1 1 auto;
  width: 1%
}

.cmt-prcu-has-customizations .input-group .input-group-btn {
  z-index: 1
}

.cmt-prcu-has-customizations .input-group .form-input:first-child:not(:last-child),
.cmt-prcu-has-customizations .input-group .form-select:first-child:not(:last-child),
.cmt-prcu-has-customizations .input-group .input-group-addon:first-child:not(:last-child),
.cmt-prcu-has-customizations .input-group .input-group-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.cmt-prcu-has-customizations .input-group .form-input:not(:first-child):not(:last-child),
.cmt-prcu-has-customizations .input-group .form-select:not(:first-child):not(:last-child),
.cmt-prcu-has-customizations .input-group .input-group-addon:not(:first-child):not(:last-child),
.cmt-prcu-has-customizations .input-group .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -0.05rem
}

.cmt-prcu-has-customizations .input-group .form-input:last-child:not(:first-child),
.cmt-prcu-has-customizations .input-group .form-select:last-child:not(:first-child),
.cmt-prcu-has-customizations .input-group .input-group-addon:last-child:not(:first-child),
.cmt-prcu-has-customizations .input-group .input-group-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -0.05rem
}

.cmt-prcu-has-customizations .input-group .form-input:focus,
.cmt-prcu-has-customizations .input-group .form-select:focus,
.cmt-prcu-has-customizations .input-group .input-group-addon:focus,
.cmt-prcu-has-customizations .input-group .input-group-btn:focus {
  z-index: 2
}

.cmt-prcu-has-customizations .input-group .form-select {
  width: auto
}

.cmt-prcu-has-customizations .input-group.input-inline {
  display: inline-flex
}

.has-success .cmt-prcu-has-customizations .form-input,
.cmt-prcu-has-customizations .form-input.is-success,
.has-success .cmt-prcu-has-customizations .form-select,
.cmt-prcu-has-customizations .form-select.is-success {
  background: #32b643;
  border-color: #32b643
}

.has-success .cmt-prcu-has-customizations .form-input:focus,
.cmt-prcu-has-customizations .form-input.is-success:focus,
.has-success .cmt-prcu-has-customizations .form-select:focus,
.cmt-prcu-has-customizations .form-select.is-success:focus {
  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2)
}

.has-error .cmt-prcu-has-customizations .form-input,
.cmt-prcu-has-customizations .form-input.is-error,
.has-error .cmt-prcu-has-customizations .form-select,
.cmt-prcu-has-customizations .form-select.is-error {
  background: #e85600;
  border-color: #e85600
}

.has-error .cmt-prcu-has-customizations .form-input:focus,
.cmt-prcu-has-customizations .form-input.is-error:focus,
.has-error .cmt-prcu-has-customizations .form-select:focus,
.cmt-prcu-has-customizations .form-select.is-error:focus {
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2)
}

.has-error .cmt-prcu-has-customizations .form-checkbox .form-icon,
.cmt-prcu-has-customizations .form-checkbox.is-error .form-icon,
.has-error .cmt-prcu-has-customizations .form-radio .form-icon,
.cmt-prcu-has-customizations .form-radio.is-error .form-icon,
.has-error .cmt-prcu-has-customizations .form-switch .form-icon,
.cmt-prcu-has-customizations .form-switch.is-error .form-icon {
  border-color: #e85600
}

.has-error .cmt-prcu-has-customizations .form-checkbox input:checked+.form-icon,
.cmt-prcu-has-customizations .form-checkbox.is-error input:checked+.form-icon,
.has-error .cmt-prcu-has-customizations .form-radio input:checked+.form-icon,
.cmt-prcu-has-customizations .form-radio.is-error input:checked+.form-icon,
.has-error .cmt-prcu-has-customizations .form-switch input:checked+.form-icon,
.cmt-prcu-has-customizations .form-switch.is-error input:checked+.form-icon {
  background: #e85600;
  border-color: #e85600
}

.has-error .cmt-prcu-has-customizations .form-checkbox input:focus+.form-icon,
.cmt-prcu-has-customizations .form-checkbox.is-error input:focus+.form-icon,
.has-error .cmt-prcu-has-customizations .form-radio input:focus+.form-icon,
.cmt-prcu-has-customizations .form-radio.is-error input:focus+.form-icon,
.has-error .cmt-prcu-has-customizations .form-switch input:focus+.form-icon,
.cmt-prcu-has-customizations .form-switch.is-error input:focus+.form-icon {
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
  border-color: #e85600
}

.has-error .cmt-prcu-has-customizations .form-checkbox input:indeterminate+.form-icon,
.cmt-prcu-has-customizations .form-checkbox.is-error input:indeterminate+.form-icon {
  background: #e85600;
  border-color: #e85600
}

.cmt-prcu-has-customizations .form-input:not(:placeholder-shown):invalid {
  border-color: #e85600
}

.cmt-prcu-has-customizations .form-input:not(:placeholder-shown):invalid:focus {
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
  background: #e85600
}

.cmt-prcu-has-customizations .form-input:not(:placeholder-shown):invalid+.form-input-hint {
  color: #e85600
}

.cmt-prcu-has-customizations .form-input:disabled,
.cmt-prcu-has-customizations .form-input.disabled,
.cmt-prcu-has-customizations .form-select:disabled,
.cmt-prcu-has-customizations .form-select.disabled {
  background-color: var(--bg-dark);
  cursor: not-allowed;
  opacity: .5
}

.cmt-prcu-has-customizations .form-input[readonly] {
  background-color: var(--body-bg)
}

.cmt-prcu-has-customizations input:disabled+.form-icon,
.cmt-prcu-has-customizations input.disabled+.form-icon {
  background: var(--bg-dark);
  cursor: not-allowed;
  opacity: .5
}

.cmt-prcu-has-customizations .form-switch input:disabled+.form-icon::before,
.cmt-prcu-has-customizations .form-switch input.disabled+.form-icon::before {
  background: var(--bg-light)
}

.cmt-prcu-has-customizations .form-horizontal {
  padding: .4rem 0
}

.cmt-prcu-has-customizations .form-horizontal .form-group {
  display: flex;
  flex-wrap: wrap
}

.cmt-prcu-has-customizations .form-inline {
  display: inline-block
}

.cmt-prcu-has-customizations .card {
  background: var(--bg-light);
  border: .05rem solid var(--border-color);
  border-radius: .1rem;
  display: flex;
  flex-direction: column
}

.cmt-prcu-has-customizations .card .card-header,
.cmt-prcu-has-customizations .card .card-body,
.cmt-prcu-has-customizations .card .card-footer {
  padding: .8rem;
  padding-bottom: 0
}

.cmt-prcu-has-customizations .card .card-header:last-child,
.cmt-prcu-has-customizations .card .card-body:last-child,
.cmt-prcu-has-customizations .card .card-footer:last-child {
  padding-bottom: .8rem
}

.cmt-prcu-has-customizations .card .card-body {
  flex: 1 1 auto
}

.cmt-prcu-has-customizations .card .card-image {
  padding-top: .8rem
}

.cmt-prcu-has-customizations .card .card-image:first-child {
  padding-top: 0
}

.cmt-prcu-has-customizations .card .card-image:first-child img {
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem
}

.cmt-prcu-has-customizations .card .card-image:last-child img {
  border-bottom-left-radius: .1rem;
  border-bottom-right-radius: .1rem
}

.cmt-prcu-has-customizations .modal {
  align-items: center;
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: .4rem;
  position: fixed;
  right: 0;
  top: 0
}

.cmt-prcu-has-customizations .modal:target,
.cmt-prcu-has-customizations .modal.active {
  display: flex;
  opacity: 1;
  z-index: 400
}

.cmt-prcu-has-customizations .modal:target .modal-overlay,
.cmt-prcu-has-customizations .modal.active .modal-overlay {
  background: rgba(var(--body-bg), 0.75);
  bottom: 0;
  cursor: default;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cmt-prcu-has-customizations .modal:target .modal-container,
.cmt-prcu-has-customizations .modal.active .modal-container {
  animation: slide-down .2s ease 1;
  z-index: 1
}

.cmt-prcu-has-customizations .modal.modal-sm .modal-container {
  max-width: 320px;
  padding: 0 .4rem
}

.cmt-prcu-has-customizations .modal.modal-lg .modal-overlay {
  background: var(--bg-light)
}

.cmt-prcu-has-customizations .modal.modal-lg .modal-container {
  box-shadow: none;
  max-width: 960px
}

.cmt-prcu-has-customizations .modal-container {
  box-shadow: 0 .2rem .5rem rgba(var(--text-dark), 0.3);
  background: var(--bg-light);
  border-radius: .1rem;
  display: flex;
  flex-direction: column;
  max-height: 75vh;
  max-width: 640px;
  padding: 0 .8rem;
  width: 100%
}

.cmt-prcu-has-customizations .modal-container.modal-fullheight {
  max-height: 100vh
}

.cmt-prcu-has-customizations .modal-container .modal-header {
  color: var(--text-dark);
  padding: .8rem
}

.cmt-prcu-has-customizations .modal-container .modal-body {
  overflow-y: auto;
  padding: .8rem;
  position: relative
}

.cmt-prcu-has-customizations .modal-container .modal-footer {
  padding: .8rem;
  text-align: right
}

.cmt-prcu-has-customizations .navbar {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.cmt-prcu-has-customizations .navbar .navbar-section {
  align-items: center;
  display: flex;
  flex: 1 0 0
}

.cmt-prcu-has-customizations .navbar .navbar-section:not(:first-child):last-child {
  justify-content: flex-end
}

.cmt-prcu-has-customizations .navbar .navbar-center {
  align-items: center;
  display: flex;
  flex: 0 0 auto
}

.cmt-prcu-has-customizations .navbar .navbar-brand {
  font-size: .9rem;
  text-decoration: none
}

.cmt-prcu-has-customizations .tab {
  align-items: center;
  border-bottom: .05rem solid var(--border-color);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: .2rem 0 .15rem 0
}

.cmt-prcu-has-customizations .tab .tab-item {
  margin-top: 0
}

.cmt-prcu-has-customizations .tab .tab-item a {
  border-bottom: .1rem solid rgba(0, 0, 0, 0);
  color: inherit;
  display: block;
  margin: 0 .4rem 0 0;
  padding: .4rem .2rem .3rem .2rem;
  text-decoration: none
}

.cmt-prcu-has-customizations .tab .tab-item a:focus,
.cmt-prcu-has-customizations .tab .tab-item a:hover {
  color: var(--link-color)
}

.cmt-prcu-has-customizations .tab .tab-item.active a,
.cmt-prcu-has-customizations .tab .tab-item a.active {
  border-bottom-color: var(--primary-color);
  color: var(--link-color)
}

.cmt-prcu-has-customizations .tab .tab-item.tab-action {
  flex: 1 0 auto;
  text-align: right
}

.cmt-prcu-has-customizations .tab .tab-item .btn-clear {
  margin-top: -0.2rem
}

.cmt-prcu-has-customizations .tab.tab-block .tab-item {
  flex: 1 0 0;
  text-align: center
}

.cmt-prcu-has-customizations .tab.tab-block .tab-item a {
  margin: 0
}

.cmt-prcu-has-customizations .tab.tab-block .tab-item .badge[data-badge]::after {
  position: absolute;
  right: .1rem;
  top: .1rem;
  transform: translate(0, 0)
}

.cmt-prcu-has-customizations .tab:not(.tab-block) .badge {
  padding-right: 0
}

.cmt-prcu-has-customizations .table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left
}

.cmt-prcu-has-customizations .table.table-striped tbody tr:nth-of-type(odd) {
  background: var(--body-bg)
}

.cmt-prcu-has-customizations .table tbody tr.active,
.cmt-prcu-has-customizations .table.table-striped tbody tr.active {
  background: var(--bg-dark)
}

.cmt-prcu-has-customizations .table.table-hover tbody tr:hover {
  background: var(--bg-dark)
}

.cmt-prcu-has-customizations .table.table-scroll {
  display: block;
  overflow-x: auto;
  padding-bottom: .75rem;
  white-space: nowrap
}

.cmt-prcu-has-customizations .table td,
.cmt-prcu-has-customizations .table th {
  border-bottom: .05rem solid var(--border-color);
  padding: .6rem .4rem
}

.cmt-prcu-has-customizations .table th {
  border-bottom-width: .1rem
}

.cmt-prcu-has-customizations .toast {
  background: rgba(var(--text-dark), 0.95);
  border-color: var(--text-dark);
  border: .05rem solid var(--text-dark);
  border-radius: .1rem;
  color: var(--text-light);
  display: block;
  padding: .4rem;
  width: 100%
}

.cmt-prcu-has-customizations .toast.toast-primary {
  background: rgba(var(--primary-color), 0.95);
  border-color: var(--primary-color)
}

.cmt-prcu-has-customizations .toast.toast-success {
  background: rgba(50, 182, 67, .95);
  border-color: #32b643
}

.cmt-prcu-has-customizations .toast.toast-warning {
  background: rgba(255, 183, 0, .95);
  border-color: #ffb700
}

.cmt-prcu-has-customizations .toast.toast-error {
  background: rgba(232, 86, 0, .95);
  border-color: #e85600
}

.cmt-prcu-has-customizations .toast a {
  color: var(--text-light);
  text-decoration: underline
}

.cmt-prcu-has-customizations .toast a:focus,
.cmt-prcu-has-customizations .toast a:hover,
.cmt-prcu-has-customizations .toast a:active,
.cmt-prcu-has-customizations .toast a.active {
  opacity: .75
}

.cmt-prcu-has-customizations .toast .btn-clear {
  margin: .1rem
}

.cmt-prcu-has-customizations .toast p:last-child {
  margin-bottom: 0
}

.cmt-prcu-has-customizations .avatar {
  font-size: .8rem;
  height: 1.6rem;
  width: 1.6rem;
  background: var(--primary-color);
  border-radius: 50%;
  color: rgba(var(--text-light), 0.85);
  display: inline-block;
  font-weight: 300;
  line-height: 1.25;
  margin: 0;
  position: relative;
  vertical-align: middle
}

.cmt-prcu-has-customizations .avatar.avatar-xs {
  font-size: .4rem;
  height: .8rem;
  width: .8rem
}

.cmt-prcu-has-customizations .avatar.avatar-sm {
  font-size: .6rem;
  height: 1.2rem;
  width: 1.2rem
}

.cmt-prcu-has-customizations .avatar.avatar-lg {
  font-size: 1.2rem;
  height: 2.4rem;
  width: 2.4rem
}

.cmt-prcu-has-customizations .avatar.avatar-xl {
  font-size: 1.6rem;
  height: 3.2rem;
  width: 3.2rem
}

.cmt-prcu-has-customizations .avatar img {
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1
}

.cmt-prcu-has-customizations .avatar .avatar-icon,
.cmt-prcu-has-customizations .avatar .avatar-presence {
  background: var(--bg-light);
  bottom: 14.64%;
  height: 50%;
  padding: .1rem;
  position: absolute;
  right: 14.64%;
  transform: translate(50%, 50%);
  width: 50%;
  z-index: 2
}

.cmt-prcu-has-customizations .avatar .avatar-presence {
  background: var(--gray-color);
  box-shadow: 0 0 0 .1rem var(--text-light);
  border-radius: 50%;
  height: .5em;
  width: .5em
}

.cmt-prcu-has-customizations .avatar .avatar-presence.online {
  background: #32b643
}

.cmt-prcu-has-customizations .avatar .avatar-presence.busy {
  background: #e85600
}

.cmt-prcu-has-customizations .avatar .avatar-presence.away {
  background: #ffb700
}

.cmt-prcu-has-customizations .avatar[data-initial]::before {
  color: currentColor;
  content: attr(data-initial);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.cmt-prcu-has-customizations .badge {
  position: relative;
  white-space: nowrap
}

.cmt-prcu-has-customizations .badge[data-badge]::after,
.cmt-prcu-has-customizations .badge:not([data-badge])::after {
  background: var(--primary-color);
  background-clip: padding-box;
  border-radius: .5rem;
  box-shadow: 0 0 0 .1rem var(--bg-light);
  color: var(--text-light);
  content: attr(data-badge);
  display: inline-block;
  transform: translate(-0.05rem, -0.5rem)
}

.cmt-prcu-has-customizations .badge[data-badge]::after {
  font-size: .7rem;
  height: .9rem;
  line-height: 1;
  min-width: .9rem;
  padding: .1rem .2rem;
  text-align: center;
  white-space: nowrap
}

.cmt-prcu-has-customizations .badge:not([data-badge])::after,
.cmt-prcu-has-customizations .badge[data-badge=""]::after {
  height: 6px;
  min-width: 6px;
  padding: 0;
  width: 6px
}

.cmt-prcu-has-customizations .badge.btn::after {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%)
}

.cmt-prcu-has-customizations .badge.avatar::after {
  position: absolute;
  top: 14.64%;
  right: 14.64%;
  transform: translate(50%, -50%);
  z-index: 100
}

.cmt-prcu-has-customizations .text-primary {
  color: var(--primary-color) !important
}

.cmt-prcu-has-customizations a.text-primary:focus,
.cmt-prcu-has-customizations a.text-primary:hover {
  color: var(--primary-color)
}

.cmt-prcu-has-customizations a.text-primary:visited {
  color: var(--primary-color)
}

.cmt-prcu-has-customizations .text-secondary {
  color: var(--secondary-color-dark) !important
}

.cmt-prcu-has-customizations a.text-secondary:focus,
.cmt-prcu-has-customizations a.text-secondary:hover {
  color: var(--secondary-color-dark)
}

.cmt-prcu-has-customizations a.text-secondary:visited {
  color: var(--secondary-color-dark)
}

.cmt-prcu-has-customizations .text-gray {
  color: var(--gray-color) !important
}

.cmt-prcu-has-customizations a.text-gray:focus,
.cmt-prcu-has-customizations a.text-gray:hover {
  color: var(--gray-color)
}

.cmt-prcu-has-customizations a.text-gray:visited {
  color: var(--gray-color)
}

.cmt-prcu-has-customizations .text-light {
  color: var(--text-light) !important
}

.cmt-prcu-has-customizations a.text-light:focus,
.cmt-prcu-has-customizations a.text-light:hover {
  color: var(--text-light)
}

.cmt-prcu-has-customizations a.text-light:visited {
  color: var(--text-light)
}

.cmt-prcu-has-customizations .text-dark {
  color: var(--body-color) !important
}

.cmt-prcu-has-customizations a.text-dark:focus,
.cmt-prcu-has-customizations a.text-dark:hover {
  color: var(--body-color)
}

.cmt-prcu-has-customizations a.text-dark:visited {
  color: var(--body-color)
}

.cmt-prcu-has-customizations .text-success {
  color: #32b643 !important
}

.cmt-prcu-has-customizations a.text-success:focus,
.cmt-prcu-has-customizations a.text-success:hover {
  color: #32b643
}

.cmt-prcu-has-customizations a.text-success:visited {
  color: #32b643
}

.cmt-prcu-has-customizations .text-warning {
  color: #ffb700 !important
}

.cmt-prcu-has-customizations a.text-warning:focus,
.cmt-prcu-has-customizations a.text-warning:hover {
  color: #ffb700
}

.cmt-prcu-has-customizations a.text-warning:visited {
  color: #ffb700
}

.cmt-prcu-has-customizations .text-error {
  color: #e85600 !important
}

.cmt-prcu-has-customizations a.text-error:focus,
.cmt-prcu-has-customizations a.text-error:hover {
  color: #e85600
}

.cmt-prcu-has-customizations a.text-error:visited {
  color: #e85600
}

.cmt-prcu-has-customizations .bg-primary {
  background: var(--primary-color) !important;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .bg-secondary {
  background: var(--secondary-color) !important;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .bg-dark {
  background: var(--text-dark) !important;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .bg-gray {
  background: var(--body-bg) !important;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .bg-success {
  background: #32b643 !important;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .bg-warning {
  background: #ffb700 !important;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .bg-error {
  background: #e85600 !important;
  color: var(--text-light)
}

.cmt-prcu-has-customizations .c-hand {
  cursor: pointer
}

.cmt-prcu-has-customizations .c-move {
  cursor: move
}

.cmt-prcu-has-customizations .c-zoom-in {
  cursor: zoom-in
}

.cmt-prcu-has-customizations .c-zoom-out {
  cursor: zoom-out
}

.cmt-prcu-has-customizations .c-not-allowed {
  cursor: not-allowed
}

.cmt-prcu-has-customizations .c-auto {
  cursor: auto
}

.cmt-prcu-has-customizations .d-block {
  display: block
}

.cmt-prcu-has-customizations .d-inline {
  display: inline
}

.cmt-prcu-has-customizations .d-inline-block {
  display: inline-block
}

.cmt-prcu-has-customizations .d-flex {
  display: flex
}

.cmt-prcu-has-customizations .d-inline-flex {
  display: inline-flex
}

.cmt-prcu-has-customizations .d-none,
.cmt-prcu-has-customizations .d-hide {
  display: none !important
}

.cmt-prcu-has-customizations .d-visible {
  visibility: visible
}

.cmt-prcu-has-customizations .d-invisible {
  visibility: hidden
}

.cmt-prcu-has-customizations .text-hide {
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  line-height: 0;
  text-shadow: none
}

.cmt-prcu-has-customizations .text-assistive {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.cmt-prcu-has-customizations .divider,
.cmt-prcu-has-customizations .divider-vert {
  display: block;
  position: relative
}

.cmt-prcu-has-customizations .divider[data-content]::after,
.cmt-prcu-has-customizations .divider-vert[data-content]::after {
  background: var(--bg-light);
  color: var(--gray-color);
  content: attr(data-content);
  display: inline-block;
  font-size: .7rem;
  padding: 0 .4rem;
  transform: translateY(-0.65rem)
}

.cmt-prcu-has-customizations .divider {
  border-top: .05rem solid var(--border-color-light);
  height: .05rem;
  margin: .4rem 0
}

.cmt-prcu-has-customizations .divider[data-content] {
  margin: .8rem 0
}

.cmt-prcu-has-customizations .divider-vert {
  display: block;
  padding: .8rem
}

.cmt-prcu-has-customizations .divider-vert::before {
  border-left: .05rem solid var(--border-color);
  bottom: .4rem;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: .4rem;
  transform: translateX(-50%)
}

.cmt-prcu-has-customizations .divider-vert[data-content]::after {
  left: 50%;
  padding: .2rem 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.cmt-prcu-has-customizations .loading {
  color: rgba(0, 0, 0, 0) !important;
  min-height: .8rem;
  pointer-events: none;
  position: relative
}

.cmt-prcu-has-customizations .loading::after {
  animation: loading 500ms infinite linear;
  background: rgba(0, 0, 0, 0);
  border: .1rem solid var(--primary-color);
  border-radius: 50%;
  border-right-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: .8rem;
  left: 50%;
  margin-left: -0.4rem;
  margin-top: -0.4rem;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: .8rem;
  z-index: 1
}

.cmt-prcu-has-customizations .loading.loading-lg {
  min-height: 2rem
}

.cmt-prcu-has-customizations .loading.loading-lg::after {
  height: 1.6rem;
  margin-left: -0.8rem;
  margin-top: -0.8rem;
  width: 1.6rem
}

.cmt-prcu-has-customizations .clearfix::after {
  clear: both;
  content: "";
  display: table
}

.cmt-prcu-has-customizations .float-left {
  float: left !important
}

.cmt-prcu-has-customizations .float-right {
  float: right !important
}

.cmt-prcu-has-customizations .p-relative {
  position: relative !important
}

.cmt-prcu-has-customizations .p-absolute {
  position: absolute !important
}

.cmt-prcu-has-customizations .p-fixed {
  position: fixed !important
}

.cmt-prcu-has-customizations .p-sticky {
  position: sticky !important
}

.cmt-prcu-has-customizations .p-centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto
}

.cmt-prcu-has-customizations .flex-centered {
  align-items: center;
  display: flex;
  justify-content: center
}

.cmt-prcu-has-customizations .m-0 {
  margin: 0 !important
}

.cmt-prcu-has-customizations .mb-0 {
  margin-bottom: 0 !important
}

.cmt-prcu-has-customizations .ml-0 {
  margin-left: 0 !important
}

.cmt-prcu-has-customizations .mr-0 {
  margin-right: 0 !important
}

.cmt-prcu-has-customizations .mt-0 {
  margin-top: 0 !important
}

.cmt-prcu-has-customizations .mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.cmt-prcu-has-customizations .my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.cmt-prcu-has-customizations .m-1 {
  margin: .2rem !important
}

.cmt-prcu-has-customizations .mb-1 {
  margin-bottom: .2rem !important
}

.cmt-prcu-has-customizations .ml-1 {
  margin-left: .2rem !important
}

.cmt-prcu-has-customizations .mr-1 {
  margin-right: .2rem !important
}

.cmt-prcu-has-customizations .mt-1 {
  margin-top: .2rem !important
}

.cmt-prcu-has-customizations .mx-1 {
  margin-left: .2rem !important;
  margin-right: .2rem !important
}

.cmt-prcu-has-customizations .my-1 {
  margin-bottom: .2rem !important;
  margin-top: .2rem !important
}

.cmt-prcu-has-customizations .m-2 {
  margin: .4rem !important
}

.cmt-prcu-has-customizations .mb-2 {
  margin-bottom: .4rem !important
}

.cmt-prcu-has-customizations .ml-2 {
  margin-left: .4rem !important
}

.cmt-prcu-has-customizations .mr-2 {
  margin-right: .4rem !important
}

.cmt-prcu-has-customizations .mt-2 {
  margin-top: .4rem !important
}

.cmt-prcu-has-customizations .mx-2 {
  margin-left: .4rem !important;
  margin-right: .4rem !important
}

.cmt-prcu-has-customizations .my-2 {
  margin-bottom: .4rem !important;
  margin-top: .4rem !important
}

.cmt-prcu-has-customizations .p-0 {
  padding: 0 !important
}

.cmt-prcu-has-customizations .pb-0 {
  padding-bottom: 0 !important
}

.cmt-prcu-has-customizations .pl-0 {
  padding-left: 0 !important
}

.cmt-prcu-has-customizations .pr-0 {
  padding-right: 0 !important
}

.cmt-prcu-has-customizations .pt-0 {
  padding-top: 0 !important
}

.cmt-prcu-has-customizations .px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.cmt-prcu-has-customizations .py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

.cmt-prcu-has-customizations .p-1 {
  padding: .2rem !important
}

.cmt-prcu-has-customizations .pb-1 {
  padding-bottom: .2rem !important
}

.cmt-prcu-has-customizations .pl-1 {
  padding-left: .2rem !important
}

.cmt-prcu-has-customizations .pr-1 {
  padding-right: .2rem !important
}

.cmt-prcu-has-customizations .pt-1 {
  padding-top: .2rem !important
}

.cmt-prcu-has-customizations .px-1 {
  padding-left: .2rem !important;
  padding-right: .2rem !important
}

.cmt-prcu-has-customizations .py-1 {
  padding-bottom: .2rem !important;
  padding-top: .2rem !important
}

.cmt-prcu-has-customizations .p-2 {
  padding: .4rem !important
}

.cmt-prcu-has-customizations .pb-2 {
  padding-bottom: .4rem !important
}

.cmt-prcu-has-customizations .pl-2 {
  padding-left: .4rem !important
}

.cmt-prcu-has-customizations .pr-2 {
  padding-right: .4rem !important
}

.cmt-prcu-has-customizations .pt-2 {
  padding-top: .4rem !important
}

.cmt-prcu-has-customizations .px-2 {
  padding-left: .4rem !important;
  padding-right: .4rem !important
}

.cmt-prcu-has-customizations .py-2 {
  padding-bottom: .4rem !important;
  padding-top: .4rem !important
}

.cmt-prcu-has-customizations .s-rounded {
  border-radius: .1rem
}

.cmt-prcu-has-customizations .s-circle {
  border-radius: 50%
}

.cmt-prcu-has-customizations .text-left {
  text-align: left
}

.cmt-prcu-has-customizations .text-right {
  text-align: right
}

.cmt-prcu-has-customizations .text-center {
  text-align: center
}

.cmt-prcu-has-customizations .text-justify {
  text-align: justify
}

.cmt-prcu-has-customizations .text-lowercase {
  text-transform: lowercase
}

.cmt-prcu-has-customizations .text-uppercase {
  text-transform: uppercase
}

.cmt-prcu-has-customizations .text-capitalize {
  text-transform: capitalize
}

.cmt-prcu-has-customizations .text-normal {
  font-weight: normal
}

.cmt-prcu-has-customizations .text-bold {
  font-weight: bold
}

.cmt-prcu-has-customizations .text-italic {
  font-style: italic
}

.cmt-prcu-has-customizations .text-large {
  font-size: 1.2em
}

.cmt-prcu-has-customizations .text-small {
  font-size: .9em
}

.cmt-prcu-has-customizations .text-tiny {
  font-size: .8em
}

.cmt-prcu-has-customizations .text-muted {
  opacity: .8
}

.cmt-prcu-has-customizations .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmt-prcu-has-customizations .text-clip {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap
}

.cmt-prcu-has-customizations .text-break {
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmt-prcu-option input[type="radio"],
.cmt-prcu-option input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  ;
}

.tippy-content .close-button {
  position: absolute;
  top: -0.4rem;
  right: -1rem;
  padding: 0.1rem 0.5rem;
  float: none;
}

.tippy-content {
  position: relative;
  padding: 1.2rem 2.4rem;
  z-index: 1;
}

.draw {
  transition: color 0.12s;
}

.draw {
  border: 0.24rem solid rgba(48, 55, 66, .4);
  background-repeat: no-repeat;
}

.cmt-prcu-option input[type="radio"]:checked+.draw,
.cmt-prcu-option input[type="checkbox"]:checked+.draw {
  border: 0;
}

.draw::before,
.draw::after {
  box-sizing: inherit;
  content: "";
  position: absolute;
}

.draw::before,
.draw::after {
  border: 0.4rem solid transparent;
  width: 0;
  height: 0;
  border-radius: calc(var(--wpc-prcu-image-gap) / 4);
}

.draw::before {
  top: 0;
  left: 0;
}

.draw::after {
  bottom: 0;
  right: 0;
}

.draw:hover {
  color: #ED3739;
}

.draw:hover::before,
.draw:hover::after,
.cmt-prcu-option input[type="radio"]:checked+.draw::before,
.cmt-prcu-option input[type="checkbox"]:checked+.draw::before,
.cmt-prcu-option input[type="radio"]:checked+.draw::after,
.cmt-prcu-option input[type="checkbox"]:checked+.draw::after {
  width: 100%;
  height: 100%;
}

.draw:hover::before,
.cmt-prcu-option input[type="radio"]:checked+.draw::before {
  border-top-color: var(--wpc-prcu-primary, #ED3739);
  border-right-color: var(--wpc-prcu-primary, #ED3739);
  transition: width 0.12s ease-out, height 0.12s ease-out 0.12s;
}

.draw:hover::after,
.cmt-prcu-option input[type="radio"]:checked+.draw::after {
  border-bottom-color: var(--wpc-prcu-primary, #ED3739);
  border-left-color: var(--wpc-prcu-primary, #ED3739);
  transition: border-color 0s ease-out 0.24s, width 0.12s ease-out 0.24s, height 0.12s ease-out 0.36s;
}

/* Secondary color for checkboxes (pick_many) */
.cmt-prcu-option input[type="checkbox"]:checked+.draw::before {
  border-top-color: var(--wpc-prcu-secondary, #00a3cc);
  border-right-color: var(--wpc-prcu-secondary, #00a3cc);
  transition: width 0.12s ease-out, height 0.12s ease-out 0.12s;
}

.cmt-prcu-option input[type="checkbox"]:checked+.draw::after {
  border-bottom-color: var(--wpc-prcu-secondary, #00a3cc);
  border-left-color: var(--wpc-prcu-secondary, #00a3cc);
  transition: border-color 0s ease-out 0.24s, width 0.12s ease-out 0.24s, height 0.12s ease-out 0.36s;
}

.border-gradient {
  background: #30ff90;
  background: -moz-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #30ff90), color-stop(25%, #ed2ded), color-stop(50%, #c99826), color-stop(75%, #30ffe6), color-stop(100%, #30ff90));
  background: -webkit-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  background: -o-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  background: -ms-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  background: linear-gradient(to right, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30ff90', endColorstr='#30ff90', GradientType=1);
}

/**** popover *****/

.popover {
  display: inline-block;
  position: relative
}

.popover .popover-container {
  left: 50%;
  opacity: 0;
  padding: .4rem;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .2s;
  width: 320px;
  z-index: 300
}

.popover :focus+.popover-container,
.popover:hover .popover-container {
  display: block;
  opacity: 1;
  transform: translate(-50%, -100%) scale(1)
}

.popover.popover-right .popover-container {
  left: 100%;
  top: 50%
}

.popover.popover-right :focus+.popover-container,
.popover.popover-right:hover .popover-container {
  transform: translate(0, -50%) scale(1)
}

.popover.popover-bottom .popover-container {
  left: 50%;
  top: 100%
}

.popover.popover-bottom :focus+.popover-container,
.popover.popover-bottom:hover .popover-container {
  transform: translate(-50%, 0) scale(1)
}

.popover.popover-left .popover-container {
  left: 0;
  top: 50%
}

.popover.popover-left :focus+.popover-container,
.popover.popover-left:hover .popover-container {
  transform: translate(-100%, -50%) scale(1)
}

.popover .card {
  border: 0;
  box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3)
}

.product-customizer-layout {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 2rem;
  max-width: 1400px;
  margin: 0 auto;
  background: #0f1014;
  padding: 2rem;
  border-radius: 24px;
  color: #fff;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.product-preview-section {
  background: radial-gradient(circle at center, #1e2129 0%, #0f1014 100%);
  border-radius: 16px;
  padding: 1rem;
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5), 0 10px 30px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cmt-preview-canvas-wrap {
  display: none;
  flex-direction: column;
  /*height: 100%;*/
  position: relative;
}

.woocommerce.cmt-prcu-has-customizations div.product div.images.woocommerce-product-gallery {
  position: relative;
  float: revert;
  width: 100%;
  max-width: none;
}

#cmt-preview-wrap.cmt-preview-canvas-wrap {
  display: block;
  max-width: 100%;
  min-width: 0;
  position: relative;
}

#cmt-preview-wrap .canvas-container {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  position: relative !important;
  margin: 0 auto !important;
}

#cmt-no-layers-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: #888;
  font-size: 1.2rem;
  font-weight: 500;
}

.cmt-view-controls {
  display: none;
  gap: .4rem;
  padding: 0 1rem;
  margin-bottom: 1vh;
  align-self: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  margin-top: 1vh;
}

.cmt-prcu-has-customizations .cmt-view-controls button {
  color: rgb(var(--wpc-prcu-color-text-rgb), .92);
  padding: .4em 1em
}

.cmt-canvas-inner-wrap {
  display: none;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.cmt-canvas-inner-wrap::after {
  /*content: "";*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(225deg, rgba(0, 0, 255, 0.4) 0%, rgba(128, 0, 128, 0.4) 100%);*/
  pointer-events: none;
  z-index: 10;
  mix-blend-mode: screen;
  opacity: .12;
}

.cmt-canvas-zoom-controls {
  position: absolute;
  top: 20%;
  right: 20px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
}

.cmt-canvas-zoom-controls .cmt-zoom-in,
.cmt-canvas-zoom-controls .cmt-zoom-out {
  width: 36px;
  height: 36px;
  padding: 0;
  font-weight: bold;
  line-height: 1;
  background: #fff;
  color: #333;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.cmt-canvas-zoom-controls .cmt-zoom-in {
  font-size: 20px;
}

.cmt-canvas-zoom-controls .cmt-zoom-out {
  font-size: 24px;
}

.cmt-canvas-zoom-controls .cmt-zoom-in:hover:not(.disabled):not(:disabled),
.cmt-canvas-zoom-controls .cmt-zoom-out:hover:not(.disabled):not(:disabled) {
  background: #f0f0f0;
}

.cmt-canvas-zoom-controls .cmt-zoom-in.disabled,
.cmt-canvas-zoom-controls .cmt-zoom-in:disabled,
.cmt-canvas-zoom-controls .cmt-zoom-out.disabled,
.cmt-canvas-zoom-controls .cmt-zoom-out:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
  background: #e0e0e0;
  color: #888;
}

#cmt-preview-wrap .canvas-container canvas.lower-canvas,
#cmt-preview-wrap .canvas-container canvas.upper-canvas,
#cmt-preview-wrap #product-preview-canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 12px;
}

.view-controls {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.5rem;
  border-radius: 50px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.view-controls button {
  padding: 0.8rem 1.5rem;
  border: none;
  background: transparent;
  color: #a0a5b0;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8rem;
}

.view-controls button:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.view-controls button.active {
  background: #ed1c24;
  /* Zio Gaming Red */
  color: white;
  box-shadow: 0 4px 15px rgba(237, 28, 36, 0.4);
}

/* Glassmorphism Panels */
.customization-summary {
  background: rgba(30, 33, 41, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  overflow: hidden;
  color: #e1e3e5;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  display: none;

  /* Desktop pop-out sticky behavior */
  position: sticky;
  bottom: 0;
  z-index: 12;
  margin-top: 20px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;

  max-width: 40em;
  margin: 0 auto;
}

.customization-summary.is-stuck {
  transform: translateY(calc(100% - 62px));
  /* Bury the content, leave header visible */
  box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.4);
  /* Move shadow upward since it's floating at the bottom */
}

.customization-summary.is-stuck.is-expanded,
.customization-summary.is-stuck:hover {
  transform: translateY(0);
}

.customization-summary .cmt-summary-pin {
  display: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  opacity: 1;
  margin-right: 4px;
  transform: rotate(20deg);
  /* Diagonal "floating/unpinned" state */
  opacity: 0.6;
  filter: grayscale(88%);
}

.customization-summary.is-stuck .cmt-summary-pin {
  display: inline-block;
}

.customization-summary:hover .cmt-summary-pin {
  transform: rotate(-5deg);
  filter: grayscale(48%);
}

.customization-summary.is-expanded .cmt-summary-pin {
  transform: rotate(-25deg);
  filter: none;
  opacity: 1;
}

.cmt-prcu-option {
  transition: box-shadow 0.2s ease, opacity 0.2s ease;
}

/*
.cmt-prcu-option:hover {
  opacity: 0.9;
}*/

.draw {
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
  background-color: rgba(0, 0, 0, 0.2);
}

.cmt-prcu-option input[type="radio"]:checked+.draw,
.cmt-prcu-option input[type="checkbox"]:checked+.draw {
  border: 2px solid var(--wpc-prcu-primary, #ed1c24);
  box-shadow: 0 0 15px rgba(237, 28, 36, 0.3);
  background-color: rgba(237, 28, 36, 0.05);
  /*transform: scale(1.25);*/
}

.cmt-prcu-option input[type="checkbox"]:checked+.draw {
  border-color: var(--wpc-prcu-secondary, #00a3cc);
}

.cmt-prcu-option input[type="checkbox"] {
  visibility: visible;
  bottom: 0;
  right: 0;
  accent-color: var(--wpc-prcu-secondary, #6a1b9a);
}

.cmt-prcu-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #000000;
  border: 2px solid #333333;
  border-radius: 4px;
  cursor: pointer;
  /*position: relative;*/
  margin: 0;
}

.cmt-prcu-option input[type="checkbox"]:checked {
  background: var(--wpc-prcu-primary, #6a1b9a);
  border-color: var(--wpc-prcu-primary, #6a1b9a);
}

/* Draws the sharp white checkmark */
.cmt-prcu-option input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/*
.cmt-prcu-option input[type="checkbox"]:checked+.draw {
  border: 2px solid var(--wpc-prcu-secondary, #00a3cc);
  box-shadow: 0 0 15px rgba(0, 163, 204, 0.3);
  background-color: rgba(0, 163, 204, 0.05);
  transform: scale(1.25);
}*/

.cmt-prcu-option input[type="radio"]:checked+.draw::before,
.cmt-prcu-option input[type="checkbox"]:checked+.draw::before,
.cmt-prcu-option input[type="radio"]:checked+.draw::after,
.cmt-prcu-option input[type="checkbox"]:checked+.draw::after {
  display: none;
}

.summary-header {
  padding: 1vh 1vw;
  border-bottom: 1px solid #2d3138;
  /*background: #23272e;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.wpcomet-customizer .summary-header .btn.cmt-summary-add-to-cart {
  z-index: 2;
  position: absolute;
  right: 0em;
  padding: 1rem 2rem;
  top: 0em;
  height: auto;
  height: 100%;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
  font-size: 1.2rem;
  font-weight: 600;
}

.summary-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #f0f1f2;
}

/*
.customization-items {
  padding: 16px 0;
}*/

.customization-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: .5em 1.5em;
  transition: background-color 0.2s ease;
}

.customization-item:hover {
  background-color: #23272e;
}

.customization-item:not(:last-child) {
  border-bottom: 1px solid #2d3138;
}

.item-details {
  flex: 1;
  line-height: 1.2;
}

.item-name {
  display: block;
  font-weight: 500;
  color: #f0f1f2;
  font-size: 14px;
  margin-bottom: 2px;
}

.item-description {
  display: block;
  font-size: 13px;
  color: #8b949e;
  line-height: 1.4;
}

.item-price {
  font-weight: 600;
  color: #f0f1f2;
  font-size: 14px;
  white-space: nowrap;
  margin-left: 16px;
}

.item-description .cmt-change-btn {
  background: transparent;
  border: none;
  color: var(--wpc-prcu-color-text, #fff);
  font-size: 80%;
  cursor: pointer;
  margin-left: 8px;
  text-decoration: none;
  padding: .2em 1em;
  letter-spacing: .12em;
}

.item-description .cmt-change-btn:hover {
  color: var(--wpc-prcu-primary);
}

.customization-totals {
  padding: 20px 24px;
  background: #23272e;
  border-top: 1px solid #2d3138;
}

.total-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
}

.total-line span:first-child {
  color: #8b949e;
}

.total-amount {
  font-weight: 600;
  color: #f0f1f2;
  font-size: 16px;
}

/* Interactive states for dark mode */
.customization-item {
  position: relative;
}

.customization-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--wpc-prcu-primary);
  /* Brighter accent color for dark mode */
  opacity: 0;
  transition: opacity 0.2s ease;
}

.customization-item:hover::before {
  opacity: 1;
}

/* Price positive/negative styling for dark mode */
.item-price.positive {
  color: #3fb950;
  /* Green for positive amounts */
}

.item-price.negative {
  color: #f85149;
  /* Red for negative amounts */
}

.total-amount.positive {
  color: #3fb950;
}

.total-amount.negative {
  color: #f85149;
}

.text-icon {
  margin-right: .24em;
  font-style: normal;
  line-height: 1;
  font-size: 1.5rem;
}

.var-color-text {
  color: var(--wpc-prcu-color-text);
}

.d-none {
  display: none !important;
}

/* Optional: Add subtle animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.customization-item {
  animation: fadeIn 0.3s ease-out;
}

/* Scrollbar styling for dark mode */
.customization-items::-webkit-scrollbar {
  width: 6px;
}

.customization-items::-webkit-scrollbar-track {
  background: #1a1d21;
}

.customization-items::-webkit-scrollbar-thumb {
  background: #2d3138;
  border-radius: 3px;
}

.customization-items::-webkit-scrollbar-thumb:hover {
  background: #3d424a;
}

/* Focus states for accessibility */
.customization-item:focus-within {
  background-color: #23272e;
  outline: 2px solid #58a6ff;
  outline-offset: -2px;
}

/* Loading state */
.customization-summary.loading {
  opacity: 0.7;
  pointer-events: none;
}

.customization-summary.loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  animation: loading 1.5s infinite;
}

@keyframes loading {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

/*
.wpcomet-customizer {
	font-size: 14px;
	--wpc-prcu-color-text: #131313;
	--wpc-prcu-color-bg: #fff;
	--wpc-prcu-color-bg-rgb: 22,22,22;
	--wpc-prcu-color-link: #000;
	--wpc-prcu-color-link-hover: #131313;
	--wpc-prcu-padding-sides: 1.2rem;
	--wpc-prcu-padding-row: 0;
	--wpc-prcu-color-row-border: rgba(44,44,44,.8);
	--wpc-prcu-color-bg-row-hover: rgba(11,11,11,.8);
	--wpc-prcu-color-text-alt: #000;
	--wpc-prcu-image-gap: 1vw;
	--wpc-prcu-image-gap-large: 2vw;
	--wpc-prcu-img-size: 8vw;
	--wpc-prcu-img-size-large: 20vw;
}*/
.cmt-prcu-row {
  /*border-style: outset;*/
  border-right: 0;
}

.wpcomet-customizer .cmt-prcu-row:hover {
  /*box-shadow:
  inset 0 8px 8px -8px rgba(0, 0, 0, 0.2),   
  inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2); */
  background-color: transparent;
  /*border:0;*/
}

.cell--text.has-bg-image {
  /*padding: 1rem 2rem;*/
  height: 100%;
  align-content: center;
  overflow: hidden;
  position: relative;
}

.cell--text.has-bg-image::before,
.cell--text.has-bg-image::after {
  background-position: 50% 50%;

  background-color: #141313;

  transition: background-color, background-image, background-position .2s ease;
}

.cell--text.has-bg-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .72;
  /* Your desired opacity */
  transition: transform .3s ease;
  will-change: transform;
  transform: scale(1);
  /*z-index: 1;*/
}


.cmt-prcu-row:hover .cell--text.has-bg-image::before {
  transform: scale(1.1);
}

.cell--text.has-bg-image:hover::before {
  background-blend-mode: screen;
  background-color: #55038d0f;
}

.cell--text.has-bg-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: linear-gradient(
        to right,
        #141313 0%,
        rgba(20, 19, 19, 0.8) 15%,
        rgba(20, 19, 19, 0.4) 30%,
        rgba(20, 19, 19, 0.2) 50%,
        rgba(20, 19, 19, 0.4) 70%,
        rgba(20, 19, 19, 0.8) 85%,
        #141313 100%
    );*/
  background: linear-gradient(102deg, rgba(20, 19, 19, 1) 0%, rgba(20, 19, 19, 1) 5%, rgba(20, 19, 19, 0) 26%, rgba(20, 19, 19, 0) 58%, rgba(20, 19, 19, 0.77) 75%, rgba(20, 19, 19, 1) 92%, rgba(20, 19, 19, 1) 100%);
  z-index: 1;
  pointer-events: none;
}


.cell--text.has-bg-image .cell__title {
  z-index: 2;
}

.wpcomet-customizer .form-input {
  appearance: none;
  background: rgba(111, 111, 111, 0.2);
  background-image: none;
  border: 0.12rem solid rgba(122, 122, 122, 0.4);
  font-size: inherit;
}


/* Hover state */
/*
.cmt-prcu-row:hover .cell--text.has-bg-image::after {
  background: linear-gradient(
        to right,
        #F0F0F0 0%,
        rgba(240, 240, 240, 0.8) 15%,
        rgba(240, 240, 240, 0.4) 30%,
        rgba(240, 240, 240, 0.2) 50%,
        rgba(240, 240, 240, 0.4) 70%,
        rgba(240, 240, 240, 0.8) 85%,
        #F0F0F0 100%
    );
}*/

/* Optional: Adjust image opacity on hover */
.cmt-prcu-row:hover .cell--text.has-bg-image::before {
  opacity: 0.92;
  /* Make image more visible on hover */
}

.cmt-prcu-row:hover .cell--text.has-bg-image::after {
  background: linear-gradient(96deg, rgba(20, 19, 19, 1) 0%, rgba(20, 19, 19, 1) 3%, rgba(20, 19, 19, 0) 17%, rgba(20, 19, 19, 0) 65%, rgba(20, 19, 19, 0.77) 87%, rgba(20, 19, 19, 1) 94%, rgba(20, 19, 19, 1) 100%);
}

.preview__item {
  overflow-y: auto;
}

/*
div[data-dependencies] {
  display:none
}
.cmt-dependency-hidden {
    display: none !important;
}*/

.cmt-dependency-visible {
  /* No need to set display here - let the natural display take over */
  /* The element will show with its natural display value (grid, flex, etc.) */
}

.cmt-dependency-disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.cmt-dependency-disabled * {
  pointer-events: none !important;
}

body.cmt-prcu-skin-variants form.cart table.variations {
  display: none !important;
}

/* TEMP MEASURE FOR SPECTRECSS BEFORE WE SCSS IT*/
.form-checkbox,
.form-radio,
.form-switch {
  display: block;
  line-height: 1.2rem;
  margin: .2rem 0;
  min-height: 1.4rem;
  padding: .1rem .4rem .1rem 1.2rem;
  position: relative;
}

.form-checkbox input,
.form-radio input,
.form-switch input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.form-checkbox input:focus+.form-icon,
.form-radio input:focus+.form-icon,
.form-switch input:focus+.form-icon {
  border-color: #5755d9;
  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

.form-checkbox input:checked+.form-icon,
.form-radio input:checked+.form-icon,
.form-switch input:checked+.form-icon {
  background: #5755d9;
  border-color: #5755d9;
}

.form-checkbox .form-icon,
.form-radio .form-icon,
.form-switch .form-icon {
  border: .05rem solid #bcc3ce;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
}

.form-checkbox.input-sm,
.form-radio.input-sm,
.form-switch.input-sm {
  font-size: .7rem;
  margin: 0;
}

.form-checkbox.input-lg,
.form-radio.input-lg,
.form-switch.input-lg {
  font-size: .9rem;
  margin: .3rem 0;
}

.form-checkbox .form-icon,
.form-radio .form-icon {
  background: #fff;
  height: .8rem;
  left: 0;
  top: .3rem;
  width: .8rem;
}

.form-checkbox input:active+.form-icon,
.form-radio input:active+.form-icon {
  background: #eef0f3;
}

.form-checkbox .form-icon {
  border-radius: .1rem;
}

.form-checkbox input:checked+.form-icon::before {
  background-clip: padding-box;
  border: .1rem solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  content: "";
  height: 9px;
  left: 50%;
  margin-left: -3px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}

.form-checkbox input:indeterminate+.form-icon {
  background: #5755d9;
  border-color: #5755d9;
}

.form-checkbox input:indeterminate+.form-icon::before {
  background: #fff;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 10px;
}

.form-radio .form-icon {
  border-radius: 50%;
}

.form-radio input:checked+.form-icon::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
}

.form-switch {
  padding-left: 2rem;
}

.form-switch .form-icon {
  background: #bcc3ce;
  background-clip: padding-box;
  border-radius: .45rem;
  height: .9rem;
  left: 0;
  top: .25rem;
  width: 1.6rem;
}

.form-switch .form-icon::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: .8rem;
  left: 0;
  position: absolute;
  top: 0;
  transition: background .2s, border .2s, box-shadow .2s, color .2s, left .2s;
  width: .8rem;
}

.form-switch input:checked+.form-icon::before {
  left: 14px;
}

.form-switch input:active+.form-icon::before {
  background: #f7f8f9;
}


.toast {
  background: rgba(48, 55, 66, .95);
  border: .05rem solid #303742;
  border-color: #303742;
  border-radius: .1rem;
  color: #fff;
  display: block;
  padding: .4rem;
  width: 100%
}

.toast.toast-primary {
  background: rgba(87, 85, 217, .95);
  border-color: #5755d9
}

.toast.toast-success {
  background: rgba(50, 182, 67, .95);
  border-color: #32b643
}

.toast.toast-warning {
  background: rgba(255, 183, 0, .95);
  border-color: #ffb700
}

.toast.toast-error {
  background: rgba(232, 86, 0, .95);
  border-color: #e85600
}

.toast a {
  color: #fff;
  text-decoration: underline
}

.toast a.active,
.toast a:active,
.toast a:focus,
.toast a:hover {
  opacity: .75
}

.toast .btn-clear {
  margin: .1rem
}

.toast p:last-child {
  margin-bottom: 0
}


/* Google Gallery Injection Styles */
.cmt-google-gallery-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  z-index: 1000;
  background: #1e2128;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.4);
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
  overflow: hidden;
  overflow-y: auto;
}

.cmt-google-gallery-container.active {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.cmt-google-gallery-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.cmt-google-gallery-header h3 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.cmt-google-gallery-close {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.cmt-google-gallery-close:hover {
  background: rgba(255, 77, 79, 0.8);
}

.cmt-google-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  flex: 1;
  padding-right: 5px;
}

/* Custom Scrollbar for gallery */
.cmt-google-gallery-grid::-webkit-scrollbar {
  width: 6px;
}

.cmt-google-gallery-grid::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.cmt-google-gallery-grid::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}

.cmt-google-gallery-grid::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

.cmt-gallery-item {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  position: relative;
  aspect-ratio: 1 / 1;
  /*min-height: 0;*/
}

.cmt-gallery-item:hover {
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.1);
}

.cmt-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
  box-sizing: border-box;
}

.cmt-gallery-item .cmt-gallery-item-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 10px;
  padding: 4px 6px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transition: opacity 0.2s;
}

.cmt-gallery-item:hover .cmt-gallery-item-name {
  opacity: 1;
}

.cmt-gallery-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  color: #aaa;
  font-size: 14px;
  gap: 10px;
}

.cmt-gallery-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #fff;
  border-radius: 50%;
  animation: cmt-spin 1s linear infinite;
}

@keyframes cmt-spin {
  to {
    transform: rotate(360deg);
  }
}

.cmt-gallery-search {
  width: 100%;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  margin-bottom: 12px;
}

.woocommerce.cmt-prcu-has-customizations div.product div.summary {
  float: revert;
  clear: revert;
  width: 100%;
  max-width: none;
}

#cmt-preview-wrap.cmt-preview-canvas-wrap {
  width: 100%;
  top: 120px;
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-start;
}

/* Mobile responsiveness */
@media (max-width: 991px) {
  .customization-summary.is-stuck {
    transform: none !important;
    box-shadow: none !important;
  }

  .hide-sm {
    display: none !important;
  }
}

@media (min-width: 1096px) {

  .cmt-google-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11vw, 1fr));
    gap: 12px;
    flex: 1;
    padding-right: 5px;
  }

  .cmt-google-gallery-container {
    height: 72%;
  }
}

@media (max-width: 768px) {
  .product-customizer-layout {
    grid-template-columns: 1fr;
    padding: 1rem;
    gap: 1.5rem;
  }

  .view-controls {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }

  .view-controls button {
    padding: 0.6rem 1rem;
    font-size: 0.75rem;
  }

  /*
  .customization-item {
    padding: 16px 20px;
    flex-direction: column;
  }*/

  .item-price {
    margin-left: 0;
    margin-top: 8px;
    align-self: flex-end;
  }

  .summary-header,
  .customization-totals {
    padding: 16px 20px;
  }

  /* Hide desktop summary header elements on mobile since they exist in the sticky footer */
  .cmt-summary-header-price,
  .btn.cmt-summary-add-to-cart {
    display: none !important;
  }
}