/* Comes from the semantic-ui package. */
[data-tooltip] {
  position: relative
}

[data-tooltip]:before {
  content: "" !important;
  width: .625em;
  height: .625em;
  transform: rotate(45deg);
  z-index: 2;
}

[data-tooltip]:after,[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  font-size: 1rem;
  background: #fff
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #F0F0F2;
  line-height: 1.4285em;
  max-width: none;
  padding: .833em 1em;
  font-weight: 400;
  font-style: normal;
  color: rgba(0,0,0,.87);
  border-radius: .25rem;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
  z-index: 1
}

[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #fff;
  color: red;
  margin-left: -.0625rem;
  margin-bottom: .125rem
}

[data-tooltip]:not([data-position]):after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: .4375em
}

[data-tooltip]:not([data-tooltip-does-not-use-hover]):after,
[data-tooltip]:not([data-tooltip-does-not-use-hover]):before,
[data-tooltip-does-not-use-hover]:not([data-tooltip-show]):before,
[data-tooltip-does-not-use-hover]:not([data-tooltip-show]):after{
  pointer-events: none;
  visibility: hidden
}

[data-tooltip]:not([data-show-tooltip]):before {
  opacity: 0;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center top;
  transition: all .1s ease
}

[data-tooltip]:not([data-show-tooltip]):after {
  opacity: 1;
  transform-origin: center bottom;
  transition: all .1s ease
}

[data-tooltip]:not([data-tooltip-does-not-use-hover]):hover:after,
[data-tooltip]:not([data-tooltip-does-not-use-hover]):hover:before,
[data-tooltip][data-tooltip-show]:before,
[data-tooltip][data-tooltip-show]:after
 {
  visibility: visible;
  pointer-events: auto
}

[data-tooltip]:not([data-tooltip-does-not-use-hover]):hover:before, [data-tooltip][data-tooltip-show]:before {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1 !important;
}

[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
  transform: translateX(-50%) scale(0) !important
}

[data-tooltip]:not([data-tooltip-does-not-use-hover]):hover:after,
[data-tooltip]:not([data-tooltip-does-not-use-hover])[data-position="bottom center"]:hover:after,
[data-tooltip][data-tooltip-show][data-position="bottom center"]:after,
[data-tooltip][data-tooltip-show][data-position="top center"]:after {
  transform: translateX(-50%) scale(1) !important
}

[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
  transform: translateY(-50%) scale(0) !important
}

[data-tooltip]:not([data-tooltip-does-not-use-hover])[data-position="left center"]:hover:after,
[data-tooltip]:not([data-tooltip-does-not-use-hover])[data-position="right center"]:hover:after,
[data-tooltip][data-tooltip-show][data-position="left center"]:after,
[data-tooltip][data-tooltip-show][data-position="right center"]:after {
  transform: translateY(-50%) scale(1) !important
}

[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
  transform: scale(0) !important
}

[data-tooltip]:not([data-tooltip-does-not-use-hover])[data-position="bottom left"]:hover:after,
[data-tooltip]:not([data-tooltip-does-not-use-hover])[data-position="bottom right"]:hover:after,
[data-tooltip]:not([data-tooltip-does-not-use-hover])[data-position="top left"]:hover:after,
[data-tooltip]:not([data-tooltip-does-not-use-hover])[data-position="top right"]:hover:after,
[data-tooltip][data-tooltip-show][data-position="bottom left"]:after,
[data-tooltip][data-tooltip-show][data-position="bottom right"]:after,
[data-tooltip][data-tooltip-show][data-position="top left"]:after,
[data-tooltip][data-tooltip-show][data-position="top right"]:after {
  transform: scale(1) !important
}

[data-tooltip][data-inverted]:before {
  box-shadow: none!important;
  background: #2e2e2e
}

[data-tooltip][data-inverted]:after {
  background: #2e2e2e;
  color: #fff;
  border: none;
  box-shadow: none
}

[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #fff
}

[data-position="top center"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: .4375em
}

[data-position="top center"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #fff;
  margin-left: -.0625rem;
  margin-bottom: .125rem
}

[data-position="top left"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: .4375em
}

[data-position="top left"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -.0625rem;
  margin-bottom: .125rem
}

[data-position="top right"][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: .4375em
}

[data-position="top right"][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -.0625rem;
  margin-bottom: .125rem
}

[data-position="bottom center"][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: .4375em
}

[data-position="bottom center"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -.5rem;
  margin-top: .125rem;
}

[data-position="bottom left"][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: .4375em
}

[data-position="bottom left"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -.0625rem;
  margin-top: .125rem
}

[data-position="bottom right"][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: .4375em
}

[data-position="bottom right"][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -.125rem;
  margin-top: .0625rem
}

[data-position="left center"][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: .4375em;
  transform: translateY(-50%)
}

[data-position="left center"][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -.125rem;
  margin-right: -.0625rem
}

[data-position="right center"][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: .4375em;
  transform: translateY(-50%)
}

[data-position="right center"][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -.0625rem;
  margin-left: .125rem
}

[data-position~=bottom][data-tooltip]:before {
  background: #fff;
  box-shadow: -1px -1px 0 0 #F0F0F2
}

[data-position="left center"][data-tooltip]:before {
  background: #fff;
  box-shadow: 1px -1px 0 0 #F0F0F2
}

[data-position="right center"][data-tooltip]:before {
  background: #fff;
  box-shadow: -1px 1px 0 0 #F0F0F2
}

[data-position~=top][data-tooltip]:before {
  background: #fff
}

[data-inverted][data-position~=bottom][data-tooltip]:before {
  background: #2e2e2e;
  box-shadow: -1px -1px 0 0 #F0F0F2
}

[data-inverted][data-position="left center"][data-tooltip]:before {
  background: #2e2e2e;
  box-shadow: 1px -1px 0 0 #F0F0F2
}

[data-inverted][data-position="right center"][data-tooltip]:before {
  background: #2e2e2e;
  box-shadow: -1px 1px 0 0 #F0F0F2
}

[data-inverted][data-position~=top][data-tooltip]:before {
  background: #2e2e2e
}

[data-position~=bottom][data-tooltip]:before {
  transform-origin: center bottom
}

[data-position~=bottom][data-tooltip]:after {
  transform-origin: center top
}

[data-position="left center"][data-tooltip]:before {
  transform-origin: top center
}

[data-position="left center"][data-tooltip]:after,
[data-position="right center"][data-tooltip]:before {
  transform-origin: right center
}

[data-position="right center"][data-tooltip]:after {
  transform-origin: left center
}

/* Comes from the popper.js examples, when using more dynamic content. Would be good to merge these styles.
This one has a small display bug with the arrow */
.popper-tooltip {
  display: none;

  z-index: 100;
  background-color: #fff;
}
#arrow,
#arrow::before {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #fff;
  color: #fff;
  content: "";
}

#arrow {
  visibility: hidden;
}

#arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
  background-color: #fff;
  color: #fff;
  border-color: #F0F0F2;
}

.popper-tooltip[data-popper-placement^="top"] > #arrow {
  bottom: -6px;
}

.popper-tooltip[data-popper-placement^="bottom"] > #arrow {
  top: -6px;
}

.popper-tooltip[data-popper-placement^="left"] > #arrow {
  right: -6px;
}

.popper-tooltip[data-popper-placement^="right"] > #arrow {
  left: -6px;
}

.popper-tooltip[data-popper-placement^="top"] > #arrow:before {
  border-bottom-width: 1px;
  border-right-width: 1px;
  clip-path: polygon(-10% 100%, 100% 100%, 100% -10%);
}

.popper-tooltip[data-popper-placement^="bottom"] > #arrow:before {
  border-left-width: 1px;
  border-top-width: 1px;
  clip-path: polygon(0 0, 110% 0, 0 110%);
}

.popper-tooltip[data-popper-placement^="left"] > #arrow:before {
  border-top-width: 1px;
  border-right-width: 1px;
  clip-path: polygon(100% 0, 100% 110%, -10% 0);
}

.popper-tooltip[data-popper-placement^="right"] > #arrow:before {
  border-bottom-width: 1px;
  border-left-width: 1px;
  clip-path: polygon(110% 100%, 0 100%, 0 -10%)
}

.popper-tooltip[data-show] {
  display: block;
}

.has_caret {
  background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right;
}

/* Reverse wice_grid's sorting up/down arrows */
.wice-grid .fa-arrow-up:before {
  content: "↓" !important;
  font-family: "Inter";
  font-weight: 900;
  font-style: normal;
}
.wice-grid .fa-arrow-down:before {
  content: "↑" !important;
  font-family: "Inter";
  font-weight: 900;
  font-style: normal;
}


/*! Pickr 1.9.0 MIT | https://github.com/Simonwep/pickr */
.pickr{position:relative;overflow:visible;transform:translateY(0);display:flex;}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:1.5rem;width:1.5rem;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" stroke=\"%2342445A\" stroke-width=\"5px\" stroke-linecap=\"round\"><path d=\"M45,45L5,5\"></path><path d=\"M45,5L5,45\"></path></svg>") no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:.5em;border-radius:0.3125rem;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:0.3125rem}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports(display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:rgba(0,0,0,0);z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%))}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");background-size:100%,.25em}

/* Added padding to the WYSIWYG editor in CO Design Step */
.ck-editor__editable {
  padding: 1.8em 1.1em 5em 1.1em !important;
}

/* Hide arrows on date and number inputs */
input[type="number"],
input[type="date"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none ;
}

.grecaptcha-badge {
  opacity: 0 !important;
}