@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
@layer zpr-reset;
.bg-ice {
  background-color: #fafafa;
}

.ma {
  margin: auto;
}

.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.r {
  position: relative;
}
.r.zi-1 {
  z-index: 1;
}
.r.zi-2 {
  z-index: 2;
}
.r.zi-3 {
  z-index: 3;
}

.hide {
  display: none;
}

.block {
  display: block;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

/* temporary until we fix a work-around */
zpr-trigger-table, zpr-project-list, zpr-fieldset, zpr-team-list, zpr-toasts, zpr-form, zpr-pagination, zpr-pill, zpr-project-labels, zpr-publish-btn, zpr-radio-item, zpr-radio-list, zpr-search-field, zpr-step-progress, zpr-switcher-button, zpr-tabs, zpr-tags-input, zpr-textarea, zpr-toggle, zpr-toggle-item, zpr-trigger-table-row, zpr-multi-input, zpr-field, zpr-modal-confirm, zpr-modal-form, zpr-modal-multistep, zpr-fieldset-label, zpr-toast, zpr-dropdown, zpr-dropdown-menu, zpr-modal, zpr-colorpicker, zpr-inline-input, zpr-select, zpr-navbar-dropdown, zpr-navbar-mobile-dropdown {
  visibility: hidden;
}

.shadow {
  box-shadow: 0 0 4px 0 rgba(52, 75, 96, 0.12);
}

.box-shodow-xl {
  box-shadow: 0px 16px 16px rgba(32, 32, 32, 0.05), 0px 8px 8px rgba(42, 42, 42, 0.05), 0px 4px 4px rgba(49, 49, 49, 0.05), 0px 2px 2px rgba(45, 45, 45, 0.05);
}

/* Text alignment */
.tleft, .text-left {
  text-align: left;
}

.tcenter, .text-center, .text-c {
  text-align: center;
}

.text-right {
  text-align: right;
}

.fw300 {
  font-weight: 300;
}

.fw500 {
  font-weight: 500;
}

/* Font size */
.fs16 {
  font-size: 16px;
}

@media (max-width: 700px) {
  .m-fs16 {
    font-size: 16px;
  }
}

.fs20 {
  font-size: 20px;
}

@media (max-width: 700px) {
  .m-fs20 {
    font-size: 20px;
  }
}

.fs24 {
  font-size: 24px;
}

@media (max-width: 700px) {
  .m-fs24 {
    font-size: 24px;
  }
}

.fs28 {
  font-size: 28px;
}

@media (max-width: 700px) {
  .m-fs28 {
    font-size: 28px;
  }
}

.fs29 {
  font-size: 29px;
}

@media (max-width: 700px) {
  .m-fs29 {
    font-size: 29px;
  }
}

.fs32 {
  font-size: 32px;
}

@media (max-width: 700px) {
  .m-fs32 {
    font-size: 32px;
  }
}

.fs35 {
  font-size: 35px;
}

@media (max-width: 700px) {
  .m-fs35 {
    font-size: 35px;
  }
}

.fs36 {
  font-size: 36px;
}

@media (max-width: 700px) {
  .m-fs36 {
    font-size: 36px;
  }
}

.fs46 {
  font-size: 46px;
}

@media (max-width: 700px) {
  .m-fs46 {
    font-size: 46px;
  }
}

/* Line height */
.lh22 {
  line-height: 22px;
}

.lh24 {
  line-height: 24px;
}

.lh30 {
  line-height: 30px;
}

.lh32 {
  line-height: 32px;
}

.lh49 {
  line-height: 49px;
}

.lh55 {
  line-height: 55px;
}

.white {
  color: white;
}

.blue {
  color: #073158;
}

.teal {
  color: #6AE5E0;
}

.hightlight-orange {
  color: #E5401C;
}

.red {
  color: #e5493d;
  font-size: 14px;
}

.danger-red {
  color: #ff2828;
}

.mr8 {
  margin-right: 8px;
}

.mr16 {
  margin-right: 16px;
}

.mr24 {
  margin-right: 24px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb32 {
  margin-bottom: 32px;
}

.mt32 {
  margin-top: 32px;
}

.mb0 {
  margin-bottom: 0;
}

.horizontal-divider {
  width: 1px;
  height: 24px;
  background-color: #b2c4d7;
}

.bg-purple-v3 {
  background: no-repeat center center/cover url("../assets/bg-purple-v3.6909d1905478.svg");
}

.flex {
  display: flex;
}
.flex.fwrap {
  flex-wrap: wrap;
}
.flex.spbetween, .flex.btw {
  justify-content: space-between;
}
.flex.sparound, .flex.ard {
  justify-content: space-around;
}
.flex.justycent, .flex.justify {
  justify-content: center;
}
.flex.alignitmc, .flex.acenter, .flex.fcenter {
  align-items: center;
}
.flex.jc-end {
  justify-content: flex-end;
}
.flex.center {
  justify-content: center;
  align-items: center;
}
.flex.column {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.flex.f-wrap {
  flex-wrap: wrap;
}
.flex.ai-start {
  align-items: flex-start;
}
.flex.ai-end {
  align-items: flex-end;
}
.flex.ai-center {
  align-items: center;
}
.flex.ai-baseline {
  align-items: baseline;
}
.flex .aself-start {
  align-self: flex-start;
}
.flex .aself-end {
  align-self: flex-end;
}
.flex .aself-center {
  align-self: center;
}
.flex .f0,
.flex .flex-0 {
  flex: none;
}
.flex .f1,
.flex .flex-1 {
  flex: 1;
}
.flex .f2,
.flex .flex-2 {
  flex: 2;
}
.flex .f3,
.flex .flex-3 {
  flex: 3;
}
.flex .f-basis23 {
  flex-basis: 23%;
}
.flex .f-basis32 {
  flex-basis: 32%;
}
.flex .f-basis49 {
  flex-basis: 49%;
}
.flex .f-basis50 {
  flex-basis: 50%;
}
.flex .f-basis100 {
  flex-basis: 100%;
}
.flex.col-gap16 {
  column-gap: 16px;
}
.flex.col-gap22 {
  column-gap: 22px;
}
.flex.row-gap24 {
  row-gap: 24px;
}
.flex.gap40 {
  gap: 40px;
}
@media (max-width: 768px) {
  .flex.m-f-column {
    flex-direction: column;
  }
  .flex .f-basis23,
  .flex .f-basis32,
  .flex .f-basis49,
  .flex .f-basis50 {
    flex-basis: auto;
  }
  .flex.m-btw {
    justify-content: space-between;
  }
}

.sparound {
  justify-content: space-around;
}

.spbetween {
  justify-content: space-between;
}

.justycent {
  justify-content: center;
}

.f1 {
  flex: 1;
}

@media (max-width: 768px) {
  .flex .m-order-1 {
    order: 1;
  }
  .flex .m-order-2 {
    order: 2;
  }
}
button, .btn {
  cursor: pointer;
}

.btn-back {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  color: #073158;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.btn {
  font-family: "Lato", sans-serif;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-radius: 8px;
  padding: 11px 15px;
  min-width: 110px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0 none;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.1s linear;
  position: relative;
}
.btn:focus {
  outline: none;
}
.btn svg {
  margin-right: 16px;
  display: inline-block;
}
.btn.processing {
  color: transparent !important;
}
.btn.processing::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%234a90e2'/%3E%3Cstop offset='50%25' stop-color='%234a90e2'/%3E%3Cstop offset='100%25' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='39' fill='none'/%3E%3Ccircle cx='50' cy='50' r='39' fill='none' stroke='url(%23a)' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' type='rotate' values='0 50 50;180 50 50;720 50 50'/%3E%3Canimate attributeName='stroke-dasharray' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' values='0 245.04422698000386;205.83715066320326 39.207076316800595;0 245.04422698000386'/%3E%3C/circle%3E%3C/svg%3E");
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.btn.btn-small, .btn.btn-medium {
  font-size: 16px;
  min-width: 85px;
}
.btn.btn-small svg, .btn.btn-medium svg {
  margin-right: 8px;
}
.btn.btn-small {
  padding: 7px 15px;
}
.btn.btn-medium {
  padding: 9px 15px 10px 15px;
}
.btn.btn-large {
  font-size: 20px;
  padding: 11px 23px;
  min-width: 110px;
}
.btn.btn-large.processing::after {
  width: 24px;
  height: 24px;
}
@media (max-width: 700px) {
  .btn.btn-large {
    padding: 9px 15px 10px 15px;
    font-size: 16px;
  }
}
.btn.disabled, .btn:disabled, .btn[disabled] {
  opacity: 40%;
  pointer-events: none;
  cursor: default;
}
.btn.btn-spinner {
  position: relative;
}
.btn.btn-spinner #spinner {
  position: absolute;
  z-index: 200;
  visibility: hidden;
  transition: visibility ease 1s;
  transition-delay: 0.5s;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  border-radius: 8px;
}
.btn.btn-spinner #spinner[data-loading] {
  visibility: visible;
}
.btn.btn-primary {
  background-color: var(--btn-primary-bg, #EF5332);
  color: #FFF;
  border: 1px solid var(--btn-primary-bg, #EF5332);
}
.btn.btn-primary:hover {
  background-color: var(--btn-primary-bg-hover, #FF6445);
  border: 1px solid var(--btn-primary-bg-hover, #FF6445);
  color: #FFF;
}
.btn.btn-primary:active {
  background: var(--btn-primary-bg, #EF5332);
  border: 1px solid var(--btn-primary-bg, #EF5332);
  color: #FFF;
}
.btn.btn-primary.btn-spinner #spinner {
  background: var(--btn-primary-bg, #EF5332);
}
.btn.btn-inverted-primary {
  background-color: #FFF;
  color: #EF5332;
}
.btn.btn-inverted-primary:hover {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-inverted-primary:active {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-secondary {
  border: 1px solid #073158;
  background-color: #FFF;
  color: #073158;
}
.btn.btn-secondary svg {
  fill: #073158;
}
.btn.btn-secondary:hover, .btn.btn-secondary.active {
  background-color: #073158;
  color: #FFF;
}
.btn.btn-secondary:hover svg, .btn.btn-secondary:hover svg g, .btn.btn-secondary.active svg, .btn.btn-secondary.active svg g {
  fill: #FFF;
}
.btn.btn-secondary.btn-red {
  border: 1px solid #EF5332;
  color: #EF5332;
}
.btn.btn-secondary.btn-red svg {
  fill: #EF5332;
}
.btn.btn-secondary.btn-red:hover {
  background-color: #EF5332;
  color: #FFF;
}
.btn.btn-secondary.btn-red:hover svg {
  fill: #FFF;
}
.btn.btn-secondary.btn-spinner #spinner {
  background: #FFF;
}
.btn.btn-enterprise {
  font-weight: normal;
  color: white;
  background: linear-gradient(104deg, #073158, #000);
  border: 1px solid #000;
}
.btn.btn-enterprise:hover {
  background: linear-gradient(30deg, #073158, #000);
}
.btn.btn-link {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  border-radius: 0;
  color: #4A90E2;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  min-width: 0;
}
.btn.btn-link svg g {
  fill: #4A90E2;
}
.btn.btn-link:hover {
  color: #73b4ff;
}
.btn.btn-link:hover svg g {
  fill: #73b4ff;
}
.btn.btn-expand {
  border: none;
  background: #EF5332;
  border-radius: 50px;
  color: white;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 4px 12px;
  min-width: 0;
  font-size: 16px;
}
.btn.btn-expand:hover {
  background: #EF5332;
  color: white;
}
.btn.btn-expand:hover .btn-label {
  max-width: 100vw;
}
.btn.btn-expand .btn-icon {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
}
.btn.btn-expand .btn-icon svg {
  fill: white;
  margin-right: 0;
}
.btn.btn-expand .btn-label {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.7s ease-in-out 0s;
  text-indent: 10px;
  line-height: 31px;
}
.btn.btn-danger, .btn.btn-ghost-danger, .btn.btn-ghost {
  display: flex;
  align-items: center;
  text-transform: none;
  background: none;
  border: 0 none;
  fill: #073158;
  color: #073158;
  padding: 0 8px 0 0;
  font-size: 14px;
  font-weight: 400;
  min-width: 0;
  transition: initial;
}
.btn.btn-danger svg, .btn.btn-ghost-danger svg, .btn.btn-ghost svg {
  margin-right: 0;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active, .btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active, .btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  background: none;
}
.btn.btn-danger.btn-medium, .btn.btn-ghost-danger.btn-medium, .btn.btn-ghost.btn-medium {
  font-size: 16px;
}
.btn.btn-ghost svg {
  fill: #073158;
}
.btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  color: #4A90E2;
}
.btn.btn-ghost:hover svg, .btn.btn-ghost:focus-visible svg, .btn.btn-ghost:active svg {
  fill: #4A90E2;
}
.btn.btn-ghost.processing svg {
  visibility: hidden;
}
.btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active {
  color: #ff2828;
}
.btn.btn-ghost-danger:hover svg, .btn.btn-ghost-danger:focus-visible svg, .btn.btn-ghost-danger:active svg {
  fill: #ff2828;
}
.btn.btn-danger {
  color: #ff2828;
}
.btn.btn-danger svg {
  fill: #ff2828;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active {
  color: #CE3923;
}
.btn.btn-danger:hover svg, .btn.btn-danger:focus-visible svg, .btn.btn-danger:active svg {
  fill: #CE3923;
}
.btn.btn-dots {
  padding: 0;
  border-radius: 50%;
  line-height: 0;
  background-color: transparent;
  min-width: 0;
}
.btn.btn-dots svg {
  margin: 0;
  fill: #073158;
}
.btn.btn-dots:hover, .btn.btn-dots:active, .btn.btn-dots:focus-visible {
  background-color: white;
}
.btn.btn-email, .btn.btn-fb, .btn.btn-facebook, .btn.btn-google, .btn.btn-slack, .btn.btn-microsoft {
  color: #073158;
  padding: 8px 4px;
  border: 1px solid #eee;
  min-width: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.btn.btn-email::before, .btn.btn-fb::before, .btn.btn-facebook::before, .btn.btn-google::before, .btn.btn-slack::before, .btn.btn-microsoft::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 10px;
}
.btn.btn-email:active, .btn.btn-email:focus-visible, .btn.btn-email:hover, .btn.btn-fb:active, .btn.btn-fb:focus-visible, .btn.btn-fb:hover, .btn.btn-facebook:active, .btn.btn-facebook:focus-visible, .btn.btn-facebook:hover, .btn.btn-google:active, .btn.btn-google:focus-visible, .btn.btn-google:hover, .btn.btn-slack:active, .btn.btn-slack:focus-visible, .btn.btn-slack:hover, .btn.btn-microsoft:active, .btn.btn-microsoft:focus-visible, .btn.btn-microsoft:hover {
  opacity: 1;
  border: 1px solid #ddd;
  background: none;
  color: inherit;
}
.btn.btn-email:hover::before, .btn.btn-fb:hover::before, .btn.btn-facebook:hover::before, .btn.btn-google:hover::before, .btn.btn-slack:hover::before, .btn.btn-microsoft:hover::before {
  opacity: 0.6;
}
.btn.btn-email.btn-google, .btn.btn-fb.btn-google, .btn.btn-facebook.btn-google, .btn.btn-google.btn-google, .btn.btn-slack.btn-google, .btn.btn-microsoft.btn-google {
  max-width: 284px;
}
.btn.btn-email.btn-google:before, .btn.btn-fb.btn-google:before, .btn.btn-facebook.btn-google:before, .btn.btn-google.btn-google:before, .btn.btn-slack.btn-google:before, .btn.btn-microsoft.btn-google:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='10 10 17.64 18'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-5.000000, -5.000000)'%3E%3Cg transform='translate(4.000000, 4.000000)'%3E%3Cg transform='translate(1.000000, 1.000000)'%3E%3Crect x='0' y='0' width='38' height='38' rx='1'/%3E%3Cpath d='M27.64,19.2045455 C27.64,18.5663636 27.5827273,17.9527273 27.4763636,17.3636364 L19,17.3636364 L19,20.845 L23.8436364,20.845 C23.635,21.97 23.0009091,22.9231818 22.0477273,23.5613636 L22.0477273,25.8195455 L24.9563636,25.8195455 C26.6581818,24.2527273 27.64,21.9454545 27.64,19.2045455 L27.64,19.2045455 Z' id='Shape' fill='%234285F4'/%3E%3Cpath d='M19,28 C21.43,28 23.4672727,27.1940909 24.9563636,25.8195455 L22.0477273,23.5613636 C21.2418182,24.1013636 20.2109091,24.4204545 19,24.4204545 C16.6559091,24.4204545 14.6718182,22.8372727 13.9640909,20.71 L10.9572727,20.71 L10.9572727,23.0418182 C12.4381818,25.9831818 15.4818182,28 19,28 L19,28 Z' id='Shape' fill='%2334A853'/%3E%3Cpath d='M13.9640909,20.71 C13.7840909,20.17 13.6818182,19.5931818 13.6818182,19 C13.6818182,18.4068182 13.7840909,17.83 13.9640909,17.29 L13.9640909,14.9581818 L10.9572727,14.9581818 C10.3477273,16.1731818 10,17.5477273 10,19 C10,20.4522727 10.3477273,21.8268182 10.9572727,23.0418182 L13.9640909,20.71 L13.9640909,20.71 Z' id='Shape' fill='%23FBBC05'/%3E%3Cpath d='M19,13.5795455 C20.3213636,13.5795455 21.5077273,14.0336364 22.4404545,14.9254545 L25.0218182,12.3440909 C23.4631818,10.8918182 21.4259091,10 19,10 C15.4818182,10 12.4381818,12.0168182 10.9572727,14.9581818 L13.9640909,17.29 C14.6718182,15.1627273 16.6559091,13.5795455 19,13.5795455 L19,13.5795455 Z' id='Shape' fill='%23EA4335'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-slack:before, .btn.btn-fb.btn.btn-slack:before, .btn.btn-facebook.btn.btn-slack:before, .btn.btn-google.btn.btn-slack:before, .btn.btn-slack.btn.btn-slack:before, .btn.btn-microsoft.btn.btn-slack:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 270 270;' xml:space='preserve' viewBox='73.6 73.6 122.8 122.8'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E01E5A;%7D .st1%7Bfill:%2336C5F0;%7D .st2%7Bfill:%232EB67D;%7D .st3%7Bfill:%23ECB22E;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z'/%3E%3Cpath class='st0' d='M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9 s-12.9-5.8-12.9-12.9V151.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z'/%3E%3Cpath class='st1' d='M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9 s5.8-12.9,12.9-12.9H118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z'/%3E%3Cpath class='st2' d='M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9 c7.1,0,12.9,5.8,12.9,12.9V118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st3' d='M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z'/%3E%3Cpath class='st3' d='M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9 c0,7.1-5.8,12.9-12.9,12.9H151.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-microsoft:before, .btn.btn-fb.btn.btn-microsoft:before, .btn.btn-facebook.btn.btn-microsoft:before, .btn.btn-google.btn.btn-microsoft:before, .btn.btn-slack.btn.btn-microsoft:before, .btn.btn-microsoft.btn.btn-microsoft:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Ctitle%3EMS-SymbolLockup%3C/title%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn-facebook:before, .btn.btn-email.btn-fb:before, .btn.btn-fb.btn-facebook:before, .btn.btn-fb.btn-fb:before, .btn.btn-facebook.btn-facebook:before, .btn.btn-facebook.btn-fb:before, .btn.btn-google.btn-facebook:before, .btn.btn-google.btn-fb:before, .btn.btn-slack.btn-facebook:before, .btn.btn-slack.btn-fb:before, .btn.btn-microsoft.btn-facebook:before, .btn.btn-microsoft.btn-fb:before {
  background: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1365.3333 1365.3333' height='256' width='256' xml:space='preserve' version='1.1'%3E%3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,1365.3333)'%3E%3Cg transform='scale(0.1)'%3E%3Cpath style='fill:%231877f2;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 10240,5120 c 0,2827.7 -2292.3,5120 -5120,5120 C 2292.3,10240 0,7947.7 0,5120 0,2564.46 1872.31,446.301 4320,62.1992 V 3640 H 3020 v 1480 h 1300 v 1128 c 0,1283.2 764.38,1992 1933.9,1992 560.17,0 1146.1,-100 1146.1,-100 V 6880 H 6754.38 C 6118.35,6880 5920,6485.33 5920,6080.43 V 5120 H 7340 L 7113,3640 H 5920 V 62.1992 C 8367.69,446.301 10240,2564.46 10240,5120' /%3E%3Cpath style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 7113,3640 227,1480 H 5920 v 960.43 c 0,404.9 198.35,799.57 834.38,799.57 H 7400 v 1260 c 0,0 -585.93,100 -1146.1,100 C 5084.38,8240 4320,7531.2 4320,6248 V 5120 H 3020 V 3640 H 4320 V 62.1992 C 4580.67,21.3008 4847.84,0 5120,0 c 272.16,0 539.33,21.3008 800,62.1992 V 3640 h 1193' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 28px 28px;
}
.btn.btn-email .text, .btn.btn-fb .text, .btn.btn-facebook .text, .btn.btn-google .text, .btn.btn-slack .text, .btn.btn-microsoft .text {
  font-family: "Lato";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media (max-width: 976px) {
  .btn {
    display: flex;
    font-size: 16px;
  }
}
.mattercraft-theme .btn.btn-primary, .btn.minty.btn-primary {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  border: none;
  color: black;
}
.mattercraft-theme .btn.btn-primary:hover, .mattercraft-theme .btn.btn-primary.active, .btn.minty.btn-primary:hover, .btn.minty.btn-primary.active {
  background: linear-gradient(94deg, #86EABC 0%, #6EBBE8 100.05%);
}

.mattercraft-theme .btn.btn-secondary, .btn.minty.btn-secondary {
  border: 1px solid transparent;
  background: linear-gradient(#1F2021, #1F2021) padding-box, linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%) border-box;
  color: white;
}

.horizon-theme .btn.btn-primary, .btn.horizon.btn-primary {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  color: white;
  border: none;
}
.horizon-theme .btn.btn-primary:hover, .horizon-theme .btn.btn-primary.active, .btn.horizon.btn-primary:hover, .btn.horizon.btn-primary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
}

.horizon-theme .btn.btn-secondary, .btn.horizon.btn-secondary {
  border: 1px solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="146" height="48" fill="none"><rect width="145" height="47" x=".5" y=".5" stroke="url(%23a)" rx="7.5"/><defs><linearGradient id="a" x1="0" x2="149.759" y1="0" y2="28.924" gradientUnits="userSpaceOnUse"><stop stop-color="%234B9AF6"/><stop offset="1" stop-color="%233320F7"/></linearGradient></defs></svg>') 8/8px stretch;
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.horizon-theme .btn.btn-secondary:hover, .horizon-theme .btn.btn-secondary.active, .btn.horizon.btn-secondary:hover, .btn.horizon.btn-secondary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
  -webkit-text-fill-color: white;
}

.btn.ocean.btn-primary {
  background: #4A90E2;
  border: none;
  border: 1px solid transparent;
}
.btn.ocean.btn-primary:hover, .btn.ocean.btn-primary.active {
  background: #57A6FF;
  border-color: #57A6FF;
  color: white;
}
.btn.ocean.btn-secondary {
  border: 1px solid #4A90E2;
  background: transparent;
  color: #4A90E2;
}
.btn.ocean.btn-secondary:hover, .btn.ocean.btn-secondary.active {
  background: #4A90E2;
  border-color: transparent;
  color: white;
}

.zapbox-theme .btn.btn-primary, .btn.grape.btn-primary {
  background-color: white;
  border: 1px solid white;
  color: #36126B;
}
.zapbox-theme .btn.btn-primary:hover, .btn.grape.btn-primary:hover {
  background-color: #E5D3FF;
  border: 1px solid #E5D3FF;
  color: #36126B;
}

.zapbox-theme .btn.btn-secondary, .btn.grape.btn-secondary {
  border: 1px solid #36126B;
  background-color: #36126B;
  color: white;
}
.zapbox-theme .btn.btn-secondary:hover, .btn.grape.btn-secondary:hover {
  background-color: #603A98;
  border: 1px solid #603A98;
}

.zapbox-theme .btn.btn-ghost, .btn.grape.btn-ghost {
  color: #FEB34B;
}
.zapbox-theme .btn.btn-ghost svg, .btn.grape.btn-ghost svg {
  fill: #FEB34B;
}
.zapbox-theme .btn.btn-ghost:hover, .btn.grape.btn-ghost:hover {
  color: #ED9F32;
}
.zapbox-theme .btn.btn-ghost:hover svg, .btn.grape.btn-ghost:hover svg {
  fill: #ED9F32;
}

.label-wrapper,
.input-wrapper {
  display: flex;
}

label {
  flex: 1;
  color: #073158;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
label:has(input) {
  cursor: pointer;
}

textarea.no-resize {
  resize: none;
}

input,
select,
textarea,
.fkinput {
  width: 100%;
  max-width: 100%;
  height: 40px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #b2c4d7;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  font-family: "Lato";
  box-sizing: border-box;
  line-height: 1.2;
  color: #073158;
}
input:focus, input:active, input.braintree-hosted-fields-focused,
select:focus,
select:active,
select.braintree-hosted-fields-focused,
textarea:focus,
textarea:active,
textarea.braintree-hosted-fields-focused,
.fkinput:focus,
.fkinput:active,
.fkinput.braintree-hosted-fields-focused {
  box-shadow: 0px 0px 2px #3D7CB1;
  border: 1px solid #4A90E2;
  border-radius: 8px;
  opacity: 1;
  outline: none;
}
input:disabled,
select:disabled,
textarea:disabled,
.fkinput:disabled {
  background-color: rgba(204, 204, 204, 0.33);
  color: rgba(7, 49, 88, 0.33);
  border: 1px solid #b2c4d7;
  box-shadow: none;
}
input.braintree-hosted-fields-invalid, input.invalid,
select.braintree-hosted-fields-invalid,
select.invalid,
textarea.braintree-hosted-fields-invalid,
textarea.invalid,
.fkinput.braintree-hosted-fields-invalid,
.fkinput.invalid {
  border-color: #E01F1F;
  box-shadow: 0px 0px 2px #E01F1F;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
select::-webkit-search-decoration,
select::-webkit-search-cancel-button,
select::-webkit-search-results-button,
select::-webkit-search-results-decoration,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button,
textarea::-webkit-search-decoration,
textarea::-webkit-search-cancel-button,
textarea::-webkit-search-results-button,
textarea::-webkit-search-results-decoration,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
.fkinput::-webkit-search-decoration,
.fkinput::-webkit-search-cancel-button,
.fkinput::-webkit-search-results-button,
.fkinput::-webkit-search-results-decoration,
.fkinput::-webkit-outer-spin-button,
.fkinput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type=checkbox], input[type=number], input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button,
select[type=checkbox],
select[type=number],
select[type=number]::-webkit-outer-spin-button,
select[type=number]::-webkit-inner-spin-button,
textarea[type=checkbox],
textarea[type=number],
textarea[type=number]::-webkit-outer-spin-button,
textarea[type=number]::-webkit-inner-spin-button,
.fkinput[type=checkbox],
.fkinput[type=number],
.fkinput[type=number]::-webkit-outer-spin-button,
.fkinput[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

textarea {
  height: 127px;
  padding: 12px;
}
textarea[rows="8"] {
  height: 169px;
}
textarea[rows="10"] {
  height: 211px;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  cursor: pointer;
  padding-right: 34px;
  background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2843055,18.0885912 L15.3535534,18.1464466 L20,22.793 L24.6464466,18.1464466 C24.8417088,17.9511845 25.1582912,17.9511845 25.3535534,18.1464466 C25.5271197,18.320013 25.5464049,18.5894374 25.4114088,18.7843055 L25.3535534,18.8535534 L20.3535534,23.8535534 C20.288466,23.9186408 20.2098986,23.9620324 20.1268378,23.9837282 L20.0426121,23.998192 L19.9573879,23.998192 C19.8723301,23.9909601 19.78877,23.9620324 19.7156945,23.9114088 L19.6464466,23.8535534 L14.6464466,18.8535534 C14.4511845,18.6582912 14.4511845,18.3417088 14.6464466,18.1464466 C14.7983172,17.9945761 15.023579,17.960827 15.208068,18.0451996 L15.2843055,18.0885912 Z' fill='%23344B60'%3E%3C/path%3E%3C/svg%3E");
  background-position: right 0 top 50%;
  background-repeat: no-repeat;
  background-color: #fff;
}

.field {
  display: block;
}
.field .label-wrapper,
.field .input-wrapper {
  display: flex;
}
.field .label-wrapper label {
  font-weight: bold;
}
.field .label-wrapper + .input-wrapper {
  margin-top: 8px;
}
.field .input-wrapper {
  position: relative;
}
.field .input-wrapper svg {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.field .input-wrapper svg + input,
.field .input-wrapper svg + .fkinput {
  padding-left: 36px;
}
.field .input-wrapper zpr-input-number {
  position: relative;
}
.field .input-wrapper input ~ svg,
.field .input-wrapper .fkinput ~ svg {
  right: 0;
  left: auto;
}
.field .input-wrapper input:has(+ svg),
.field .input-wrapper .fkinput:has(+ svg) {
  padding-right: 36px;
}
.field .input-wrapper.icon-right input,
.field .input-wrapper.icon-right .fkinput {
  padding-right: 36px;
}
.field .input-wrapper [role=button] {
  cursor: pointer;
}
.field.error .input-wrapper input,
.field.error .input-wrapper select,
.field.error .input-wrapper textarea {
  border: 1px solid #E01F1F;
}
.field .help-text {
  margin-top: 8px;
}
.field .help-text.m0 {
  margin: 0;
}
.field p {
  font-size: 14px;
  line-height: 20px;
  margin: 4px 0px 0px;
  font-family: "Lato";
  font-weight: normal;
}
.field p.error-message {
  color: #E01F1F;
}
.field.flex {
  display: flex;
}
.field.hide {
  display: none;
}

[has-action] input {
  padding-left: 36px;
}

input[type=checkbox] {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #9b9b9b;
  padding: 7px;
  line-height: normal;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  outline: none;
  width: auto;
  cursor: pointer;
}
input[type=checkbox][disabled] {
  background-color: #F2F2F2;
  border: 1px solid #9B9B9B;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
input[type=checkbox]:checked {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
}
input[type=checkbox]:checked[disabled] {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
}
input[type=checkbox]:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-width='2' d='M4,8.4683352 L6.1367413,10.9633008 C6.49598889,11.3827762 7.12726861,11.4316005 7.54674401,11.0723529 C7.62441836,11.005831 7.69142899,10.9277878 7.74543813,10.840946 L12,4 L12,4' transform='translate(-3 -3)'/%3E%3C/svg%3E");
  font-size: 10px;
  position: absolute;
  top: 2px;
  left: 2px;
  color: #fff;
}
input[type=checkbox]:checked:hover {
  border: 1px solid #4A90E2;
}
input[type=checkbox].vertical:checked:after {
  top: -2px;
  content: url("data:image/svg+xml,%0A%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
input[type=checkbox]:focus {
  outline: none;
}
input[type=checkbox]:hover {
  border: 1px solid #4A90E2;
}
input[type=checkbox]:hover[disabled] {
  border: 1px solid #9B9B9B;
}
input[type=checkbox]:hover[disabled]:checked {
  border: 1px solid #4A90E2;
}
input[type=checkbox] + label {
  cursor: pointer;
  margin-left: 8px;
}

label input[type=checkbox] {
  margin-right: 8px;
}

input[type=radio] {
  width: 16px;
  height: 16px;
  padding: 0px 0px;
  margin-right: 8px;
  border: 1px solid #DCE0E3;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type=radio]:checked {
  border: 1px solid #4A90E2;
}
input[type=radio]:checked:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 50%;
  background-color: #4A90E2;
}

zpr-input-number {
  position: relative;
}
zpr-input-number svg {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
zpr-input-number svg + input, zpr-input-number svg + .fkinput {
  padding-left: 36px;
}
zpr-input-number input ~ svg, zpr-input-number .fkinput ~ svg {
  right: 0;
  left: auto;
}
zpr-input-number input:has(+ svg), zpr-input-number .fkinput:has(+ svg) {
  padding-right: 36px;
}

zpr-tooltip-input {
  display: inline-block;
  position: relative;
  z-index: 1;
}
zpr-tooltip-input zpr-tooltip .tooltip {
  min-width: 278px;
}
zpr-tooltip-input zpr-tooltip .field input {
  border-radius: 8px;
  border: 2px solid #073158;
  background-color: #ffffff;
}
zpr-tooltip-input zpr-tooltip svg {
  cursor: pointer;
}

.zpr-inline-input,
zpr-inline-input {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 28px;
  height: auto;
  min-height: 40px;
}
.zpr-inline-input zpr-text-input,
zpr-inline-input zpr-text-input {
  margin-bottom: 0px;
}
.zpr-inline-input .hide,
zpr-inline-input .hide {
  display: none;
}
.zpr-inline-input .edit-icon,
zpr-inline-input .edit-icon {
  position: absolute;
  right: -4px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
}
.zpr-inline-input [slot=value],
zpr-inline-input [slot=value] {
  margin: 0;
  font-weight: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}
.zpr-inline-input:hover svg,
zpr-inline-input:hover svg {
  opacity: 1;
}

.field .input-wrapper zpr-inline-input .edit-icon {
  left: auto;
  width: auto;
  height: auto;
}

.zapbox-theme label {
  color: #36126B;
}
.zapbox-theme select {
  border-color: rgba(54, 18, 107, 0.5019607843);
  color: #36126B;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2843055,18.0885912 L15.3535534,18.1464466 L20,22.793 L24.6464466,18.1464466 C24.8417088,17.9511845 25.1582912,17.9511845 25.3535534,18.1464466 C25.5271197,18.320013 25.5464049,18.5894374 25.4114088,18.7843055 L25.3535534,18.8535534 L20.3535534,23.8535534 C20.288466,23.9186408 20.2098986,23.9620324 20.1268378,23.9837282 L20.0426121,23.998192 L19.9573879,23.998192 C19.8723301,23.9909601 19.78877,23.9620324 19.7156945,23.9114088 L19.6464466,23.8535534 L14.6464466,18.8535534 C14.4511845,18.6582912 14.4511845,18.3417088 14.6464466,18.1464466 C14.7983172,17.9945761 15.023579,17.960827 15.208068,18.0451996 L15.2843055,18.0885912 Z' fill='%36126B'%3E%3C/path%3E%3C/svg%3E");
}
.zapbox-theme select:focus, .zapbox-theme select:active, .zapbox-theme select.braintree-hosted-fields-focused {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(54, 18, 107, 0.5019607843);
}
.zapbox-theme zpr-radio-list zpr-radio-item {
  color: #36126B;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.zapbox-theme zpr-radio-list zpr-radio-item::after {
  box-shadow: 0 0 0 1px #36126B;
}
.zapbox-theme zpr-radio-list zpr-radio-item.selected {
  border: 2px solid rgba(54, 18, 107, 0.5019607843);
}
.zapbox-theme zpr-radio-list zpr-radio-item.selected::after {
  background-color: #36126B;
}
.zapbox-theme zpr-radio-list zpr-radio-item:not([disabled]):hover {
  border-radius: 8px;
  border-color: rgba(54, 18, 107, 0.5019607843);
}
.zapbox-theme zpr-radio-list.vrt zpr-radio-item {
  margin-bottom: 16px;
}
.zapbox-theme zpr-radio-list.vrt zpr-radio-item .radio-item-container {
  align-items: flex-start;
}

zpr-select-multi .select,
zpr-sort-filters .select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  cursor: pointer;
  padding-right: 34px;
  background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2843055,18.0885912 L15.3535534,18.1464466 L20,22.793 L24.6464466,18.1464466 C24.8417088,17.9511845 25.1582912,17.9511845 25.3535534,18.1464466 C25.5271197,18.320013 25.5464049,18.5894374 25.4114088,18.7843055 L25.3535534,18.8535534 L20.3535534,23.8535534 C20.288466,23.9186408 20.2098986,23.9620324 20.1268378,23.9837282 L20.0426121,23.998192 L19.9573879,23.998192 C19.8723301,23.9909601 19.78877,23.9620324 19.7156945,23.9114088 L19.6464466,23.8535534 L14.6464466,18.8535534 C14.4511845,18.6582912 14.4511845,18.3417088 14.6464466,18.1464466 C14.7983172,17.9945761 15.023579,17.960827 15.208068,18.0451996 L15.2843055,18.0885912 Z' fill='%23344B60'%3E%3C/path%3E%3C/svg%3E");
  background-position: right 0 top 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  display: flex;
  align-items: center;
  max-width: 180px;
}
zpr-select-multi .select span,
zpr-sort-filters .select span {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

label.is-icon-button {
  display: inline-flex;
  padding: 12px;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #FFF;
  background: #FFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
label.is-icon-button input[type=radio],
label.is-icon-button input[type=checkbox] {
  display: none;
}
label.is-icon-button input[type=radio]::before,
label.is-icon-button input[type=checkbox]::before {
  display: none;
}
label.is-icon-button img.icon {
  width: 20px;
  height: 20px;
}
label.is-icon-button:has(input:checked) {
  border-color: #4A90E2;
}
label.is-icon-button:has(input:disabled) {
  color: #B4BBC3;
  cursor: default;
}

.card-masked-graphic {
  display: flex;
  padding: 0 0 0 32px;
  background-color: white;
  border-radius: 12px;
  border: solid 1px #F2F2F2;
  overflow: hidden;
  margin-bottom: 30px;
}
.card-masked-graphic__content {
  width: 50%;
  display: flex;
  padding: 25px 0px;
  flex-direction: column;
  justify-content: center;
}
.card-masked-graphic__content--title {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 16px;
}
.card-masked-graphic__content p {
  font-size: 12px;
}
.card-masked-graphic__content .btn {
  align-self: flex-start;
}
.card-masked-graphic__image {
  width: 50%;
  padding-left: 10px;
}
@media (max-width: 768px) {
  .card-masked-graphic {
    margin-bottom: 0;
    flex-direction: column;
    align-items: center;
    padding: 0px 32px;
  }
  .card-masked-graphic__content {
    width: 100%;
    order: 1;
    padding-top: 0;
    padding-bottom: 25px;
    align-items: center;
    text-align: center;
  }
  .card-masked-graphic__content .btn {
    align-self: center;
  }
  .card-masked-graphic__image {
    width: 100%;
    padding-left: 0;
  }
  .card-masked-graphic__image img {
    width: 100%;
  }
}

.pill {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  font-size: 14px;
  color: #4A90E2;
  border: solid 1px #4A90E2;
  padding: 5px 12px;
  line-height: normal;
  margin: 0;
  font-weight: 300;
  cursor: pointer;
}
.pill .icon {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  margin-left: 8px;
  background: none;
}
.pill .icon svg {
  fill: #073158;
}
.pill.active:not(.disabled), .pill:hover:not(.disabled) {
  background-color: #4A90E2;
  color: white;
}
.pill.disabled {
  color: #b2c4d7;
  border: solid 1px #b2c4d7;
}

zpr-pill-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
zpr-pill-list .pill {
  margin: 4px 8px 4px 0px;
}

.user-tag {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  display: flex;
  background-color: #4a90e2;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin-right: 8px;
  overflow: hidden;
}
.user-tag.br50 {
  border-radius: 50%;
}

zpr-tags-list {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin: 8px 0px;
}
zpr-tags-list .tags-container {
  padding: 0;
  display: flex;
}
zpr-tags-list .tags-container .pilltag {
  background-color: #EAEAEA;
  border-color: #EAEAEA;
}

.pilltag {
  width: auto;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  font-family: "Lato";
  line-height: 12px;
  border-radius: 12px;
  padding: 3px 10px;
  color: #073158;
  border: 1px solid #073158;
  background-color: white;
  margin-right: 4px;
}
.pilltag.hide {
  display: none;
}

.tippy-box .tippy-content {
  padding: 8px 12px;
  background-color: #073158;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  white-space: pre-wrap;
}
.tippy-box .tippy-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -7px;
  left: -8px;
  border-width: 8px 8px 0;
  border-top-color: #073158;
  transform-origin: center top;
}
.tippy-box[data-state=hidden] {
  opacity: 0;
  transform: translateY(-5px) scale(0.99);
}

.cell-icon {
  flex: 1;
  display: flex;
  align-items: center;
}

.cell-action {
  min-width: 75px;
  min-height: 65px;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #f2f2f2;
}
.cell-action.noborder {
  border-left: none;
}

.cell-title,
.cell-sub {
  line-height: 1.2;
  font-family: "Lato";
}

.cell-title {
  font-size: 20px;
  font-weight: 300;
}

.cell-sub {
  font-size: 14px;
  font-weight: 500;
}

.testimonial-experience {
  position: relative;
  height: 578px;
  max-width: 1120px;
}
.testimonial-experience p {
  margin: 0;
}
.testimonial-experience .content {
  height: 442px;
  border-radius: 8px;
  position: absolute;
  width: 100%;
  bottom: 36px;
  display: flex;
}
.testimonial-experience .content.green-bg {
  background-color: #005527;
}
.testimonial-experience .content.dark-bg {
  background-color: #24272E;
}
.testimonial-experience .content.bg-navy {
  background: center no-repeat url("../assets/bg-navy.96af9e2df964.svg");
  background-size: cover;
}
.testimonial-experience .content.shape-bg p, .testimonial-experience .content.shape-bg h3, .testimonial-experience .content.shape-bg div, .testimonial-experience .content.shape-bg span, .testimonial-experience .content.green-bg p, .testimonial-experience .content.green-bg h3, .testimonial-experience .content.green-bg div, .testimonial-experience .content.green-bg span, .testimonial-experience .content.dark-bg p, .testimonial-experience .content.dark-bg h3, .testimonial-experience .content.dark-bg div, .testimonial-experience .content.dark-bg span, .testimonial-experience .content.bg-navy p, .testimonial-experience .content.bg-navy h3, .testimonial-experience .content.bg-navy div, .testimonial-experience .content.bg-navy span {
  color: #FFFFFF;
}
.testimonial-experience .content .testimonial-text {
  width: 50%;
  margin: 56px;
}
.testimonial-experience .content .testimonial-text .testimonial-footer {
  display: flex;
}
.testimonial-experience .content .testimonial-text .testimonial-footer img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  margin-right: 24px;
}
.testimonial-experience .content .testimonial-text .testimonial-footer p {
  font-size: 14px;
}
.testimonial-experience .content .testimonial-text .testimonial-footer .testimonial-author {
  display: flex;
  flex-direction: column;
}
.testimonial-experience .content .testimonial-clickable-area {
  position: relative;
  margin: 32px 26px;
  cursor: pointer;
  width: 50%;
}
.testimonial-experience .content .testimonial-clickable-area .testimonial-call-to-action {
  bottom: 0;
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.testimonial-experience .content .testimonial-clickable-area .testimonial-call-to-action > div {
  font-size: 24px;
}
.testimonial-experience .content .testimonial-clickable-area .testimonial-call-to-action > p {
  margin-bottom: 0;
}
.testimonial-experience .experience-image {
  position: absolute;
  bottom: 0;
  right: 6%;
  width: 44%;
}
.testimonial-experience .experience-image img {
  max-width: 100%;
  height: auto;
}
.testimonial-experience .experience-image.non-clickable-experience {
  cursor: initial;
}

@media (max-width: 1024px) {
  .testimonial-experience {
    margin-top: 140px;
  }
  .testimonial-experience .content {
    height: 100%;
    position: relative;
    bottom: 0;
    padding-top: 200px;
  }
  .testimonial-experience .content .testimonial-text {
    text-align: center;
    margin: 60px 16px;
    width: 100%;
  }
  .testimonial-experience .content .testimonial-text .testimonial-footer {
    justify-content: center;
  }
  .testimonial-experience .content .testimonial-text img, .testimonial-experience .content .testimonial-text svg {
    display: none;
  }
  .testimonial-experience .content .testimonial-text .mw460 {
    max-width: 100%;
  }
  .testimonial-experience .content .testimonial-clickable-area {
    display: none;
  }
  .testimonial-experience .experience-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    right: auto;
    bottom: unset;
    top: -20%;
  }
  .testimonial-experience .experience-image img {
    width: 100%;
    height: 100%;
    max-width: 290px;
    max-height: 340px;
  }
}
@media (max-width: 700px) {
  .testimonial-experience {
    height: 100%;
  }
  .testimonial-experience .testimonial-footer {
    margin-top: 32px;
  }
}
zpr-tab {
  display: flex;
}
zpr-tab header {
  padding: 24px 24px 0px 24px;
  font-size: 14px;
  width: 265px;
  cursor: pointer;
  transition: color 250ms;
}
zpr-tab header h2, zpr-tab header h3, zpr-tab header p, zpr-tab header a, zpr-tab header span {
  transition: color 250ms;
  line-height: 1;
  margin: 0;
}
zpr-tab header svg {
  transition: fill 250ms;
}
zpr-tab header .btn.btn-ghost {
  padding: 0;
}
zpr-tab header span img, zpr-tab header span svg {
  width: 24px;
  height: 24px;
}
zpr-tab section {
  top: 0;
  z-index: 1;
  opacity: 0;
  left: 265px;
  padding: 24px;
  height: 100%;
  display: none;
  width: calc(100% - 265px);
  position: absolute;
}
zpr-tab section img {
  max-height: 350px;
}
zpr-tab[active] header,
zpr-tab header:hover {
  color: #4A90E2;
}
zpr-tab[active] header h2, zpr-tab[active] header h3, zpr-tab[active] header p, zpr-tab[active] header a, zpr-tab[active] header span,
zpr-tab header:hover h2,
zpr-tab header:hover h3,
zpr-tab header:hover p,
zpr-tab header:hover a,
zpr-tab header:hover span {
  color: #4A90E2;
}
zpr-tab[active] header svg,
zpr-tab header:hover svg {
  fill: #4A90E2;
}
zpr-tab[active] {
  z-index: 1;
}
zpr-tab[active] section {
  opacity: 1;
  display: block;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 500ms ease-in-out;
}
zpr-tab[active].no-fade-in section {
  animation: none;
  -webkit-animation: none;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
zpr-tabs-vertical {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0 0 4px 0 rgba(52, 75, 96, 0.12);
  border-radius: 8px;
  height: 100%;
}
zpr-tabs-vertical [slot=tabs] {
  flex: 1;
  overflow-y: auto;
}
zpr-tabs-vertical [slot=tabs] p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}
zpr-tabs-vertical [slot=actions] {
  max-width: 265px;
  padding: 24px;
}
zpr-tabs-vertical .indicator-pane {
  position: absolute;
  top: 0;
  width: 265px;
  pointer-events: none;
  height: 100%;
  border-radius: 8px;
  box-shadow: 2px 0px 5px rgba(178, 179, 180, 0.3019607843);
}
zpr-tabs-vertical .indicator-pane .indicator {
  position: absolute;
  left: 255px;
  position: absolute;
  top: 50px;
  transition: top 250ms;
}
zpr-tabs-vertical .indicator-pane .indicator .indicator-arrow {
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 0px;
  background: #fff;
  border-left: 1px solid #ebf6fe;
  border-bottom: 1px solid #ebf6fe;
  transform: rotate(-45deg);
  box-shadow: 2px 0px 5px rgba(178, 179, 180, 0.3019607843);
}
zpr-tabs-vertical .indicator-pane .indicator .indicator-cover {
  position: absolute;
  left: -10px;
  display: inline-block;
  width: 20px;
  height: 30px;
  top: -5px;
  background: #fff;
}

zpr-img-quality-modal zpr-modal .modal-content {
  max-width: 90%;
  width: 1096px;
  padding: 56px;
}
zpr-img-quality-modal .preview-content {
  width: 50%;
  padding: 0 0 0 56px;
}
zpr-img-quality-modal .preview-content h3 {
  word-break: break-all;
}
zpr-img-quality-modal .preview-content .flex.baseline {
  justify-content: flex-end;
}
zpr-img-quality-modal .preview-content p {
  color: #073158;
}
zpr-img-quality-modal .preview-content p:last-child {
  margin: 0;
}
zpr-img-quality-modal .preview-content p,
zpr-img-quality-modal .preview-content a {
  font-family: "Lato";
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.57px;
}
zpr-img-quality-modal .preview-content table {
  margin-bottom: 56px;
}
zpr-img-quality-modal .preview-content table td {
  font-size: 17px;
  padding: 12px 0;
}
zpr-img-quality-modal .preview-content table td:first-child {
  padding-right: 25px;
}
zpr-img-quality-modal .preview-content table td:nth-child(2) {
  padding-left: 27px;
}
zpr-img-quality-modal .preview-content div.field {
  margin-bottom: 0;
}
zpr-img-quality-modal .preview-content div.field label {
  font-size: 17px;
}
zpr-img-quality-modal .preview-content div.field label input {
  margin-right: 8px;
}
zpr-img-quality-modal zpr-dropdown-menu .btn {
  opacity: 1;
  border: 0;
  padding: 12px 18px;
  border-radius: 50%;
  line-height: 0;
}
zpr-img-quality-modal .preview-image {
  width: 50%;
  text-align: center;
}
zpr-img-quality-modal .preview-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 600px;
}
zpr-img-quality-modal .preview-image img.hide {
  display: none;
}

.zpr-status {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background-color: #b2c4d7;
}
.zpr-status.zpr-status-complete {
  background-color: #0BD084;
}

zpr-accordion {
  display: block;
  border-radius: 12px;
  padding: 0px 24px 0px 12px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0784313725);
  visibility: hidden;
}
zpr-accordion[hydrated] {
  visibility: visible;
}
zpr-accordion zpr-accordion-panel .accordion-heading {
  cursor: pointer;
}
zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header {
  padding: 24px 0px 24px 12px;
}
zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header h3 {
  font-size: 14px;
  font-weight: bold;
  font-family: "Lato";
  line-height: 1.25;
  color: #073158;
  margin: 0;
}
zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header p {
  font-size: 14px;
  line-height: 21px;
  margin: 8px 0 0 0;
}
zpr-accordion zpr-accordion-panel .accordion-content {
  padding-bottom: 0;
  border-bottom: solid 1px #CCCCCC;
}
zpr-accordion zpr-accordion-panel .accordion-content .accordion-body {
  padding: 0 12px 24px 12px;
}
zpr-accordion zpr-accordion-panel .accordion-content .accordion-body a.learn-more {
  display: block;
  padding-bottom: 0;
  margin-top: -23px;
  padding-bottom: 24px;
}
zpr-accordion zpr-accordion-panel .accordion-content .accordion-body .table {
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
zpr-accordion zpr-accordion-panel .accordion-content ul {
  margin: 0;
  list-style: none;
  padding: 0 0 32px 0;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li {
  font-size: 14px;
  padding: 0 0 16px 20px;
  position: relative;
  margin-bottom: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li:last-child {
  padding-bottom: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li:before {
  content: "•";
  color: #073158;
  position: absolute;
  left: 5px;
  top: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li.table-row::before {
  content: "";
}
zpr-accordion zpr-accordion-panel .accordion-content p {
  font-size: 14px;
}
zpr-accordion zpr-accordion-panel:nth-last-child(1) .accordion-content {
  border-bottom: none;
}
zpr-accordion zpr-accordion-panel .accordion-open {
  height: auto;
  transition: height 0.2s;
  padding-top: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-closed {
  height: 0;
  overflow: hidden;
  transition: height 0.2s;
}
zpr-accordion zpr-accordion-panel .arrow {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg' stroke='%23073158'%3E%3Cpath d='M1 1l5.07130435 5.29043478L11 1' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3E%3C/svg%3E");
  border: none;
  height: 8px;
  width: 12px;
  transform: none;
  padding: 0;
  margin: 0;
  transition: transform 0.2s;
  cursor: pointer;
}
zpr-accordion zpr-accordion-panel .arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.2s;
}
zpr-accordion.no-background {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
zpr-accordion.no-background.pl0 zpr-accordion-panel .accordion-content .accordion-body,
zpr-accordion.no-background.pl0 zpr-accordion-panel .accordion-heading .accordion-header {
  padding-left: 0;
}
zpr-accordion.compact .accordion-heading {
  justify-content: flex-start;
  gap: 8px;
}
zpr-accordion.compact.center .accordion-heading {
  justify-content: center;
}

zpr-card, .card {
  display: inline-block;
  position: relative;
  background-color: white;
  text-align: left;
}
zpr-card .tag, .card .tag {
  position: absolute;
  top: 8px;
  left: 8px;
  background: white;
  color: #57A6FF;
  padding: 0 8px;
  font-size: 12px;
  line-height: 22px;
  border-radius: 6px;
  z-index: 1;
}
zpr-card .image, .card .image {
  flex: 1;
  padding-top: 56.25%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
zpr-card .image img, .card .image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
zpr-card .image .overlay, .card .image .overlay {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
zpr-card .image .overlay.dark, .card .image .overlay.dark {
  background-color: rgba(0, 0, 0, 0.3);
}
zpr-card:hover .image .overlay, .card:hover .image .overlay {
  opacity: 1;
}
zpr-card .text-content, .card .text-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
zpr-card .text-content .icon,
zpr-card .text-content img.icon, .card .text-content .icon,
.card .text-content img.icon {
  position: absolute;
  top: -20px;
  left: 20px;
  width: 36px;
  height: 36px;
  padding: 2px;
  border-radius: 50%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
zpr-card .text-content h4, .card .text-content h4 {
  font-weight: 700;
}
zpr-card .text-content p, .card .text-content p {
  margin-bottom: 0;
}
zpr-card .text-content h3,
zpr-card .text-content h4, .card .text-content h3,
.card .text-content h4 {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
}
zpr-card .text-content h3 + p, .card .text-content h3 + p {
  margin-top: 24px;
}
zpr-card .text-content h4 + p, .card .text-content h4 + p {
  margin-top: 12px;
}
zpr-card .links, .card .links {
  display: none;
}
zpr-card .links .btn, .card .links .btn {
  display: flex;
  flex: 1;
}
zpr-card .links .btn + .btn, .card .links .btn + .btn {
  margin-left: 12px;
}
zpr-card.card-display, .card.card-display {
  width: 100%;
  max-width: 520px;
  box-shadow: none;
  border-radius: 0;
}
zpr-card.card-display .text-content, .card.card-display .text-content {
  padding-left: 0;
  padding-right: 0;
}
zpr-card.card-display .image, .card.card-display .image {
  flex: unset;
  padding-top: 0;
  width: 100%;
  height: 287px;
  border-radius: 8px;
  overflow: hidden;
}
zpr-card.card-display .image img, .card.card-display .image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
zpr-card.card-extra, .card.card-extra {
  transition: box-shadow 0.1s ease-out, transform 0.1s ease-out;
  transition-delay: 0.1s;
  height: 400px;
}
zpr-card.card-extra .text-content, .card.card-extra .text-content {
  transition: flex 100ms ease-out, transform 100ms ease-out;
  background: #fff;
}
zpr-card.card-extra .image, .card.card-extra .image {
  padding-top: 0;
  background-position: center top;
}
zpr-card.card-extra .links, .card.card-extra .links {
  display: flex;
  transform: translateY(calc(100% + 20px));
  transition: margin 0.1s ease-out, height 0.1s ease-out 0.1s, transform 0.1s ease-out 0.1s;
  margin-bottom: -61px;
  margin-top: 20px;
}
zpr-card.card-extra:hover, .card.card-extra:hover {
  box-shadow: rgba(45, 45, 45, 0.05) 0 2px 2px, rgba(49, 49, 49, 0.05) 0 4px 4px, rgba(42, 42, 42, 0.05) 0 8px 8px, rgba(32, 32, 32, 0.05) 0 16px 16px;
}
zpr-card.card-extra:hover .text-content, .card.card-extra:hover .text-content {
  transform: translateY(-61px);
}
zpr-card.card-extra:hover .links, .card.card-extra:hover .links {
  height: auto;
  transform: translateY(0);
  transition: margin 0.1s linear, height 0.1s linear, transform 0s linear;
}
zpr-card.card-l, .card.card-l {
  flex-basis: 47%;
  margin-bottom: 4%;
}
zpr-card.card-xl-horizontal, .card.card-xl-horizontal {
  grid-column: 2/span 10;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
}
@media (min-width: 1440px) {
  zpr-card.card-xl-horizontal, .card.card-xl-horizontal {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  zpr-card.card-xl-horizontal, .card.card-xl-horizontal {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  zpr-card.card-xl-horizontal, .card.card-xl-horizontal {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  zpr-card.card-xl-horizontal, .card.card-xl-horizontal {
    grid-column: 2/span 6;
  }
}
@media (max-width: 700px) {
  zpr-card.card-xl-horizontal, .card.card-xl-horizontal {
    grid-column: 1/5;
  }
}
@media (min-width: 1079px) {
  zpr-card.card-xl-horizontal, .card.card-xl-horizontal {
    max-height: 430px;
  }
}
zpr-card.card-xl-horizontal .image, .card.card-xl-horizontal .image {
  grid-column: span 7;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 701px) and (max-width: 1079px) {
  zpr-card.card-xl-horizontal .image, .card.card-xl-horizontal .image {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  zpr-card.card-xl-horizontal .image, .card.card-xl-horizontal .image {
    grid-column: 1/5;
  }
}
zpr-card.card-xl-horizontal .content, .card.card-xl-horizontal .content {
  grid-column: 8/13;
  padding: 40px 24px 40px 0;
  gap: 60px;
}
@media (min-width: 701px) and (max-width: 1079px) {
  zpr-card.card-xl-horizontal .content, .card.card-xl-horizontal .content {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  zpr-card.card-xl-horizontal .content, .card.card-xl-horizontal .content {
    grid-column: 1/5;
  }
}
@media (max-width: 1079px) {
  zpr-card.card-xl-horizontal .content, .card.card-xl-horizontal .content {
    padding-left: 40px;
  }
}
zpr-card.card-transparent, .card.card-transparent {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}
zpr-card.card-xs, .card.card-xs {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 24px 30px;
}
zpr-card.card-xs .image, .card.card-xs .image {
  margin-right: 16px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
zpr-card.card-xs .image > svg, .card.card-xs .image > svg {
  width: 66px;
  height: 66px;
}
@media (max-width: 700px) {
  zpr-card.card-xs .image > svg, .card.card-xs .image > svg {
    width: 40px;
    height: 40px;
  }
}
zpr-card.card-xs .text-content, .card.card-xs .text-content {
  padding: 0;
}

zpr-card > a, zpr-card > div, .card {
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease-out, transform 0.2s ease-out;
  transition-delay: 0.1s;
  border-radius: 8px;
  overflow: hidden;
}

zpr-card > a, zpr-card > div {
  height: 100%;
}

a.card, button.card, zpr-card > a {
  text-decoration: none;
  color: #073158;
}
a.card:hover, button.card:hover, zpr-card > a:hover {
  box-shadow: rgba(45, 45, 45, 0.05) 0 2px 2px, rgba(49, 49, 49, 0.05) 0 4px 4px, rgba(42, 42, 42, 0.05) 0 8px 8px, rgba(32, 32, 32, 0.05) 0 16px 16px;
  text-decoration: none;
  color: #073158;
}

.card-xl-horizontal-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
}
@media (min-width: 1440px) {
  .card-xl-horizontal-container {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .card-xl-horizontal-container {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .card-xl-horizontal-container {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}

@media (max-width: 768px) {
  .card,
  .card.card-l {
    width: 100%;
    flex-basis: 100%;
  }
}
.card .cardIcon {
  width: 69px;
  height: 67px;
  margin: 25px auto 0px auto;
}
.card .cardIcon svg {
  max-width: 100%;
}
.card.card-select {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0784313725);
}
.card.card-select .card-header {
  background-color: #EFEFEF;
  height: 16px;
}
.card.card-select.cardActive .card-header {
  background-color: #57A6FF;
  color: #fff;
}
.card.card-select .text-content {
  text-align: center;
  padding-bottom: 24px;
}
.card.card-select .text-content .panel-header svg {
  margin-right: 8px;
}
.card.card-select .text-content form {
  margin: 0;
}
.card.card-select .text-content h3 {
  font-size: 40px;
  color: #073158;
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 0;
  text-align: left;
}
.card.card-select .text-content h3 sup {
  font-size: 16px;
  top: -20px;
  font-weight: 500;
}
.card.card-select .text-content h4 {
  font-size: 24px;
  font-weight: bold;
  margin: 16px 0px 0px 0px;
}
.card.card-select .text-content p {
  font-size: 14px;
}
.card.card-select .text-content .options-flex {
  justify-content: space-between;
  text-align: left;
}
.card.card-select .text-content .options-flex .options {
  height: 123px;
  margin-top: 24px;
}
.card.card-select .text-content .options-flex .options p {
  margin: 0 0 16px 0;
}
.card.card-select .text-content .options-flex .options p strong {
  font-size: 14px;
}
.card.card-select .text-content .options-flex .options label {
  font-weight: 500;
  display: flex;
  align-items: center;
}
.card.card-select .text-content .options-flex .options [data-tooltip] {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.pricing-card {
  background: white;
  text-align: left;
  padding: 24px;
  min-width: 180px;
  box-shadow: 0 0 4px 0 rgba(52, 75, 96, 0.12);
  border-radius: 8px;
}
.pricing-card .text-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.pricing-card .text-content h1, .pricing-card .text-content h2, .pricing-card .text-content h3, .pricing-card .text-content h4, .pricing-card .text-content p {
  margin-bottom: 0;
}
.pricing-card .btn {
  width: 100%;
}
.pricing-card.transparent {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}
.pricing-card.transparent h1, .pricing-card.transparent h2, .pricing-card.transparent h3, .pricing-card.transparent h4, .pricing-card.transparent p {
  color: white;
}

zpr-modal .checkbox-list {
  max-height: 448px;
}

.checkbox-list {
  list-style: none;
  margin: 0 0 32px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.checkbox-list.initial {
  overflow-x: initial;
  overflow-y: initial;
}
.checkbox-list::-webkit-scrollbar {
  width: 3px;
}
.checkbox-list::-webkit-scrollbar-track {
  background-color: #CCCCCC;
  border-radius: 4px;
}
.checkbox-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #4A90E2;
}
.checkbox-list .team-member-tag {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  background-color: #4a90e2;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin-right: 24px;
}
.checkbox-list zpr-field {
  flex: initial;
}
.checkbox-list zpr-field .field {
  margin-bottom: 0px;
}
.checkbox-list zpr-field .field label {
  margin-bottom: 0px;
}
.checkbox-list zpr-field .field input[type=checkbox] {
  margin-bottom: 0px;
  margin-right: 0px;
}
.checkbox-list.reverted {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.checkbox-list.reverted li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 12px 12px 11px 0;
  margin: 0;
  border-bottom: 1px solid #f2f2f2;
  min-height: 65px;
}
.checkbox-list.reverted li.ptb0 {
  padding: 0 12px;
}
.checkbox-list.reverted li::before {
  content: none;
  margin: 0;
}
.checkbox-list.reverted li:last-child {
  border-bottom: none;
}
.checkbox-list.no-border li {
  padding: 12px 12px 12px 0;
  border-bottom: none;
}

zpr-checkbox-list {
  display: block;
}
zpr-checkbox-list ul {
  list-style: none;
  margin: 0;
}
zpr-checkbox-list ul li {
  height: 40px;
  margin: 0;
}
zpr-checkbox-list ul li::before {
  content: none;
  margin: 0;
}
zpr-checkbox-list ul li .field {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
zpr-checkbox-list ul li .field label {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
zpr-checkbox-list .avatar-tag {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #4A90E2;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-menu zpr-select-multi > .field,
.dropdown-menu zpr-searchable-list > .field {
  margin-top: 16px;
}

.dropdown-menu zpr-checkbox-list ul {
  overflow-y: auto;
}
.dropdown-menu zpr-checkbox-list ul::-webkit-scrollbar {
  width: 3px;
}
.dropdown-menu zpr-checkbox-list ul::-webkit-scrollbar-track {
  background-color: #CCCCCC;
  border-radius: 4px;
}
.dropdown-menu zpr-checkbox-list ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #4A90E2;
}
.dropdown-menu zpr-checkbox-list ul li {
  padding: 0 24px 0 13px;
}
.dropdown-menu zpr-checkbox-list ul li:has(.inline-actions):hover {
  padding-right: 8px;
}
.dropdown-menu zpr-checkbox-list ul li:has(.inline-actions) .field {
  overflow: hidden;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions {
  display: none;
  width: 64px;
  justify-content: space-between;
  order: 2;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span svg {
  fill: #073158;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span:hover {
  background-color: white;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span:hover svg {
  fill: #4A90E2;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span:hover.danger svg {
  fill: #CE3923;
}
.dropdown-menu zpr-checkbox-list ul li:hover {
  background-color: #EBF6FE;
  border-left-color: #4A90E2;
}
.dropdown-menu zpr-checkbox-list ul li:hover .inline-actions ~ zpr-field {
  width: calc(100% - 64px);
}
.dropdown-menu zpr-checkbox-list ul li:hover .inline-actions {
  display: flex;
}
.dropdown-menu zpr-checkbox-list ul li:hover label {
  color: #4A90E2;
}

.alert {
  padding: 12px 12px 12px 24px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid transparent;
  color: #073158;
  position: relative;
  border-radius: 6px;
  min-height: 64px;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 14px;
  line-height: normal;
}
.alert p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: normal;
}
.alert:before {
  content: "";
  top: 0;
  left: 0;
  display: inline-block;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
}
.alert:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
}
.alert.alert-success {
  border-left-color: #0BD084;
}
.alert.alert-success:after {
  background-color: #0BD084;
}
.alert.alert-warning {
  border-left-color: #ffba5c;
  background-color: #fff5e7;
}
.alert.alert-warning:after {
  background-color: #ffba5c;
}
.alert.alert-error {
  border-left-color: #ff2828;
}
.alert.alert-error:after {
  background-color: #ff2828;
}
.alert.alert-info {
  border-left-color: #57A6FF;
  background-color: #e6f2ff;
}
.alert.alert-info:after {
  background-color: #57A6FF;
}
.alert:not(.alert-plain) {
  padding: 12px 12px 12px 65px;
}
.alert:not(.alert-plain):before {
  width: 50px;
  height: 100%;
}
.alert:not(.alert-plain).alert-success:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230CD185' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm0 1C7.716 1 1 7.716 1 16c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z' transform='translate(-105 -75) translate(85 58) translate(20 17)'/%3E%3C/g%3E%3Cpath d='M22.687 8.625c.145-.235.454-.307.688-.16.209.129.289.387.201.607l-.04.08-8.125 13.064c-.08.13-.181.247-.298.347-.59.505-1.459.473-2.009-.052l-.106-.111-4.489-5.242c-.18-.21-.155-.526.055-.705.186-.16.456-.158.64-.009l.065.063 4.489 5.242c.18.21.495.234.705.055l.054-.054.045-.062 8.125-13.063z' transform='translate(-105 -75) translate(85 58) translate(20 17)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert:not(.alert-plain).alert-warning:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFBA5C' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M15.394 2.808c.387.194.701.508.895.895l10.858 21.715c.494.988.093 2.19-.895 2.683-.278.14-.584.212-.894.212H3.642c-1.104 0-2-.896-2-2 0-.311.073-.617.211-.895L12.711 3.703c.494-.988 1.695-1.389 2.683-.895zm-.447.895c-.458-.23-1.01-.073-1.283.346l-.058.1L2.748 25.866c-.07.14-.106.292-.106.448 0 .512.386.935.884.993l.116.006h21.716c.155 0 .308-.036.447-.105.459-.23.664-.764.493-1.234l-.046-.108L15.394 4.15c-.077-.155-.193-.286-.335-.382l-.112-.065z' transform='translate(-106 -188) translate(106.5 188)'/%3E%3Cpath d='M14.968 20.687c.028-.327.053-.638.076-.933.023-.294.043-.581.059-.86s.028-.556.038-.831c.009-.276.013-.558.013-.846v-4.858c0-.354-.286-.641-.64-.641-.354 0-.64.287-.64.64v4.859c0 .288.004.57.013.846.01.275.022.552.038.831.016.279.035.566.058.86.023.295.049.606.076.933h.91zm-.468 1.22c.087 0 .17.015.248.048.077.032.145.077.203.136.059.058.105.126.139.204.034.077.05.161.05.252 0 .087-.016.17-.05.247-.034.078-.08.146-.139.204-.058.058-.126.105-.203.139-.078.034-.16.05-.248.05-.09 0-.175-.016-.252-.05-.078-.034-.146-.08-.204-.139-.058-.058-.104-.126-.136-.204-.032-.077-.049-.16-.049-.247 0-.09.017-.175.049-.252.032-.078.078-.146.136-.204.058-.059.126-.104.204-.136.077-.033.161-.049.252-.049z' transform='translate(-106 -188) translate(106.5 188)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert:not(.alert-plain).alert-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FF2828' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm0 1C7.716 1 1 7.716 1 16c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z' transform='translate(-105 -303) translate(105 303)'/%3E%3Cpath d='M22.856 9.25c.172.174.19.444.053.637l-.058.07L16.712 16l6.139 6.044c.197.193.199.51.005.707-.172.175-.441.196-.637.063l-.07-.058L16 16.701l-6.15 6.055c-.196.194-.513.192-.706-.005-.172-.175-.19-.445-.053-.638l.058-.07L15.287 16 9.149 9.956c-.197-.193-.199-.51-.005-.707.172-.175.441-.196.637-.063l.07.058L16 15.298l6.15-6.054c.196-.194.513-.192.706.005z' transform='translate(-105 -303) translate(105 303)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert:not(.alert-plain).alert-info:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2357A6FF' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cpath d='M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm0 1C7.716 1 1 7.716 1 16c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z' transform='translate(-105 -417) translate(85 400) translate(20 17)'/%3E%3Cpath d='M16.061 10.4c.164 0 .32-.031.468-.094.148-.063.277-.15.387-.26.11-.11.199-.237.265-.378.066-.142.099-.295.099-.459 0-.163-.033-.32-.1-.467-.065-.148-.154-.277-.264-.388-.11-.11-.24-.197-.387-.26C16.38 8.031 16.225 8 16.06 8c-.164 0-.316.031-.458.094-.142.063-.266.15-.373.26-.107.11-.193.24-.256.388-.063.148-.094.304-.094.467 0 .164.031.317.094.459.063.141.149.267.256.378.107.11.231.197.373.26s.294.094.458.094zM16.8 24V12.8h-1.6V24h1.6z' transform='translate(-105 -417) translate(85 400) translate(20 17)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert .btn.dismissible {
  position: absolute;
  top: 9px;
  right: 0;
}

.comparison-table {
  width: 100%;
  position: relative;
}
.comparison-table .comparison-body {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0784313725);
  border-radius: 8px;
  border: 1px solid #A9CFFD;
  border-top: none;
}

.comparison-row {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #A9CFFD;
  height: 57px;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .comparison-row {
    min-height: 16px;
    align-items: stretch;
  }
  .comparison-row.mobile-large {
    min-height: 64px;
  }
  .comparison-row.mobile-large .comparison-cell p {
    line-height: 14px;
  }
}
.comparison-row:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-color: 1px solid #A9CFFD;
}
.comparison-row:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-color: 1px solid #A9CFFD;
}
.comparison-row .comparison-cell {
  flex: 1;
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #A9CFFD;
  height: 100%;
}
.comparison-row .comparison-cell:first-child {
  flex: 2;
  width: 35%;
  justify-content: flex-start;
  padding-left: 16px;
  border-right: 1px solid #A9CFFD;
  border-left: 1px solid transparent;
  text-align: left;
}
@media only screen and (max-width: 700px) {
  .comparison-row .comparison-cell:first-child {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.comparison-row .comparison-cell:nth-child(2) {
  border-left: 1px solid transparent;
}
.comparison-row .comparison-cell.hide-desktop {
  display: none;
}
.comparison-row .comparison-cell.big-text-cell {
  flex: 3;
}
@media only screen and (max-width: 1024px) {
  .comparison-row .comparison-cell.big-text-cell {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .comparison-row .comparison-cell.big-text-cell {
    padding-left: 9px;
    padding-right: 9px;
  }
  .comparison-row .comparison-cell.big-text-cell p {
    font-size: 11px;
    line-height: 14px;
  }
}
.comparison-row .comparison-cell p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.comparison-row .comparison-cell p [data-tooltip] {
  display: inline-block;
  margin-left: 8px;
  height: 16px;
}
@media only screen and (max-width: 700px) {
  .comparison-row .comparison-cell p.word-breakall {
    word-break: break-all;
  }
}
@media only screen and (max-width: 1024px) {
  .comparison-row .comparison-cell {
    text-align: center;
    padding: 28px 10px;
  }
  .comparison-row .comparison-cell.hide-desktop {
    display: flex;
  }
  .comparison-row .comparison-cell p {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 700px) {
  .comparison-row .comparison-cell {
    padding: 12px 3px;
  }
}
.comparison-row:nth-child(even) {
  background-color: #FFFFFF;
}
.comparison-row:nth-child(odd) {
  background-color: #F4F9FF;
}
.comparison-row.comparison-row-header {
  width: 100%;
  background-color: transparent;
  border-top: none;
}
@media only screen and (max-width: 1024px) {
  .comparison-row.comparison-row-header {
    height: auto;
  }
}
.comparison-row.comparison-row-header .comparison-cell {
  align-items: flex-start;
  height: 100%;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
@media only screen and (max-width: 1024px) {
  .comparison-row.comparison-row-header .comparison-cell {
    padding: 16px 0px 16px;
  }
  .comparison-row.comparison-row-header .comparison-cell.activeCell p {
    text-align: left;
    font-size: 16px;
  }
}
.comparison-row.comparison-row-plain .comparison-cell {
  border-left: 1px solid transparent;
}

.comparison-nav {
  position: relative;
}
.comparison-nav .sticky-row {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.comparison-nav .sticky-row.sticky {
  background-color: #fff;
  position: fixed;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 1024px) {
  .comparison-nav .sticky-row {
    display: none;
  }
}

.comparison-tick {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle data-name='Ellipse 93' cx='8' cy='8' r='8' fill='%23328fe9'/%3E%3Cg data-name='Group 1720' fill-rule='evenodd'%3E%3Cpath data-name='Path 1305' d='M8.002 0a8.064 8.064 0 00-1.559.154 7.754 7.754 0 00-1.5.458A8 8 0 00.616 4.941a8.156 8.156 0 00-.458 1.5 8.035 8.035 0 00-.154 1.56 8.032 8.032 0 001.352 4.446 8.14 8.14 0 002.2 2.2 8.036 8.036 0 001.384.74 8.146 8.146 0 001.5.458 8.227 8.227 0 003.119 0 8.146 8.146 0 001.5-.458 7.926 7.926 0 004.327-4.329 7.766 7.766 0 00.458-1.5 8.118 8.118 0 00.154-1.56 8.036 8.036 0 00-.154-1.56 7.767 7.767 0 00-.458-1.5 8.014 8.014 0 00-.734-1.384 7.982 7.982 0 00-2.209-2.21 8.007 8.007 0 00-1.384-.735 7.754 7.754 0 00-1.5-.458A8.023 8.023 0 008.002 0zm0 14.914a7.005 7.005 0 01-2.666-.506 6.369 6.369 0 01-1.208-.634 6.9 6.9 0 01-2.581-3.109 6.97 6.97 0 01-.4-1.3 6.995 6.995 0 010-2.716 6.969 6.969 0 01.4-1.3 6.717 6.717 0 01.649-1.2A6.831 6.831 0 013.063 3.1a6.619 6.619 0 011.064-.863 6.691 6.691 0 011.208-.634 6.855 6.855 0 011.309-.383 7.221 7.221 0 011.357-.117 6.622 6.622 0 011.336.149 6.757 6.757 0 011.283.4 7.048 7.048 0 011.181.644 7.579 7.579 0 011.032.863 6.907 6.907 0 011.474 2.231 7.194 7.194 0 01.388 1.289 7.056 7.056 0 010 2.673 6.884 6.884 0 01-2.9 4.377 6.688 6.688 0 01-1.181.644 6.775 6.775 0 01-1.283.4 7.485 7.485 0 01-1.329.141zm0 0' fill='%23328fe9'/%3E%3Cpath data-name='Path 1307' d='M11.009 5.729l-3.88 3.88-2.32-2.318a.583.583 0 00-.409-.159.571.571 0 00-.4.17.584.584 0 00-.016.818l2.732 2.732a.583.583 0 00.415.17.574.574 0 00.415-.17l4.294-4.294a.592.592 0 00.159-.409.581.581 0 00-.579-.579.592.592 0 00-.411.159zm0 0' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

.comparison-cross {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;opacity:0;%7D.b%7Bfill:%23ccc;fill-rule:evenodd;%7D.c%7Bfill:none;stroke:%23ccc;stroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(0 0)'%3E%3Cpath class='b' d='M80.206,362.512a8.064,8.064,0,0,0-1.559.154,7.754,7.754,0,0,0-1.5.458,8,8,0,0,0-4.327,4.329,8.156,8.156,0,0,0-.458,1.5,8.035,8.035,0,0,0-.154,1.56,8.032,8.032,0,0,0,1.352,4.446,8.14,8.14,0,0,0,2.2,2.2,8.036,8.036,0,0,0,1.384.74,8.146,8.146,0,0,0,1.5.458,8.227,8.227,0,0,0,3.119,0,8.146,8.146,0,0,0,1.5-.458,7.926,7.926,0,0,0,4.327-4.329,7.766,7.766,0,0,0,.458-1.5,8.118,8.118,0,0,0,.154-1.56,8.036,8.036,0,0,0-.154-1.56,7.767,7.767,0,0,0-.458-1.5,8.014,8.014,0,0,0-.734-1.384,7.982,7.982,0,0,0-2.209-2.21,8.007,8.007,0,0,0-1.384-.735,7.754,7.754,0,0,0-1.5-.458A8.023,8.023,0,0,0,80.206,362.512Zm0,14.914a7.005,7.005,0,0,1-2.666-.506,6.369,6.369,0,0,1-1.208-.634,6.9,6.9,0,0,1-2.581-3.109,6.97,6.97,0,0,1-.4-1.3,6.995,6.995,0,0,1,0-2.716,6.969,6.969,0,0,1,.4-1.3,6.717,6.717,0,0,1,.649-1.2,6.831,6.831,0,0,1,.867-1.049,6.619,6.619,0,0,1,1.064-.863,6.691,6.691,0,0,1,1.208-.634,6.855,6.855,0,0,1,1.309-.383,7.221,7.221,0,0,1,1.357-.117,6.622,6.622,0,0,1,1.336.149,6.757,6.757,0,0,1,1.283.4,7.048,7.048,0,0,1,1.181.644,7.579,7.579,0,0,1,1.032.863,6.907,6.907,0,0,1,1.474,2.231,7.194,7.194,0,0,1,.388,1.289,7.056,7.056,0,0,1,0,2.673,6.884,6.884,0,0,1-2.9,4.377,6.688,6.688,0,0,1-1.181.644,6.775,6.775,0,0,1-1.283.4A7.485,7.485,0,0,1,80.206,377.426Zm0,0' transform='translate(-72.207 -362.512)'/%3E%3Cg transform='translate(5 5)'%3E%3Cline class='c' x1='6' y2='6' transform='translate(0 0)'/%3E%3Cline class='c' x1='6' y1='6' transform='translate(0 0)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.white-panel, .panel {
  background-color: white;
  padding: 24px;
  box-shadow: 0 0 4px 0 rgba(52, 75, 96, 0.12);
  border-radius: 8px;
}
.white-panel.small, .panel.small {
  max-width: 180px;
  padding: 16px;
}
.white-panel.horizon, .panel.horizon {
  border: 1px solid transparent;
}
.white-panel.ocean-top, .white-panel.minty-top, .white-panel.horizon-top, .panel.ocean-top, .panel.minty-top, .panel.horizon-top {
  position: relative;
}
.white-panel.ocean-top::before, .white-panel.minty-top::before, .white-panel.horizon-top::before, .panel.ocean-top::before, .panel.minty-top::before, .panel.horizon-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  border-radius: 8px 8px 0 0;
}
.white-panel.ocean-top::before, .panel.ocean-top::before {
  background: #4A90E2;
}
.white-panel.minty-top::before, .panel.minty-top::before {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
}
.white-panel.horizon, .panel.horizon {
  background: linear-gradient(white, white) padding-box, linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%) border-box;
}
.white-panel.horizon-top::before, .panel.horizon-top::before {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
}

.panel-plan {
  width: 330px;
  padding: 24px 24px 40px 24px;
}
@media (max-width: 850px) {
  .panel-plan {
    max-width: 300px;
  }
}
@media (max-width: 700px) {
  .panel-plan {
    max-width: none;
  }
}
.panel-plan .panel-header .label-container {
  display: flex;
  justify-content: end;
  margin-bottom: 12px;
}
.panel-plan .panel-header h3, .panel-plan .panel-header h4 {
  color: #073158;
  font-family: "Lato";
  margin: 0;
}
.panel-plan .panel-header h3 {
  font-size: 24px;
  margin-bottom: 8px;
}
.panel-plan .panel-header h4 {
  font-size: 14px;
  font-weight: bold;
}
.panel-plan .panel-header img {
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 67px;
}
.panel-plan .panel-footer {
  margin-top: 24px;
}
.panel-plan .panel-footer .btn {
  width: 100%;
}
.panel-plan .features-container {
  margin-top: 32px;
}
.panel-plan .features-container p, .panel-plan .features-container li {
  margin-bottom: 8px;
}
.panel-plan .features-container p:last-child, .panel-plan .features-container li:last-child {
  margin-bottom: 0;
}
.panel-plan .features-container li {
  display: flex;
  align-items: center;
}
.panel-plan .features-container li::before {
  content: "";
  margin-right: 8px;
  display: inline-flex;
  width: 16px;
  min-width: 16px;
  height: 24px;
  background: center/contain no-repeat url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_978_7551)"><path d="M6.54016 0.644455L6.53981 0.644524C6.05877 0.739552 5.58861 0.883108 5.13653 1.07299L5.13443 1.07388L5.13442 1.07387C3.29772 1.83548 1.83862 3.29526 1.07786 5.13231L1.07786 5.13232C0.889777 5.58646 0.745871 6.05766 0.648131 6.53939C0.552592 7.02065 0.504288 7.51009 0.503907 8.00074C0.506595 9.48447 0.947441 10.9343 1.77112 12.1684C2.31993 12.9824 3.02046 13.6829 3.83439 14.2317C4.24311 14.5046 4.67754 14.7369 5.13148 14.9252C5.58512 15.1131 6.0558 15.2569 6.537 15.3545C7.50305 15.5407 8.49577 15.5407 9.46181 15.3545C9.94309 15.2568 10.4138 15.113 10.8675 14.9251L10.8692 14.9244C11.78 14.5508 12.6075 13.9999 13.3035 13.3036C13.9995 12.6073 14.5501 11.7795 14.9232 10.8685L14.9249 10.8644L14.9249 10.8645C15.1147 10.4123 15.2583 9.94209 15.3534 9.46103C15.4486 8.97911 15.497 8.48912 15.4979 7.99789C15.4975 7.50686 15.4492 7.01704 15.3535 6.53542L15.3534 6.53499C15.2583 6.05392 15.1147 5.58371 14.9249 5.13155L14.9234 5.12798L14.9234 5.12797C14.737 4.6742 14.5066 4.23976 14.2356 3.83089C13.6887 3.01109 12.9854 2.30739 12.1658 1.7602C11.757 1.48876 11.3226 1.25807 10.8687 1.07142L10.8653 1.07L10.8653 1.06999C10.4133 0.880133 9.94316 0.736589 9.46219 0.641561C8.9814 0.546948 8.49251 0.499537 8.00249 0.500003L6.54016 0.644455ZM6.54016 0.644455C7.02172 0.548965 7.51145 0.500587 8.00239 0.500004L6.54016 0.644455ZM8.00558 15.414L8.01006 15.4139C8.48619 15.4062 8.96067 15.3558 9.42784 15.2635L9.42784 15.2635L9.43165 15.2627C9.90368 15.1657 10.3649 15.0219 10.8085 14.8336C11.2531 14.6463 11.6778 14.4148 12.0761 14.1424C13.6919 13.0499 14.8097 11.3623 15.1855 9.44834L15.1859 9.44671C15.3682 8.50129 15.3682 7.52972 15.1859 6.5843L15.1859 6.58429L15.1851 6.58031C15.0901 6.10882 14.9512 5.64727 14.7701 5.20172L14.7695 5.20035C14.4035 4.30749 13.8666 3.49477 13.1888 2.80784L13.1888 2.80784L13.1864 2.80542C12.8477 2.46677 12.4796 2.15892 12.0863 1.88549L12.0864 1.88546L12.0811 1.88187C11.6824 1.61218 11.2589 1.38123 10.8163 1.19219L10.8155 1.19183C10.3723 1.00353 9.91158 0.859789 9.44 0.762742C8.96851 0.661069 8.48791 0.607556 8.0056 0.603026L8.00513 0.603022C7.51861 0.598913 7.0328 0.6408 6.55417 0.728118L6.55193 0.728536C6.07154 0.818435 5.60131 0.955993 5.14821 1.13917C4.69421 1.32118 4.25996 1.54904 3.85222 1.81921C3.44063 2.08773 3.05795 2.39815 2.7103 2.74551C2.36417 3.08825 2.05307 3.46463 1.78161 3.86908C1.50652 4.27353 1.27326 4.7049 1.08544 5.15653C0.897552 5.60571 0.75404 6.07219 0.656948 6.5493L0.656941 6.5493L0.656419 6.55193C0.466287 7.51266 0.466287 8.50134 0.656412 9.46207L0.65695 9.46472C0.754067 9.94192 0.897615 10.4085 1.08554 10.8577C1.65451 12.2197 2.61777 13.3804 3.8515 14.1907C4.25901 14.4637 4.69459 14.6922 5.15079 14.8725C6.05802 15.2372 7.02779 15.4212 8.00558 15.414Z" stroke="%234A90E2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0085 5.72911L7.12851 9.60911L4.80851 7.29111C4.69809 7.18687 4.55135 7.12982 4.39951 7.13211C4.24898 7.13384 4.10522 7.19493 3.99951 7.30211C3.89023 7.40919 3.82732 7.55487 3.82433 7.70784C3.82134 7.86081 3.8785 8.00885 3.98351 8.12011L6.71551 10.8521C6.77004 10.9064 6.83478 10.9494 6.90601 10.9786C6.97724 11.0078 7.05354 11.0226 7.13051 11.0221C7.20755 11.0231 7.284 11.0085 7.3553 10.9793C7.4266 10.9501 7.49129 10.9069 7.54551 10.8521L11.8395 6.55811C11.9429 6.44718 11.9999 6.30078 11.9985 6.14911C11.998 5.99571 11.9368 5.84875 11.8283 5.74028C11.7199 5.63181 11.5729 5.57064 11.4195 5.57011C11.2672 5.56825 11.1199 5.6252 11.0085 5.72911Z" fill="%234A90E2"/></g><defs><clipPath id="clip0_978_7551"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}
.panel-plan.enterprise {
  background: right bottom/contain no-repeat url("../assets/enterprise-shape.94f6908c2d04.svg"), center/cover no-repeat url("../assets/footer-bg-navy-v3.33b49538a916.svg");
}
.panel-plan.enterprise::before {
  display: none;
}
.panel-plan.enterprise h3, .panel-plan.enterprise h4, .panel-plan.enterprise p, .panel-plan.enterprise ul li, .panel-plan.enterprise .price {
  color: white;
}
.panel-plan.enterprise .features-container li::before {
  background: center/contain no-repeat url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_984_25880)"><path d="M6.54016 0.644455L6.53981 0.644524C6.05877 0.739552 5.58861 0.883108 5.13653 1.07299L5.13443 1.07388L5.13442 1.07387C3.29772 1.83548 1.83862 3.29526 1.07786 5.13231L1.07786 5.13232C0.889777 5.58646 0.745871 6.05766 0.648131 6.53939C0.552592 7.02065 0.504288 7.51009 0.503907 8.00074C0.506595 9.48447 0.947441 10.9343 1.77112 12.1684C2.31993 12.9824 3.02046 13.6829 3.83439 14.2317C4.24311 14.5046 4.67754 14.7369 5.13148 14.9252C5.58512 15.1131 6.0558 15.2569 6.537 15.3545C7.50305 15.5407 8.49577 15.5407 9.46181 15.3545C9.94309 15.2568 10.4138 15.113 10.8675 14.9251L10.8692 14.9244C11.78 14.5508 12.6075 13.9999 13.3035 13.3036C13.9995 12.6073 14.5501 11.7795 14.9232 10.8685L14.9249 10.8644L14.9249 10.8645C15.1147 10.4123 15.2583 9.94209 15.3534 9.46103C15.4486 8.97911 15.497 8.48912 15.4979 7.99789C15.4975 7.50686 15.4492 7.01704 15.3535 6.53542L15.3534 6.53499C15.2583 6.05392 15.1147 5.58371 14.9249 5.13155L14.9234 5.12798L14.9234 5.12797C14.737 4.6742 14.5066 4.23976 14.2356 3.83089C13.6887 3.01109 12.9854 2.30739 12.1658 1.7602C11.757 1.48876 11.3226 1.25807 10.8687 1.07142L10.8653 1.07L10.8653 1.06999C10.4133 0.880133 9.94316 0.736589 9.46219 0.641561C8.9814 0.546948 8.49251 0.499537 8.00249 0.500003L6.54016 0.644455ZM6.54016 0.644455C7.02172 0.548965 7.51145 0.500587 8.00239 0.500004L6.54016 0.644455ZM8.00558 15.414L8.01006 15.4139C8.48619 15.4062 8.96067 15.3558 9.42784 15.2635L9.42784 15.2635L9.43165 15.2627C9.90368 15.1657 10.3649 15.0219 10.8085 14.8336C11.2531 14.6463 11.6778 14.4148 12.0761 14.1424C13.6919 13.0499 14.8097 11.3623 15.1855 9.44834L15.1859 9.44671C15.3682 8.50129 15.3682 7.52972 15.1859 6.5843L15.1859 6.58429L15.1851 6.58031C15.0901 6.10882 14.9512 5.64727 14.7701 5.20172L14.7695 5.20035C14.4035 4.30749 13.8666 3.49477 13.1888 2.80784L13.1888 2.80784L13.1864 2.80542C12.8477 2.46677 12.4796 2.15892 12.0863 1.88549L12.0864 1.88546L12.0811 1.88187C11.6824 1.61218 11.2589 1.38123 10.8163 1.19219L10.8155 1.19183C10.3723 1.00353 9.91158 0.859789 9.44 0.762742C8.96851 0.661069 8.48791 0.607556 8.0056 0.603026L8.00513 0.603022C7.51861 0.598913 7.0328 0.6408 6.55417 0.728118L6.55193 0.728536C6.07154 0.818435 5.60131 0.955993 5.14821 1.13917C4.69421 1.32118 4.25996 1.54904 3.85222 1.81921C3.44063 2.08773 3.05795 2.39815 2.7103 2.74551C2.36417 3.08825 2.05307 3.46463 1.78161 3.86908C1.50652 4.27353 1.27326 4.7049 1.08544 5.15653C0.897552 5.60571 0.75404 6.07219 0.656948 6.5493L0.656941 6.5493L0.656419 6.55193C0.466287 7.51266 0.466287 8.50134 0.656412 9.46207L0.65695 9.46472C0.754067 9.94192 0.897615 10.4085 1.08554 10.8577C1.65451 12.2197 2.61777 13.3804 3.8515 14.1907C4.25901 14.4637 4.69459 14.6922 5.15079 14.8725C6.05802 15.2372 7.02779 15.4212 8.00558 15.414Z" stroke="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0085 5.72911L7.12851 9.60911L4.80851 7.29111C4.69809 7.18687 4.55135 7.12982 4.39951 7.13211C4.24898 7.13384 4.10522 7.19493 3.99951 7.30211C3.89023 7.40919 3.82732 7.55487 3.82433 7.70784C3.82134 7.86081 3.8785 8.00885 3.98351 8.12011L6.71551 10.8521C6.77004 10.9064 6.83478 10.9494 6.90601 10.9786C6.97724 11.0078 7.05354 11.0226 7.13051 11.0221C7.20755 11.0231 7.284 11.0085 7.3553 10.9793C7.4266 10.9501 7.49129 10.9069 7.54551 10.8521L11.8395 6.55811C11.9429 6.44718 11.9999 6.30078 11.9985 6.14911C11.998 5.99571 11.9368 5.84875 11.8283 5.74028C11.7199 5.63181 11.5729 5.57064 11.4195 5.57011C11.2672 5.56825 11.1199 5.6252 11.0085 5.72911Z" fill="white"/></g><defs><clipPath id="clip0_984_25880"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}
.panel-plan .panel-logo-farm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 36px;
  width: 100%;
}
.panel-plan .panel-logo-farm .col3 {
  width: 30%;
}
.panel-plan .panel-logo-farm .col3 svg, .panel-plan .panel-logo-farm .col3 img {
  width: 100%;
  height: auto;
}

.checkerboard-container > .checkerboard-grid:not(:first-child) {
  margin-top: 200px;
}
@media (max-width: 700px) {
  .checkerboard-container > .checkerboard-grid:not(:first-child) {
    margin-top: 120px;
  }
}
.checkerboard-container .checkerboard-grid:nth-child(odd) .media-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .media-container {
  grid-column: 1/7;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-container .checkerboard-grid:nth-child(odd) .media-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .media-container {
    grid-column: 2/8;
  }
}
@media (max-width: 700px) {
  .checkerboard-container .checkerboard-grid:nth-child(odd) .media-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .media-container {
    grid-column: 1/5;
  }
}
.checkerboard-container .checkerboard-grid:nth-child(odd) .media-container.angled img, .checkerboard-container .checkerboard-grid:nth-child(odd) .media-container.angled iframe, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .media-container.angled img, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .media-container.angled iframe {
  transform: perspective(500px) rotateY(5deg) scale(1.12);
  -webkit-transform: perspective(500px) rotateY(5deg) scale(1.12);
}
@media (max-width: 1079px) {
  .checkerboard-container .checkerboard-grid:nth-child(odd) .media-container.angled img, .checkerboard-container .checkerboard-grid:nth-child(odd) .media-container.angled iframe, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .media-container.angled img, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .media-container.angled iframe {
    transform: perspective(500px) rotateY(5deg) scale(1);
    -webkit-transform: perspective(500px) rotateY(5deg) scale(1);
  }
}
.checkerboard-container .checkerboard-grid:nth-child(odd) .text-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .text-container {
  grid-column: 8/12;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-container .checkerboard-grid:nth-child(odd) .text-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .text-container {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .checkerboard-container .checkerboard-grid:nth-child(odd) .text-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(even) .text-container {
    grid-column: 1/5;
  }
}
.checkerboard-container .checkerboard-grid:nth-child(even) .media-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .media-container {
  grid-column: 7/13;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-container .checkerboard-grid:nth-child(even) .media-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .media-container {
    grid-column: 2/8;
  }
}
@media (max-width: 700px) {
  .checkerboard-container .checkerboard-grid:nth-child(even) .media-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .media-container {
    grid-column: 1/5;
  }
}
.checkerboard-container .checkerboard-grid:nth-child(even) .media-container.angled img, .checkerboard-container .checkerboard-grid:nth-child(even) .media-container.angled iframe, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .media-container.angled img, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .media-container.angled iframe {
  transform: perspective(500px) rotateY(-5deg) scale(1.12);
  -webkit-transform: perspective(500px) rotateY(-5deg) scale(1.12);
}
@media (max-width: 1079px) {
  .checkerboard-container .checkerboard-grid:nth-child(even) .media-container.angled img, .checkerboard-container .checkerboard-grid:nth-child(even) .media-container.angled iframe, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .media-container.angled img, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .media-container.angled iframe {
    transform: perspective(500px) rotateY(-5deg) scale(1);
    -webkit-transform: perspective(500px) rotateY(-5deg) scale(1);
  }
}
.checkerboard-container .checkerboard-grid:nth-child(even) .text-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .text-container {
  grid-column: 2/6;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-container .checkerboard-grid:nth-child(even) .text-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .text-container {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .checkerboard-container .checkerboard-grid:nth-child(even) .text-container, .checkerboard-container.inverse .checkerboard-grid:nth-child(odd) .text-container {
    grid-column: 1/5;
  }
}
.checkerboard-container.flush-checkerboard > .checkerboard-grid:not(:first-child) {
  margin-top: 0;
}
@media (max-width: 1079px) {
  .checkerboard-container.flush-checkerboard .checkerboard-grid .media-container, .checkerboard-container.flush-checkerboard.inverse .checkerboard-grid .media-container {
    grid-column: 1/9;
    grid-row: 2;
    margin-bottom: 0;
  }
}
@media (max-width: 700px) {
  .checkerboard-container.flush-checkerboard .checkerboard-grid .media-container, .checkerboard-container.flush-checkerboard.inverse .checkerboard-grid .media-container {
    grid-column: 1/5;
  }
}
.checkerboard-container.flush-checkerboard .checkerboard-grid .media-container img, .checkerboard-container.flush-checkerboard.inverse .checkerboard-grid .media-container img {
  border-radius: 0;
  vertical-align: top;
}
@media (max-width: 1079px) {
  .checkerboard-container.flush-checkerboard .checkerboard-grid .text-container p, .checkerboard-container.flush-checkerboard.inverse .checkerboard-grid .text-container p {
    margin-bottom: 40px;
  }
}

.checkerboard-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
}
@media (min-width: 1440px) {
  .checkerboard-grid {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-grid {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .checkerboard-grid {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.checkerboard-grid .media-container {
  text-align: center;
}
@media (max-width: 1079px) {
  .checkerboard-grid .media-container {
    margin-bottom: 40px;
  }
}
.checkerboard-grid .media-container img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.checkerboard-grid .media-container img.hide {
  display: none;
}
.checkerboard-grid .media-container .video_responsive_padding {
  padding: 56.25% 0 0 0;
  position: relative;
}
.checkerboard-grid .media-container .video_responsive_padding .video_responsive_wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.checkerboard-grid .media-container img, .checkerboard-grid .media-container video, .checkerboard-grid .media-container iframe {
  border-radius: 8px;
}
.checkerboard-grid .media-container.has-overlay {
  position: relative;
}
.checkerboard-grid .media-container.has-overlay .iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.checkerboard-grid .text-container {
  width: 100%;
  text-align: start;
}
.checkerboard-grid .text-container p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1079px) {
  .checkerboard-grid .text-container .btn-container {
    text-align: center;
  }
}
.checkerboard-grid .text-container .btn-container.hide-btn {
  display: none;
}
@media (max-width: 1079px) and (min-width: 701px) {
  .checkerboard-grid .text-container .btn-container .btn {
    display: inline-block;
  }
}

.checkerboard-form {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
  align-items: start;
}
@media (min-width: 1440px) {
  .checkerboard-form {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-form {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .checkerboard-form {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.checkerboard-form .text-container, .checkerboard-form .media-container {
  grid-column: 2/6;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-form .text-container, .checkerboard-form .media-container {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .checkerboard-form .text-container, .checkerboard-form .media-container {
    grid-column: 1/5;
  }
}
.checkerboard-form .form-container {
  grid-column: 7/13;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-form .form-container {
    grid-column: 2/8;
  }
}
@media (max-width: 700px) {
  .checkerboard-form .form-container {
    grid-column: 1/5;
  }
}
.checkerboard-form .form-container {
  padding: 24px;
  box-shadow: 0px 0px 4px rgba(52, 75, 96, 0.12);
  border-radius: 8px;
}
@media (max-width: 1079px) {
  .checkerboard-form .form-container {
    margin-top: 64px;
  }
}
.checkerboard-form .media-container {
  margin-bottom: 0;
  align-self: center;
}

.checkerboard-container.checkerboard-large > .checkerboard-grid:not(:first-child) {
  margin-top: 120px;
}
@media (min-width: 1080px) {
  .checkerboard-container.checkerboard-large .checkerboard-grid .media-container {
    height: 100%;
  }
}
@media (min-width: 1080px) {
  .checkerboard-container.checkerboard-large .checkerboard-grid .media-container .media-wrapper {
    position: relative;
    height: 560px;
  }
  .checkerboard-container.checkerboard-large .checkerboard-grid .media-container .media-wrapper img, .checkerboard-container.checkerboard-large .checkerboard-grid .media-container .media-wrapper .video-wrapper, .checkerboard-container.checkerboard-large .checkerboard-grid .media-container .media-wrapper .iframe-wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    min-width: 1000px;
    max-width: none;
  }
  .checkerboard-container.checkerboard-large .checkerboard-grid .media-container .media-wrapper img {
    object-fit: contain;
  }
}
@media (min-width: 1080px) {
  .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(odd) .media-container .media-wrapper img, .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(odd) .media-container .media-wrapper .video-wrapper, .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(odd) .media-container .media-wrapper .iframe-wrapper, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(even) .media-container .media-wrapper img, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(even) .media-container .media-wrapper .video-wrapper, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(even) .media-container .media-wrapper .iframe-wrapper {
    right: 0;
    left: auto;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(odd) .media-container, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(even) .media-container {
    grid-column: 1/9;
  }
}
@media (min-width: 1080px) {
  .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(even) .media-container .media-wrapper img, .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(even) .media-container .media-wrapper .video-wrapper, .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(even) .media-container .media-wrapper .iframe-wrapper, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(odd) .media-container .media-wrapper img, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(odd) .media-container .media-wrapper .video-wrapper, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(odd) .media-container .media-wrapper .iframe-wrapper {
    left: 0;
    right: auto;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .checkerboard-container.checkerboard-large .checkerboard-grid:nth-child(even) .media-container, .checkerboard-container.checkerboard-large.inverse .checkerboard-grid:nth-child(odd) .media-container {
    grid-column: 1/9;
  }
}

.checkerboard-large-container {
  overflow-x: hidden;
}

.hero-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
}
@media (min-width: 1440px) {
  .hero-container {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .hero-container {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .hero-container {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.hero-container .image-container,
.hero-container .video-container {
  width: 100%;
  grid-column: 6/13;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .hero-container .image-container,
  .hero-container .video-container {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .hero-container .image-container,
  .hero-container .video-container {
    grid-column: 1/5;
  }
}
.hero-container .image-container img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.hero-container .video-container {
  display: flex;
  text-align: center;
}
.hero-container .video-container .video-wrapper {
  width: 100%;
}
.hero-container .video-container .video-wrapper iframe {
  border-radius: 8px;
}
.hero-container .video-container.slanted-video iframe {
  transform: perspective(500px) rotateY(-5deg) scale(1.05);
  -webkit-transform: perspective(500px) rotateY(-5deg) scale(1.05);
}
.hero-container .text-container {
  grid-column: 2/6;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .hero-container .text-container {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .hero-container .text-container {
    grid-column: 1/5;
  }
}
.hero-container .text-container .select-container {
  max-width: 367px;
}
.hero-container .text-container zpr-text-input {
  margin-bottom: 0;
  margin-right: 8px;
  flex-grow: 1;
}
@media (max-width: 1079px) {
  .hero-container .text-container .btn-container {
    text-align: center;
  }
}
.hero-container .text-container .btn-container.hide-btn {
  display: none;
}
@media (max-width: 1079px) and (min-width: 701px) {
  .hero-container .text-container .btn-container .btn {
    display: inline-block;
  }
}

.card-testimonial {
  width: 632px;
  display: flex;
  border-radius: 8px;
  font-family: "Lato", sans-serif;
  color: #073158;
  word-wrap: break-word;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  padding: 32px;
  margin: 16px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.0784313725);
  background: #FFFFFF;
}
.card-testimonial .testimonial-photo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: 56px;
}
.card-testimonial .testimonial-photo-container .testimonial-photo {
  border-radius: 100px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.card-testimonial .testimonial-photo-container .testimonial-icon {
  margin-top: 32px;
  width: 100px;
}
.card-testimonial .testimonial-text-container {
  display: flex;
  flex-direction: column;
  width: 462px;
}
.card-testimonial .testimonial-text-container .testimonial-quote-mark {
  width: 51px;
  height: 38px;
}
.card-testimonial .testimonial-text-container .testimonial-text-content {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 4px;
}
.card-testimonial .testimonial-text-container .testimonial-signature-container {
  margin-top: auto;
}

@media (max-width: 1439px) {
  .card-testimonial {
    width: 842px;
  }
}
@media (max-width: 1079px) {
  .card-testimonial {
    width: 534px;
  }
}
@media (max-width: 700px) {
  .card-testimonial {
    height: auto;
    height: fit-content;
    max-width: 380px;
    width: 100%;
    flex-flow: wrap;
  }
  .card-testimonial .testimonial-text-container {
    order: 1;
    max-width: 214px;
  }
  .card-testimonial .testimonial-text-container .testimonial-role > span {
    display: block;
  }
  .card-testimonial .testimonial-photo-container {
    flex-direction: row;
    order: 2;
    width: auto;
    margin-top: 24px;
    align-items: center;
    padding-right: 0;
  }
  .card-testimonial .testimonial-photo-container .testimonial-photo {
    margin-right: 16px;
  }
  .card-testimonial .testimonial-photo-container .testimonial-icon {
    margin-top: 0;
  }
}
.angled-background {
  position: relative;
  background: #EAEAEA;
  -webkit-transform: skewY(-3deg);
  -khtml-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  transform: skewY(-3deg);
  padding-bottom: 2%;
  width: 100vw;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .angled-background {
    padding: 0px 40px 2% 40px;
  }
}
@media (max-width: 700px) {
  .angled-background {
    padding: 0px 24px 2% 24px;
  }
}
.angled-background .angled-background-content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
  -webkit-transform: skewY(3deg);
  -khtml-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  transform: skewY(3deg);
}
@media (min-width: 1440px) {
  .angled-background .angled-background-content {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .angled-background .angled-background-content {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .angled-background .angled-background-content {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.angled-background .angled-background-content .mt30 {
  text-align: left;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .angled-background .angled-background-content .mt30 {
    text-align: center;
  }
}
.angled-background h1 {
  margin: 0;
}
.angled-background .text {
  grid-column: 2/6;
}
.angled-background .text .logo {
  margin-bottom: 24px;
}
.angled-background .text .logo svg {
  margin-right: 10px;
}
.angled-background .text h1 {
  font-size: 46px;
  line-height: 55px;
  font-weight: bold;
  margin-bottom: 24px;
}
.angled-background .text p {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.angled-background .text .btn {
  margin-top: 24px;
}
@media (max-width: 1079px) and (min-width: 701px) {
  .angled-background .text .btn {
    display: inline-block;
  }
}
@media (max-width: 1079px) {
  .angled-background .text {
    grid-column: 1/-1;
    width: 100%;
  }
}
@media (max-width: 700px) {
  .angled-background .text {
    grid-column: 1/-1;
    width: 100%;
  }
}
.angled-background .image {
  grid-column: 7/12;
  width: 632px;
  height: 594px;
  object-fit: contain;
}
.angled-background .image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1439px) {
  .angled-background .image {
    width: 100%;
    height: auto;
  }
  .angled-background .image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1079px) {
  .angled-background .image {
    grid-column: 2/8;
    grid-row-start: 1;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
  .angled-background .image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 700px) {
  .angled-background .image {
    grid-row-start: 1;
    grid-column: 1/-1;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
  .angled-background .image img {
    width: 100%;
    height: auto;
  }
}
.angled-background .pd270 {
  padding: 270px 0;
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
  .angled-background .m-pd192 {
    padding: 192px 0;
  }
}

.xs-margin {
  margin: 24px 0;
}

.xs-mt {
  margin-top: 24px;
}

.xs-mb {
  margin-bottom: 24px;
}

.s-margin {
  margin: 40px 0;
}

.s-mt {
  margin-top: 40px;
}

.s-mb {
  margin-bottom: 40px;
}

.m-margin {
  margin: 64px 0;
}

.m-mt {
  margin-top: 64px;
}

.m-mb {
  margin-bottom: 64px;
}

.l-margin {
  margin: 120px 0;
}

.l-mt {
  margin-top: 120px;
}

.l-mb {
  margin-bottom: 120px;
}

.l2-margin {
  margin: 120px 0;
}

.l2-mt {
  margin-top: 120px;
}

.l2-mb {
  margin-bottom: 120px;
}

.xl-margin {
  margin: 200px 0;
}

.xl-mt {
  margin-top: 200px;
}

.xl-mb {
  margin-bottom: 200px;
}

@media (max-width: 700px) {
  .l2-margin {
    margin: 120px 0;
  }
  .l2-mt {
    margin-top: 120px;
  }
  .l2-mb {
    margin-bottom: 120px;
  }
  .xl-margin {
    margin: 120px 0;
  }
  .xl-mt {
    margin-top: 120px;
  }
  .xl-mb {
    margin-bottom: 120px;
  }
  .l-margin {
    margin: 96px 0;
  }
  .l-mt {
    margin-top: 96px;
  }
  .l-mb {
    margin-bottom: 96px;
  }
}
.cards-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  grid-auto-flow: dense;
  grid-template-rows: max-content;
  row-gap: 40px;
}
@media (min-width: 1440px) {
  .cards-list {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .cards-list {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .cards-list {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.cards-list .card, .cards-list zpr-card {
  grid-column: span 4;
  /* Dealing with 2 orphan items on M and L screen*/
  /* Dealing with single orphan on M and L screen*/
  /* Dealing with single orphan on S screen */
}
@media (min-width: 1080px) {
  .cards-list .card:last-child:nth-child(3n-1), .cards-list zpr-card:last-child:nth-child(3n-1) {
    grid-column-end: -3;
  }
}
@media (min-width: 1080px) {
  .cards-list .card:nth-last-child(2):nth-child(3n+1), .cards-list zpr-card:nth-last-child(2):nth-child(3n+1) {
    grid-column-end: 7;
  }
}
@media (min-width: 1080px) {
  .cards-list .card:last-child:nth-child(3n-2), .cards-list zpr-card:last-child:nth-child(3n-2) {
    grid-column-end: 9;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .cards-list .card:last-child:nth-child(2n+1), .cards-list zpr-card:last-child:nth-child(2n+1) {
    grid-column-end: -3;
  }
}

.large-cards-list, .cards-list-xl {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
  row-gap: 40px;
}
@media (min-width: 1440px) {
  .large-cards-list, .cards-list-xl {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .large-cards-list, .cards-list-xl {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .large-cards-list, .cards-list-xl {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.large-cards-list .card, .large-cards-list zpr-card, .cards-list-xl .card, .cards-list-xl zpr-card {
  grid-column: span 6;
}
@media (max-width: 1079px) {
  .large-cards-list .card, .large-cards-list zpr-card, .cards-list-xl .card, .cards-list-xl zpr-card {
    grid-column: span 4;
  }
}
@media (min-width: 1080px) {
  .large-cards-list .card:last-child:nth-child(2n+1), .large-cards-list zpr-card:last-child:nth-child(2n+1), .cards-list-xl .card:last-child:nth-child(2n+1), .cards-list-xl zpr-card:last-child:nth-child(2n+1) {
    grid-column-end: -4;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .large-cards-list .card:last-child:nth-child(2n+1), .large-cards-list zpr-card:last-child:nth-child(2n+1), .cards-list-xl .card:last-child:nth-child(2n+1), .cards-list-xl zpr-card:last-child:nth-child(2n+1) {
    grid-column-end: -3;
  }
}

body {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  font-style: normal;
  color: #073158;
  text-rendering: optimizelegibility;
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-weight: 700;
  margin-block: auto;
}

h1, h2, h3, h4, h5, p {
  color: #073158;
}

h1, h2, h3, h4, p {
  margin-bottom: 24px;
}

h1 {
  font-size: 46px;
  line-height: 55px;
}
@media (max-width: 700px) {
  h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
h1.huge {
  font-size: 145px;
  line-height: 135px;
}
@media (max-width: 700px) {
  h1.huge {
    font-size: 62px;
    line-height: 70px;
  }
}
h1.large {
  font-size: 78px;
  line-height: 94px;
  color: white;
}
@media (max-width: 700px) {
  h1.large {
    font-size: 35px;
    line-height: 40px;
  }
}

h2 {
  font-size: 36px;
  line-height: 49px;
  letter-spacing: -0.02em;
}
@media (max-width: 700px) {
  h2 {
    font-size: 29px;
    line-height: 32px;
  }
}

h3 {
  font-size: 28px;
  line-height: 32px;
}
@media (max-width: 700px) {
  h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

h4 {
  font-size: 20px;
  line-height: 24px;
}
h4.medium {
  font-weight: 500;
}
h4.light {
  font-weight: 300;
}

h5 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
p.large {
  font-size: 20px;
  line-height: 30px;
}
p.large.medium {
  font-weight: 500;
}
p.bold {
  font-weight: 700;
}
p.xs {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 21px;
}
p.xs.mb0 {
  margin-bottom: 0;
}

p {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: #4A90E2;
  cursor: pointer;
}
a:hover {
  color: #73B4FF;
}
a.arrow-link {
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  position: relative;
  text-transform: uppercase;
}
a.arrow-link:after {
  content: "►" !important;
  position: absolute;
  top: -4px;
  font-size: 15px;
  margin-left: 5px;
}

ul, ol {
  list-style: none;
}
ul li, ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #073158;
  margin-bottom: 8px;
}
ul.xs li, ol.xs li {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 4px;
}

ul li::before {
  content: "•";
  margin-right: 10px;
}
ul.fakol > span {
  margin-right: 5px;
}
ul.fakol > li::before {
  content: "";
}
ul.fakol > li span + p {
  display: inline;
}

ol {
  margin-left: 16px;
}
ol li {
  clear: both;
}
ol.large li {
  position: relative;
  display: flex;
  margin-bottom: 24px;
}
ol.large li:before {
  content: counters(item, ".");
  counter-increment: item;
  margin-right: 0;
  float: unset;
  margin-right: 16px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #073158;
  color: #fff;
}

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

.overflow-hidden {
  overflow: hidden;
}

blockquote {
  border-left: 3px solid #EF5332;
  padding-left: 24px;
  font-style: italic;
}

h1.horizon, h2.horizon, h3.horizon, h4.horizon, p.horizon {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.minty, h2.minty, h3.minty, h4.minty, p.minty {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.ocean, h2.ocean, h3.ocean, h4.ocean, p.ocean {
  background: #4A90E2;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.typ-large p {
  font-size: 20px;
  line-height: 30px;
}
.typ-large ul li, .typ-large ol li {
  font-size: 20px;
  line-height: 30px;
}
.typ-large blockquote {
  margin: 32px 0;
}
.typ-large blockquote h3 {
  font-size: 20px;
  line-height: 30px;
}

.typ-aubergine {
  color: #36126B;
}
.typ-aubergine h1, .typ-aubergine h2, .typ-aubergine h3, .typ-aubergine h4, .typ-aubergine h5, .typ-aubergine p {
  color: #36126B;
}
.typ-aubergine ul li, .typ-aubergine ol li {
  color: #36126B;
}
.typ-aubergine ol.large li:before {
  background-color: #36126B;
}

span.highlight-mango {
  color: #FEB34B;
}

.highlight-gradient-tropical {
  background: linear-gradient(92.78deg, #FEB34B 2.67%, #FA00FF 93.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.highlight-gradient-synth {
  background: linear-gradient(88.41deg, #1057B6 14.05%, #FC06B3 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.typ-charcoal {
  color: #0E0E0E;
}
.typ-charcoal h1, .typ-charcoal h2, .typ-charcoal h3, .typ-charcoal h4, .typ-charcoal h5, .typ-charcoal p {
  color: #0E0E0E;
}
.typ-charcoal ul li, .typ-charcoal ol li {
  color: #0E0E0E;
}
.typ-charcoal ol.large li:before {
  background-color: #0E0E0E;
}

.packcells {
  max-width: 1138px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.packcells .packcells-cell {
  margin: 24px 38px;
  width: 300px;
}
.packcells .packcells-cell h2 {
  margin: 16px auto;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
}
.packcells .packcells-cell p {
  margin: 0;
}
.packcells .packcells-cell img, .packcells .packcells-cell picture {
  width: 100%;
  height: auto;
}
.packcells .packcells-cell.packcells-left {
  text-align: left;
}
.packcells .packcells-cell.packcells-left h2 {
  text-align: left;
}

.mini-packcells-cell-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 110px;
  max-width: 710px;
  margin: 50px auto auto auto;
}
.mini-packcells-cell-container .mini-packcells-cell {
  width: 300px;
  display: flex;
  align-items: baseline;
}
.mini-packcells-cell-container .mini-packcells-cell p {
  margin: 0;
  max-width: 272px;
}
.mini-packcells-cell-container .mini-packcells-cell svg {
  margin-right: 8px;
}

@media (max-width: 700px) {
  .packcells .text-center {
    text-align: center;
  }
  .packcells .packcells-cell {
    margin: 40px 0 0 0;
    width: 270px;
  }
  .packcells .packcells-cell:not(.packcells-left) svg {
    width: 100%;
  }
  .mini-packcells-cell-container {
    grid-template-columns: 1fr;
    row-gap: 44px;
  }
}
@media (min-width: 701px) and (max-width: 1024px) {
  .packcells .packcells-cell {
    width: 270px;
    margin: 24px 18px;
  }
}
.packcells-transparent,
.packcells-framed {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
  align-items: flex-start;
  row-gap: 40px;
}
@media (min-width: 1440px) {
  .packcells-transparent,
  .packcells-framed {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .packcells-transparent,
  .packcells-framed {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .packcells-transparent,
  .packcells-framed {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.packcells-transparent .packcells-cell,
.packcells-framed .packcells-cell {
  grid-column: span 4;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  padding: 40px;
  margin: 0;
  text-align: left;
  height: 100%;
  /* Dealing with 2 orphan items on M and L screen*/
  /* Dealing with single orphan on M and L screen*/
  /* Dealing with single orphan on S screen */
}
.packcells-transparent .packcells-cell h2,
.packcells-framed .packcells-cell h2 {
  text-align: left;
}
.packcells-transparent .packcells-cell h3,
.packcells-framed .packcells-cell h3 {
  margin-top: 24px;
}
.packcells-transparent .packcells-cell p,
.packcells-framed .packcells-cell p {
  margin-bottom: 0;
}
@media (min-width: 1080px) {
  .packcells-transparent .packcells-cell:last-child:nth-child(3n-1),
  .packcells-framed .packcells-cell:last-child:nth-child(3n-1) {
    grid-column-end: -3;
  }
}
@media (min-width: 1080px) {
  .packcells-transparent .packcells-cell:nth-last-child(2):nth-child(3n+1),
  .packcells-framed .packcells-cell:nth-last-child(2):nth-child(3n+1) {
    grid-column-end: 7;
  }
}
@media (min-width: 1080px) {
  .packcells-transparent .packcells-cell:last-child:nth-child(3n-2),
  .packcells-framed .packcells-cell:last-child:nth-child(3n-2) {
    grid-column-end: 9;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .packcells-transparent .packcells-cell:last-child:nth-child(2n+1),
  .packcells-framed .packcells-cell:last-child:nth-child(2n+1) {
    grid-column-end: -3;
  }
}
.packcells-transparent.packcells-transparent .packcells-cell,
.packcells-framed.packcells-transparent .packcells-cell {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 3px solid rgba(255, 255, 255, 0.15);
}

.packcells-cell-framed {
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  padding: 40px;
  margin: 0;
  text-align: left;
  height: 100%;
}
.packcells-cell-framed h2 {
  text-align: left;
}
.packcells-cell-framed h3 {
  margin-top: 24px;
}
.packcells-cell-framed p {
  margin-bottom: 0;
}

.centered-text-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
}
@media (min-width: 1440px) {
  .centered-text-container {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .centered-text-container {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .centered-text-container {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.centered-text-container h1:last-child,
.centered-text-container h2:last-child,
.centered-text-container p:last-child {
  margin-bottom: 0;
}
.centered-text-container .centered-text {
  grid-column: 3/11;
  text-align: center;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .centered-text-container .centered-text {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .centered-text-container .centered-text {
    grid-column: 1/5;
    text-align: left;
  }
}
@media (max-width: 700px) {
  .centered-text-container .centered-text.footer {
    text-align: center;
  }
}

.grid-splitview-container {
  overflow-x: hidden;
  position: relative;
  display: flex;
}
.grid-splitview-container .grid-splitview {
  min-height: 100vh;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  align-items: center;
  grid-auto-flow: dense;
  align-items: start;
}
@media (min-width: 1440px) {
  .grid-splitview-container .grid-splitview {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .grid-splitview-container .grid-splitview {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .grid-splitview-container .grid-splitview {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
.grid-splitview-container .grid-splitview .left-column {
  grid-column: 1/6;
  padding-top: 20vh;
  height: 100%;
}
@media (max-width: 1079px) {
  .grid-splitview-container .grid-splitview .left-column {
    grid-column: 2/8;
  }
}
@media (max-width: 700px) {
  .grid-splitview-container .grid-splitview .left-column {
    padding-top: 120px;
    grid-column: 1/5;
  }
}
.grid-splitview-container .grid-splitview .right-column {
  grid-column: 8/13;
  height: 100%;
}
@media (max-width: 1079px) {
  .grid-splitview-container .grid-splitview .right-column {
    display: none;
  }
}
.grid-splitview-container .grid-splitview .right-column.feature-background {
  position: relative;
}
.grid-splitview-container .grid-splitview .right-column.feature-background::after {
  content: "";
  position: absolute;
  width: 50vw;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(143.39deg, #68AFFF -1.05%, #1676E5 99.95%);
}
.grid-splitview-container .grid-splitview .logo {
  position: absolute;
  top: 50px;
  left: 50px;
}
@media (max-width: 700px) {
  .grid-splitview-container .grid-splitview .logo {
    top: 40px;
    left: 24px;
  }
}
.grid-splitview-container .grid-splitview .feature {
  height: 100%;
}
.grid-splitview-container .grid-splitview .feature .feature-content {
  width: 100%;
  height: 100%;
  padding: 30vh 0 0 100px;
}
.grid-splitview-container .grid-splitview .feature .feature-content h1, .grid-splitview-container .grid-splitview .feature .feature-content h2, .grid-splitview-container .grid-splitview .feature .feature-content h3, .grid-splitview-container .grid-splitview .feature .feature-content h4, .grid-splitview-container .grid-splitview .feature .feature-content h5, .grid-splitview-container .grid-splitview .feature .feature-content p {
  color: white;
}
.grid-splitview-container .grid-splitview .feature .feature-content .feature-graphic-center {
  position: absolute;
  top: 50vh;
  transform: translateY(-50%);
  left: -20%;
  max-width: 120%;
  height: auto;
}

.zwstudio-warning {
  padding: 8px;
  margin: 0 0 12px 0;
  border: 1px solid grey;
}

@media (max-width: 700px) {
  .grid-splitview .social_login.m-icon .btn.btn-google {
    border: none;
    max-width: none;
  }
  .grid-splitview .social_login.m-icon .btn.btn-google .text {
    display: none;
  }
  .grid-splitview .social_login.m-icon > a {
    flex: 1;
  }
  .grid-splitview .btn-group {
    flex-direction: column;
  }
  .grid-splitview .btn-group .flex {
    align-items: center;
    order: 2;
  }
  .grid-splitview .btn-group .btn {
    margin-bottom: 24px;
  }
}
.angled-hero-bg {
  position: relative;
}
.angled-hero-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  z-index: -1;
  height: 656px;
  background-size: cover;
  clip-path: polygon(0 calc(100% - 50px), 100% calc(100% - 250px), 100% 0, 0 0);
  -webkit-clip-path: polygon(0 calc(100% - 50px), 100% calc(100% - 250px), 100% 0, 0 0);
}
@media (max-width: 1079px) {
  .angled-hero-bg::before {
    height: 70vw;
    clip-path: polygon(0 92%, 100% 60%, 100% 0, 0 0);
    -webkit-clip-path: polygon(0 92%, 100% 60%, 100% 0, 0 0);
  }
}
.angled-hero-bg.base::before {
  background: #EAEAEA;
}
@media (min-width: 1080px) {
  .angled-hero-bg .hero-container .text-container h1, .angled-hero-bg .hero-container .text-container h2, .angled-hero-bg .hero-container .text-container h3, .angled-hero-bg .hero-container .text-container h4, .angled-hero-bg .hero-container .text-container p {
    color: white;
  }
}
.angled-hero-bg .hero-container .image-container {
  min-height: 500px;
}
@media (max-width: 1079px) {
  .angled-hero-bg .hero-container .image-container {
    min-height: 70vw;
  }
}
@media (max-width: 700px) {
  .angled-hero-bg.billboard-header::before {
    min-height: 440px;
  }
}
.angled-hero-bg.billboard-header .hero-container .text-container {
  margin: 120px 0 80px;
  text-align: center;
  grid-column: 3/11;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .angled-hero-bg.billboard-header .hero-container .text-container {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .angled-hero-bg.billboard-header .hero-container .text-container {
    grid-column: 1/5;
    margin: 40px 0;
  }
}
.angled-hero-bg.billboard-header .hero-container .text-container h1, .angled-hero-bg.billboard-header .hero-container .text-container h2, .angled-hero-bg.billboard-header .hero-container .text-container h3, .angled-hero-bg.billboard-header .hero-container .text-container h4, .angled-hero-bg.billboard-header .hero-container .text-container p {
  color: white;
}
.angled-hero-bg.billboard-header .hero-container .text-container h1:last-child, .angled-hero-bg.billboard-header .hero-container .text-container h2:last-child, .angled-hero-bg.billboard-header .hero-container .text-container h3:last-child, .angled-hero-bg.billboard-header .hero-container .text-container h4:last-child, .angled-hero-bg.billboard-header .hero-container .text-container p:last-child {
  margin-bottom: 0;
}
.angled-hero-bg.billboard-header .hero-container .media-container {
  width: 100%;
  grid-column: 2/12;
}
@media (min-width: 701px) and (max-width: 1079px) {
  .angled-hero-bg.billboard-header .hero-container .media-container {
    grid-column: 1/9;
  }
}
@media (max-width: 700px) {
  .angled-hero-bg.billboard-header .hero-container .media-container {
    grid-column: 1/5;
  }
}
.angled-hero-bg.billboard-header .hero-container .media-container img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.angled-hero-bg.billboard-header .hero-container .media-container img, .angled-hero-bg.billboard-header .hero-container .media-container iframe {
  border-radius: 8px;
  width: 100%;
}
.angled-hero-bg.billboard-header .hero-container .media-container iframe {
  box-shadow: 0px 16px 16px rgba(32, 32, 32, 0.05), 0px 8px 8px rgba(42, 42, 42, 0.05), 0px 4px 4px rgba(49, 49, 49, 0.05), 0px 2px 2px rgba(45, 45, 45, 0.05);
}
.angled-hero-bg.billboard-header.single::before {
  height: calc(100% + 114px);
  margin-top: 0;
  clip-path: polygon(0 100%, 100% calc(100% - 114px), 100% 0, 0 0);
  -webkit-clip-path: polygon(0 100%, 100% calc(100% - 114px), 100% 0, 0 0);
}
@media (max-width: 700px) {
  .angled-hero-bg.billboard-header.single::before {
    min-height: unset;
    height: calc(100% + 44px);
    clip-path: polygon(0 100%, 100% calc(100% - 44px), 100% 0, 0 0);
    -webkit-clip-path: polygon(0 100%, 100% calc(100% - 44px), 100% 0, 0 0);
  }
}
.angled-hero-bg.billboard-header.single .hero-container {
  margin-bottom: 114px;
}
.angled-hero-bg.billboard-header.single .hero-container .text-container {
  margin: 120px 0 40px;
}
@media (max-width: 700px) {
  .angled-hero-bg.billboard-header.single .hero-container .text-container {
    margin: 80px 0 40px;
  }
}
@media (max-width: 700px) {
  .angled-hero-bg.billboard-header.single .hero-container {
    margin-bottom: 44px;
  }
}
.angled-hero-bg.dark-navy::before {
  background: center/cover no-repeat url("../assets/footer-bg-dark-navy.73c96d9c40db.svg");
}

.angled-hero-bg.blue1::before {
  background: center/cover no-repeat url("../assets/footer-bg-blue-v1.b905196fc939.svg");
}
.angled-hero-bg.navy1::before {
  background: center/cover no-repeat url("../assets/footer-bg-navy-v1.4c8dd3388ebb.svg");
}

.angled-hero-bg.blue2::before {
  background: center/cover no-repeat url("../assets/footer-bg-blue-v2.ce7991cc6edd.svg");
}
.angled-hero-bg.navy2::before {
  background: center/cover no-repeat url("../assets/footer-bg-navy-v2.edfda3689585.svg");
}

.angled-hero-bg.blue3::before {
  background: center/cover no-repeat url("../assets/footer-bg-blue-v3.3813e9eb47ee.svg");
}
.angled-hero-bg.navy3::before {
  background: center/cover no-repeat url("../assets/footer-bg-navy-v3.33b49538a916.svg");
}

.angled-hero-bg.blue4::before {
  background: center/cover no-repeat url("../assets/footer-bg-blue-v4.12cc1c07aa0e.svg");
}
.angled-hero-bg.navy4::before {
  background: center/cover no-repeat url("../assets/footer-bg-navy-v4.f84e786f4d2b.svg");
}

.base-header {
  margin: 120px 0;
}
@media (max-width: 700px) {
  .base-header {
    margin: 80px 0;
  }
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  grid-auto-flow: dense;
  grid-template-rows: max-content;
  row-gap: 40px;
}
@media (min-width: 1440px) {
  .grid {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .grid {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  .grid {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
@media (min-width: 1080px) {
  .grid .col-l-1 {
    grid-column: span 1;
  }
  .grid .col-l-2 {
    grid-column: span 2;
  }
  .grid .col-l-3 {
    grid-column: span 3;
  }
  .grid .col-l-4 {
    grid-column: span 4;
  }
  .grid .col-l-5 {
    grid-column: span 5;
  }
  .grid .col-l-6 {
    grid-column: span 6;
  }
  .grid .col-l-7 {
    grid-column: span 7;
  }
  .grid .col-l-8 {
    grid-column: span 8;
  }
  .grid .col-l-9 {
    grid-column: span 9;
  }
  .grid .col-l-10 {
    grid-column: span 10;
  }
  .grid .col-l-11 {
    grid-column: span 11;
  }
  .grid .col-l-12 {
    grid-column: span 12;
  }
  .grid .col-end-l-12 {
    grid-column-end: 12;
  }
  .grid .col-end-l-11 {
    grid-column-end: 11;
  }
  .grid .col-end-l-10 {
    grid-column-end: 10;
  }
  .grid .col-end-l-9 {
    grid-column-end: 9;
  }
  .grid .col-end-l-8 {
    grid-column-end: 8;
  }
  .grid .col-end-l-7 {
    grid-column-end: 7;
  }
  .grid .col-end-l-6 {
    grid-column-end: 6;
  }
  .grid .col-end-l-5 {
    grid-column-end: 5;
  }
  .grid .col-end-l-4 {
    grid-column-end: 4;
  }
  .grid .col-end-l-3 {
    grid-column-end: 3;
  }
  .grid .col-end-l-2 {
    grid-column-end: 2;
  }
  .grid .col-end-l-1 {
    grid-column-end: 1;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .grid .col-m-1 {
    grid-column: span 1;
  }
  .grid .col-m-2 {
    grid-column: span 2;
  }
  .grid .col-m-3 {
    grid-column: span 3;
  }
  .grid .col-m-4 {
    grid-column: span 4;
  }
  .grid .col-m-5 {
    grid-column: span 5;
  }
  .grid .col-m-6 {
    grid-column: span 6;
  }
  .grid .col-m-7 {
    grid-column: span 7;
  }
  .grid .col-m-8 {
    grid-column: span 8;
  }
  .grid .col-end-m-8 {
    grid-column-end: 8;
  }
  .grid .col-end-m-7 {
    grid-column-end: 7;
  }
  .grid .col-end-m-6 {
    grid-column-end: 6;
  }
  .grid .col-end-m-5 {
    grid-column-end: 5;
  }
  .grid .col-end-m-4 {
    grid-column-end: 4;
  }
  .grid .col-end-m-3 {
    grid-column-end: 3;
  }
  .grid .col-end-m-2 {
    grid-column-end: 2;
  }
  .grid .col-end-m-1 {
    grid-column-end: 1;
  }
}
@media (max-width: 700px) {
  .grid .col-s-1 {
    grid-column: span 1;
  }
  .grid .col-s-2 {
    grid-column: span 2;
  }
  .grid .col-s-3 {
    grid-column: span 3;
  }
  .grid .col-s-4 {
    grid-column: span 4;
  }
  .grid .col-s-5 {
    grid-column: span 5;
  }
  .grid .col-end-s-4 {
    grid-column-end: 4;
  }
  .grid .col-end-s-3 {
    grid-column-end: 3;
  }
  .grid .col-end-s-2 {
    grid-column-end: 2;
  }
  .grid .col-end-s-1 {
    grid-column-end: 1;
  }
}
.grid.center {
  align-items: center;
}

.bg-footer-cta {
  background: no-repeat center center/cover;
  background-image: url("../assets/footer-bg-blue-v1.b905196fc939.svg");
  border-radius: 8px;
  padding: 120px 0;
}
.bg-footer-cta h2, .bg-footer-cta p {
  color: white;
}
.bg-footer-cta .bg-shape-container {
  position: absolute;
  background: no-repeat center center/cover;
}
.bg-footer-cta .bg-shape-container.bg-shape-top {
  width: 152px;
  height: 152px;
  top: 0;
  right: 130px;
  transform: translateY(-50%);
  background-image: url("../assets/shape-top-blue.82e7a90353e4.svg");
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
  .bg-footer-cta .bg-shape-container.bg-shape-top {
    right: 16px;
  }
}
.bg-footer-cta .bg-shape-container.bg-shape-bottom {
  width: 152px;
  height: 152px;
  bottom: 0;
  left: 130px;
  transform: translateY(50%);
  background-image: url("../assets/shape-bottom-blue.32a73a3e82f9.png");
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
  .bg-footer-cta .bg-shape-container.bg-shape-bottom {
    left: 16px;
  }
}
.bg-footer-cta.bg-footer-red {
  background-image: url("../assets/footer-bg-red.c61c63c94e2f.svg");
}
.bg-footer-cta.bg-footer-black {
  background-image: url("../assets/footer-bg-black.6c933ac5a031.svg");
}
.bg-footer-cta.bg-footer-navy {
  background-image: url("../assets/footer-bg-navy-v1.4c8dd3388ebb.svg");
}
.bg-footer-cta.bg-footer-purple {
  background-image: url("../assets/footer-bg-purple.467a27ef64cb.jpg");
}
.bg-footer-cta.bg-footer-purple .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-purple.e7c374694c79.png");
}
.bg-footer-cta.bg-footer-purple .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-purple.70aeed24d897.png");
}
.bg-footer-cta.bg-footer-red .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-red.64cdeb7aebb7.svg");
}
.bg-footer-cta.bg-footer-red .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-red.0e8e405632fb.svg");
}
.bg-footer-cta.bg-footer-black .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-black.a65f43062dd6.svg");
}
.bg-footer-cta.bg-footer-black .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-black.5706ff5bd674.svg");
}
.bg-footer-cta.bg-footer-dark-navy {
  background-image: url("../assets/footer-bg-dark-navy.73c96d9c40db.svg");
}
.bg-footer-cta.bg-footer-dark-navy .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-dark-navy.360af26c1265.png");
}
.bg-footer-cta.bg-footer-dark-navy .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-dark-navy.acdb974796b9.png");
}
.bg-footer-cta.br0 {
  border-radius: 0;
}
.bg-footer-cta.p0 {
  padding: 0;
}
.bg-footer-cta .btn-container {
  justify-content: center;
  display: flex;
  gap: 12px;
}
@media (max-width: 1079px) {
  .bg-footer-cta .btn-container {
    justify-content: center;
  }
}
@media (max-width: 700px) {
  .bg-footer-cta .btn-container {
    flex-direction: column;
  }
}
.bg-footer-cta.bg-footer-floating-shapes {
  background: none;
}
.bg-footer-cta.bg-footer-floating-shapes .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-left-floating-shape.7b5bcdc63426.png"), url("../assets/shape-top-right-floating-shape.b386314452d8.png");
  background-position: bottom left, top right 10%;
  background-size: auto 75%;
  width: 100%;
  height: 184px;
  right: 0;
}
@media (max-width: 700px) {
  .bg-footer-cta.bg-footer-floating-shapes .bg-shape-container.bg-shape-top {
    background-image: url("../assets/shape-top-right-floating-shape.b386314452d8.png");
    height: 70px;
    background-position: top right;
    background-size: contain;
  }
}
.bg-footer-cta.bg-footer-floating-shapes .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-left-floating-shape.a4744817e756.png"), url("../assets/shape-bottom-right-floating-shape.2fa7b9ab81d4.png");
  width: 100%;
  height: 164px;
  left: 0;
  background-position: top left 10%, bottom right;
  background-size: auto 90%;
}
@media (max-width: 700px) {
  .bg-footer-cta.bg-footer-floating-shapes .bg-shape-container.bg-shape-bottom {
    background-image: url("../assets/shape-bottom-left-floating-shape.a4744817e756.png");
    background-position: top left;
    background-size: contain;
    height: 90px;
  }
}
.bg-footer-cta.bg-footer-floating-shapes p {
  color: #073158;
}
.bg-footer-cta.bg-footer-floating-shapes h2 {
  background: -webkit-linear-gradient(0deg, #0D3FC5 30%, #AA2938 70%), linear-gradient(0deg, #0D3FC5 30%, #AA2938 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.bg-footer-cta.bg-footer-blue-v2 {
  background-image: url("../assets/footer-bg-blue-v2.ce7991cc6edd.svg");
}
.bg-footer-cta.bg-footer-blue-v2 .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-blue-v2.d09fb7f77f40.svg");
}
.bg-footer-cta.bg-footer-blue-v2 .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-blue-v2.0547c4e0ef48.svg");
}
.bg-footer-cta.bg-footer-red-v2 {
  background-image: url("../assets/footer-bg-red-v2.373a6b00d176.svg");
}
.bg-footer-cta.bg-footer-red-v2 .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-red-v4.0893fde22f4c.png");
}
.bg-footer-cta.bg-footer-red-v2 .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-red-v4.cd5570205c54.png");
}

.bg-footer-cta.bg-footer-blue-v3 {
  background-image: url("../assets/footer-bg-blue-v3.3813e9eb47ee.svg");
}
.bg-footer-cta.bg-footer-blue-v3 .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-blue-v3.fd159415c55b.svg");
}
.bg-footer-cta.bg-footer-blue-v3 .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-blue-v3.21f4d3881c71.svg");
}
.bg-footer-cta.bg-footer-red-v3 {
  background-image: url("../assets/footer-bg-red-v3.9e56cbc5837b.svg");
}
.bg-footer-cta.bg-footer-red-v3 .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-red-v4.0893fde22f4c.png");
}
.bg-footer-cta.bg-footer-red-v3 .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-red-v4.cd5570205c54.png");
}

.bg-footer-cta.bg-footer-blue-v4 {
  background-image: url("../assets/footer-bg-blue-v4.12cc1c07aa0e.svg");
}
.bg-footer-cta.bg-footer-blue-v4 .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-blue-v4.4b94fbf305b0.svg");
}
.bg-footer-cta.bg-footer-blue-v4 .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-blue-v4.5d945ae4a59e.svg");
}
.bg-footer-cta.bg-footer-red-v4 {
  background-image: url("../assets/footer-bg-red-v4.1ef6540c068d.svg");
}
.bg-footer-cta.bg-footer-red-v4 .bg-shape-container.bg-shape-top {
  background-image: url("../assets/shape-top-red-v4.0893fde22f4c.png");
}
.bg-footer-cta.bg-footer-red-v4 .bg-shape-container.bg-shape-bottom {
  background-image: url("../assets/shape-bottom-red-v4.cd5570205c54.png");
}

.bg-footer-cta.bg-cta-left {
  position: relative;
  display: flex;
  padding: 0;
}
.bg-footer-cta.bg-cta-left .content {
  padding: 56px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}
.bg-footer-cta.bg-cta-left .content .testimonial-footer {
  display: flex;
}
.bg-footer-cta.bg-cta-left .content .testimonial-footer img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  margin-right: 24px;
}
.bg-footer-cta.bg-cta-left .content .testimonial-footer p {
  font-size: 14px;
}
.bg-footer-cta.bg-cta-left .content .testimonial-footer .testimonial-author {
  display: flex;
  flex-direction: column;
}
.bg-footer-cta.bg-cta-left .content .testimonial-footer .testimonial-author p {
  margin: 0;
}
.bg-footer-cta.bg-cta-left .image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6%;
  width: 44%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg-footer-cta.bg-cta-left .image img {
  max-width: 100%;
  height: auto;
}
.bg-footer-cta.bg-cta-left .image.experience {
  top: auto;
  bottom: 0;
  transform: none;
  min-height: 125%;
}

.experience-padding-top:has(.image.experience) {
  padding-top: 150px;
}

@media (max-width: 1079px) {
  .bg-footer-cta.bg-cta-left {
    margin-top: 140px;
  }
  .bg-footer-cta.bg-cta-left:has(.image.experience) {
    margin-top: 250px;
  }
  .bg-footer-cta.bg-cta-left .content {
    text-align: center;
    align-items: center;
    width: 100%;
    padding-top: 150px;
  }
  .bg-footer-cta.bg-cta-left .content .testimonial-footer {
    justify-content: center;
  }
  .bg-footer-cta.bg-cta-left .content img, .bg-footer-cta.bg-cta-left .content svg {
    display: none;
  }
  .bg-footer-cta.bg-cta-left .content .mw460 {
    max-width: 100%;
  }
  .bg-footer-cta.bg-cta-left .image {
    width: 100%;
    right: auto;
    top: -50%;
    transform: translateY(0);
  }
  .bg-footer-cta.bg-cta-left .image img {
    width: 100%;
    height: 100%;
    max-width: 290px;
    max-height: 340px;
  }
  .bg-footer-cta.bg-cta-left .image.experience {
    top: -40%;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    bottom: auto;
  }
  .experience-padding-top:has(.image.experience) {
    padding-top: 1px;
  }
}
@media (max-width: 700px) {
  .bg-footer-cta.bg-cta-left .content {
    padding: 150px 16px 60px;
  }
  .bg-footer-cta.bg-cta-left .content .btn-container, .bg-footer-cta.bg-cta-left .content .btn {
    width: 100%;
  }
  .bg-footer-cta.bg-cta-left .image.experience {
    top: -30%;
  }
}
.billboard-footer {
  background: no-repeat center center/cover;
  background-image: url("../assets/footer-bg-blue-v1.b905196fc939.svg");
  padding-top: 120px;
}
@media (max-width: 700px) {
  .billboard-footer {
    padding-top: 96px;
  }
}
.billboard-footer h1, .billboard-footer h2, .billboard-footer p {
  color: white;
}
.billboard-footer .media-container {
  margin-top: 40px;
  width: 100%;
}
.billboard-footer .media-container img {
  width: 100%;
  min-width: 100%;
  height: auto;
}

zpr-modal .checkbox-list {
  max-height: 448px;
}

.checkbox-list {
  list-style: none;
  margin: 0 0 32px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.checkbox-list.initial {
  overflow-x: initial;
  overflow-y: initial;
}
.checkbox-list::-webkit-scrollbar {
  width: 3px;
}
.checkbox-list::-webkit-scrollbar-track {
  background-color: #CCCCCC;
  border-radius: 4px;
}
.checkbox-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #4A90E2;
}
.checkbox-list .team-member-tag {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  background-color: #4a90e2;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  margin-right: 24px;
}
.checkbox-list zpr-field {
  flex: initial;
}
.checkbox-list zpr-field .field {
  margin-bottom: 0px;
}
.checkbox-list zpr-field .field label {
  margin-bottom: 0px;
}
.checkbox-list zpr-field .field input[type=checkbox] {
  margin-bottom: 0px;
  margin-right: 0px;
}
.checkbox-list.reverted {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.checkbox-list.reverted li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 12px 12px 11px 0;
  margin: 0;
  border-bottom: 1px solid #f2f2f2;
  min-height: 65px;
}
.checkbox-list.reverted li.ptb0 {
  padding: 0 12px;
}
.checkbox-list.reverted li::before {
  content: none;
  margin: 0;
}
.checkbox-list.reverted li:last-child {
  border-bottom: none;
}
.checkbox-list.no-border li {
  padding: 12px 12px 12px 0;
  border-bottom: none;
}

zpr-checkbox-list {
  display: block;
}
zpr-checkbox-list ul {
  list-style: none;
  margin: 0;
}
zpr-checkbox-list ul li {
  height: 40px;
  margin: 0;
}
zpr-checkbox-list ul li::before {
  content: none;
  margin: 0;
}
zpr-checkbox-list ul li .field {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
zpr-checkbox-list ul li .field label {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
zpr-checkbox-list .avatar-tag {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #4A90E2;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-menu zpr-select-multi > .field,
.dropdown-menu zpr-searchable-list > .field {
  margin-top: 16px;
}

.dropdown-menu zpr-checkbox-list ul {
  overflow-y: auto;
}
.dropdown-menu zpr-checkbox-list ul::-webkit-scrollbar {
  width: 3px;
}
.dropdown-menu zpr-checkbox-list ul::-webkit-scrollbar-track {
  background-color: #CCCCCC;
  border-radius: 4px;
}
.dropdown-menu zpr-checkbox-list ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #4A90E2;
}
.dropdown-menu zpr-checkbox-list ul li {
  padding: 0 24px 0 13px;
}
.dropdown-menu zpr-checkbox-list ul li:has(.inline-actions):hover {
  padding-right: 8px;
}
.dropdown-menu zpr-checkbox-list ul li:has(.inline-actions) .field {
  overflow: hidden;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions {
  display: none;
  width: 64px;
  justify-content: space-between;
  order: 2;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span svg {
  fill: #073158;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span:hover {
  background-color: white;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span:hover svg {
  fill: #4A90E2;
}
.dropdown-menu zpr-checkbox-list ul li .inline-actions span:hover.danger svg {
  fill: #CE3923;
}
.dropdown-menu zpr-checkbox-list ul li:hover {
  background-color: #EBF6FE;
  border-left-color: #4A90E2;
}
.dropdown-menu zpr-checkbox-list ul li:hover .inline-actions ~ zpr-field {
  width: calc(100% - 64px);
}
.dropdown-menu zpr-checkbox-list ul li:hover .inline-actions {
  display: flex;
}
.dropdown-menu zpr-checkbox-list ul li:hover label {
  color: #4A90E2;
}

zpr-modal-text-field .modal-content,
zpr-json-area-modal .modal-content {
  padding: 34px;
}
zpr-modal-text-field zpr-json-area,
zpr-modal-text-field zpr-textarea,
zpr-json-area-modal zpr-json-area,
zpr-json-area-modal zpr-textarea {
  height: auto;
  text-indent: 0;
  line-height: normal;
  box-sizing: border-box;
}
zpr-modal-text-field zpr-json-area .field .text-container,
zpr-json-area-modal zpr-json-area .field .text-container {
  padding: 23px 8px 8px 15px;
}
zpr-modal-text-field zpr-json-area .field .text-container label.up,
zpr-json-area-modal zpr-json-area .field .text-container label.up {
  top: 5px;
}

zpr-project-cover-image-modal .modal-content {
  padding: 32px;
}
zpr-project-cover-image-modal .modal-content h3 {
  line-height: normal;
}
zpr-project-cover-image-modal .modal-content h3 strong {
  font-weight: 500;
}
zpr-project-cover-image-modal .modal-content .image-preview {
  margin-bottom: 30px;
  height: 216px;
}
zpr-project-cover-image-modal .modal-content zpr-dropzone {
  margin-left: 32px;
  flex: 1;
}
zpr-project-cover-image-modal .card .image .overlay.dark {
  display: none;
}

zpr-switcher-button-item {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 400;
  color: #9B9B9B;
  min-width: 40px;
  min-height: 40px;
  background: #fff;
}
zpr-switcher-button-item:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
}
zpr-switcher-button-item:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}
zpr-switcher-button-item:focus, zpr-switcher-button-item:active, zpr-switcher-button-item:hover, zpr-switcher-button-item.selected {
  background-color: #4A90E2;
  color: white;
  cursor: pointer;
}
zpr-switcher-button-item:focus svg, zpr-switcher-button-item:active svg, zpr-switcher-button-item:hover svg, zpr-switcher-button-item.selected svg {
  fill: white;
}
zpr-switcher-button-item.single {
  background: none;
  color: #073158;
  border: solid 1px transparent;
  border-radius: 6px;
  padding: 0 12px 0 0;
}
zpr-switcher-button-item.single svg {
  fill: #073158;
  margin-right: 4px;
}
zpr-switcher-button-item.single:active, zpr-switcher-button-item.single:focus, zpr-switcher-button-item.single:hover {
  border: solid 1px #4A90E2;
  color: #4A90E2;
  background-color: none;
}
zpr-switcher-button-item.single:active svg, zpr-switcher-button-item.single:focus svg, zpr-switcher-button-item.single:hover svg {
  fill: #4A90E2;
}
zpr-switcher-button-item.single.selected {
  display: none;
}

zpr-switcher-button.transparent zpr-switcher-button-item {
  color: white;
  background: transparent;
}
zpr-switcher-button.transparent zpr-switcher-button-item:focus, zpr-switcher-button.transparent zpr-switcher-button-item:active, zpr-switcher-button.transparent zpr-switcher-button-item:hover, zpr-switcher-button.transparent zpr-switcher-button-item.selected {
  background-color: white;
  color: unset;
}
zpr-switcher-button.aubergine zpr-switcher-button-item {
  color: #36126B;
  background: #F2F2F2;
}
zpr-switcher-button.aubergine zpr-switcher-button-item:focus, zpr-switcher-button.aubergine zpr-switcher-button-item:active, zpr-switcher-button.aubergine zpr-switcher-button-item:hover, zpr-switcher-button.aubergine zpr-switcher-button-item.selected {
  background-color: #36126B;
  color: white;
}

zpr-pagination {
  display: block;
  margin-top: 30px;
}
zpr-pagination > ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  list-style: none;
}
zpr-pagination > ul li {
  background: transparent;
  border: 0;
  color: #073158;
  line-height: 16px;
  min-height: 17px;
  min-width: 32px;
  outline: 0;
  padding: 10px;
  text-align: center;
  transition: 0.2s ease-out;
  cursor: pointer;
  margin: 0;
}
zpr-pagination > ul li::before {
  content: none;
  margin: 0;
}
zpr-pagination > ul .disabled a {
  cursor: default;
}
zpr-pagination > ul .previous svg {
  transform: rotate(90deg);
  fill: #073158;
}
zpr-pagination > ul .next svg {
  transform: rotate(-90deg);
  fill: #073158;
}
zpr-pagination > ul .next,
zpr-pagination > ul .previous {
  padding: 0;
}
zpr-pagination > ul .next.disabled,
zpr-pagination > ul .previous.disabled {
  opacity: 0.3;
  cursor: default;
}
zpr-pagination > ul .active {
  border-radius: 4px;
  background-color: #4A90E2;
  color: white;
  padding: 8px 12px;
  cursor: default;
}
zpr-pagination > ul .gap {
  cursor: default;
}

zpr-toasts {
  position: fixed;
  max-width: 672px;
  bottom: 0;
  left: 50%;
  z-index: 1000;
  overflow: visible;
  transform: translateX(-50%);
  text-align: left;
}
zpr-toasts zpr-toast {
  display: flex;
  align-items: flex-start;
  min-width: 672px;
  min-height: 64px;
  font-size: 12px;
  border-radius: 8px;
  margin: 0 auto 24px auto;
  animation: toast 0.3s forwards;
  animation-delay: 0.2s;
  transform-origin: center bottom;
  background-color: white;
  color: #073158;
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(87, 166, 255, 0.2);
  overflow: hidden;
  position: relative;
}
zpr-toasts zpr-toast .toast-left-border {
  height: 100%;
  width: 7px;
  background-color: #57A6FF;
  position: absolute;
}
zpr-toasts zpr-toast .toast-top-border {
  position: absolute;
  top: 0;
  height: 2px;
  width: 100%;
  background-color: #57A6FF;
}
zpr-toasts zpr-toast .toast-container {
  display: flex;
  align-items: center;
  margin: 12px 12px 12px 20px;
  position: relative;
}
zpr-toasts zpr-toast .toast-container .toast-type-logo {
  position: absolute;
  margin-top: 4px;
}
zpr-toasts zpr-toast .toast-container .toast-content {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  margin-left: 52px;
}
zpr-toasts zpr-toast .toast-container h1, zpr-toasts zpr-toast .toast-container p, zpr-toasts zpr-toast .toast-container a {
  font-size: 14px;
  margin: 0;
  line-height: unset;
}
zpr-toasts zpr-toast .toast-container h1 {
  font-weight: bold;
  margin-bottom: 3px;
}
zpr-toasts zpr-toast .toast-container a {
  text-decoration: underline;
  color: unset;
  cursor: pointer;
}
zpr-toasts zpr-toast .btn:hover {
  background-color: unset;
}
zpr-toasts zpr-toast .btn:hover svg {
  fill: unset;
}
zpr-toasts zpr-toast .btn.close {
  border: 0;
  font-weight: 400;
  border-radius: 10px;
  color: #073158;
  background-color: transparent;
  padding: 8px;
  min-width: unset;
}
zpr-toasts zpr-toast .btn.close svg {
  margin-right: 0;
}
zpr-toasts zpr-toast.toast-mini {
  min-width: 196px;
  min-height: 44px;
}
zpr-toasts zpr-toast.toast-mini .toast-container {
  margin: unset;
  max-width: 100%;
  padding: 8px 8px 0 12px;
  align-items: center;
}
zpr-toasts zpr-toast.toast-mini .toast-container .toast-content {
  display: unset;
  width: 80%;
  margin-left: unset;
}
zpr-toasts zpr-toast.toast-mini p {
  line-height: 1.36;
  margin-bottom: 3px;
}
zpr-toasts zpr-toast.toast-high-contrast {
  background: #073158;
}
zpr-toasts zpr-toast.toast-high-contrast .toast-container h1,
zpr-toasts zpr-toast.toast-high-contrast .toast-container p {
  color: white;
}
zpr-toasts zpr-toast.toast-high-contrast .btn svg {
  fill: white;
}
zpr-toasts zpr-toast.toast-info {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(87, 166, 255, 0.2);
}
zpr-toasts zpr-toast.toast-info .toast-left-border,
zpr-toasts zpr-toast.toast-info .toast-top-border {
  background-color: #57A6FF;
}
zpr-toasts zpr-toast.toast-warning {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(255, 186, 92, 0.2);
}
zpr-toasts zpr-toast.toast-warning .toast-left-border,
zpr-toasts zpr-toast.toast-warning .toast-top-border {
  background-color: #ffba5c;
}
zpr-toasts zpr-toast.toast-error {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(224, 31, 31, 0.2);
}
zpr-toasts zpr-toast.toast-error .toast-left-border,
zpr-toasts zpr-toast.toast-error .toast-top-border {
  background-color: #ff2828;
}
zpr-toasts zpr-toast.toast-success {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(12, 209, 133, 0.2);
}
zpr-toasts zpr-toast.toast-success .toast-left-border,
zpr-toasts zpr-toast.toast-success .toast-top-border {
  background-color: #0BD084;
}
zpr-toasts zpr-toast [hydrated] {
  visibility: hidden;
}
zpr-toasts zpr-toast > *:first-child {
  align-self: center;
}

@keyframes toast {
  0% {
    transform: translateY(130%);
  }
  75% {
    visibility: visible;
    transform: translateY(-10px);
  }
  100% {
    visibility: visible;
    transform: translateY(0);
  }
}
zpr-project-list {
  display: block;
}

zpr-project-list .card,
zpr-project-cover-image-modal .card {
  overflow: visible;
  width: 265px;
  height: 216px;
}
zpr-project-list .card.project-card-placeholder,
zpr-project-cover-image-modal .card.project-card-placeholder {
  width: 265px;
  height: 200px;
  opacity: 0.5;
  background: transparent;
  border: dashed 1px #73B4FF;
  box-shadow: none;
}
zpr-project-list .card.project-card-placeholder.btn,
zpr-project-cover-image-modal .card.project-card-placeholder.btn {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
zpr-project-list .card.project-card-placeholder.btn:hover, zpr-project-list .card.project-card-placeholder.btn:active, zpr-project-list .card.project-card-placeholder.btn:focus,
zpr-project-cover-image-modal .card.project-card-placeholder.btn:hover,
zpr-project-cover-image-modal .card.project-card-placeholder.btn:active,
zpr-project-cover-image-modal .card.project-card-placeholder.btn:focus {
  background: transparent;
  border: dashed 1px #3D7CB1;
}
zpr-project-list .card.project-card-placeholder.btn:hover .project-card-placeholder-btn-text, zpr-project-list .card.project-card-placeholder.btn:active .project-card-placeholder-btn-text, zpr-project-list .card.project-card-placeholder.btn:focus .project-card-placeholder-btn-text,
zpr-project-cover-image-modal .card.project-card-placeholder.btn:hover .project-card-placeholder-btn-text,
zpr-project-cover-image-modal .card.project-card-placeholder.btn:active .project-card-placeholder-btn-text,
zpr-project-cover-image-modal .card.project-card-placeholder.btn:focus .project-card-placeholder-btn-text {
  color: #3D7CB1;
}
zpr-project-list .card a,
zpr-project-cover-image-modal .card a {
  color: #073158;
}
zpr-project-list .card .image,
zpr-project-cover-image-modal .card .image {
  height: 135px;
  padding-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22265%22%20height%3D%22135%22%20viewBox%3D%220%200%20265%20135%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_886_2617)%22%3E%3Cmask%20id%3D%22mask0_886_2617%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22265%22%20height%3D%22135%22%3E%3Crect%20width%3D%22265%22%20height%3D%22135%22%20fill%3D%22%23C4C4C4%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url("#mask0_886_2617#mask0_886_2617")%22%3E%3Crect%20x%3D%22-0.0556641%22%20width%3D%22265.054%22%20height%3D%22134.98%22%20fill%3D%22url("#paint0_linear_886_2617#paint0_linear_886_2617")%22%2F%3E%3Cg%20opacity%3D%220.1%22%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2042.1562%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2046.8848%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2044.5205%201.38232)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2049.249%201.38232)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2051.6133%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2046.8848%203.52344)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2056.3418%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2051.6133%203.52344)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2053.9785%201.38232)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2049.249%205.66504)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2039.7686%201.40234)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2035.04%205.68555)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2037.4033%203.54346)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2032.6758%207.82617)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2042.1328%203.54346)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2037.4033%207.82617)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2039.7686%205.68555)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2035.04%209.96826)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2044.498%205.68555)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2039.7686%209.96826)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2042.1328%207.82617)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2037.4033%2012.1094)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2046.8613%207.82617)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2042.1328%2012.1094)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2044.498%209.96826)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2039.7686%2014.251)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2023.1963%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2027.9238%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2025.5605%201.38232)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2030.2891%201.38232)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2032.6533%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2027.9238%203.52344)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2037.3818%20-0.759766)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2032.6533%203.52344)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2035.0186%201.38232)%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%220.61345%22%20cy%3D%220.61345%22%20r%3D%220.61345%22%20transform%3D%22matrix(0.741204%200.671279%20-0.741204%200.671279%2030.2891%205.66504)%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0.0125122%2065.2036C-0.00286868%2064.8763%20-0.00344855%2064.5262%200.0125121%2064.1553L0.0125027%20-33.4297L282.143%20-33.4298L289.348%2013.7187C289.348%2013.7187%20255.503%2025.7856%20227.238%207.8749C198.974%20-10.0358%20178.71%20-7.4251%20159.249%20-7.4251C139.788%20-7.4251%20107.991%20-2.10951%2093.7719%2013.7187C77.0571%2032.3258%2054.6839%2027.1222%2026.9129%2036.8988C5.87353%2044.3056%200.297942%2057.5293%200.0125121%2064.1553L0.0125122%2065.2036Z%22%20fill%3D%22url("#paint1_linear_886_2617#paint1_linear_886_2617")%22%2F%3E%3Cpath%20d%3D%22M149.263%20118.8C169.826%20110.979%20173.1%2092.4004%20211.04%2092.4004C248.981%2092.4004%20265%2072.9004%20265%2072.9004V135H0V132.225C18.8009%20132.909%2043.2594%20135.86%2060.5823%20124.5C92.9545%20103.273%20123.559%20128.577%20149.263%20118.8Z%22%20fill%3D%22url("#paint2_linear_886_2617#paint2_linear_886_2617")%22%2F%3E%3Cpath%20d%3D%22M0.0114746%2050.2236C-0.00390628%2049.8963%20-0.00450141%2049.5462%200.0114745%2049.1754L0.0114651%20-48.4097L160.108%20-48.4098L160.108%20-20.4203C139.795%20-21.1036%20107.99%20-17.0895%2093.7713%20-1.26125C77.0565%2017.3458%2054.683%2012.1422%2026.9119%2021.9188C5.87254%2029.3256%200.296905%2042.5493%200.0114745%2049.1754L0.0114746%2050.2236Z%22%20fill%3D%22url("#paint3_linear_886_2617#paint3_linear_886_2617")%22%2F%3E%3Cpath%20d%3D%22M54.8261%2028.7268L61.7242%2023.3958L62.9115%2032.0101L54.8261%2028.7268Z%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.22%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M235.945%2075.6252L233.269%2071.1441L238.891%2071.3062L235.945%2075.6252Z%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.22%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M50.1542%20110.705L54.4062%20107.419L55.1381%20112.729L50.1542%20110.705Z%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.22%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fg%3E%3Crect%20width%3D%22265%22%20height%3D%22135%22%20fill%3D%22white%22%20fill-opacity%3D%220.26%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_886_2617%22%20x1%3D%220.0527919%22%20y1%3D%22-2.523%22%20x2%3D%2278.7141%22%20y2%3D%22205.348%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2390C9FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238ACAFF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_886_2617%22%20x1%3D%2278.0035%22%20y1%3D%2239.6582%22%20x2%3D%2256.2596%22%20y2%3D%22-25.6813%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238AC7FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2372BBFF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_886_2617%22%20x1%3D%2266.6356%22%20y1%3D%22102.091%22%20x2%3D%22105.764%22%20y2%3D%22198.173%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AFDAFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2389C7FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_886_2617%22%20x1%3D%2288.1127%22%20y1%3D%2241.8662%22%20x2%3D%2251.143%22%20y2%3D%22-56.2168%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2364B4FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2389C6FF%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_886_2617%22%3E%3Crect%20width%3D%22265%22%20height%3D%22135%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
zpr-project-list .card .image .overlay.dark,
zpr-project-cover-image-modal .card .image .overlay.dark {
  font-size: 16px;
  font-weight: normal;
}
zpr-project-list .card .text-content,
zpr-project-cover-image-modal .card .text-content {
  padding: 20px 18px 0 18px;
}
zpr-project-list .card .text-content h4,
zpr-project-cover-image-modal .card .text-content h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}
zpr-project-list .card .text-content .status-icon,
zpr-project-cover-image-modal .card .text-content .status-icon {
  margin: 0 4px 1px 0;
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 50%;
  background-color: #D8EEFE;
}
zpr-project-list .card .text-content .status-icon.published,
zpr-project-cover-image-modal .card .text-content .status-icon.published {
  background-color: #0BD084;
}
zpr-project-list .card .text-content .status-text,
zpr-project-cover-image-modal .card .text-content .status-text {
  font-size: 12px;
  font-weight: 400;
}
zpr-project-list .card .text-content .icon, zpr-project-list .card .text-content img.icon,
zpr-project-cover-image-modal .card .text-content .icon,
zpr-project-cover-image-modal .card .text-content img.icon {
  overflow: hidden;
}
zpr-project-list .card .text-content span.icon, zpr-project-list .card .text-content div.icon,
zpr-project-cover-image-modal .card .text-content span.icon,
zpr-project-cover-image-modal .card .text-content div.icon {
  background-color: #4A90E2;
  border: 1px solid #fff;
  color: #fff;
}
zpr-project-list .card .text-content .icon + h4,
zpr-project-cover-image-modal .card .text-content .icon + h4 {
  margin: 0 0 6px 0;
}
zpr-project-list .card .card-project,
zpr-project-cover-image-modal .card .card-project {
  overflow: hidden;
  border-radius: 8px;
}
zpr-project-list .card zpr-project-actions-dropdown,
zpr-project-cover-image-modal .card zpr-project-actions-dropdown {
  position: absolute;
  top: 8px;
  right: 8px;
}
zpr-project-list .card .btn.btn-dots,
zpr-project-cover-image-modal .card .btn.btn-dots {
  opacity: 0;
  background-color: white;
  transition: all 0.2s ease-out;
}
zpr-project-list .card .btn.btn-dots:hover,
zpr-project-cover-image-modal .card .btn.btn-dots:hover {
  background-color: #4A90E2;
  opacity: 1;
}
zpr-project-list .card .btn.btn-dots:hover svg,
zpr-project-cover-image-modal .card .btn.btn-dots:hover svg {
  fill: white;
}
zpr-project-list .card:hover .btn.btn-dots,
zpr-project-cover-image-modal .card:hover .btn.btn-dots {
  opacity: 1;
}

zpr-project-filters [slot=body] header .filter-title,
zpr-entities-filters [slot=body] header .filter-title {
  padding: 20px 24px 8px 24px;
}
zpr-project-filters [slot=body] header a.btn.btn-link,
zpr-entities-filters [slot=body] header a.btn.btn-link {
  margin: 20px 24px 8px 24px;
}
zpr-project-filters [slot=body] main zpr-dropdown-menu,
zpr-entities-filters [slot=body] main zpr-dropdown-menu {
  line-height: 0;
}
zpr-project-filters [slot=body] main zpr-dropdown-menu ul,
zpr-entities-filters [slot=body] main zpr-dropdown-menu ul {
  min-height: auto;
}
zpr-project-filters [slot=body] main zpr-dropdown-menu li,
zpr-entities-filters [slot=body] main zpr-dropdown-menu li {
  padding-left: 0px;
}
zpr-project-filters ul.filters-list,
zpr-entities-filters ul.filters-list {
  position: absolute;
  left: 0;
  top: 40px;
  margin: 0;
  display: none;
}
zpr-project-filters ul.filters-list li,
zpr-entities-filters ul.filters-list li {
  margin: 0;
}
zpr-project-filters ul.filters-list li::before,
zpr-entities-filters ul.filters-list li::before {
  display: none;
}
zpr-project-filters[data-open],
zpr-entities-filters[data-open] {
  margin-bottom: 96px;
}
zpr-project-filters[data-open] ul.filters-list,
zpr-entities-filters[data-open] ul.filters-list {
  display: block;
  display: flex;
  gap: 16px;
  margin-top: 16px;
  width: 100%;
}
zpr-project-filters[data-open] [slot=sort-button],
zpr-entities-filters[data-open] [slot=sort-button] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
zpr-project-filters .selected-number-badge,
zpr-entities-filters .selected-number-badge {
  width: 24px;
  height: 20px;
  color: white;
  padding: 1px 5px;
  background-color: #4A90E2;
  border-radius: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 10px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
zpr-project-filters > button[slot=toggle].btn.btn-ghost,
zpr-entities-filters > button[slot=toggle].btn.btn-ghost {
  border: solid 1px transparent;
  border-radius: 6px;
}
zpr-project-filters > button[slot=toggle].btn.btn-ghost:hover, zpr-project-filters > button[slot=toggle].btn.btn-ghost:active, zpr-project-filters > button[slot=toggle].btn.btn-ghost:focus,
zpr-entities-filters > button[slot=toggle].btn.btn-ghost:hover,
zpr-entities-filters > button[slot=toggle].btn.btn-ghost:active,
zpr-entities-filters > button[slot=toggle].btn.btn-ghost:focus {
  border: solid 1px #4A90E2;
  color: #4A90E2;
}

zpr-showcase-filters .showcase-filters {
  display: flex;
  align-items: center;
  gap: 16px;
}
zpr-showcase-filters .showcase-filters [slot=sort-button] {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}
@media (max-width: 700px) {
  zpr-showcase-filters .showcase-filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  zpr-showcase-filters .showcase-filters [slot=sort-button] {
    display: inline-block;
    grid-row-start: 2;
    grid-column: 1/3;
  }
  zpr-showcase-filters .showcase-filters .reset-btn {
    grid-column: 1/3;
    display: flex;
    justify-content: center;
  }
  zpr-showcase-filters .showcase-filters zpr-select-multi .select {
    max-width: none;
  }
  zpr-showcase-filters .showcase-filters zpr-select-multi:nth-child(2n) zpr-dropdown [slot=body] {
    right: 0;
    left: auto;
  }
  zpr-showcase-filters .showcase-filters zpr-select-multi[data-key=sort] zpr-dropdown [slot=body] {
    width: 100%;
  }
}

zpr-searchable-list .search {
  padding: 8px 0;
}
zpr-searchable-list > .field {
  width: calc(100% - 32px);
  margin: 0 auto 8px auto;
}

zpr-dropdown {
  display: none;
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(52, 75, 96, 0.2);
  background-color: white;
  border-radius: 8px;
  min-width: 200px;
  width: max-content;
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 255;
  box-sizing: border-box;
  overflow-y: auto;
}
zpr-dropdown.open {
  display: block;
}
zpr-dropdown[size=large] {
  width: 268px;
}
zpr-dropdown > [slot=body] > main {
  overflow-y: auto;
}

zpr-dropdown-menu [slot=toggle] .arrow {
  display: inline-block;
  border: solid #9b9b9b;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  padding: 3px;
  margin-left: 8px;
  width: 0;
  height: 0;
}
zpr-dropdown-menu [slot=toggle] .arrow.arrow-white {
  border: solid #fff;
  border-width: 0 1px 1px 0;
}
zpr-dropdown-menu [slot=toggle]:hover .arrow {
  border: solid #4A90E2;
  border-width: 0 1px 1px 0;
}
zpr-dropdown-menu [slot=toggle]:hover .arrow.arrow-white {
  border: solid #fff;
  border-width: 0 1px 1px 0;
}
zpr-dropdown-menu[direction=right] [slot=toggle] .arrow, zpr-dropdown-menu[direction=right-up] [slot=toggle] .arrow {
  transform: rotate(-45deg);
}

.dropdown-menu zpr-dropdown-menu {
  width: 100%;
}
.dropdown-menu zpr-dropdown-menu [slot=toggle] {
  width: 100%;
  height: 40px;
  padding: 0;
}
.dropdown-menu zpr-dropdown-menu [slot=toggle] .arrow {
  margin-left: auto;
}
.dropdown-menu ul {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
.dropdown-menu ul:empty {
  display: none;
}
.dropdown-menu ul li {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: normal;
  color: #073158;
  font-size: 14px;
  padding: 0 24px 0 0;
  margin: 0;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  border-left: 3px solid transparent;
}
.dropdown-menu ul li::before {
  content: "";
}
.dropdown-menu ul li:last-of-type {
  margin-bottom: 0;
}
.dropdown-menu ul li.disabled {
  opacity: 0.33;
  cursor: not-allowed;
  pointer-events: none;
}
.dropdown-menu ul li > a > svg {
  margin-right: 8px;
}
.dropdown-menu ul li svg {
  fill: #073158;
}
.dropdown-menu ul li:hover {
  background: #EBF6FE;
  color: #4A90E2;
  border-color: #4A90E2;
}
.dropdown-menu ul li:hover svg {
  fill: #4A90E2;
}
.dropdown-menu ul li:hover.danger {
  border-color: #CE3923;
  background: #FAEBE9;
  color: #CE3923;
}
.dropdown-menu ul li:hover.danger svg {
  fill: #CE3923;
}
.dropdown-menu ul li:hover a {
  background: #EBF6FE;
  color: #4A90E2;
}
.dropdown-menu ul li.selected {
  border-color: #4A90E2;
  color: #4A90E2;
}
.dropdown-menu ul li.selected svg {
  fill: #4A90E2;
}
.dropdown-menu ul li.selected.danger {
  border-color: #CE3923;
  color: #CE3923;
}
.dropdown-menu ul li.selected.danger svg {
  fill: #CE3923;
}
.dropdown-menu ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #073158;
  transition: none;
  font-size: 14px;
  font-weight: normal;
}
.dropdown-menu ul li.section {
  font-size: 14px;
  pointer-events: none;
  color: #9b9b9b;
}
.dropdown-menu ul li.section svg:first-child {
  margin-right: 16px;
}
.dropdown-menu ul li.section:hover {
  background: none;
  color: #073158;
  border-left: none;
}
.dropdown-menu ul li.hr {
  height: 16px;
  cursor: auto;
}
.dropdown-menu ul li.hr:before {
  content: "";
  height: 1px;
  width: 100%;
  background: #CCCCCC;
}
.dropdown-menu ul li.hr:hover {
  background: none;
  border-color: transparent;
}
.dropdown-menu footer {
  border-top: 1px solid #CCC;
}
.dropdown-menu .order-group .field label,
.dropdown-menu .icon-radio-group .field label {
  display: flex;
  height: 40px;
  padding: 0 16px;
  align-items: center;
}
.dropdown-menu .icon-radio-group {
  margin: 8px 0;
}
.dropdown-menu .icon-radio-group input[type=radio] {
  display: none;
}
.dropdown-menu .icon-radio-group .field label {
  border-left: 3px solid transparent;
}
.dropdown-menu .icon-radio-group .field label svg {
  fill: #073158;
  margin-right: 12px;
}
.dropdown-menu .icon-radio-group .field label:hover {
  background: #EBF6FE;
}
.dropdown-menu .icon-radio-group .field label:hover,
.dropdown-menu .icon-radio-group .field.selected label {
  border-color: #4A90E2;
  color: #4A90E2;
}
.dropdown-menu .icon-radio-group .field label:hover svg,
.dropdown-menu .icon-radio-group .field.selected label svg {
  fill: #4A90E2;
}

zpr-switcher-button-item {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 400;
  color: #9B9B9B;
  min-width: 40px;
  min-height: 40px;
  background: #fff;
}
zpr-switcher-button-item:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
}
zpr-switcher-button-item:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
}
zpr-switcher-button-item:focus, zpr-switcher-button-item:active, zpr-switcher-button-item:hover, zpr-switcher-button-item.selected {
  background-color: #4A90E2;
  color: white;
  cursor: pointer;
}
zpr-switcher-button-item:focus svg, zpr-switcher-button-item:active svg, zpr-switcher-button-item:hover svg, zpr-switcher-button-item.selected svg {
  fill: white;
}
zpr-switcher-button-item.single {
  background: none;
  color: #073158;
  border: solid 1px transparent;
  border-radius: 6px;
  padding: 0 12px 0 0;
}
zpr-switcher-button-item.single svg {
  fill: #073158;
  margin-right: 4px;
}
zpr-switcher-button-item.single:active, zpr-switcher-button-item.single:focus, zpr-switcher-button-item.single:hover {
  border: solid 1px #4A90E2;
  color: #4A90E2;
  background-color: none;
}
zpr-switcher-button-item.single:active svg, zpr-switcher-button-item.single:focus svg, zpr-switcher-button-item.single:hover svg {
  fill: #4A90E2;
}
zpr-switcher-button-item.single.selected {
  display: none;
}

zpr-switcher-button.transparent zpr-switcher-button-item {
  color: white;
  background: transparent;
}
zpr-switcher-button.transparent zpr-switcher-button-item:focus, zpr-switcher-button.transparent zpr-switcher-button-item:active, zpr-switcher-button.transparent zpr-switcher-button-item:hover, zpr-switcher-button.transparent zpr-switcher-button-item.selected {
  background-color: white;
  color: unset;
}
zpr-switcher-button.aubergine zpr-switcher-button-item {
  color: #36126B;
  background: #F2F2F2;
}
zpr-switcher-button.aubergine zpr-switcher-button-item:focus, zpr-switcher-button.aubergine zpr-switcher-button-item:active, zpr-switcher-button.aubergine zpr-switcher-button-item:hover, zpr-switcher-button.aubergine zpr-switcher-button-item.selected {
  background-color: #36126B;
  color: white;
}

zpr-tabs .tab-header {
  font-size: 16px;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}
zpr-tabs .tab-header .btn {
  cursor: pointer;
  text-transform: none;
  border: 0;
  padding: 8px 0;
  font-weight: normal;
  position: relative;
  font-size: 14px;
  min-width: auto;
}
zpr-tabs .tab-header .btn.active {
  color: #4A90E2;
  background: transparent;
}
zpr-tabs .tab-header .btn.active::after {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
zpr-tabs .tab-header .btn:hover, zpr-tabs .tab-header .btn:active, zpr-tabs .tab-header .btn:focus {
  background: transparent;
  color: #4A90E2;
}
zpr-tabs .tab-header .btn::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #4A90E2;
  content: "";
  opacity: 0;
  transition: transform 0.2s ease-in;
  transform: scale3d(0, 1, 1);
}
zpr-tabs .tab-header .btn + .btn {
  margin-left: 32px;
}
zpr-tabs .tab-header .btn[data-disabled=true], zpr-tabs .tab-header .btn[disabled] {
  opacity: 0.33;
}
zpr-tabs .tab-header .btn a {
  color: unset;
}
zpr-tabs .tab-header .tabs-wrapper {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
zpr-tabs .tab-header .tabs-wrapper::-webkit-scrollbar {
  display: none;
}
zpr-tabs .tab-header .scroller {
  background-color: transparent;
  border: none;
  position: absolute;
  width: 40px;
  height: 100%;
  z-index: 1;
}
zpr-tabs .tab-header .scroller.scroll-forward {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%);
}
zpr-tabs .tab-header .scroller.scroll-forward > svg {
  transform: rotate(270deg);
}
zpr-tabs .tab-header .scroller.scroll-backward {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%);
}
zpr-tabs .tab-header .scroller.scroll-backward > svg {
  transform: rotate(90deg);
}
zpr-tabs .tab-header .scroller.hidden {
  display: none;
}
zpr-tabs .tab-content > * {
  display: none;
}
zpr-tabs .tab-content > *.active {
  display: block;
}
zpr-tabs .tab-content.tab-white {
  padding: 24px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(178, 179, 180, 0.3019607843);
}
zpr-tabs.tabs-large .tab-header .btn {
  font-size: 20px;
}
zpr-tabs.tabs-large .tab-header .btn + .btn {
  margin-left: 40px;
}

zpr-tabs.tabs-bubbles .tab-header {
  margin-bottom: 40px;
}
@media (max-width: 700px) {
  zpr-tabs.tabs-bubbles .tab-header {
    margin-bottom: 24px;
  }
}
zpr-tabs.tabs-bubbles .tab-header .tabs-wrapper {
  border-bottom: none;
  padding-bottom: 7px;
}
zpr-tabs.tabs-bubbles .tab-header .btn {
  font-weight: bold;
  font-size: 20px;
  padding: 8px 12px;
}
zpr-tabs.tabs-bubbles .tab-header .btn.active {
  background-color: #e6f2ff;
}
zpr-tabs.tabs-bubbles .tab-header .btn::after {
  height: 3px;
  background: #C7DEFA;
  bottom: -7px;
}
zpr-tabs.tabs-bubbles .tab-header .btn + .btn {
  margin-left: 12px;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
zpr-tabs-vertical[has-bg-indicator] {
  box-shadow: none;
}
zpr-tabs-vertical[has-bg-indicator] .indicator-pane, zpr-tabs-vertical[has-bg-indicator] .indicator .indicator-arrow {
  box-shadow: none;
}
zpr-tabs-vertical[has-bg-indicator] .indicator-pane {
  display: none;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab header {
  padding: 16px;
  border-radius: 6px;
  transition: 250ms background-color ease-in-out;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab header p {
  margin-bottom: 0;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab header p.bold {
  margin-bottom: 4px;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab header span svg {
  width: 20px;
  height: 20px;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab header::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #EBF6FE;
  transition: 250ms opacity ease-in-out;
  opacity: 0;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab section {
  padding: 12px 40px;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab div[slot=header] {
  display: flex;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab .icon {
  margin-right: 12px;
  display: flex;
  align-items: center;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab[active] header, zpr-tabs-vertical[has-bg-indicator] zpr-tab:hover header {
  background-color: #EBF6FE;
  position: relative;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab[active] header svg path, zpr-tabs-vertical[has-bg-indicator] zpr-tab:hover header svg path {
  fill: #4A90E2;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab[active] header::before, zpr-tabs-vertical[has-bg-indicator] zpr-tab:hover header::before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #4A90E2;
  border-radius: 8px 0px 0px 8px;
  -webkit-backface-visibility: hidden;
}
zpr-tabs-vertical[has-bg-indicator] zpr-tab[active] header::after, zpr-tabs-vertical[has-bg-indicator] zpr-tab:hover header::after {
  opacity: 1;
}

zpr-tags-input .tags-input {
  width: 100%;
  height: 140px;
  overflow: auto;
  border-radius: 10px;
  margin-bottom: 26px;
  padding: 16px;
  border: solid 1.5px #CCCCCC;
  overflow-y: auto;
}
zpr-tags-input .tags-input .input-tag {
  border: solid 1px #073158;
  padding: 3px 10px;
  border-radius: 6px;
  margin-right: 10px;
  height: 24px;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
}
zpr-tags-input .tags-input .input-tag span {
  margin-left: 5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
zpr-tags-input .tags-input input,
zpr-tags-input .tags-input input:focus, zpr-tags-input .tags-input input:active {
  border: none;
  outline: none;
  font-size: 12px;
  border-radius: 0;
  width: 100%;
  padding: 0;
  box-shadow: none;
  line-height: 20px;
  height: 20px;
}

zpr-radio-list {
  display: flex;
}
zpr-radio-list zpr-radio-item {
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
zpr-radio-list zpr-radio-item::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #B4BBC3;
  transition: 0.3s ease all;
  border: 2px solid #fff;
}
zpr-radio-list zpr-radio-item:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
zpr-radio-list zpr-radio-item [slot=title] > * {
  margin-left: 8px;
  font-weight: normal;
}
zpr-radio-list zpr-radio-item [slot=icon] {
  margin-right: 16px;
}
zpr-radio-list zpr-radio-item.selected {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
zpr-radio-list zpr-radio-item.selected::after {
  box-shadow: 0 0 0 1px #4A90E2;
  background-color: #4A90E2;
}
zpr-radio-list zpr-radio-item[disabled] {
  color: #B4BBC3;
  cursor: default;
}
zpr-radio-list zpr-radio-item[disabled]::after {
  opacity: 0.22;
}
zpr-radio-list zpr-radio-item[disabled] [slot=title],
zpr-radio-list zpr-radio-item[disabled] [slot=icon] {
  opacity: 0.33;
}
zpr-radio-list zpr-radio-item[disabled]:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
zpr-radio-list zpr-radio-item svg {
  fill: #073158;
}
zpr-radio-list zpr-radio-item .radio-item-container {
  min-height: 52px;
  padding: 16px;
  display: flex;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
}
zpr-radio-list zpr-radio-item .radio-item-container .radio-item-text {
  flex: 1;
  display: flex;
  flex-direction: column;
}
zpr-radio-list zpr-radio-item .radio-item-container .radio-item-text p {
  font-size: 14px;
  line-height: 20px;
}
zpr-radio-list zpr-radio-item .radio-item-container .radio-item-text p strong {
  margin-right: 8px;
}
zpr-radio-list zpr-radio-item .radio-item-container [slot=title],
zpr-radio-list zpr-radio-item .radio-item-container slot-fb[name=title] {
  font-size: 14px;
  font-weight: 600;
}
zpr-radio-list zpr-radio-item .radio-item-container [slot=content],
zpr-radio-list zpr-radio-item .radio-item-container slot-fb[name=content] {
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px;
}
zpr-radio-list.vrt {
  flex-direction: column;
  margin-right: 4px;
  margin-left: 4px;
}
zpr-radio-list.vrt zpr-radio-item {
  margin-bottom: 8px;
}
zpr-radio-list.vrt zpr-radio-item::after {
  right: 18px;
  top: 50%;
  transform: translate(0, -50%);
}
zpr-radio-list.vrt zpr-radio-item:last-child {
  margin-bottom: 4px;
}
zpr-radio-list.hzt {
  flex-direction: row;
}
zpr-radio-list.hzt zpr-radio-item {
  width: 242px;
}
zpr-radio-list.hzt zpr-radio-item::after {
  position: inherit;
  margin-right: 16px;
}
zpr-radio-list.radio-btn zpr-radio-item {
  color: #9b9b9b;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  background: 0;
  border: 1px solid #f2f2f2;
  cursor: pointer;
}
zpr-radio-list.radio-btn zpr-radio-item:hover {
  border-radius: 0;
}
zpr-radio-list.radio-btn zpr-radio-item:first-child, zpr-radio-list.radio-btn zpr-radio-item:first-child.selected {
  border-radius: 12px 0 0 12px;
}
zpr-radio-list.radio-btn zpr-radio-item:last-child, zpr-radio-list.radio-btn zpr-radio-item:last-child.selected {
  border-radius: 0 12px 12px 0;
}
zpr-radio-list.radio-btn zpr-radio-item::after {
  content: none;
}
zpr-radio-list.radio-btn zpr-radio-item.selected {
  background: #4A90E2;
  border-radius: 0;
  color: white;
  border: 1px solid #4A90E2;
}

zpr-toggle.reversed.left .toggle-btn::after, zpr-toggle.reversed.right .toggle-btn::after, zpr-toggle.right .toggle-btn::after, zpr-toggle .toggle-btn::after {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
}

zpr-toggle.reversed.left .toggle-btn, zpr-toggle.reversed.right .toggle-btn, zpr-toggle.right .toggle-btn, zpr-toggle .toggle-btn {
  width: 43px;
  height: 24px;
  border-radius: 12px;
  background-color: #4A90E2;
  position: relative;
  cursor: pointer;
}

zpr-toggle {
  display: flex;
  align-items: center;
}
zpr-toggle > *:not(:last-child) {
  margin-right: 10px;
}
zpr-toggle .toggle-btn {
  background-color: #ccc;
}
zpr-toggle .toggle-btn::after {
  left: 3px;
}
zpr-toggle.left zpr-toggle-item[slot=left] {
  color: #4A90E2;
}
zpr-toggle.right zpr-toggle-item[slot=right] {
  color: #4A90E2;
}
zpr-toggle.right .toggle-btn::after {
  left: 22px;
}
zpr-toggle.reversed.right .toggle-btn {
  background-color: #ccc;
}
zpr-toggle.reversed.right .toggle-btn::after {
  left: 22px;
}
zpr-toggle.reversed.left .toggle-btn::after {
  left: 3px;
}
zpr-toggle zpr-toggle-item {
  padding: 10px 40px;
  cursor: pointer;
  color: #9b9b9b;
}
zpr-toggle[disabled] {
  opacity: 0.33;
}
zpr-toggle.compact zpr-toggle-item {
  padding: 0;
  margin: 0;
}
zpr-toggle.compact .toggle-btn {
  margin: 0 16px;
}

nav.navbar {
  width: 100%;
  position: relative;
  font-size: 16px;
}
nav.navbar ul li {
  margin-bottom: 0;
}
nav.navbar ul li::before {
  content: none;
  margin: 0;
}
nav.navbar .navbar-top-container {
  background-color: #F2F2F2;
  height: 28px;
  width: 100%;
}
nav.navbar .navbar-top a {
  font-size: 12px;
  padding: 5px 20px 5px 0;
  color: #9b9b9b;
  stroke: #9b9b9b;
}
nav.navbar .navbar-top li:last-child a {
  padding-right: 0;
}
nav.navbar .navbar-logo {
  height: 100%;
}
nav.navbar .navbar-logo svg {
  stroke: none;
  height: 100%;
  width: auto;
}
nav.navbar .navbar-header {
  height: 65px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: white;
}
nav.navbar .navbar-header-inner {
  height: 100%;
  display: flex;
  align-items: center;
}
nav.navbar .navbar-header-inner ul.desktop-navbar {
  flex: 1;
  gap: 36px;
}
nav.navbar .desktop-navbar {
  margin-left: 24px;
}
nav.navbar .desktop-navbar li > a.btn {
  padding: 16px 0;
}
nav.navbar .mobile-navbar, nav.navbar .d-hide {
  display: none;
}
nav.navbar .navbar-right {
  display: flex;
}

@media only screen and (min-width: 0px) and (max-width: 1079px) {
  nav.navbar .mobile-navbar, nav.navbar .d-hide {
    display: block;
  }
  nav.navbar ul.desktop-navbar, nav.navbar .m-hide {
    display: none;
  }
  nav.navbar .btn.navbar-bottom-icon.d-hide {
    display: flex;
  }
  nav.navbar .navbar-header-inner {
    justify-content: space-between;
  }
}
nav.navbar.bg-red .navbar-logo svg path, nav.navbar.bg-aubergine .navbar-logo svg path, nav.navbar.bg-transparent .navbar-logo svg path, nav.navbar.bg-charcoal .navbar-logo svg path {
  fill: white;
}
nav.navbar.bg-red a.btn.btn-ghost, nav.navbar.bg-aubergine a.btn.btn-ghost, nav.navbar.bg-transparent a.btn.btn-ghost, nav.navbar.bg-charcoal a.btn.btn-ghost {
  color: white;
}
nav.navbar.bg-red .accordion-heading a.btn.btn-ghost, nav.navbar.bg-aubergine .accordion-heading a.btn.btn-ghost, nav.navbar.bg-transparent .accordion-heading a.btn.btn-ghost, nav.navbar.bg-charcoal .accordion-heading a.btn.btn-ghost {
  color: unset;
}
nav.navbar.bg-red span.arrow-icon svg, nav.navbar.bg-aubergine span.arrow-icon svg, nav.navbar.bg-transparent span.arrow-icon svg, nav.navbar.bg-charcoal span.arrow-icon svg {
  stroke: white;
}
nav.navbar.bg-red zpr-navbar-mobile-dropdown .btn.navbar-bottom-icon .navbar-icon-line, nav.navbar.bg-aubergine zpr-navbar-mobile-dropdown .btn.navbar-bottom-icon .navbar-icon-line, nav.navbar.bg-transparent zpr-navbar-mobile-dropdown .btn.navbar-bottom-icon .navbar-icon-line, nav.navbar.bg-charcoal zpr-navbar-mobile-dropdown .btn.navbar-bottom-icon .navbar-icon-line {
  background-color: white;
}
nav.navbar.bg-red .navbar-header {
  background-color: #E5401C;
}
nav.navbar.bg-transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99;
}
nav.navbar.bg-transparent .navbar-header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  transition: background 0.3s linear;
}
nav.navbar.bg-aubergine .navbar-header {
  background-color: #36126B;
}
nav.navbar.bg-aubergine .navbar-top-container {
  background-color: #0E0E0E;
}
nav.navbar.bg-charcoal .navbar-header {
  background-color: #0E0E0E;
}

.navbar-fixed nav.navbar .navbar-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

zpr-base-carousel .base-carousel-wrapper {
  overflow: hidden;
  position: relative;
}
zpr-base-carousel .base-carousel-wrapper .video-frame-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 20px;
}
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-mask,
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-frame {
  width: 191px;
  height: 390px;
  position: relative;
  border-radius: 28px;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2), 0 0 30px 0 rgba(0, 0, 0, 0.12), inset 0 0 0 12px white;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-mask.video-mask,
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-frame.video-mask {
  position: absolute;
  transition: all 500ms ease-in-out 0s;
  background-color: rgba(255, 255, 255, 0);
}
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-mask.video-mask.video-mask-active,
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-frame.video-mask.video-mask-active {
  background-color: rgb(255, 255, 255);
}
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-mask video,
zpr-base-carousel .base-carousel-wrapper .video-frame-container .video-frame video {
  width: calc(100% - 20px);
  border-radius: 8%/4%;
  margin: 0;
  padding: 0;
  display: block;
}
zpr-base-carousel .base-carousel-wrapper .carousel-dots-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
zpr-base-carousel .base-carousel-wrapper .carousel-dots-container .carousel-dots {
  text-align: left;
  width: calc(50% - 103.55px);
  padding-left: 40px;
  padding-bottom: 20px;
}
zpr-base-carousel .base-carousel-wrapper .carousel-dots-container .carousel-dots h3 {
  color: colors("midnight");
  font-family: "Lato";
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 11px;
}
zpr-base-carousel .base-carousel-wrapper .carousel-dots-container .carousel-dots .dots-track {
  display: flex;
}
zpr-base-carousel .base-carousel-wrapper .carousel-dots-container .carousel-dots .dots-track .dot {
  width: 8px;
  height: 8px;
  background-color: rgba(52, 75, 96, 0.149);
  border-radius: 8px;
  margin: 0 14px 0 0;
  cursor: pointer;
}
zpr-base-carousel .base-carousel-wrapper .carousel-dots-container .carousel-dots .dots-track .dot.dot-active {
  background-color: rgb(52, 75, 96);
}
zpr-base-carousel .base-carousel-wrapper .base-carousel-container {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

zpr-banner-slide {
  height: 100%;
}
zpr-banner-slide .banner-slide {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 31px 51px 20px 51px;
}
zpr-banner-slide .banner-slide img {
  opacity: 0;
  transition-delay: 0s;
  transition: opacity 1s;
}
zpr-banner-slide.active .banner-slide img {
  opacity: 1;
}

zpr-carousel-horizontal .arrow {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
zpr-carousel-horizontal .arrow.arrow-left {
  margin-right: 40px;
}
zpr-carousel-horizontal .arrow.arrow-left svg {
  transform: rotate(90deg);
}
zpr-carousel-horizontal .arrow.arrow-right {
  margin-left: 40px;
}
zpr-carousel-horizontal .arrow.arrow-right svg {
  transform: rotate(-90deg);
}
zpr-carousel-horizontal .arrow[data-disabled] {
  pointer-events: none;
}
@media (min-width: 1440px) {
  zpr-carousel-horizontal .arrow {
    margin: 0 10%;
  }
}
zpr-carousel-horizontal .carousel-horizontal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
zpr-carousel-horizontal .carousel-horizontal-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}
zpr-carousel-horizontal zpr-carousel-horizontal-slide .slide-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
zpr-carousel-horizontal .carousel-horizontal-slides {
  display: flex;
  height: 100%;
  flex-shrink: 0;
  transition: all 0.35s ease-out;
  gap: 32px;
}
@media (min-width: 1440px) {
  zpr-carousel-horizontal .carousel-horizontal-slides {
    gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  zpr-carousel-horizontal .carousel-horizontal-slides {
    gap: 24px;
  }
}
@media (max-width: 700px) {
  zpr-carousel-horizontal .carousel-horizontal-slides {
    gap: 40px;
    flex-direction: column;
    width: 100% !important;
    transform: none !important;
  }
}
zpr-carousel-horizontal .carousel-dots-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
zpr-carousel-horizontal .carousel-dots-container .carousel-dots {
  display: flex;
  justify-content: space-between;
}
zpr-carousel-horizontal .carousel-dots-container .carousel-dots .dot {
  width: 8px;
  height: 8px;
  background-color: silver;
  border-radius: 8px;
  cursor: pointer;
  margin-right: 10px;
}
zpr-carousel-horizontal .carousel-dots-container .carousel-dots .dot.dot:last-child {
  margin-right: 0px;
}
zpr-carousel-horizontal .carousel-dots-container .carousel-dots .dot.dot-active {
  background-color: #007AFF;
}
@media (max-width: 700px) {
  zpr-carousel-horizontal .carousel-dots-container {
    display: none;
  }
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

zpr-carousel-mv {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 155px;
}
zpr-carousel-mv .button-next,
zpr-carousel-mv .button-prev {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: absolute;
  top: 185px;
  z-index: 1;
}
zpr-carousel-mv .button-prev {
  left: 0;
}
zpr-carousel-mv .button-prev svg {
  transform: rotate(90deg);
}
zpr-carousel-mv .button-next {
  right: 0;
}
zpr-carousel-mv .button-next svg {
  transform: rotate(-90deg);
}
zpr-carousel-mv .mobile-frame {
  width: calc((170px + 20px) * (1.09));
  height: calc((370px + 17px) * (1.09));
  position: absolute;
  border-radius: 28px;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2), 0 0 30px 0 rgba(0, 0, 0, 0.12), inset 0 0 0 12px rgb(255, 255, 255);
  top: 0;
  left: calc(50% - 190px * (1.09) / 2);
  z-index: 1;
}
zpr-carousel-mv [slot=subtitles] {
  list-style: none;
  position: absolute;
  left: 50%;
  top: 385px;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  z-index: 2;
}
zpr-carousel-mv [slot=subtitles]::before {
  content: "";
  position: absolute;
  height: 70px;
  width: 70px;
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  background-color: #ffffff;
  z-index: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -khtml-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
zpr-carousel-mv [slot=subtitles] h5,
zpr-carousel-mv [slot=subtitles] p {
  margin-bottom: 0px;
  text-align: center;
}
zpr-carousel-mv [slot=subtitles] h5 {
  text-transform: uppercase;
  font-weight: bold;
}
zpr-carousel-mv [slot=subtitles] li {
  width: 100%;
  display: none;
  border-radius: 10px;
}
zpr-carousel-mv [slot=subtitles] li:before {
  content: "";
}
zpr-carousel-mv [slot=subtitles] li.active {
  display: block;
  -webkit-animation: fade-in 0.3s forwards;
  -khtml-animation: fade-in 0.3s forwards;
  -moz-animation: fade-in 0.3s forwards;
  -ms-animation: fade-in 0.3s forwards;
  -o-animation: fade-in 0.3s forwards;
  animation: fade-in 0.3s forwards;
}
zpr-carousel-mv [slot=subtitles] li .image {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
zpr-carousel-mv [slot=subtitles] li .image img {
  width: 45px;
  margin-top: -10px;
}
zpr-carousel-mv .swiper-slide {
  width: 225px;
  height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}
zpr-carousel-mv .swiper-slide img {
  width: 170px;
  height: 370px;
  border-radius: 8%/4%;
}
zpr-carousel-mv .swiper-slide video {
  width: calc(170px * (1.09));
  border-radius: 8%/4%;
  margin: 0;
  padding: 0;
  display: block;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
zpr-carousel-single {
  display: flex;
  flex-direction: column;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.carousel-single {
  display: flex;
  width: 100%;
  align-items: center;
}
.carousel-single .fa {
  color: #EF5332;
  font-size: 42px;
  cursor: pointer;
}
.carousel-single .fa.fa-angle-left {
  margin-right: 206px;
}
.carousel-single .fa.fa-angle-right {
  margin-left: 206px;
}
.carousel-single .slides-container {
  overflow: hidden;
}
.carousel-single .slides-container .slides {
  display: flex;
  width: 711px;
}

.carousel-dots-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.carousel-dots-container .carousel-dots {
  display: flex;
  justify-content: space-between;
}
.carousel-dots-container .carousel-dots .dot {
  width: 14px;
  height: 14px;
  background-color: RGBA(239, 83, 50, 0.4);
  border-radius: 14px;
  cursor: pointer;
}
.carousel-dots-container .carousel-dots .dot.dot-active {
  background-color: RGBA(239, 83, 50, 1);
}

@media (max-width: 1200px) {
  .carousel-single .fa.fa-angle-left {
    margin-right: 100px;
  }
  .carousel-single .fa.fa-angle-right {
    margin-left: 100px;
  }
}
@media (max-width: 1110px) {
  zpr-carousel-single .left-arrow, zpr-carousel-single .right-arrow {
    display: none;
  }
  zpr-carousel-single .carousel-single .slides-container {
    overflow: hidden;
  }
  zpr-carousel-single .carousel-single .slides-container .slides {
    margin: auto;
    width: 284px;
  }
}
zpr-carousel-vertical {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 32px;
  row-gap: 40px;
  height: 410px;
}
@media (max-width: 1024px) {
  zpr-carousel-vertical {
    display: block;
    height: auto;
  }
}
@media (min-width: 1440px) {
  zpr-carousel-vertical {
    column-gap: 40px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  zpr-carousel-vertical {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 24px;
  }
}
@media (max-width: 700px) {
  zpr-carousel-vertical {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}
zpr-carousel-vertical .image-container {
  grid-column: span 7;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}
zpr-carousel-vertical .image-container .image-slides-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
zpr-carousel-vertical .image-container .image-slides-container .hide-slide {
  display: none;
}
zpr-carousel-vertical .image-container .image-slides-container .slideToTop {
  animation: slideToTop 300ms;
  transform: translateY(-200%);
}
zpr-carousel-vertical .image-container .image-slides-container .slideFromBottom {
  animation: slideFromBottom 300ms;
  transform: translateY(-200%);
}
zpr-carousel-vertical .image-container .image-slides-container img {
  max-width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.3s ease-out;
}
zpr-carousel-vertical .image-container.is-fixed .image-slides-container {
  justify-content: flex-start;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container) {
  border-bottom: 1px solid #EAEAEA;
  display: block;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container):last-child {
  border-bottom: none;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container) .item-content {
  padding-left: 36px;
  max-height: 0;
  opacity: 0;
  transition: max-height 300ms ease-in-out 0ms, opacity 300ms ease-out 0ms;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container) .item-title {
  position: relative;
  display: flex;
  align-items: center;
  list-style-type: none;
  cursor: pointer;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 36px;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container) .item-title h3 {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container) .item-title svg {
  display: none;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container).open {
  transition: max-height 300ms ease-in-out, opacity 300ms ease-out 300ms;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container).open .item-content {
  opacity: 1;
  height: auto;
  max-height: 300px;
  padding-bottom: 24px;
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container).open .item-title:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 29px;
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2843055,8.08859116 L5.35355339,8.14644661 L10,12.793 L14.6464466,8.14644661 C14.8417088,7.95118446 15.1582912,7.95118446 15.3535534,8.14644661 C15.5271197,8.32001296 15.5464049,8.58943736 15.4114088,8.7843055 L15.3535534,8.85355339 L10.3535534,13.8535534 C10.288466,13.9186408 10.2098986,13.9620324 10.1268378,13.9837282 L10.0426121,13.998192 L9.95738789,13.998192 C9.87233008,13.9909601 9.78877005,13.9620324 9.7156945,13.9114088 L9.64644661,13.8535534 L4.64644661,8.85355339 C4.45118446,8.65829124 4.45118446,8.34170876 4.64644661,8.14644661 C4.79831717,7.99457605 5.02357904,7.96082704 5.20806797,8.04519957 L5.2843055,8.08859116 Z' fill='%23344B60'/%3E%3C/svg%3E");
}
zpr-carousel-vertical zpr-carousel-vertical-item:not(.checkerboard-container):last-child .item {
  border-bottom: none;
}
zpr-carousel-vertical .text-container {
  grid-column: span 4;
}
zpr-carousel-vertical.reversed .image-container {
  grid-column: 7/13;
  grid-row: 1/2;
}
zpr-carousel-vertical.reversed .text-container {
  grid-column: 2/6;
}
@media (max-width: 1079px) {
  zpr-carousel-vertical zpr-carousel-vertical-item.checkerboard-container:not(:first-child) .checkerboard-grid {
    margin-top: 40px;
  }
}

@keyframes slideToTop {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-200%);
  }
}
@keyframes slideFromBottom {
  from {
    transform: translateY(200%);
  }
  to {
    transform: translateY(0%);
  }
}
zpr-colorpicker {
  position: relative;
}
zpr-colorpicker p {
  margin: 0;
}
zpr-colorpicker .zpr-colorpicker {
  width: 225px;
  display: block;
  background-color: #fff;
  border-radius: 8px;
}
zpr-colorpicker .zpr-colorpicker .color_samples {
  padding: 0;
  list-style: none;
  margin: 16px 0px;
  display: flex;
  flex-wrap: wrap;
}
zpr-colorpicker .zpr-colorpicker .color_samples li {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 5px;
  display: flex;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  padding: 6px;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex="000000"] {
  background-color: #000000;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex=FFBA5C] {
  background-color: #FFBA5C;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex=B8977E] {
  background-color: #B8977E;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex=FF9052] {
  background-color: #FF9052;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex=F95F62] {
  background-color: #F95F62;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex=F55098] {
  background-color: #F55098;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex="976DD0"] {
  background-color: #976DD0;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex="57A6FF"] {
  background-color: #57A6FF;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex="0CD185"] {
  background-color: #0CD185;
}
zpr-colorpicker .zpr-colorpicker .color_samples li[data-hex="3FBF0C"] {
  background-color: #3FBF0C;
}
zpr-colorpicker .zpr-colorpicker .color_samples li::before {
  content: none;
  margin: 0;
}
zpr-colorpicker .zpr-colorpicker .color_samples li svg {
  display: none;
}
zpr-colorpicker .zpr-colorpicker .color_samples li.selected svg {
  display: block;
  width: 16px;
}
zpr-colorpicker .zpr-colorpicker .color_samples li.selected svg path {
  stroke: #fff;
}
zpr-colorpicker .zpr-colorpicker .selected_hex {
  display: inline-block;
}
zpr-colorpicker .zpr-colorpicker .selected_hex .color {
  position: absolute;
  top: 3px;
  right: 3px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 10;
  width: 36px;
  height: 34px;
}
zpr-colorpicker .zpr-colorpicker.open {
  display: block;
}

zpr-clipboard-input {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 8px 2px 8px 10px;
  font-size: 14px;
  line-height: 1.43;
  border: 1px solid #D8EEFE;
  cursor: pointer;
}
zpr-clipboard-input:hover svg {
  fill: #4A90E2;
}
zpr-clipboard-input textarea {
  flex: 1;
  height: unset;
  border: 0 none;
  background-color: transparent;
  font-family: "Fira Mono", Arial, Helvetica, sans-serif;
  outline-color: transparent;
  color: #073158;
  padding: 0;
  margin: 0 8px 0 0;
  cursor: pointer;
  resize: none;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
zpr-clipboard-input textarea:active, zpr-clipboard-input textarea:focus {
  border: none;
  box-shadow: none;
}
zpr-clipboard-input textarea::selection, zpr-clipboard-input textarea:focus {
  border: 0 none;
  color: #073158;
}
zpr-clipboard-input svg {
  align-self: flex-start;
  fill: #073158;
}
zpr-clipboard-input svg:hover {
  fill: #4A90E2;
}
zpr-clipboard-input.icon-only {
  border: 0 none;
  padding: 0;
  line-height: normal;
}
zpr-clipboard-input.icon-only textarea {
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
}

zpr-checkout-summary,
zpr-checkout {
  display: block;
  width: 100%;
  max-width: 370px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0784313725);
  padding: 24px;
}
zpr-checkout-summary form,
zpr-checkout form {
  margin-bottom: 0px;
}
zpr-checkout-summary h3,
zpr-checkout h3 {
  color: #073158;
  margin: 0px 0px 8px 0px;
  line-height: 1;
  font-size: 20px;
  font-weight: bold;
}
zpr-checkout-summary h4,
zpr-checkout h4 {
  font-size: 14px;
  font-weight: bold;
  font-family: "Lato";
  margin: 0px;
  margin-top: 24px;
  margin-bottom: 16px;
  line-height: 1;
  color: #073158;
}
zpr-checkout-summary .line-item,
zpr-checkout .line-item {
  display: flex;
  padding: 0px;
  line-height: 1;
  align-items: center;
  margin-bottom: 8px;
}
zpr-checkout-summary .line-item:last-child,
zpr-checkout .line-item:last-child {
  margin-bottom: 16px;
}
zpr-checkout-summary .line-item span,
zpr-checkout .line-item span {
  display: inline-block;
  margin-right: 8px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
zpr-checkout-summary .line-item p,
zpr-checkout .line-item p {
  font-family: "Lato";
  flex: 1;
  padding: 0;
  color: #073158;
  margin: 0px;
  font-size: 14px;
  line-height: 1;
}
zpr-checkout-summary .line-item p:last-child,
zpr-checkout .line-item p:last-child {
  text-align: right;
}
zpr-checkout-summary .line-item p span,
zpr-checkout .line-item p span {
  display: inline;
  margin-right: 0;
  width: auto;
  height: auto;
  cursor: none;
}
zpr-checkout-summary .line-submit,
zpr-checkout .line-submit {
  margin-top: 24px;
}
zpr-checkout-summary .line-submit .btn,
zpr-checkout .line-submit .btn {
  width: 100%;
}
zpr-checkout-summary .line-summary,
zpr-checkout-summary .line-group,
zpr-checkout .line-summary,
zpr-checkout .line-group {
  display: block;
  border-bottom: 1px solid #b2c4d7;
}
zpr-checkout-summary .line-summary:last-of-type, zpr-checkout-summary .line-summary:last-child,
zpr-checkout-summary .line-group:last-of-type,
zpr-checkout-summary .line-group:last-child,
zpr-checkout .line-summary:last-of-type,
zpr-checkout .line-summary:last-child,
zpr-checkout .line-group:last-of-type,
zpr-checkout .line-group:last-child {
  border-bottom: none;
}
zpr-checkout-summary .line-summary.border-top,
zpr-checkout-summary .line-group.border-top,
zpr-checkout .line-summary.border-top,
zpr-checkout .line-group.border-top {
  border-top: 1px solid #b2c4d7;
  border-bottom: none;
}
zpr-checkout-summary .line-summary .line-item,
zpr-checkout .line-summary .line-item {
  margin-bottom: 16px;
}
zpr-checkout-summary .line-summary .line-item:first-child,
zpr-checkout .line-summary .line-item:first-child {
  margin-top: 16px;
}
zpr-checkout-summary .last,
zpr-checkout .last {
  border-bottom: none;
}
zpr-checkout-summary .last .line-item,
zpr-checkout .last .line-item {
  margin-bottom: 0px;
}

zpr-checkout-summary .line-group .line-item {
  margin-bottom: 16px;
}
zpr-checkout-summary .line-group .line-item:first-child {
  margin-top: 16px;
}
zpr-checkout-summary .line-submit {
  margin-top: 0px;
}

zpr-checkout-addon {
  display: block;
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 24px;
  margin-top: 16px;
  width: 560px;
}
zpr-checkout-addon img {
  width: 41px;
}
zpr-checkout-addon h3 {
  font-size: 20px;
  margin: 0 0 8px 0;
  line-height: 1;
  font-family: "Lato";
  color: #073158;
}
zpr-checkout-addon p {
  font-family: "Lato";
  font-weight: normal;
  font-size: 14px;
  color: #073158;
  margin: 0;
}
zpr-checkout-addon .addon-price {
  text-align: right;
}
zpr-checkout-addon .addon-price h3 {
  font-weight: bold;
}
zpr-checkout-addon .addon-price h3 span {
  font-weight: normal;
}
zpr-checkout-addon .addon-price h3, zpr-checkout-addon .addon-price p {
  text-align: right;
}
zpr-checkout-addon .addon-action {
  max-width: 274px;
}
zpr-checkout-addon .addon-action span {
  cursor: pointer;
  display: flex;
  margin-top: 16px;
  align-items: center;
  color: #4A90E2;
}
zpr-checkout-addon .addon-action span svg {
  margin-right: 8px;
}
zpr-checkout-addon [slot=action] {
  max-width: 137px;
  margin-top: 16px;
  margin-bottom: 0px;
}
zpr-checkout-addon .addon-action zpr-text-input,
zpr-checkout-addon [slot=action] zpr-text-input {
  margin-top: 16px;
  margin-bottom: 0px;
  width: 100%;
}
zpr-checkout-addon.not-available .addon-price {
  opacity: 0.33;
}

form .form-error {
  position: relative;
  border: 1.5px solid #E01F1F;
  padding: 24px 60px 24px 20px;
  text-align: left;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 10px;
  bottom: 0;
  left: 0;
  background-color: rgba(224, 31, 31, 0.1);
}
form .form-error h4, form .form-error button {
  margin: 0;
  color: #E01F1F;
  font-weight: 400;
}
form .form-error button {
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  right: 10px;
  top: 10px;
  outline: none;
}
form .form-success {
  position: relative;
  border: 1.5px solid #46BC68;
  padding: 24px 60px 24px 20px;
  text-align: left;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 10px;
  bottom: 0;
  left: 0;
  background-color: #ecf8f0;
}
form .form-success h4, form .form-success button {
  margin: 0;
  color: #46BC68;
  font-weight: 400;
}
form .form-success button {
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  right: 10px;
  top: 10px;
  outline: none;
}

.fieldset .fieldset-label {
  margin-bottom: 8px;
}
.fieldset .flex > * {
  width: 100%;
  margin: 0 8px;
}
.fieldset .flex > *:first-child {
  margin-left: 0;
}
.fieldset .flex > *:last-child {
  margin-right: 0;
}
.fieldset .error {
  font-size: 10px;
  color: #E01F1F;
  padding-top: 3px;
  padding-left: 14px;
  font-weight: normal;
}
.fieldset .field.error {
  padding: 0;
}
.fieldset.error {
  margin-bottom: 9px;
}
.fieldset.error .field {
  margin-bottom: 0;
}
.fieldset.error input, .fieldset.error select {
  border: 1px solid #E01F1F;
}

zpr-fieldset-label {
  display: block;
}
zpr-fieldset-label .fieldset-label {
  display: flex;
  align-items: center;
}
zpr-fieldset-label .fieldset-label::before, zpr-fieldset-label .fieldset-label::after {
  content: "";
  height: 1px;
  background: #CCCCCC;
  display: inline-block;
  flex: 1;
}
zpr-fieldset-label .fieldset-label span {
  font-size: 12px;
  font-weight: normal;
  color: #9B9B9B;
  margin: 0 16px;
}

zpr-dropzone {
  position: relative;
  border: 1.5px dashed #4A90E2;
  border-radius: 8px;
  text-align: center;
  word-break: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}
zpr-dropzone.dragover, zpr-dropzone:hover {
  border-color: #73B4FF;
}
zpr-dropzone.dragover .status, zpr-dropzone:hover .status {
  border-color: #73B4FF;
}
zpr-dropzone[disabled] {
  background-color: rgba(204, 204, 204, 0.33);
  border-color: #b2c4d7;
}
zpr-dropzone[disabled] .status {
  color: #b2c4d7;
}
zpr-dropzone[disabled] svg {
  stroke: #b2c4d7;
}
zpr-dropzone.idle .status [slot=drag], zpr-dropzone.idle .status [slot=selected], zpr-dropzone.idle .status [name=drag], zpr-dropzone.idle .status [name=selected], zpr-dropzone.dragover .status [slot=idle], zpr-dropzone.dragover .status [slot=selected], zpr-dropzone.dragover .status [name=idle], zpr-dropzone.dragover .status [name=selected], zpr-dropzone.selected .status [slot=idle], zpr-dropzone.selected .status [slot=drag], zpr-dropzone.selected .status [name=idle], zpr-dropzone.selected .status [name=drag] {
  display: none;
}
zpr-dropzone input[type=file] {
  opacity: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: transparent;
  position: absolute;
  z-index: 2;
}
zpr-dropzone .status {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  color: #4A90E2;
  padding: 8px;
  font-size: 14px;
}
zpr-dropzone svg {
  align-content: center;
}

zpr-dropzone-single-img {
  position: relative;
}
zpr-dropzone-single-img img {
  display: block;
}
zpr-dropzone-single-img.image zpr-dropzone .status {
  visibility: hidden;
}
zpr-dropzone-single-img .btn.btn-ghost {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
  display: none;
  z-index: 3;
}
zpr-dropzone-single-img:hover zpr-dropzone .status {
  visibility: visible;
  background: rgba(255, 255, 255, 0.8);
}
zpr-dropzone-single-img:hover .btn.btn-ghost {
  display: block;
}

zpr-searchable-list .search {
  padding: 8px 0;
}
zpr-searchable-list > .field {
  width: calc(100% - 32px);
  margin: 0 auto 8px auto;
}

zpr-label-list .label-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
zpr-label-list .label-list li {
  margin: 4px;
}
zpr-label-list .label-list li::before {
  content: none;
  margin: 0;
}

zpr-ml-file {
  display: flex;
  position: relative;
  margin: 12px 0;
  background: #F8F8F8;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
zpr-ml-file img {
  width: 100%;
}
zpr-ml-file .tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 1px 8px;
  gap: 10px;
  position: absolute;
  left: 8px;
  top: 8px;
  background: #4A90E2;
  border-radius: 5px;
  color: #fff;
  z-index: 2;
}
zpr-ml-file:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
zpr-ml-file .zml-file {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  overflow: hidden;
  background-color: #F8F8F8;
}
zpr-ml-file .zml-file img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
zpr-ml-file .zml-file .zml-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  align-items: flex-end;
  transition: opacity 0.3s ease-in-out;
}
zpr-ml-file .zml-file .zml-caption p {
  padding: 0 8px;
  color: #fff;
  margin-bottom: 8px;
  overflow: hidden;
}
zpr-ml-file .zml-file .zml-caption.zml-caption-on {
  opacity: 1;
}
zpr-ml-file .zml-file .zml-caption.zml-caption-on p {
  color: #073158;
  background: rgba(255, 255, 255, 0.9);
  padding: 8px;
  margin: 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
zpr-ml-file.selected {
  padding: 2px;
  margin: 10px 0;
  border: 2px solid #4A90E2;
}
zpr-ml-file.selected .zml-caption, zpr-ml-file.selected .zml-caption.zml-caption-on,
zpr-ml-file .zml-file:hover .zml-caption,
zpr-ml-file .zml-file:hover .zml-caption.zml-caption-on {
  background: linear-gradient(180deg, rgba(52, 75, 96, 0.5) 0%, rgba(52, 75, 96, 0.25) 0.01%, rgba(52, 75, 96, 0.5) 100%);
  opacity: 1;
}
zpr-ml-file.selected .zml-caption p, zpr-ml-file.selected .zml-caption.zml-caption-on p,
zpr-ml-file .zml-file:hover .zml-caption p,
zpr-ml-file .zml-file:hover .zml-caption.zml-caption-on p {
  background: none;
  color: #fff;
}
zpr-ml-file:not(.shimmer):hover:before {
  background: linear-gradient(180deg, rgba(52, 75, 96, 0.5) 0%, rgba(52, 75, 96, 0.25) 0.01%, rgba(52, 75, 96, 0.5) 100%), linear-gradient(0deg, #CCCCCC, #CCCCCC);
  opacity: 0.25;
}
zpr-ml-file.shimmer::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-image: linear-gradient(to right, transparent 0%, #ffffff 20%, transparent 40%, transparent 100%);
  background-repeat: no-repeat;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
zpr-tabs .tab-header {
  font-size: 16px;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}
zpr-tabs .tab-header .btn {
  cursor: pointer;
  text-transform: none;
  border: 0;
  padding: 8px 0;
  font-weight: normal;
  position: relative;
  font-size: 14px;
  min-width: auto;
}
zpr-tabs .tab-header .btn.active {
  color: #4A90E2;
  background: transparent;
}
zpr-tabs .tab-header .btn.active::after {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
zpr-tabs .tab-header .btn:hover, zpr-tabs .tab-header .btn:active, zpr-tabs .tab-header .btn:focus {
  background: transparent;
  color: #4A90E2;
}
zpr-tabs .tab-header .btn::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #4A90E2;
  content: "";
  opacity: 0;
  transition: transform 0.2s ease-in;
  transform: scale3d(0, 1, 1);
}
zpr-tabs .tab-header .btn + .btn {
  margin-left: 32px;
}
zpr-tabs .tab-header .btn[data-disabled=true], zpr-tabs .tab-header .btn[disabled] {
  opacity: 0.33;
}
zpr-tabs .tab-header .btn a {
  color: unset;
}
zpr-tabs .tab-header .tabs-wrapper {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
zpr-tabs .tab-header .tabs-wrapper::-webkit-scrollbar {
  display: none;
}
zpr-tabs .tab-header .scroller {
  background-color: transparent;
  border: none;
  position: absolute;
  width: 40px;
  height: 100%;
  z-index: 1;
}
zpr-tabs .tab-header .scroller.scroll-forward {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%);
}
zpr-tabs .tab-header .scroller.scroll-forward > svg {
  transform: rotate(270deg);
}
zpr-tabs .tab-header .scroller.scroll-backward {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%);
}
zpr-tabs .tab-header .scroller.scroll-backward > svg {
  transform: rotate(90deg);
}
zpr-tabs .tab-header .scroller.hidden {
  display: none;
}
zpr-tabs .tab-content > * {
  display: none;
}
zpr-tabs .tab-content > *.active {
  display: block;
}
zpr-tabs .tab-content.tab-white {
  padding: 24px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(178, 179, 180, 0.3019607843);
}
zpr-tabs.tabs-large .tab-header .btn {
  font-size: 20px;
}
zpr-tabs.tabs-large .tab-header .btn + .btn {
  margin-left: 40px;
}

body {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  font-style: normal;
  color: #073158;
  text-rendering: optimizelegibility;
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-weight: 700;
  margin-block: auto;
}

h1, h2, h3, h4, h5, p {
  color: #073158;
}

h1, h2, h3, h4, p {
  margin-bottom: 24px;
}

h1 {
  font-size: 46px;
  line-height: 55px;
}
@media (max-width: 700px) {
  h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
h1.huge {
  font-size: 145px;
  line-height: 135px;
}
@media (max-width: 700px) {
  h1.huge {
    font-size: 62px;
    line-height: 70px;
  }
}
h1.large {
  font-size: 78px;
  line-height: 94px;
  color: white;
}
@media (max-width: 700px) {
  h1.large {
    font-size: 35px;
    line-height: 40px;
  }
}

h2 {
  font-size: 36px;
  line-height: 49px;
  letter-spacing: -0.02em;
}
@media (max-width: 700px) {
  h2 {
    font-size: 29px;
    line-height: 32px;
  }
}

h3 {
  font-size: 28px;
  line-height: 32px;
}
@media (max-width: 700px) {
  h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

h4 {
  font-size: 20px;
  line-height: 24px;
}
h4.medium {
  font-weight: 500;
}
h4.light {
  font-weight: 300;
}

h5 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
p.large {
  font-size: 20px;
  line-height: 30px;
}
p.large.medium {
  font-weight: 500;
}
p.bold {
  font-weight: 700;
}
p.xs {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 21px;
}
p.xs.mb0 {
  margin-bottom: 0;
}

p {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: #4A90E2;
  cursor: pointer;
}
a:hover {
  color: #73B4FF;
}
a.arrow-link {
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  position: relative;
  text-transform: uppercase;
}
a.arrow-link:after {
  content: "►" !important;
  position: absolute;
  top: -4px;
  font-size: 15px;
  margin-left: 5px;
}

ul, ol {
  list-style: none;
}
ul li, ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #073158;
  margin-bottom: 8px;
}
ul.xs li, ol.xs li {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 4px;
}

ul li::before {
  content: "•";
  margin-right: 10px;
}
ul.fakol > span {
  margin-right: 5px;
}
ul.fakol > li::before {
  content: "";
}
ul.fakol > li span + p {
  display: inline;
}

ol {
  margin-left: 16px;
}
ol li {
  clear: both;
}
ol.large li {
  position: relative;
  display: flex;
  margin-bottom: 24px;
}
ol.large li:before {
  content: counters(item, ".");
  counter-increment: item;
  margin-right: 0;
  float: unset;
  margin-right: 16px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #073158;
  color: #fff;
}

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

.overflow-hidden {
  overflow: hidden;
}

blockquote {
  border-left: 3px solid #EF5332;
  padding-left: 24px;
  font-style: italic;
}

h1.horizon, h2.horizon, h3.horizon, h4.horizon, p.horizon {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.minty, h2.minty, h3.minty, h4.minty, p.minty {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.ocean, h2.ocean, h3.ocean, h4.ocean, p.ocean {
  background: #4A90E2;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

button, .btn {
  cursor: pointer;
}

.btn-back {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  color: #073158;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.btn {
  font-family: "Lato", sans-serif;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-radius: 8px;
  padding: 11px 15px;
  min-width: 110px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0 none;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.1s linear;
  position: relative;
}
.btn:focus {
  outline: none;
}
.btn svg {
  margin-right: 16px;
  display: inline-block;
}
.btn.processing {
  color: transparent !important;
}
.btn.processing::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%234a90e2'/%3E%3Cstop offset='50%25' stop-color='%234a90e2'/%3E%3Cstop offset='100%25' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='39' fill='none'/%3E%3Ccircle cx='50' cy='50' r='39' fill='none' stroke='url(%23a)' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' type='rotate' values='0 50 50;180 50 50;720 50 50'/%3E%3Canimate attributeName='stroke-dasharray' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' values='0 245.04422698000386;205.83715066320326 39.207076316800595;0 245.04422698000386'/%3E%3C/circle%3E%3C/svg%3E");
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.btn.btn-small, .btn.btn-medium {
  font-size: 16px;
  min-width: 85px;
}
.btn.btn-small svg, .btn.btn-medium svg {
  margin-right: 8px;
}
.btn.btn-small {
  padding: 7px 15px;
}
.btn.btn-medium {
  padding: 9px 15px 10px 15px;
}
.btn.btn-large {
  font-size: 20px;
  padding: 11px 23px;
  min-width: 110px;
}
.btn.btn-large.processing::after {
  width: 24px;
  height: 24px;
}
@media (max-width: 700px) {
  .btn.btn-large {
    padding: 9px 15px 10px 15px;
    font-size: 16px;
  }
}
.btn.disabled, .btn:disabled, .btn[disabled] {
  opacity: 40%;
  pointer-events: none;
  cursor: default;
}
.btn.btn-spinner {
  position: relative;
}
.btn.btn-spinner #spinner {
  position: absolute;
  z-index: 200;
  visibility: hidden;
  transition: visibility ease 1s;
  transition-delay: 0.5s;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  border-radius: 8px;
}
.btn.btn-spinner #spinner[data-loading] {
  visibility: visible;
}
.btn.btn-primary {
  background-color: var(--btn-primary-bg, #EF5332);
  color: #FFF;
  border: 1px solid var(--btn-primary-bg, #EF5332);
}
.btn.btn-primary:hover {
  background-color: var(--btn-primary-bg-hover, #FF6445);
  border: 1px solid var(--btn-primary-bg-hover, #FF6445);
  color: #FFF;
}
.btn.btn-primary:active {
  background: var(--btn-primary-bg, #EF5332);
  border: 1px solid var(--btn-primary-bg, #EF5332);
  color: #FFF;
}
.btn.btn-primary.btn-spinner #spinner {
  background: var(--btn-primary-bg, #EF5332);
}
.btn.btn-inverted-primary {
  background-color: #FFF;
  color: #EF5332;
}
.btn.btn-inverted-primary:hover {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-inverted-primary:active {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-secondary {
  border: 1px solid #073158;
  background-color: #FFF;
  color: #073158;
}
.btn.btn-secondary svg {
  fill: #073158;
}
.btn.btn-secondary:hover, .btn.btn-secondary.active {
  background-color: #073158;
  color: #FFF;
}
.btn.btn-secondary:hover svg, .btn.btn-secondary:hover svg g, .btn.btn-secondary.active svg, .btn.btn-secondary.active svg g {
  fill: #FFF;
}
.btn.btn-secondary.btn-red {
  border: 1px solid #EF5332;
  color: #EF5332;
}
.btn.btn-secondary.btn-red svg {
  fill: #EF5332;
}
.btn.btn-secondary.btn-red:hover {
  background-color: #EF5332;
  color: #FFF;
}
.btn.btn-secondary.btn-red:hover svg {
  fill: #FFF;
}
.btn.btn-secondary.btn-spinner #spinner {
  background: #FFF;
}
.btn.btn-enterprise {
  font-weight: normal;
  color: white;
  background: linear-gradient(104deg, #073158, #000);
  border: 1px solid #000;
}
.btn.btn-enterprise:hover {
  background: linear-gradient(30deg, #073158, #000);
}
.btn.btn-link {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  border-radius: 0;
  color: #4A90E2;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  min-width: 0;
}
.btn.btn-link svg g {
  fill: #4A90E2;
}
.btn.btn-link:hover {
  color: #73b4ff;
}
.btn.btn-link:hover svg g {
  fill: #73b4ff;
}
.btn.btn-expand {
  border: none;
  background: #EF5332;
  border-radius: 50px;
  color: white;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 4px 12px;
  min-width: 0;
  font-size: 16px;
}
.btn.btn-expand:hover {
  background: #EF5332;
  color: white;
}
.btn.btn-expand:hover .btn-label {
  max-width: 100vw;
}
.btn.btn-expand .btn-icon {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
}
.btn.btn-expand .btn-icon svg {
  fill: white;
  margin-right: 0;
}
.btn.btn-expand .btn-label {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.7s ease-in-out 0s;
  text-indent: 10px;
  line-height: 31px;
}
.btn.btn-danger, .btn.btn-ghost-danger, .btn.btn-ghost {
  display: flex;
  align-items: center;
  text-transform: none;
  background: none;
  border: 0 none;
  fill: #073158;
  color: #073158;
  padding: 0 8px 0 0;
  font-size: 14px;
  font-weight: 400;
  min-width: 0;
  transition: initial;
}
.btn.btn-danger svg, .btn.btn-ghost-danger svg, .btn.btn-ghost svg {
  margin-right: 0;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active, .btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active, .btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  background: none;
}
.btn.btn-danger.btn-medium, .btn.btn-ghost-danger.btn-medium, .btn.btn-ghost.btn-medium {
  font-size: 16px;
}
.btn.btn-ghost svg {
  fill: #073158;
}
.btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  color: #4A90E2;
}
.btn.btn-ghost:hover svg, .btn.btn-ghost:focus-visible svg, .btn.btn-ghost:active svg {
  fill: #4A90E2;
}
.btn.btn-ghost.processing svg {
  visibility: hidden;
}
.btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active {
  color: #ff2828;
}
.btn.btn-ghost-danger:hover svg, .btn.btn-ghost-danger:focus-visible svg, .btn.btn-ghost-danger:active svg {
  fill: #ff2828;
}
.btn.btn-danger {
  color: #ff2828;
}
.btn.btn-danger svg {
  fill: #ff2828;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active {
  color: #CE3923;
}
.btn.btn-danger:hover svg, .btn.btn-danger:focus-visible svg, .btn.btn-danger:active svg {
  fill: #CE3923;
}
.btn.btn-dots {
  padding: 0;
  border-radius: 50%;
  line-height: 0;
  background-color: transparent;
  min-width: 0;
}
.btn.btn-dots svg {
  margin: 0;
  fill: #073158;
}
.btn.btn-dots:hover, .btn.btn-dots:active, .btn.btn-dots:focus-visible {
  background-color: white;
}
.btn.btn-email, .btn.btn-fb, .btn.btn-facebook, .btn.btn-google, .btn.btn-slack, .btn.btn-microsoft {
  color: #073158;
  padding: 8px 4px;
  border: 1px solid #eee;
  min-width: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.btn.btn-email::before, .btn.btn-fb::before, .btn.btn-facebook::before, .btn.btn-google::before, .btn.btn-slack::before, .btn.btn-microsoft::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 10px;
}
.btn.btn-email:active, .btn.btn-email:focus-visible, .btn.btn-email:hover, .btn.btn-fb:active, .btn.btn-fb:focus-visible, .btn.btn-fb:hover, .btn.btn-facebook:active, .btn.btn-facebook:focus-visible, .btn.btn-facebook:hover, .btn.btn-google:active, .btn.btn-google:focus-visible, .btn.btn-google:hover, .btn.btn-slack:active, .btn.btn-slack:focus-visible, .btn.btn-slack:hover, .btn.btn-microsoft:active, .btn.btn-microsoft:focus-visible, .btn.btn-microsoft:hover {
  opacity: 1;
  border: 1px solid #ddd;
  background: none;
  color: inherit;
}
.btn.btn-email:hover::before, .btn.btn-fb:hover::before, .btn.btn-facebook:hover::before, .btn.btn-google:hover::before, .btn.btn-slack:hover::before, .btn.btn-microsoft:hover::before {
  opacity: 0.6;
}
.btn.btn-email.btn-google, .btn.btn-fb.btn-google, .btn.btn-facebook.btn-google, .btn.btn-google.btn-google, .btn.btn-slack.btn-google, .btn.btn-microsoft.btn-google {
  max-width: 284px;
}
.btn.btn-email.btn-google:before, .btn.btn-fb.btn-google:before, .btn.btn-facebook.btn-google:before, .btn.btn-google.btn-google:before, .btn.btn-slack.btn-google:before, .btn.btn-microsoft.btn-google:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='10 10 17.64 18'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-5.000000, -5.000000)'%3E%3Cg transform='translate(4.000000, 4.000000)'%3E%3Cg transform='translate(1.000000, 1.000000)'%3E%3Crect x='0' y='0' width='38' height='38' rx='1'/%3E%3Cpath d='M27.64,19.2045455 C27.64,18.5663636 27.5827273,17.9527273 27.4763636,17.3636364 L19,17.3636364 L19,20.845 L23.8436364,20.845 C23.635,21.97 23.0009091,22.9231818 22.0477273,23.5613636 L22.0477273,25.8195455 L24.9563636,25.8195455 C26.6581818,24.2527273 27.64,21.9454545 27.64,19.2045455 L27.64,19.2045455 Z' id='Shape' fill='%234285F4'/%3E%3Cpath d='M19,28 C21.43,28 23.4672727,27.1940909 24.9563636,25.8195455 L22.0477273,23.5613636 C21.2418182,24.1013636 20.2109091,24.4204545 19,24.4204545 C16.6559091,24.4204545 14.6718182,22.8372727 13.9640909,20.71 L10.9572727,20.71 L10.9572727,23.0418182 C12.4381818,25.9831818 15.4818182,28 19,28 L19,28 Z' id='Shape' fill='%2334A853'/%3E%3Cpath d='M13.9640909,20.71 C13.7840909,20.17 13.6818182,19.5931818 13.6818182,19 C13.6818182,18.4068182 13.7840909,17.83 13.9640909,17.29 L13.9640909,14.9581818 L10.9572727,14.9581818 C10.3477273,16.1731818 10,17.5477273 10,19 C10,20.4522727 10.3477273,21.8268182 10.9572727,23.0418182 L13.9640909,20.71 L13.9640909,20.71 Z' id='Shape' fill='%23FBBC05'/%3E%3Cpath d='M19,13.5795455 C20.3213636,13.5795455 21.5077273,14.0336364 22.4404545,14.9254545 L25.0218182,12.3440909 C23.4631818,10.8918182 21.4259091,10 19,10 C15.4818182,10 12.4381818,12.0168182 10.9572727,14.9581818 L13.9640909,17.29 C14.6718182,15.1627273 16.6559091,13.5795455 19,13.5795455 L19,13.5795455 Z' id='Shape' fill='%23EA4335'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-slack:before, .btn.btn-fb.btn.btn-slack:before, .btn.btn-facebook.btn.btn-slack:before, .btn.btn-google.btn.btn-slack:before, .btn.btn-slack.btn.btn-slack:before, .btn.btn-microsoft.btn.btn-slack:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 270 270;' xml:space='preserve' viewBox='73.6 73.6 122.8 122.8'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E01E5A;%7D .st1%7Bfill:%2336C5F0;%7D .st2%7Bfill:%232EB67D;%7D .st3%7Bfill:%23ECB22E;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z'/%3E%3Cpath class='st0' d='M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9 s-12.9-5.8-12.9-12.9V151.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z'/%3E%3Cpath class='st1' d='M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9 s5.8-12.9,12.9-12.9H118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z'/%3E%3Cpath class='st2' d='M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9 c7.1,0,12.9,5.8,12.9,12.9V118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st3' d='M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z'/%3E%3Cpath class='st3' d='M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9 c0,7.1-5.8,12.9-12.9,12.9H151.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-microsoft:before, .btn.btn-fb.btn.btn-microsoft:before, .btn.btn-facebook.btn.btn-microsoft:before, .btn.btn-google.btn.btn-microsoft:before, .btn.btn-slack.btn.btn-microsoft:before, .btn.btn-microsoft.btn.btn-microsoft:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Ctitle%3EMS-SymbolLockup%3C/title%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn-facebook:before, .btn.btn-email.btn-fb:before, .btn.btn-fb.btn-facebook:before, .btn.btn-fb.btn-fb:before, .btn.btn-facebook.btn-facebook:before, .btn.btn-facebook.btn-fb:before, .btn.btn-google.btn-facebook:before, .btn.btn-google.btn-fb:before, .btn.btn-slack.btn-facebook:before, .btn.btn-slack.btn-fb:before, .btn.btn-microsoft.btn-facebook:before, .btn.btn-microsoft.btn-fb:before {
  background: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1365.3333 1365.3333' height='256' width='256' xml:space='preserve' version='1.1'%3E%3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,1365.3333)'%3E%3Cg transform='scale(0.1)'%3E%3Cpath style='fill:%231877f2;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 10240,5120 c 0,2827.7 -2292.3,5120 -5120,5120 C 2292.3,10240 0,7947.7 0,5120 0,2564.46 1872.31,446.301 4320,62.1992 V 3640 H 3020 v 1480 h 1300 v 1128 c 0,1283.2 764.38,1992 1933.9,1992 560.17,0 1146.1,-100 1146.1,-100 V 6880 H 6754.38 C 6118.35,6880 5920,6485.33 5920,6080.43 V 5120 H 7340 L 7113,3640 H 5920 V 62.1992 C 8367.69,446.301 10240,2564.46 10240,5120' /%3E%3Cpath style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 7113,3640 227,1480 H 5920 v 960.43 c 0,404.9 198.35,799.57 834.38,799.57 H 7400 v 1260 c 0,0 -585.93,100 -1146.1,100 C 5084.38,8240 4320,7531.2 4320,6248 V 5120 H 3020 V 3640 H 4320 V 62.1992 C 4580.67,21.3008 4847.84,0 5120,0 c 272.16,0 539.33,21.3008 800,62.1992 V 3640 h 1193' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 28px 28px;
}
.btn.btn-email .text, .btn.btn-fb .text, .btn.btn-facebook .text, .btn.btn-google .text, .btn.btn-slack .text, .btn.btn-microsoft .text {
  font-family: "Lato";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media (max-width: 976px) {
  .btn {
    display: flex;
    font-size: 16px;
  }
}
.mattercraft-theme .btn.btn-primary, .btn.minty.btn-primary {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  border: none;
  color: black;
}
.mattercraft-theme .btn.btn-primary:hover, .mattercraft-theme .btn.btn-primary.active, .btn.minty.btn-primary:hover, .btn.minty.btn-primary.active {
  background: linear-gradient(94deg, #86EABC 0%, #6EBBE8 100.05%);
}

.mattercraft-theme .btn.btn-secondary, .btn.minty.btn-secondary {
  border: 1px solid transparent;
  background: linear-gradient(#1F2021, #1F2021) padding-box, linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%) border-box;
  color: white;
}

.horizon-theme .btn.btn-primary, .btn.horizon.btn-primary {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  color: white;
  border: none;
}
.horizon-theme .btn.btn-primary:hover, .horizon-theme .btn.btn-primary.active, .btn.horizon.btn-primary:hover, .btn.horizon.btn-primary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
}

.horizon-theme .btn.btn-secondary, .btn.horizon.btn-secondary {
  border: 1px solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="146" height="48" fill="none"><rect width="145" height="47" x=".5" y=".5" stroke="url(%23a)" rx="7.5"/><defs><linearGradient id="a" x1="0" x2="149.759" y1="0" y2="28.924" gradientUnits="userSpaceOnUse"><stop stop-color="%234B9AF6"/><stop offset="1" stop-color="%233320F7"/></linearGradient></defs></svg>') 8/8px stretch;
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.horizon-theme .btn.btn-secondary:hover, .horizon-theme .btn.btn-secondary.active, .btn.horizon.btn-secondary:hover, .btn.horizon.btn-secondary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
  -webkit-text-fill-color: white;
}

.btn.ocean.btn-primary {
  background: #4A90E2;
  border: none;
  border: 1px solid transparent;
}
.btn.ocean.btn-primary:hover, .btn.ocean.btn-primary.active {
  background: #57A6FF;
  border-color: #57A6FF;
  color: white;
}
.btn.ocean.btn-secondary {
  border: 1px solid #4A90E2;
  background: transparent;
  color: #4A90E2;
}
.btn.ocean.btn-secondary:hover, .btn.ocean.btn-secondary.active {
  background: #4A90E2;
  border-color: transparent;
  color: white;
}

.zapbox-theme .btn.btn-primary, .btn.grape.btn-primary {
  background-color: white;
  border: 1px solid white;
  color: #36126B;
}
.zapbox-theme .btn.btn-primary:hover, .btn.grape.btn-primary:hover {
  background-color: #E5D3FF;
  border: 1px solid #E5D3FF;
  color: #36126B;
}

.zapbox-theme .btn.btn-secondary, .btn.grape.btn-secondary {
  border: 1px solid #36126B;
  background-color: #36126B;
  color: white;
}
.zapbox-theme .btn.btn-secondary:hover, .btn.grape.btn-secondary:hover {
  background-color: #603A98;
  border: 1px solid #603A98;
}

.zapbox-theme .btn.btn-ghost, .btn.grape.btn-ghost {
  color: #FEB34B;
}
.zapbox-theme .btn.btn-ghost svg, .btn.grape.btn-ghost svg {
  fill: #FEB34B;
}
.zapbox-theme .btn.btn-ghost:hover, .btn.grape.btn-ghost:hover {
  color: #ED9F32;
}
.zapbox-theme .btn.btn-ghost:hover svg, .btn.grape.btn-ghost:hover svg {
  fill: #ED9F32;
}

:host(zpr-ml-categories) zpr-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
:host(zpr-ml-categories) zpr-tabs .tab-header {
  margin-bottom: 24px;
}
:host(zpr-ml-categories) zpr-tabs .tab-content {
  flex: 1;
  border-radius: 0px;
}
:host(zpr-ml-categories) zpr-tabs .tab-content [tab-header] {
  height: 100%;
}
:host(zpr-ml-categories) zpr-tabs .tab-content .no-result {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
:host(zpr-ml-categories) zpr-tabs .tab-content .no-result h3 {
  margin-top: 42px;
  margin-bottom: 12px;
}
:host(zpr-ml-categories) zpr-tabs .tab-content .no-result p {
  margin-bottom: 0;
}

body {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  font-style: normal;
  color: #073158;
  text-rendering: optimizelegibility;
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-weight: 700;
  margin-block: auto;
}

h1, h2, h3, h4, h5, p {
  color: #073158;
}

h1, h2, h3, h4, p {
  margin-bottom: 24px;
}

h1 {
  font-size: 46px;
  line-height: 55px;
}
@media (max-width: 700px) {
  h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
h1.huge {
  font-size: 145px;
  line-height: 135px;
}
@media (max-width: 700px) {
  h1.huge {
    font-size: 62px;
    line-height: 70px;
  }
}
h1.large {
  font-size: 78px;
  line-height: 94px;
  color: white;
}
@media (max-width: 700px) {
  h1.large {
    font-size: 35px;
    line-height: 40px;
  }
}

h2 {
  font-size: 36px;
  line-height: 49px;
  letter-spacing: -0.02em;
}
@media (max-width: 700px) {
  h2 {
    font-size: 29px;
    line-height: 32px;
  }
}

h3 {
  font-size: 28px;
  line-height: 32px;
}
@media (max-width: 700px) {
  h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

h4 {
  font-size: 20px;
  line-height: 24px;
}
h4.medium {
  font-weight: 500;
}
h4.light {
  font-weight: 300;
}

h5 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
p.large {
  font-size: 20px;
  line-height: 30px;
}
p.large.medium {
  font-weight: 500;
}
p.bold {
  font-weight: 700;
}
p.xs {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 21px;
}
p.xs.mb0 {
  margin-bottom: 0;
}

p {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: #4A90E2;
  cursor: pointer;
}
a:hover {
  color: #73B4FF;
}
a.arrow-link {
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  position: relative;
  text-transform: uppercase;
}
a.arrow-link:after {
  content: "►" !important;
  position: absolute;
  top: -4px;
  font-size: 15px;
  margin-left: 5px;
}

ul, ol {
  list-style: none;
}
ul li, ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #073158;
  margin-bottom: 8px;
}
ul.xs li, ol.xs li {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 4px;
}

ul li::before {
  content: "•";
  margin-right: 10px;
}
ul.fakol > span {
  margin-right: 5px;
}
ul.fakol > li::before {
  content: "";
}
ul.fakol > li span + p {
  display: inline;
}

ol {
  margin-left: 16px;
}
ol li {
  clear: both;
}
ol.large li {
  position: relative;
  display: flex;
  margin-bottom: 24px;
}
ol.large li:before {
  content: counters(item, ".");
  counter-increment: item;
  margin-right: 0;
  float: unset;
  margin-right: 16px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #073158;
  color: #fff;
}

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

.overflow-hidden {
  overflow: hidden;
}

blockquote {
  border-left: 3px solid #EF5332;
  padding-left: 24px;
  font-style: italic;
}

h1.horizon, h2.horizon, h3.horizon, h4.horizon, p.horizon {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.minty, h2.minty, h3.minty, h4.minty, p.minty {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.ocean, h2.ocean, h3.ocean, h4.ocean, p.ocean {
  background: #4A90E2;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

zpr-pagination {
  display: block;
  margin-top: 30px;
}
zpr-pagination > ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  list-style: none;
}
zpr-pagination > ul li {
  background: transparent;
  border: 0;
  color: #073158;
  line-height: 16px;
  min-height: 17px;
  min-width: 32px;
  outline: 0;
  padding: 10px;
  text-align: center;
  transition: 0.2s ease-out;
  cursor: pointer;
  margin: 0;
}
zpr-pagination > ul li::before {
  content: none;
  margin: 0;
}
zpr-pagination > ul .disabled a {
  cursor: default;
}
zpr-pagination > ul .previous svg {
  transform: rotate(90deg);
  fill: #073158;
}
zpr-pagination > ul .next svg {
  transform: rotate(-90deg);
  fill: #073158;
}
zpr-pagination > ul .next,
zpr-pagination > ul .previous {
  padding: 0;
}
zpr-pagination > ul .next.disabled,
zpr-pagination > ul .previous.disabled {
  opacity: 0.3;
  cursor: default;
}
zpr-pagination > ul .active {
  border-radius: 4px;
  background-color: #4A90E2;
  color: white;
  padding: 8px 12px;
  cursor: default;
}
zpr-pagination > ul .gap {
  cursor: default;
}

.flex {
  display: flex;
}
.flex.fwrap {
  flex-wrap: wrap;
}
.flex.spbetween, .flex.btw {
  justify-content: space-between;
}
.flex.sparound, .flex.ard {
  justify-content: space-around;
}
.flex.justycent, .flex.justify {
  justify-content: center;
}
.flex.alignitmc, .flex.acenter, .flex.fcenter {
  align-items: center;
}
.flex.jc-end {
  justify-content: flex-end;
}
.flex.center {
  justify-content: center;
  align-items: center;
}
.flex.column {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.flex.f-wrap {
  flex-wrap: wrap;
}
.flex.ai-start {
  align-items: flex-start;
}
.flex.ai-end {
  align-items: flex-end;
}
.flex.ai-center {
  align-items: center;
}
.flex.ai-baseline {
  align-items: baseline;
}
.flex .aself-start {
  align-self: flex-start;
}
.flex .aself-end {
  align-self: flex-end;
}
.flex .aself-center {
  align-self: center;
}
.flex .f0,
.flex .flex-0 {
  flex: none;
}
.flex .f1,
.flex .flex-1 {
  flex: 1;
}
.flex .f2,
.flex .flex-2 {
  flex: 2;
}
.flex .f3,
.flex .flex-3 {
  flex: 3;
}
.flex .f-basis23 {
  flex-basis: 23%;
}
.flex .f-basis32 {
  flex-basis: 32%;
}
.flex .f-basis49 {
  flex-basis: 49%;
}
.flex .f-basis50 {
  flex-basis: 50%;
}
.flex .f-basis100 {
  flex-basis: 100%;
}
.flex.col-gap16 {
  column-gap: 16px;
}
.flex.col-gap22 {
  column-gap: 22px;
}
.flex.row-gap24 {
  row-gap: 24px;
}
.flex.gap40 {
  gap: 40px;
}
@media (max-width: 768px) {
  .flex.m-f-column {
    flex-direction: column;
  }
  .flex .f-basis23,
  .flex .f-basis32,
  .flex .f-basis49,
  .flex .f-basis50 {
    flex-basis: auto;
  }
  .flex.m-btw {
    justify-content: space-between;
  }
}

.sparound {
  justify-content: space-around;
}

.spbetween {
  justify-content: space-between;
}

.justycent {
  justify-content: center;
}

.f1 {
  flex: 1;
}

@media (max-width: 768px) {
  .flex .m-order-1 {
    order: 1;
  }
  .flex .m-order-2 {
    order: 2;
  }
}
button, .btn {
  cursor: pointer;
}

.btn-back {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  color: #073158;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.btn {
  font-family: "Lato", sans-serif;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-radius: 8px;
  padding: 11px 15px;
  min-width: 110px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0 none;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.1s linear;
  position: relative;
}
.btn:focus {
  outline: none;
}
.btn svg {
  margin-right: 16px;
  display: inline-block;
}
.btn.processing {
  color: transparent !important;
}
.btn.processing::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%234a90e2'/%3E%3Cstop offset='50%25' stop-color='%234a90e2'/%3E%3Cstop offset='100%25' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='39' fill='none'/%3E%3Ccircle cx='50' cy='50' r='39' fill='none' stroke='url(%23a)' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' type='rotate' values='0 50 50;180 50 50;720 50 50'/%3E%3Canimate attributeName='stroke-dasharray' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' values='0 245.04422698000386;205.83715066320326 39.207076316800595;0 245.04422698000386'/%3E%3C/circle%3E%3C/svg%3E");
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.btn.btn-small, .btn.btn-medium {
  font-size: 16px;
  min-width: 85px;
}
.btn.btn-small svg, .btn.btn-medium svg {
  margin-right: 8px;
}
.btn.btn-small {
  padding: 7px 15px;
}
.btn.btn-medium {
  padding: 9px 15px 10px 15px;
}
.btn.btn-large {
  font-size: 20px;
  padding: 11px 23px;
  min-width: 110px;
}
.btn.btn-large.processing::after {
  width: 24px;
  height: 24px;
}
@media (max-width: 700px) {
  .btn.btn-large {
    padding: 9px 15px 10px 15px;
    font-size: 16px;
  }
}
.btn.disabled, .btn:disabled, .btn[disabled] {
  opacity: 40%;
  pointer-events: none;
  cursor: default;
}
.btn.btn-spinner {
  position: relative;
}
.btn.btn-spinner #spinner {
  position: absolute;
  z-index: 200;
  visibility: hidden;
  transition: visibility ease 1s;
  transition-delay: 0.5s;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  border-radius: 8px;
}
.btn.btn-spinner #spinner[data-loading] {
  visibility: visible;
}
.btn.btn-primary {
  background-color: var(--btn-primary-bg, #EF5332);
  color: #FFF;
  border: 1px solid var(--btn-primary-bg, #EF5332);
}
.btn.btn-primary:hover {
  background-color: var(--btn-primary-bg-hover, #FF6445);
  border: 1px solid var(--btn-primary-bg-hover, #FF6445);
  color: #FFF;
}
.btn.btn-primary:active {
  background: var(--btn-primary-bg, #EF5332);
  border: 1px solid var(--btn-primary-bg, #EF5332);
  color: #FFF;
}
.btn.btn-primary.btn-spinner #spinner {
  background: var(--btn-primary-bg, #EF5332);
}
.btn.btn-inverted-primary {
  background-color: #FFF;
  color: #EF5332;
}
.btn.btn-inverted-primary:hover {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-inverted-primary:active {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-secondary {
  border: 1px solid #073158;
  background-color: #FFF;
  color: #073158;
}
.btn.btn-secondary svg {
  fill: #073158;
}
.btn.btn-secondary:hover, .btn.btn-secondary.active {
  background-color: #073158;
  color: #FFF;
}
.btn.btn-secondary:hover svg, .btn.btn-secondary:hover svg g, .btn.btn-secondary.active svg, .btn.btn-secondary.active svg g {
  fill: #FFF;
}
.btn.btn-secondary.btn-red {
  border: 1px solid #EF5332;
  color: #EF5332;
}
.btn.btn-secondary.btn-red svg {
  fill: #EF5332;
}
.btn.btn-secondary.btn-red:hover {
  background-color: #EF5332;
  color: #FFF;
}
.btn.btn-secondary.btn-red:hover svg {
  fill: #FFF;
}
.btn.btn-secondary.btn-spinner #spinner {
  background: #FFF;
}
.btn.btn-enterprise {
  font-weight: normal;
  color: white;
  background: linear-gradient(104deg, #073158, #000);
  border: 1px solid #000;
}
.btn.btn-enterprise:hover {
  background: linear-gradient(30deg, #073158, #000);
}
.btn.btn-link {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  border-radius: 0;
  color: #4A90E2;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  min-width: 0;
}
.btn.btn-link svg g {
  fill: #4A90E2;
}
.btn.btn-link:hover {
  color: #73b4ff;
}
.btn.btn-link:hover svg g {
  fill: #73b4ff;
}
.btn.btn-expand {
  border: none;
  background: #EF5332;
  border-radius: 50px;
  color: white;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 4px 12px;
  min-width: 0;
  font-size: 16px;
}
.btn.btn-expand:hover {
  background: #EF5332;
  color: white;
}
.btn.btn-expand:hover .btn-label {
  max-width: 100vw;
}
.btn.btn-expand .btn-icon {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
}
.btn.btn-expand .btn-icon svg {
  fill: white;
  margin-right: 0;
}
.btn.btn-expand .btn-label {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.7s ease-in-out 0s;
  text-indent: 10px;
  line-height: 31px;
}
.btn.btn-danger, .btn.btn-ghost-danger, .btn.btn-ghost {
  display: flex;
  align-items: center;
  text-transform: none;
  background: none;
  border: 0 none;
  fill: #073158;
  color: #073158;
  padding: 0 8px 0 0;
  font-size: 14px;
  font-weight: 400;
  min-width: 0;
  transition: initial;
}
.btn.btn-danger svg, .btn.btn-ghost-danger svg, .btn.btn-ghost svg {
  margin-right: 0;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active, .btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active, .btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  background: none;
}
.btn.btn-danger.btn-medium, .btn.btn-ghost-danger.btn-medium, .btn.btn-ghost.btn-medium {
  font-size: 16px;
}
.btn.btn-ghost svg {
  fill: #073158;
}
.btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  color: #4A90E2;
}
.btn.btn-ghost:hover svg, .btn.btn-ghost:focus-visible svg, .btn.btn-ghost:active svg {
  fill: #4A90E2;
}
.btn.btn-ghost.processing svg {
  visibility: hidden;
}
.btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active {
  color: #ff2828;
}
.btn.btn-ghost-danger:hover svg, .btn.btn-ghost-danger:focus-visible svg, .btn.btn-ghost-danger:active svg {
  fill: #ff2828;
}
.btn.btn-danger {
  color: #ff2828;
}
.btn.btn-danger svg {
  fill: #ff2828;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active {
  color: #CE3923;
}
.btn.btn-danger:hover svg, .btn.btn-danger:focus-visible svg, .btn.btn-danger:active svg {
  fill: #CE3923;
}
.btn.btn-dots {
  padding: 0;
  border-radius: 50%;
  line-height: 0;
  background-color: transparent;
  min-width: 0;
}
.btn.btn-dots svg {
  margin: 0;
  fill: #073158;
}
.btn.btn-dots:hover, .btn.btn-dots:active, .btn.btn-dots:focus-visible {
  background-color: white;
}
.btn.btn-email, .btn.btn-fb, .btn.btn-facebook, .btn.btn-google, .btn.btn-slack, .btn.btn-microsoft {
  color: #073158;
  padding: 8px 4px;
  border: 1px solid #eee;
  min-width: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.btn.btn-email::before, .btn.btn-fb::before, .btn.btn-facebook::before, .btn.btn-google::before, .btn.btn-slack::before, .btn.btn-microsoft::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 10px;
}
.btn.btn-email:active, .btn.btn-email:focus-visible, .btn.btn-email:hover, .btn.btn-fb:active, .btn.btn-fb:focus-visible, .btn.btn-fb:hover, .btn.btn-facebook:active, .btn.btn-facebook:focus-visible, .btn.btn-facebook:hover, .btn.btn-google:active, .btn.btn-google:focus-visible, .btn.btn-google:hover, .btn.btn-slack:active, .btn.btn-slack:focus-visible, .btn.btn-slack:hover, .btn.btn-microsoft:active, .btn.btn-microsoft:focus-visible, .btn.btn-microsoft:hover {
  opacity: 1;
  border: 1px solid #ddd;
  background: none;
  color: inherit;
}
.btn.btn-email:hover::before, .btn.btn-fb:hover::before, .btn.btn-facebook:hover::before, .btn.btn-google:hover::before, .btn.btn-slack:hover::before, .btn.btn-microsoft:hover::before {
  opacity: 0.6;
}
.btn.btn-email.btn-google, .btn.btn-fb.btn-google, .btn.btn-facebook.btn-google, .btn.btn-google.btn-google, .btn.btn-slack.btn-google, .btn.btn-microsoft.btn-google {
  max-width: 284px;
}
.btn.btn-email.btn-google:before, .btn.btn-fb.btn-google:before, .btn.btn-facebook.btn-google:before, .btn.btn-google.btn-google:before, .btn.btn-slack.btn-google:before, .btn.btn-microsoft.btn-google:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='10 10 17.64 18'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-5.000000, -5.000000)'%3E%3Cg transform='translate(4.000000, 4.000000)'%3E%3Cg transform='translate(1.000000, 1.000000)'%3E%3Crect x='0' y='0' width='38' height='38' rx='1'/%3E%3Cpath d='M27.64,19.2045455 C27.64,18.5663636 27.5827273,17.9527273 27.4763636,17.3636364 L19,17.3636364 L19,20.845 L23.8436364,20.845 C23.635,21.97 23.0009091,22.9231818 22.0477273,23.5613636 L22.0477273,25.8195455 L24.9563636,25.8195455 C26.6581818,24.2527273 27.64,21.9454545 27.64,19.2045455 L27.64,19.2045455 Z' id='Shape' fill='%234285F4'/%3E%3Cpath d='M19,28 C21.43,28 23.4672727,27.1940909 24.9563636,25.8195455 L22.0477273,23.5613636 C21.2418182,24.1013636 20.2109091,24.4204545 19,24.4204545 C16.6559091,24.4204545 14.6718182,22.8372727 13.9640909,20.71 L10.9572727,20.71 L10.9572727,23.0418182 C12.4381818,25.9831818 15.4818182,28 19,28 L19,28 Z' id='Shape' fill='%2334A853'/%3E%3Cpath d='M13.9640909,20.71 C13.7840909,20.17 13.6818182,19.5931818 13.6818182,19 C13.6818182,18.4068182 13.7840909,17.83 13.9640909,17.29 L13.9640909,14.9581818 L10.9572727,14.9581818 C10.3477273,16.1731818 10,17.5477273 10,19 C10,20.4522727 10.3477273,21.8268182 10.9572727,23.0418182 L13.9640909,20.71 L13.9640909,20.71 Z' id='Shape' fill='%23FBBC05'/%3E%3Cpath d='M19,13.5795455 C20.3213636,13.5795455 21.5077273,14.0336364 22.4404545,14.9254545 L25.0218182,12.3440909 C23.4631818,10.8918182 21.4259091,10 19,10 C15.4818182,10 12.4381818,12.0168182 10.9572727,14.9581818 L13.9640909,17.29 C14.6718182,15.1627273 16.6559091,13.5795455 19,13.5795455 L19,13.5795455 Z' id='Shape' fill='%23EA4335'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-slack:before, .btn.btn-fb.btn.btn-slack:before, .btn.btn-facebook.btn.btn-slack:before, .btn.btn-google.btn.btn-slack:before, .btn.btn-slack.btn.btn-slack:before, .btn.btn-microsoft.btn.btn-slack:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 270 270;' xml:space='preserve' viewBox='73.6 73.6 122.8 122.8'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E01E5A;%7D .st1%7Bfill:%2336C5F0;%7D .st2%7Bfill:%232EB67D;%7D .st3%7Bfill:%23ECB22E;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z'/%3E%3Cpath class='st0' d='M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9 s-12.9-5.8-12.9-12.9V151.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z'/%3E%3Cpath class='st1' d='M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9 s5.8-12.9,12.9-12.9H118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z'/%3E%3Cpath class='st2' d='M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9 c7.1,0,12.9,5.8,12.9,12.9V118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st3' d='M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z'/%3E%3Cpath class='st3' d='M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9 c0,7.1-5.8,12.9-12.9,12.9H151.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-microsoft:before, .btn.btn-fb.btn.btn-microsoft:before, .btn.btn-facebook.btn.btn-microsoft:before, .btn.btn-google.btn.btn-microsoft:before, .btn.btn-slack.btn.btn-microsoft:before, .btn.btn-microsoft.btn.btn-microsoft:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Ctitle%3EMS-SymbolLockup%3C/title%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn-facebook:before, .btn.btn-email.btn-fb:before, .btn.btn-fb.btn-facebook:before, .btn.btn-fb.btn-fb:before, .btn.btn-facebook.btn-facebook:before, .btn.btn-facebook.btn-fb:before, .btn.btn-google.btn-facebook:before, .btn.btn-google.btn-fb:before, .btn.btn-slack.btn-facebook:before, .btn.btn-slack.btn-fb:before, .btn.btn-microsoft.btn-facebook:before, .btn.btn-microsoft.btn-fb:before {
  background: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1365.3333 1365.3333' height='256' width='256' xml:space='preserve' version='1.1'%3E%3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,1365.3333)'%3E%3Cg transform='scale(0.1)'%3E%3Cpath style='fill:%231877f2;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 10240,5120 c 0,2827.7 -2292.3,5120 -5120,5120 C 2292.3,10240 0,7947.7 0,5120 0,2564.46 1872.31,446.301 4320,62.1992 V 3640 H 3020 v 1480 h 1300 v 1128 c 0,1283.2 764.38,1992 1933.9,1992 560.17,0 1146.1,-100 1146.1,-100 V 6880 H 6754.38 C 6118.35,6880 5920,6485.33 5920,6080.43 V 5120 H 7340 L 7113,3640 H 5920 V 62.1992 C 8367.69,446.301 10240,2564.46 10240,5120' /%3E%3Cpath style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 7113,3640 227,1480 H 5920 v 960.43 c 0,404.9 198.35,799.57 834.38,799.57 H 7400 v 1260 c 0,0 -585.93,100 -1146.1,100 C 5084.38,8240 4320,7531.2 4320,6248 V 5120 H 3020 V 3640 H 4320 V 62.1992 C 4580.67,21.3008 4847.84,0 5120,0 c 272.16,0 539.33,21.3008 800,62.1992 V 3640 h 1193' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 28px 28px;
}
.btn.btn-email .text, .btn.btn-fb .text, .btn.btn-facebook .text, .btn.btn-google .text, .btn.btn-slack .text, .btn.btn-microsoft .text {
  font-family: "Lato";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media (max-width: 976px) {
  .btn {
    display: flex;
    font-size: 16px;
  }
}
.mattercraft-theme .btn.btn-primary, .btn.minty.btn-primary {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  border: none;
  color: black;
}
.mattercraft-theme .btn.btn-primary:hover, .mattercraft-theme .btn.btn-primary.active, .btn.minty.btn-primary:hover, .btn.minty.btn-primary.active {
  background: linear-gradient(94deg, #86EABC 0%, #6EBBE8 100.05%);
}

.mattercraft-theme .btn.btn-secondary, .btn.minty.btn-secondary {
  border: 1px solid transparent;
  background: linear-gradient(#1F2021, #1F2021) padding-box, linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%) border-box;
  color: white;
}

.horizon-theme .btn.btn-primary, .btn.horizon.btn-primary {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  color: white;
  border: none;
}
.horizon-theme .btn.btn-primary:hover, .horizon-theme .btn.btn-primary.active, .btn.horizon.btn-primary:hover, .btn.horizon.btn-primary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
}

.horizon-theme .btn.btn-secondary, .btn.horizon.btn-secondary {
  border: 1px solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="146" height="48" fill="none"><rect width="145" height="47" x=".5" y=".5" stroke="url(%23a)" rx="7.5"/><defs><linearGradient id="a" x1="0" x2="149.759" y1="0" y2="28.924" gradientUnits="userSpaceOnUse"><stop stop-color="%234B9AF6"/><stop offset="1" stop-color="%233320F7"/></linearGradient></defs></svg>') 8/8px stretch;
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.horizon-theme .btn.btn-secondary:hover, .horizon-theme .btn.btn-secondary.active, .btn.horizon.btn-secondary:hover, .btn.horizon.btn-secondary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
  -webkit-text-fill-color: white;
}

.btn.ocean.btn-primary {
  background: #4A90E2;
  border: none;
  border: 1px solid transparent;
}
.btn.ocean.btn-primary:hover, .btn.ocean.btn-primary.active {
  background: #57A6FF;
  border-color: #57A6FF;
  color: white;
}
.btn.ocean.btn-secondary {
  border: 1px solid #4A90E2;
  background: transparent;
  color: #4A90E2;
}
.btn.ocean.btn-secondary:hover, .btn.ocean.btn-secondary.active {
  background: #4A90E2;
  border-color: transparent;
  color: white;
}

.zapbox-theme .btn.btn-primary, .btn.grape.btn-primary {
  background-color: white;
  border: 1px solid white;
  color: #36126B;
}
.zapbox-theme .btn.btn-primary:hover, .btn.grape.btn-primary:hover {
  background-color: #E5D3FF;
  border: 1px solid #E5D3FF;
  color: #36126B;
}

.zapbox-theme .btn.btn-secondary, .btn.grape.btn-secondary {
  border: 1px solid #36126B;
  background-color: #36126B;
  color: white;
}
.zapbox-theme .btn.btn-secondary:hover, .btn.grape.btn-secondary:hover {
  background-color: #603A98;
  border: 1px solid #603A98;
}

.zapbox-theme .btn.btn-ghost, .btn.grape.btn-ghost {
  color: #FEB34B;
}
.zapbox-theme .btn.btn-ghost svg, .btn.grape.btn-ghost svg {
  fill: #FEB34B;
}
.zapbox-theme .btn.btn-ghost:hover, .btn.grape.btn-ghost:hover {
  color: #ED9F32;
}
.zapbox-theme .btn.btn-ghost:hover svg, .btn.grape.btn-ghost:hover svg {
  fill: #ED9F32;
}

zpr-ml-file {
  display: flex;
  position: relative;
  margin: 12px 0;
  background: #F8F8F8;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
zpr-ml-file img {
  width: 100%;
}
zpr-ml-file .tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 1px 8px;
  gap: 10px;
  position: absolute;
  left: 8px;
  top: 8px;
  background: #4A90E2;
  border-radius: 5px;
  color: #fff;
  z-index: 2;
}
zpr-ml-file:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
zpr-ml-file .zml-file {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  overflow: hidden;
  background-color: #F8F8F8;
}
zpr-ml-file .zml-file img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
zpr-ml-file .zml-file .zml-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  align-items: flex-end;
  transition: opacity 0.3s ease-in-out;
}
zpr-ml-file .zml-file .zml-caption p {
  padding: 0 8px;
  color: #fff;
  margin-bottom: 8px;
  overflow: hidden;
}
zpr-ml-file .zml-file .zml-caption.zml-caption-on {
  opacity: 1;
}
zpr-ml-file .zml-file .zml-caption.zml-caption-on p {
  color: #073158;
  background: rgba(255, 255, 255, 0.9);
  padding: 8px;
  margin: 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
zpr-ml-file.selected {
  padding: 2px;
  margin: 10px 0;
  border: 2px solid #4A90E2;
}
zpr-ml-file.selected .zml-caption, zpr-ml-file.selected .zml-caption.zml-caption-on,
zpr-ml-file .zml-file:hover .zml-caption,
zpr-ml-file .zml-file:hover .zml-caption.zml-caption-on {
  background: linear-gradient(180deg, rgba(52, 75, 96, 0.5) 0%, rgba(52, 75, 96, 0.25) 0.01%, rgba(52, 75, 96, 0.5) 100%);
  opacity: 1;
}
zpr-ml-file.selected .zml-caption p, zpr-ml-file.selected .zml-caption.zml-caption-on p,
zpr-ml-file .zml-file:hover .zml-caption p,
zpr-ml-file .zml-file:hover .zml-caption.zml-caption-on p {
  background: none;
  color: #fff;
}
zpr-ml-file:not(.shimmer):hover:before {
  background: linear-gradient(180deg, rgba(52, 75, 96, 0.5) 0%, rgba(52, 75, 96, 0.25) 0.01%, rgba(52, 75, 96, 0.5) 100%), linear-gradient(0deg, #CCCCCC, #CCCCCC);
  opacity: 0.25;
}
zpr-ml-file.shimmer::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-image: linear-gradient(to right, transparent 0%, #ffffff 20%, transparent 40%, transparent 100%);
  background-repeat: no-repeat;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
:host {
  display: block;
}
:host .category {
  margin-bottom: 20px;
  width: 100%;
}
:host .category:last-child {
  margin-bottom: 0px;
}
:host .category .header {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
:host .category .header p {
  flex: 1;
  text-align: right;
  margin: 0;
}
:host .category .header p:first-child {
  text-align: left;
}
:host .category .content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 24px;
}
:host .no-result {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
:host .no-result h3 {
  margin-top: 42px;
  margin-bottom: 12px;
}
:host .no-result p {
  margin-bottom: 0;
}

.flex {
  display: flex;
}
.flex.fwrap {
  flex-wrap: wrap;
}
.flex.spbetween, .flex.btw {
  justify-content: space-between;
}
.flex.sparound, .flex.ard {
  justify-content: space-around;
}
.flex.justycent, .flex.justify {
  justify-content: center;
}
.flex.alignitmc, .flex.acenter, .flex.fcenter {
  align-items: center;
}
.flex.jc-end {
  justify-content: flex-end;
}
.flex.center {
  justify-content: center;
  align-items: center;
}
.flex.column {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.flex.f-wrap {
  flex-wrap: wrap;
}
.flex.ai-start {
  align-items: flex-start;
}
.flex.ai-end {
  align-items: flex-end;
}
.flex.ai-center {
  align-items: center;
}
.flex.ai-baseline {
  align-items: baseline;
}
.flex .aself-start {
  align-self: flex-start;
}
.flex .aself-end {
  align-self: flex-end;
}
.flex .aself-center {
  align-self: center;
}
.flex .f0,
.flex .flex-0 {
  flex: none;
}
.flex .f1,
.flex .flex-1 {
  flex: 1;
}
.flex .f2,
.flex .flex-2 {
  flex: 2;
}
.flex .f3,
.flex .flex-3 {
  flex: 3;
}
.flex .f-basis23 {
  flex-basis: 23%;
}
.flex .f-basis32 {
  flex-basis: 32%;
}
.flex .f-basis49 {
  flex-basis: 49%;
}
.flex .f-basis50 {
  flex-basis: 50%;
}
.flex .f-basis100 {
  flex-basis: 100%;
}
.flex.col-gap16 {
  column-gap: 16px;
}
.flex.col-gap22 {
  column-gap: 22px;
}
.flex.row-gap24 {
  row-gap: 24px;
}
.flex.gap40 {
  gap: 40px;
}
@media (max-width: 768px) {
  .flex.m-f-column {
    flex-direction: column;
  }
  .flex .f-basis23,
  .flex .f-basis32,
  .flex .f-basis49,
  .flex .f-basis50 {
    flex-basis: auto;
  }
  .flex.m-btw {
    justify-content: space-between;
  }
}

.sparound {
  justify-content: space-around;
}

.spbetween {
  justify-content: space-between;
}

.justycent {
  justify-content: center;
}

.f1 {
  flex: 1;
}

@media (max-width: 768px) {
  .flex .m-order-1 {
    order: 1;
  }
  .flex .m-order-2 {
    order: 2;
  }
}
button, .btn {
  cursor: pointer;
}

.btn-back {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  color: #073158;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.btn {
  font-family: "Lato", sans-serif;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  border-radius: 8px;
  padding: 11px 15px;
  min-width: 110px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0 none;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.1s linear;
  position: relative;
}
.btn:focus {
  outline: none;
}
.btn svg {
  margin-right: 16px;
  display: inline-block;
}
.btn.processing {
  color: transparent !important;
}
.btn.processing::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%234a90e2'/%3E%3Cstop offset='50%25' stop-color='%234a90e2'/%3E%3Cstop offset='100%25' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='39' fill='none'/%3E%3Ccircle cx='50' cy='50' r='39' fill='none' stroke='url(%23a)' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' type='rotate' values='0 50 50;180 50 50;720 50 50'/%3E%3Canimate attributeName='stroke-dasharray' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' values='0 245.04422698000386;205.83715066320326 39.207076316800595;0 245.04422698000386'/%3E%3C/circle%3E%3C/svg%3E");
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.btn.btn-small, .btn.btn-medium {
  font-size: 16px;
  min-width: 85px;
}
.btn.btn-small svg, .btn.btn-medium svg {
  margin-right: 8px;
}
.btn.btn-small {
  padding: 7px 15px;
}
.btn.btn-medium {
  padding: 9px 15px 10px 15px;
}
.btn.btn-large {
  font-size: 20px;
  padding: 11px 23px;
  min-width: 110px;
}
.btn.btn-large.processing::after {
  width: 24px;
  height: 24px;
}
@media (max-width: 700px) {
  .btn.btn-large {
    padding: 9px 15px 10px 15px;
    font-size: 16px;
  }
}
.btn.disabled, .btn:disabled, .btn[disabled] {
  opacity: 40%;
  pointer-events: none;
  cursor: default;
}
.btn.btn-spinner {
  position: relative;
}
.btn.btn-spinner #spinner {
  position: absolute;
  z-index: 200;
  visibility: hidden;
  transition: visibility ease 1s;
  transition-delay: 0.5s;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  border-radius: 8px;
}
.btn.btn-spinner #spinner[data-loading] {
  visibility: visible;
}
.btn.btn-primary {
  background-color: var(--btn-primary-bg, #EF5332);
  color: #FFF;
  border: 1px solid var(--btn-primary-bg, #EF5332);
}
.btn.btn-primary:hover {
  background-color: var(--btn-primary-bg-hover, #FF6445);
  border: 1px solid var(--btn-primary-bg-hover, #FF6445);
  color: #FFF;
}
.btn.btn-primary:active {
  background: var(--btn-primary-bg, #EF5332);
  border: 1px solid var(--btn-primary-bg, #EF5332);
  color: #FFF;
}
.btn.btn-primary.btn-spinner #spinner {
  background: var(--btn-primary-bg, #EF5332);
}
.btn.btn-inverted-primary {
  background-color: #FFF;
  color: #EF5332;
}
.btn.btn-inverted-primary:hover {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-inverted-primary:active {
  background-color: #FAEBE9;
  color: #EF5332;
}
.btn.btn-secondary {
  border: 1px solid #073158;
  background-color: #FFF;
  color: #073158;
}
.btn.btn-secondary svg {
  fill: #073158;
}
.btn.btn-secondary:hover, .btn.btn-secondary.active {
  background-color: #073158;
  color: #FFF;
}
.btn.btn-secondary:hover svg, .btn.btn-secondary:hover svg g, .btn.btn-secondary.active svg, .btn.btn-secondary.active svg g {
  fill: #FFF;
}
.btn.btn-secondary.btn-red {
  border: 1px solid #EF5332;
  color: #EF5332;
}
.btn.btn-secondary.btn-red svg {
  fill: #EF5332;
}
.btn.btn-secondary.btn-red:hover {
  background-color: #EF5332;
  color: #FFF;
}
.btn.btn-secondary.btn-red:hover svg {
  fill: #FFF;
}
.btn.btn-secondary.btn-spinner #spinner {
  background: #FFF;
}
.btn.btn-enterprise {
  font-weight: normal;
  color: white;
  background: linear-gradient(104deg, #073158, #000);
  border: 1px solid #000;
}
.btn.btn-enterprise:hover {
  background: linear-gradient(30deg, #073158, #000);
}
.btn.btn-link {
  cursor: pointer;
  border-color: transparent;
  background: transparent;
  border-radius: 0;
  color: #4A90E2;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  min-width: 0;
}
.btn.btn-link svg g {
  fill: #4A90E2;
}
.btn.btn-link:hover {
  color: #73b4ff;
}
.btn.btn-link:hover svg g {
  fill: #73b4ff;
}
.btn.btn-expand {
  border: none;
  background: #EF5332;
  border-radius: 50px;
  color: white;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 4px 12px;
  min-width: 0;
  font-size: 16px;
}
.btn.btn-expand:hover {
  background: #EF5332;
  color: white;
}
.btn.btn-expand:hover .btn-label {
  max-width: 100vw;
}
.btn.btn-expand .btn-icon {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
}
.btn.btn-expand .btn-icon svg {
  fill: white;
  margin-right: 0;
}
.btn.btn-expand .btn-label {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.7s ease-in-out 0s;
  text-indent: 10px;
  line-height: 31px;
}
.btn.btn-danger, .btn.btn-ghost-danger, .btn.btn-ghost {
  display: flex;
  align-items: center;
  text-transform: none;
  background: none;
  border: 0 none;
  fill: #073158;
  color: #073158;
  padding: 0 8px 0 0;
  font-size: 14px;
  font-weight: 400;
  min-width: 0;
  transition: initial;
}
.btn.btn-danger svg, .btn.btn-ghost-danger svg, .btn.btn-ghost svg {
  margin-right: 0;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active, .btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active, .btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  background: none;
}
.btn.btn-danger.btn-medium, .btn.btn-ghost-danger.btn-medium, .btn.btn-ghost.btn-medium {
  font-size: 16px;
}
.btn.btn-ghost svg {
  fill: #073158;
}
.btn.btn-ghost:hover, .btn.btn-ghost:focus-visible, .btn.btn-ghost:active {
  color: #4A90E2;
}
.btn.btn-ghost:hover svg, .btn.btn-ghost:focus-visible svg, .btn.btn-ghost:active svg {
  fill: #4A90E2;
}
.btn.btn-ghost.processing svg {
  visibility: hidden;
}
.btn.btn-ghost-danger:hover, .btn.btn-ghost-danger:focus-visible, .btn.btn-ghost-danger:active {
  color: #ff2828;
}
.btn.btn-ghost-danger:hover svg, .btn.btn-ghost-danger:focus-visible svg, .btn.btn-ghost-danger:active svg {
  fill: #ff2828;
}
.btn.btn-danger {
  color: #ff2828;
}
.btn.btn-danger svg {
  fill: #ff2828;
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible, .btn.btn-danger:active {
  color: #CE3923;
}
.btn.btn-danger:hover svg, .btn.btn-danger:focus-visible svg, .btn.btn-danger:active svg {
  fill: #CE3923;
}
.btn.btn-dots {
  padding: 0;
  border-radius: 50%;
  line-height: 0;
  background-color: transparent;
  min-width: 0;
}
.btn.btn-dots svg {
  margin: 0;
  fill: #073158;
}
.btn.btn-dots:hover, .btn.btn-dots:active, .btn.btn-dots:focus-visible {
  background-color: white;
}
.btn.btn-email, .btn.btn-fb, .btn.btn-facebook, .btn.btn-google, .btn.btn-slack, .btn.btn-microsoft {
  color: #073158;
  padding: 8px 4px;
  border: 1px solid #eee;
  min-width: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.btn.btn-email::before, .btn.btn-fb::before, .btn.btn-facebook::before, .btn.btn-google::before, .btn.btn-slack::before, .btn.btn-microsoft::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 10px;
}
.btn.btn-email:active, .btn.btn-email:focus-visible, .btn.btn-email:hover, .btn.btn-fb:active, .btn.btn-fb:focus-visible, .btn.btn-fb:hover, .btn.btn-facebook:active, .btn.btn-facebook:focus-visible, .btn.btn-facebook:hover, .btn.btn-google:active, .btn.btn-google:focus-visible, .btn.btn-google:hover, .btn.btn-slack:active, .btn.btn-slack:focus-visible, .btn.btn-slack:hover, .btn.btn-microsoft:active, .btn.btn-microsoft:focus-visible, .btn.btn-microsoft:hover {
  opacity: 1;
  border: 1px solid #ddd;
  background: none;
  color: inherit;
}
.btn.btn-email:hover::before, .btn.btn-fb:hover::before, .btn.btn-facebook:hover::before, .btn.btn-google:hover::before, .btn.btn-slack:hover::before, .btn.btn-microsoft:hover::before {
  opacity: 0.6;
}
.btn.btn-email.btn-google, .btn.btn-fb.btn-google, .btn.btn-facebook.btn-google, .btn.btn-google.btn-google, .btn.btn-slack.btn-google, .btn.btn-microsoft.btn-google {
  max-width: 284px;
}
.btn.btn-email.btn-google:before, .btn.btn-fb.btn-google:before, .btn.btn-facebook.btn-google:before, .btn.btn-google.btn-google:before, .btn.btn-slack.btn-google:before, .btn.btn-microsoft.btn-google:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='10 10 17.64 18'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-5.000000, -5.000000)'%3E%3Cg transform='translate(4.000000, 4.000000)'%3E%3Cg transform='translate(1.000000, 1.000000)'%3E%3Crect x='0' y='0' width='38' height='38' rx='1'/%3E%3Cpath d='M27.64,19.2045455 C27.64,18.5663636 27.5827273,17.9527273 27.4763636,17.3636364 L19,17.3636364 L19,20.845 L23.8436364,20.845 C23.635,21.97 23.0009091,22.9231818 22.0477273,23.5613636 L22.0477273,25.8195455 L24.9563636,25.8195455 C26.6581818,24.2527273 27.64,21.9454545 27.64,19.2045455 L27.64,19.2045455 Z' id='Shape' fill='%234285F4'/%3E%3Cpath d='M19,28 C21.43,28 23.4672727,27.1940909 24.9563636,25.8195455 L22.0477273,23.5613636 C21.2418182,24.1013636 20.2109091,24.4204545 19,24.4204545 C16.6559091,24.4204545 14.6718182,22.8372727 13.9640909,20.71 L10.9572727,20.71 L10.9572727,23.0418182 C12.4381818,25.9831818 15.4818182,28 19,28 L19,28 Z' id='Shape' fill='%2334A853'/%3E%3Cpath d='M13.9640909,20.71 C13.7840909,20.17 13.6818182,19.5931818 13.6818182,19 C13.6818182,18.4068182 13.7840909,17.83 13.9640909,17.29 L13.9640909,14.9581818 L10.9572727,14.9581818 C10.3477273,16.1731818 10,17.5477273 10,19 C10,20.4522727 10.3477273,21.8268182 10.9572727,23.0418182 L13.9640909,20.71 L13.9640909,20.71 Z' id='Shape' fill='%23FBBC05'/%3E%3Cpath d='M19,13.5795455 C20.3213636,13.5795455 21.5077273,14.0336364 22.4404545,14.9254545 L25.0218182,12.3440909 C23.4631818,10.8918182 21.4259091,10 19,10 C15.4818182,10 12.4381818,12.0168182 10.9572727,14.9581818 L13.9640909,17.29 C14.6718182,15.1627273 16.6559091,13.5795455 19,13.5795455 L19,13.5795455 Z' id='Shape' fill='%23EA4335'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-slack:before, .btn.btn-fb.btn.btn-slack:before, .btn.btn-facebook.btn.btn-slack:before, .btn.btn-google.btn.btn-slack:before, .btn.btn-slack.btn.btn-slack:before, .btn.btn-microsoft.btn.btn-slack:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 270 270;' xml:space='preserve' viewBox='73.6 73.6 122.8 122.8'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E01E5A;%7D .st1%7Bfill:%2336C5F0;%7D .st2%7Bfill:%232EB67D;%7D .st3%7Bfill:%23ECB22E;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z'/%3E%3Cpath class='st0' d='M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9 s-12.9-5.8-12.9-12.9V151.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z'/%3E%3Cpath class='st1' d='M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9 s5.8-12.9,12.9-12.9H118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z'/%3E%3Cpath class='st2' d='M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9 c7.1,0,12.9,5.8,12.9,12.9V118.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st3' d='M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z'/%3E%3Cpath class='st3' d='M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9 c0,7.1-5.8,12.9-12.9,12.9H151.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn.btn-microsoft:before, .btn.btn-fb.btn.btn-microsoft:before, .btn.btn-facebook.btn.btn-microsoft:before, .btn.btn-google.btn.btn-microsoft:before, .btn.btn-slack.btn.btn-microsoft:before, .btn.btn-microsoft.btn.btn-microsoft:before {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Ctitle%3EMS-SymbolLockup%3C/title%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E") center no-repeat;
  background-size: 23px 23px;
}
.btn.btn-email.btn-facebook:before, .btn.btn-email.btn-fb:before, .btn.btn-fb.btn-facebook:before, .btn.btn-fb.btn-fb:before, .btn.btn-facebook.btn-facebook:before, .btn.btn-facebook.btn-fb:before, .btn.btn-google.btn-facebook:before, .btn.btn-google.btn-fb:before, .btn.btn-slack.btn-facebook:before, .btn.btn-slack.btn-fb:before, .btn.btn-microsoft.btn-facebook:before, .btn.btn-microsoft.btn-fb:before {
  background: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1365.3333 1365.3333' height='256' width='256' xml:space='preserve' version='1.1'%3E%3Cg transform='matrix(1.3333333,0,0,-1.3333333,0,1365.3333)'%3E%3Cg transform='scale(0.1)'%3E%3Cpath style='fill:%231877f2;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 10240,5120 c 0,2827.7 -2292.3,5120 -5120,5120 C 2292.3,10240 0,7947.7 0,5120 0,2564.46 1872.31,446.301 4320,62.1992 V 3640 H 3020 v 1480 h 1300 v 1128 c 0,1283.2 764.38,1992 1933.9,1992 560.17,0 1146.1,-100 1146.1,-100 V 6880 H 6754.38 C 6118.35,6880 5920,6485.33 5920,6080.43 V 5120 H 7340 L 7113,3640 H 5920 V 62.1992 C 8367.69,446.301 10240,2564.46 10240,5120' /%3E%3Cpath style='fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 7113,3640 227,1480 H 5920 v 960.43 c 0,404.9 198.35,799.57 834.38,799.57 H 7400 v 1260 c 0,0 -585.93,100 -1146.1,100 C 5084.38,8240 4320,7531.2 4320,6248 V 5120 H 3020 V 3640 H 4320 V 62.1992 C 4580.67,21.3008 4847.84,0 5120,0 c 272.16,0 539.33,21.3008 800,62.1992 V 3640 h 1193' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 28px 28px;
}
.btn.btn-email .text, .btn.btn-fb .text, .btn.btn-facebook .text, .btn.btn-google .text, .btn.btn-slack .text, .btn.btn-microsoft .text {
  font-family: "Lato";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

@media (max-width: 976px) {
  .btn {
    display: flex;
    font-size: 16px;
  }
}
.mattercraft-theme .btn.btn-primary, .btn.minty.btn-primary {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  border: none;
  color: black;
}
.mattercraft-theme .btn.btn-primary:hover, .mattercraft-theme .btn.btn-primary.active, .btn.minty.btn-primary:hover, .btn.minty.btn-primary.active {
  background: linear-gradient(94deg, #86EABC 0%, #6EBBE8 100.05%);
}

.mattercraft-theme .btn.btn-secondary, .btn.minty.btn-secondary {
  border: 1px solid transparent;
  background: linear-gradient(#1F2021, #1F2021) padding-box, linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%) border-box;
  color: white;
}

.horizon-theme .btn.btn-primary, .btn.horizon.btn-primary {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  color: white;
  border: none;
}
.horizon-theme .btn.btn-primary:hover, .horizon-theme .btn.btn-primary.active, .btn.horizon.btn-primary:hover, .btn.horizon.btn-primary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
}

.horizon-theme .btn.btn-secondary, .btn.horizon.btn-secondary {
  border: 1px solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="146" height="48" fill="none"><rect width="145" height="47" x=".5" y=".5" stroke="url(%23a)" rx="7.5"/><defs><linearGradient id="a" x1="0" x2="149.759" y1="0" y2="28.924" gradientUnits="userSpaceOnUse"><stop stop-color="%234B9AF6"/><stop offset="1" stop-color="%233320F7"/></linearGradient></defs></svg>') 8/8px stretch;
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.horizon-theme .btn.btn-secondary:hover, .horizon-theme .btn.btn-secondary.active, .btn.horizon.btn-secondary:hover, .btn.horizon.btn-secondary.active {
  background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
  -webkit-text-fill-color: white;
}

.btn.ocean.btn-primary {
  background: #4A90E2;
  border: none;
  border: 1px solid transparent;
}
.btn.ocean.btn-primary:hover, .btn.ocean.btn-primary.active {
  background: #57A6FF;
  border-color: #57A6FF;
  color: white;
}
.btn.ocean.btn-secondary {
  border: 1px solid #4A90E2;
  background: transparent;
  color: #4A90E2;
}
.btn.ocean.btn-secondary:hover, .btn.ocean.btn-secondary.active {
  background: #4A90E2;
  border-color: transparent;
  color: white;
}

.zapbox-theme .btn.btn-primary, .btn.grape.btn-primary {
  background-color: white;
  border: 1px solid white;
  color: #36126B;
}
.zapbox-theme .btn.btn-primary:hover, .btn.grape.btn-primary:hover {
  background-color: #E5D3FF;
  border: 1px solid #E5D3FF;
  color: #36126B;
}

.zapbox-theme .btn.btn-secondary, .btn.grape.btn-secondary {
  border: 1px solid #36126B;
  background-color: #36126B;
  color: white;
}
.zapbox-theme .btn.btn-secondary:hover, .btn.grape.btn-secondary:hover {
  background-color: #603A98;
  border: 1px solid #603A98;
}

.zapbox-theme .btn.btn-ghost, .btn.grape.btn-ghost {
  color: #FEB34B;
}
.zapbox-theme .btn.btn-ghost svg, .btn.grape.btn-ghost svg {
  fill: #FEB34B;
}
.zapbox-theme .btn.btn-ghost:hover, .btn.grape.btn-ghost:hover {
  color: #ED9F32;
}
.zapbox-theme .btn.btn-ghost:hover svg, .btn.grape.btn-ghost:hover svg {
  fill: #ED9F32;
}

body {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  font-style: normal;
  color: #073158;
  text-rendering: optimizelegibility;
  font-weight: 400;
}

h1, h2, h3, h4 {
  font-weight: 700;
  margin-block: auto;
}

h1, h2, h3, h4, h5, p {
  color: #073158;
}

h1, h2, h3, h4, p {
  margin-bottom: 24px;
}

h1 {
  font-size: 46px;
  line-height: 55px;
}
@media (max-width: 700px) {
  h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
h1.huge {
  font-size: 145px;
  line-height: 135px;
}
@media (max-width: 700px) {
  h1.huge {
    font-size: 62px;
    line-height: 70px;
  }
}
h1.large {
  font-size: 78px;
  line-height: 94px;
  color: white;
}
@media (max-width: 700px) {
  h1.large {
    font-size: 35px;
    line-height: 40px;
  }
}

h2 {
  font-size: 36px;
  line-height: 49px;
  letter-spacing: -0.02em;
}
@media (max-width: 700px) {
  h2 {
    font-size: 29px;
    line-height: 32px;
  }
}

h3 {
  font-size: 28px;
  line-height: 32px;
}
@media (max-width: 700px) {
  h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

h4 {
  font-size: 20px;
  line-height: 24px;
}
h4.medium {
  font-weight: 500;
}
h4.light {
  font-weight: 300;
}

h5 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  font-weight: 300;
}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
p.large {
  font-size: 20px;
  line-height: 30px;
}
p.large.medium {
  font-weight: 500;
}
p.bold {
  font-weight: 700;
}
p.xs {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 21px;
}
p.xs.mb0 {
  margin-bottom: 0;
}

p {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: #4A90E2;
  cursor: pointer;
}
a:hover {
  color: #73B4FF;
}
a.arrow-link {
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  position: relative;
  text-transform: uppercase;
}
a.arrow-link:after {
  content: "►" !important;
  position: absolute;
  top: -4px;
  font-size: 15px;
  margin-left: 5px;
}

ul, ol {
  list-style: none;
}
ul li, ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #073158;
  margin-bottom: 8px;
}
ul.xs li, ol.xs li {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 4px;
}

ul li::before {
  content: "•";
  margin-right: 10px;
}
ul.fakol > span {
  margin-right: 5px;
}
ul.fakol > li::before {
  content: "";
}
ul.fakol > li span + p {
  display: inline;
}

ol {
  margin-left: 16px;
}
ol li {
  clear: both;
}
ol.large li {
  position: relative;
  display: flex;
  margin-bottom: 24px;
}
ol.large li:before {
  content: counters(item, ".");
  counter-increment: item;
  margin-right: 0;
  float: unset;
  margin-right: 16px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #073158;
  color: #fff;
}

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

.overflow-hidden {
  overflow: hidden;
}

blockquote {
  border-left: 3px solid #EF5332;
  padding-left: 24px;
  font-style: italic;
}

h1.horizon, h2.horizon, h3.horizon, h4.horizon, p.horizon {
  background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.minty, h2.minty, h3.minty, h4.minty, p.minty {
  background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1.ocean, h2.ocean, h3.ocean, h4.ocean, p.ocean {
  background: #4A90E2;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.label-wrapper,
.input-wrapper {
  display: flex;
}

label {
  flex: 1;
  color: #073158;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
}
label:has(input) {
  cursor: pointer;
}

textarea.no-resize {
  resize: none;
}

input,
select,
textarea,
.fkinput {
  width: 100%;
  max-width: 100%;
  height: 40px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #b2c4d7;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  font-family: "Lato";
  box-sizing: border-box;
  line-height: 1.2;
  color: #073158;
}
input:focus, input:active, input.braintree-hosted-fields-focused,
select:focus,
select:active,
select.braintree-hosted-fields-focused,
textarea:focus,
textarea:active,
textarea.braintree-hosted-fields-focused,
.fkinput:focus,
.fkinput:active,
.fkinput.braintree-hosted-fields-focused {
  box-shadow: 0px 0px 2px #3D7CB1;
  border: 1px solid #4A90E2;
  border-radius: 8px;
  opacity: 1;
  outline: none;
}
input:disabled,
select:disabled,
textarea:disabled,
.fkinput:disabled {
  background-color: rgba(204, 204, 204, 0.33);
  color: rgba(7, 49, 88, 0.33);
  border: 1px solid #b2c4d7;
  box-shadow: none;
}
input.braintree-hosted-fields-invalid, input.invalid,
select.braintree-hosted-fields-invalid,
select.invalid,
textarea.braintree-hosted-fields-invalid,
textarea.invalid,
.fkinput.braintree-hosted-fields-invalid,
.fkinput.invalid {
  border-color: #E01F1F;
  box-shadow: 0px 0px 2px #E01F1F;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
select::-webkit-search-decoration,
select::-webkit-search-cancel-button,
select::-webkit-search-results-button,
select::-webkit-search-results-decoration,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button,
textarea::-webkit-search-decoration,
textarea::-webkit-search-cancel-button,
textarea::-webkit-search-results-button,
textarea::-webkit-search-results-decoration,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
.fkinput::-webkit-search-decoration,
.fkinput::-webkit-search-cancel-button,
.fkinput::-webkit-search-results-button,
.fkinput::-webkit-search-results-decoration,
.fkinput::-webkit-outer-spin-button,
.fkinput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type=checkbox], input[type=number], input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button,
select[type=checkbox],
select[type=number],
select[type=number]::-webkit-outer-spin-button,
select[type=number]::-webkit-inner-spin-button,
textarea[type=checkbox],
textarea[type=number],
textarea[type=number]::-webkit-outer-spin-button,
textarea[type=number]::-webkit-inner-spin-button,
.fkinput[type=checkbox],
.fkinput[type=number],
.fkinput[type=number]::-webkit-outer-spin-button,
.fkinput[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

textarea {
  height: 127px;
  padding: 12px;
}
textarea[rows="8"] {
  height: 169px;
}
textarea[rows="10"] {
  height: 211px;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  cursor: pointer;
  padding-right: 34px;
  background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2843055,18.0885912 L15.3535534,18.1464466 L20,22.793 L24.6464466,18.1464466 C24.8417088,17.9511845 25.1582912,17.9511845 25.3535534,18.1464466 C25.5271197,18.320013 25.5464049,18.5894374 25.4114088,18.7843055 L25.3535534,18.8535534 L20.3535534,23.8535534 C20.288466,23.9186408 20.2098986,23.9620324 20.1268378,23.9837282 L20.0426121,23.998192 L19.9573879,23.998192 C19.8723301,23.9909601 19.78877,23.9620324 19.7156945,23.9114088 L19.6464466,23.8535534 L14.6464466,18.8535534 C14.4511845,18.6582912 14.4511845,18.3417088 14.6464466,18.1464466 C14.7983172,17.9945761 15.023579,17.960827 15.208068,18.0451996 L15.2843055,18.0885912 Z' fill='%23344B60'%3E%3C/path%3E%3C/svg%3E");
  background-position: right 0 top 50%;
  background-repeat: no-repeat;
  background-color: #fff;
}

.field {
  display: block;
}
.field .label-wrapper,
.field .input-wrapper {
  display: flex;
}
.field .label-wrapper label {
  font-weight: bold;
}
.field .label-wrapper + .input-wrapper {
  margin-top: 8px;
}
.field .input-wrapper {
  position: relative;
}
.field .input-wrapper svg {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.field .input-wrapper svg + input,
.field .input-wrapper svg + .fkinput {
  padding-left: 36px;
}
.field .input-wrapper zpr-input-number {
  position: relative;
}
.field .input-wrapper input ~ svg,
.field .input-wrapper .fkinput ~ svg {
  right: 0;
  left: auto;
}
.field .input-wrapper input:has(+ svg),
.field .input-wrapper .fkinput:has(+ svg) {
  padding-right: 36px;
}
.field .input-wrapper.icon-right input,
.field .input-wrapper.icon-right .fkinput {
  padding-right: 36px;
}
.field .input-wrapper [role=button] {
  cursor: pointer;
}
.field.error .input-wrapper input,
.field.error .input-wrapper select,
.field.error .input-wrapper textarea {
  border: 1px solid #E01F1F;
}
.field .help-text {
  margin-top: 8px;
}
.field .help-text.m0 {
  margin: 0;
}
.field p {
  font-size: 14px;
  line-height: 20px;
  margin: 4px 0px 0px;
  font-family: "Lato";
  font-weight: normal;
}
.field p.error-message {
  color: #E01F1F;
}
.field.flex {
  display: flex;
}
.field.hide {
  display: none;
}

[has-action] input {
  padding-left: 36px;
}

input[type=checkbox] {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #9b9b9b;
  padding: 7px;
  line-height: normal;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  outline: none;
  width: auto;
  cursor: pointer;
}
input[type=checkbox][disabled] {
  background-color: #F2F2F2;
  border: 1px solid #9B9B9B;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
input[type=checkbox]:checked {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
}
input[type=checkbox]:checked[disabled] {
  background-color: #4A90E2;
  border: 1px solid #4A90E2;
}
input[type=checkbox]:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-width='2' d='M4,8.4683352 L6.1367413,10.9633008 C6.49598889,11.3827762 7.12726861,11.4316005 7.54674401,11.0723529 C7.62441836,11.005831 7.69142899,10.9277878 7.74543813,10.840946 L12,4 L12,4' transform='translate(-3 -3)'/%3E%3C/svg%3E");
  font-size: 10px;
  position: absolute;
  top: 2px;
  left: 2px;
  color: #fff;
}
input[type=checkbox]:checked:hover {
  border: 1px solid #4A90E2;
}
input[type=checkbox].vertical:checked:after {
  top: -2px;
  content: url("data:image/svg+xml,%0A%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
input[type=checkbox]:focus {
  outline: none;
}
input[type=checkbox]:hover {
  border: 1px solid #4A90E2;
}
input[type=checkbox]:hover[disabled] {
  border: 1px solid #9B9B9B;
}
input[type=checkbox]:hover[disabled]:checked {
  border: 1px solid #4A90E2;
}
input[type=checkbox] + label {
  cursor: pointer;
  margin-left: 8px;
}

label input[type=checkbox] {
  margin-right: 8px;
}

input[type=radio] {
  width: 16px;
  height: 16px;
  padding: 0px 0px;
  margin-right: 8px;
  border: 1px solid #DCE0E3;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type=radio]:checked {
  border: 1px solid #4A90E2;
}
input[type=radio]:checked:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 50%;
  background-color: #4A90E2;
}

zpr-input-number {
  position: relative;
}
zpr-input-number svg {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
zpr-input-number svg + input, zpr-input-number svg + .fkinput {
  padding-left: 36px;
}
zpr-input-number input ~ svg, zpr-input-number .fkinput ~ svg {
  right: 0;
  left: auto;
}
zpr-input-number input:has(+ svg), zpr-input-number .fkinput:has(+ svg) {
  padding-right: 36px;
}

zpr-tooltip-input {
  display: inline-block;
  position: relative;
  z-index: 1;
}
zpr-tooltip-input zpr-tooltip .tooltip {
  min-width: 278px;
}
zpr-tooltip-input zpr-tooltip .field input {
  border-radius: 8px;
  border: 2px solid #073158;
  background-color: #ffffff;
}
zpr-tooltip-input zpr-tooltip svg {
  cursor: pointer;
}

.zpr-inline-input,
zpr-inline-input {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 28px;
  height: auto;
  min-height: 40px;
}
.zpr-inline-input zpr-text-input,
zpr-inline-input zpr-text-input {
  margin-bottom: 0px;
}
.zpr-inline-input .hide,
zpr-inline-input .hide {
  display: none;
}
.zpr-inline-input .edit-icon,
zpr-inline-input .edit-icon {
  position: absolute;
  right: -4px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
}
.zpr-inline-input [slot=value],
zpr-inline-input [slot=value] {
  margin: 0;
  font-weight: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}
.zpr-inline-input:hover svg,
zpr-inline-input:hover svg {
  opacity: 1;
}

.field .input-wrapper zpr-inline-input .edit-icon {
  left: auto;
  width: auto;
  height: auto;
}

.zapbox-theme label {
  color: #36126B;
}
.zapbox-theme select {
  border-color: rgba(54, 18, 107, 0.5019607843);
  color: #36126B;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2843055,18.0885912 L15.3535534,18.1464466 L20,22.793 L24.6464466,18.1464466 C24.8417088,17.9511845 25.1582912,17.9511845 25.3535534,18.1464466 C25.5271197,18.320013 25.5464049,18.5894374 25.4114088,18.7843055 L25.3535534,18.8535534 L20.3535534,23.8535534 C20.288466,23.9186408 20.2098986,23.9620324 20.1268378,23.9837282 L20.0426121,23.998192 L19.9573879,23.998192 C19.8723301,23.9909601 19.78877,23.9620324 19.7156945,23.9114088 L19.6464466,23.8535534 L14.6464466,18.8535534 C14.4511845,18.6582912 14.4511845,18.3417088 14.6464466,18.1464466 C14.7983172,17.9945761 15.023579,17.960827 15.208068,18.0451996 L15.2843055,18.0885912 Z' fill='%36126B'%3E%3C/path%3E%3C/svg%3E");
}
.zapbox-theme select:focus, .zapbox-theme select:active, .zapbox-theme select.braintree-hosted-fields-focused {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(54, 18, 107, 0.5019607843);
}
.zapbox-theme zpr-radio-list zpr-radio-item {
  color: #36126B;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.zapbox-theme zpr-radio-list zpr-radio-item::after {
  box-shadow: 0 0 0 1px #36126B;
}
.zapbox-theme zpr-radio-list zpr-radio-item.selected {
  border: 2px solid rgba(54, 18, 107, 0.5019607843);
}
.zapbox-theme zpr-radio-list zpr-radio-item.selected::after {
  background-color: #36126B;
}
.zapbox-theme zpr-radio-list zpr-radio-item:not([disabled]):hover {
  border-radius: 8px;
  border-color: rgba(54, 18, 107, 0.5019607843);
}
.zapbox-theme zpr-radio-list.vrt zpr-radio-item {
  margin-bottom: 16px;
}
.zapbox-theme zpr-radio-list.vrt zpr-radio-item .radio-item-container {
  align-items: flex-start;
}

zpr-select-multi .select,
zpr-sort-filters .select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  cursor: pointer;
  padding-right: 34px;
  background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2843055,18.0885912 L15.3535534,18.1464466 L20,22.793 L24.6464466,18.1464466 C24.8417088,17.9511845 25.1582912,17.9511845 25.3535534,18.1464466 C25.5271197,18.320013 25.5464049,18.5894374 25.4114088,18.7843055 L25.3535534,18.8535534 L20.3535534,23.8535534 C20.288466,23.9186408 20.2098986,23.9620324 20.1268378,23.9837282 L20.0426121,23.998192 L19.9573879,23.998192 C19.8723301,23.9909601 19.78877,23.9620324 19.7156945,23.9114088 L19.6464466,23.8535534 L14.6464466,18.8535534 C14.4511845,18.6582912 14.4511845,18.3417088 14.6464466,18.1464466 C14.7983172,17.9945761 15.023579,17.960827 15.208068,18.0451996 L15.2843055,18.0885912 Z' fill='%23344B60'%3E%3C/path%3E%3C/svg%3E");
  background-position: right 0 top 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  display: flex;
  align-items: center;
  max-width: 180px;
}
zpr-select-multi .select span,
zpr-sort-filters .select span {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

label.is-icon-button {
  display: inline-flex;
  padding: 12px;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #FFF;
  background: #FFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}
label.is-icon-button input[type=radio],
label.is-icon-button input[type=checkbox] {
  display: none;
}
label.is-icon-button input[type=radio]::before,
label.is-icon-button input[type=checkbox]::before {
  display: none;
}
label.is-icon-button img.icon {
  width: 20px;
  height: 20px;
}
label.is-icon-button:has(input:checked) {
  border-color: #4A90E2;
}
label.is-icon-button:has(input:disabled) {
  color: #B4BBC3;
  cursor: default;
}

zpr-toasts {
  position: fixed;
  max-width: 672px;
  bottom: 0;
  left: 50%;
  z-index: 1000;
  overflow: visible;
  transform: translateX(-50%);
  text-align: left;
}
zpr-toasts zpr-toast {
  display: flex;
  align-items: flex-start;
  min-width: 672px;
  min-height: 64px;
  font-size: 12px;
  border-radius: 8px;
  margin: 0 auto 24px auto;
  animation: toast 0.3s forwards;
  animation-delay: 0.2s;
  transform-origin: center bottom;
  background-color: white;
  color: #073158;
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(87, 166, 255, 0.2);
  overflow: hidden;
  position: relative;
}
zpr-toasts zpr-toast .toast-left-border {
  height: 100%;
  width: 7px;
  background-color: #57A6FF;
  position: absolute;
}
zpr-toasts zpr-toast .toast-top-border {
  position: absolute;
  top: 0;
  height: 2px;
  width: 100%;
  background-color: #57A6FF;
}
zpr-toasts zpr-toast .toast-container {
  display: flex;
  align-items: center;
  margin: 12px 12px 12px 20px;
  position: relative;
}
zpr-toasts zpr-toast .toast-container .toast-type-logo {
  position: absolute;
  margin-top: 4px;
}
zpr-toasts zpr-toast .toast-container .toast-content {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  margin-left: 52px;
}
zpr-toasts zpr-toast .toast-container h1, zpr-toasts zpr-toast .toast-container p, zpr-toasts zpr-toast .toast-container a {
  font-size: 14px;
  margin: 0;
  line-height: unset;
}
zpr-toasts zpr-toast .toast-container h1 {
  font-weight: bold;
  margin-bottom: 3px;
}
zpr-toasts zpr-toast .toast-container a {
  text-decoration: underline;
  color: unset;
  cursor: pointer;
}
zpr-toasts zpr-toast .btn:hover {
  background-color: unset;
}
zpr-toasts zpr-toast .btn:hover svg {
  fill: unset;
}
zpr-toasts zpr-toast .btn.close {
  border: 0;
  font-weight: 400;
  border-radius: 10px;
  color: #073158;
  background-color: transparent;
  padding: 8px;
  min-width: unset;
}
zpr-toasts zpr-toast .btn.close svg {
  margin-right: 0;
}
zpr-toasts zpr-toast.toast-mini {
  min-width: 196px;
  min-height: 44px;
}
zpr-toasts zpr-toast.toast-mini .toast-container {
  margin: unset;
  max-width: 100%;
  padding: 8px 8px 0 12px;
  align-items: center;
}
zpr-toasts zpr-toast.toast-mini .toast-container .toast-content {
  display: unset;
  width: 80%;
  margin-left: unset;
}
zpr-toasts zpr-toast.toast-mini p {
  line-height: 1.36;
  margin-bottom: 3px;
}
zpr-toasts zpr-toast.toast-high-contrast {
  background: #073158;
}
zpr-toasts zpr-toast.toast-high-contrast .toast-container h1,
zpr-toasts zpr-toast.toast-high-contrast .toast-container p {
  color: white;
}
zpr-toasts zpr-toast.toast-high-contrast .btn svg {
  fill: white;
}
zpr-toasts zpr-toast.toast-info {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(87, 166, 255, 0.2);
}
zpr-toasts zpr-toast.toast-info .toast-left-border,
zpr-toasts zpr-toast.toast-info .toast-top-border {
  background-color: #57A6FF;
}
zpr-toasts zpr-toast.toast-warning {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(255, 186, 92, 0.2);
}
zpr-toasts zpr-toast.toast-warning .toast-left-border,
zpr-toasts zpr-toast.toast-warning .toast-top-border {
  background-color: #ffba5c;
}
zpr-toasts zpr-toast.toast-error {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(224, 31, 31, 0.2);
}
zpr-toasts zpr-toast.toast-error .toast-left-border,
zpr-toasts zpr-toast.toast-error .toast-top-border {
  background-color: #ff2828;
}
zpr-toasts zpr-toast.toast-success {
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(12, 209, 133, 0.2);
}
zpr-toasts zpr-toast.toast-success .toast-left-border,
zpr-toasts zpr-toast.toast-success .toast-top-border {
  background-color: #0BD084;
}
zpr-toasts zpr-toast [hydrated] {
  visibility: hidden;
}
zpr-toasts zpr-toast > *:first-child {
  align-self: center;
}

@keyframes toast {
  0% {
    transform: translateY(130%);
  }
  75% {
    visibility: visible;
    transform: translateY(-10px);
  }
  100% {
    visibility: visible;
    transform: translateY(0);
  }
}
.alert {
  padding: 12px 12px 12px 24px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 6px solid transparent;
  color: #073158;
  position: relative;
  border-radius: 6px;
  min-height: 64px;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 14px;
  line-height: normal;
}
.alert p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: normal;
}
.alert:before {
  content: "";
  top: 0;
  left: 0;
  display: inline-block;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
}
.alert:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
}
.alert.alert-success {
  border-left-color: #0BD084;
}
.alert.alert-success:after {
  background-color: #0BD084;
}
.alert.alert-warning {
  border-left-color: #ffba5c;
  background-color: #fff5e7;
}
.alert.alert-warning:after {
  background-color: #ffba5c;
}
.alert.alert-error {
  border-left-color: #ff2828;
}
.alert.alert-error:after {
  background-color: #ff2828;
}
.alert.alert-info {
  border-left-color: #57A6FF;
  background-color: #e6f2ff;
}
.alert.alert-info:after {
  background-color: #57A6FF;
}
.alert:not(.alert-plain) {
  padding: 12px 12px 12px 65px;
}
.alert:not(.alert-plain):before {
  width: 50px;
  height: 100%;
}
.alert:not(.alert-plain).alert-success:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230CD185' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm0 1C7.716 1 1 7.716 1 16c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z' transform='translate(-105 -75) translate(85 58) translate(20 17)'/%3E%3C/g%3E%3Cpath d='M22.687 8.625c.145-.235.454-.307.688-.16.209.129.289.387.201.607l-.04.08-8.125 13.064c-.08.13-.181.247-.298.347-.59.505-1.459.473-2.009-.052l-.106-.111-4.489-5.242c-.18-.21-.155-.526.055-.705.186-.16.456-.158.64-.009l.065.063 4.489 5.242c.18.21.495.234.705.055l.054-.054.045-.062 8.125-13.063z' transform='translate(-105 -75) translate(85 58) translate(20 17)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert:not(.alert-plain).alert-warning:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFBA5C' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M15.394 2.808c.387.194.701.508.895.895l10.858 21.715c.494.988.093 2.19-.895 2.683-.278.14-.584.212-.894.212H3.642c-1.104 0-2-.896-2-2 0-.311.073-.617.211-.895L12.711 3.703c.494-.988 1.695-1.389 2.683-.895zm-.447.895c-.458-.23-1.01-.073-1.283.346l-.058.1L2.748 25.866c-.07.14-.106.292-.106.448 0 .512.386.935.884.993l.116.006h21.716c.155 0 .308-.036.447-.105.459-.23.664-.764.493-1.234l-.046-.108L15.394 4.15c-.077-.155-.193-.286-.335-.382l-.112-.065z' transform='translate(-106 -188) translate(106.5 188)'/%3E%3Cpath d='M14.968 20.687c.028-.327.053-.638.076-.933.023-.294.043-.581.059-.86s.028-.556.038-.831c.009-.276.013-.558.013-.846v-4.858c0-.354-.286-.641-.64-.641-.354 0-.64.287-.64.64v4.859c0 .288.004.57.013.846.01.275.022.552.038.831.016.279.035.566.058.86.023.295.049.606.076.933h.91zm-.468 1.22c.087 0 .17.015.248.048.077.032.145.077.203.136.059.058.105.126.139.204.034.077.05.161.05.252 0 .087-.016.17-.05.247-.034.078-.08.146-.139.204-.058.058-.126.105-.203.139-.078.034-.16.05-.248.05-.09 0-.175-.016-.252-.05-.078-.034-.146-.08-.204-.139-.058-.058-.104-.126-.136-.204-.032-.077-.049-.16-.049-.247 0-.09.017-.175.049-.252.032-.078.078-.146.136-.204.058-.059.126-.104.204-.136.077-.033.161-.049.252-.049z' transform='translate(-106 -188) translate(106.5 188)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert:not(.alert-plain).alert-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FF2828' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm0 1C7.716 1 1 7.716 1 16c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z' transform='translate(-105 -303) translate(105 303)'/%3E%3Cpath d='M22.856 9.25c.172.174.19.444.053.637l-.058.07L16.712 16l6.139 6.044c.197.193.199.51.005.707-.172.175-.441.196-.637.063l-.07-.058L16 16.701l-6.15 6.055c-.196.194-.513.192-.706-.005-.172-.175-.19-.445-.053-.638l.058-.07L15.287 16 9.149 9.956c-.197-.193-.199-.51-.005-.707.172-.175.441-.196.637-.063l.07.058L16 15.298l6.15-6.054c.196-.194.513-.192.706.005z' transform='translate(-105 -303) translate(105 303)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert:not(.alert-plain).alert-info:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2357A6FF' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cpath d='M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm0 1C7.716 1 1 7.716 1 16c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z' transform='translate(-105 -417) translate(85 400) translate(20 17)'/%3E%3Cpath d='M16.061 10.4c.164 0 .32-.031.468-.094.148-.063.277-.15.387-.26.11-.11.199-.237.265-.378.066-.142.099-.295.099-.459 0-.163-.033-.32-.1-.467-.065-.148-.154-.277-.264-.388-.11-.11-.24-.197-.387-.26C16.38 8.031 16.225 8 16.06 8c-.164 0-.316.031-.458.094-.142.063-.266.15-.373.26-.107.11-.193.24-.256.388-.063.148-.094.304-.094.467 0 .164.031.317.094.459.063.141.149.267.256.378.107.11.231.197.373.26s.294.094.458.094zM16.8 24V12.8h-1.6V24h1.6z' transform='translate(-105 -417) translate(85 400) translate(20 17)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.alert .btn.dismissible {
  position: absolute;
  top: 9px;
  right: 0;
}

zpr-accordion {
  display: block;
  border-radius: 12px;
  padding: 0px 24px 0px 12px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.0784313725);
  visibility: hidden;
}
zpr-accordion[hydrated] {
  visibility: visible;
}
zpr-accordion zpr-accordion-panel .accordion-heading {
  cursor: pointer;
}
zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header {
  padding: 24px 0px 24px 12px;
}
zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header h3 {
  font-size: 14px;
  font-weight: bold;
  font-family: "Lato";
  line-height: 1.25;
  color: #073158;
  margin: 0;
}
zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header p {
  font-size: 14px;
  line-height: 21px;
  margin: 8px 0 0 0;
}
zpr-accordion zpr-accordion-panel .accordion-content {
  padding-bottom: 0;
  border-bottom: solid 1px #CCCCCC;
}
zpr-accordion zpr-accordion-panel .accordion-content .accordion-body {
  padding: 0 12px 24px 12px;
}
zpr-accordion zpr-accordion-panel .accordion-content .accordion-body a.learn-more {
  display: block;
  padding-bottom: 0;
  margin-top: -23px;
  padding-bottom: 24px;
}
zpr-accordion zpr-accordion-panel .accordion-content .accordion-body .table {
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
zpr-accordion zpr-accordion-panel .accordion-content ul {
  margin: 0;
  list-style: none;
  padding: 0 0 32px 0;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li {
  font-size: 14px;
  padding: 0 0 16px 20px;
  position: relative;
  margin-bottom: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li:last-child {
  padding-bottom: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li:before {
  content: "•";
  color: #073158;
  position: absolute;
  left: 5px;
  top: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-content ul li.table-row::before {
  content: "";
}
zpr-accordion zpr-accordion-panel .accordion-content p {
  font-size: 14px;
}
zpr-accordion zpr-accordion-panel:nth-last-child(1) .accordion-content {
  border-bottom: none;
}
zpr-accordion zpr-accordion-panel .accordion-open {
  height: auto;
  transition: height 0.2s;
  padding-top: 0px;
}
zpr-accordion zpr-accordion-panel .accordion-closed {
  height: 0;
  overflow: hidden;
  transition: height 0.2s;
}
zpr-accordion zpr-accordion-panel .arrow {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg' stroke='%23073158'%3E%3Cpath d='M1 1l5.07130435 5.29043478L11 1' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3E%3C/svg%3E");
  border: none;
  height: 8px;
  width: 12px;
  transform: none;
  padding: 0;
  margin: 0;
  transition: transform 0.2s;
  cursor: pointer;
}
zpr-accordion zpr-accordion-panel .arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.2s;
}
zpr-accordion.no-background {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
zpr-accordion.no-background.pl0 zpr-accordion-panel .accordion-content .accordion-body,
zpr-accordion.no-background.pl0 zpr-accordion-panel .accordion-heading .accordion-header {
  padding-left: 0;
}
zpr-accordion.compact .accordion-heading {
  justify-content: flex-start;
  gap: 8px;
}
zpr-accordion.compact.center .accordion-heading {
  justify-content: center;
}

zpr-dropdown {
  display: none;
  box-shadow: 0 2px 4px 0 rgba(52, 75, 96, 0.1), 0 1px 3px 0 rgba(52, 75, 96, 0.2);
  background-color: white;
  border-radius: 8px;
  min-width: 200px;
  width: max-content;
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 255;
  box-sizing: border-box;
  overflow-y: auto;
}
zpr-dropdown.open {
  display: block;
}
zpr-dropdown[size=large] {
  width: 268px;
}
zpr-dropdown > [slot=body] > main {
  overflow-y: auto;
}

zpr-dropdown-menu [slot=toggle] .arrow {
  display: inline-block;
  border: solid #9b9b9b;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  padding: 3px;
  margin-left: 8px;
  width: 0;
  height: 0;
}
zpr-dropdown-menu [slot=toggle] .arrow.arrow-white {
  border: solid #fff;
  border-width: 0 1px 1px 0;
}
zpr-dropdown-menu [slot=toggle]:hover .arrow {
  border: solid #4A90E2;
  border-width: 0 1px 1px 0;
}
zpr-dropdown-menu [slot=toggle]:hover .arrow.arrow-white {
  border: solid #fff;
  border-width: 0 1px 1px 0;
}
zpr-dropdown-menu[direction=right] [slot=toggle] .arrow, zpr-dropdown-menu[direction=right-up] [slot=toggle] .arrow {
  transform: rotate(-45deg);
}

.dropdown-menu zpr-dropdown-menu {
  width: 100%;
}
.dropdown-menu zpr-dropdown-menu [slot=toggle] {
  width: 100%;
  height: 40px;
  padding: 0;
}
.dropdown-menu zpr-dropdown-menu [slot=toggle] .arrow {
  margin-left: auto;
}
.dropdown-menu ul {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
.dropdown-menu ul:empty {
  display: none;
}
.dropdown-menu ul li {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: normal;
  color: #073158;
  font-size: 14px;
  padding: 0 24px 0 0;
  margin: 0;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  border-left: 3px solid transparent;
}
.dropdown-menu ul li::before {
  content: "";
}
.dropdown-menu ul li:last-of-type {
  margin-bottom: 0;
}
.dropdown-menu ul li.disabled {
  opacity: 0.33;
  cursor: not-allowed;
  pointer-events: none;
}
.dropdown-menu ul li > a > svg {
  margin-right: 8px;
}
.dropdown-menu ul li svg {
  fill: #073158;
}
.dropdown-menu ul li:hover {
  background: #EBF6FE;
  color: #4A90E2;
  border-color: #4A90E2;
}
.dropdown-menu ul li:hover svg {
  fill: #4A90E2;
}
.dropdown-menu ul li:hover.danger {
  border-color: #CE3923;
  background: #FAEBE9;
  color: #CE3923;
}
.dropdown-menu ul li:hover.danger svg {
  fill: #CE3923;
}
.dropdown-menu ul li:hover a {
  background: #EBF6FE;
  color: #4A90E2;
}
.dropdown-menu ul li.selected {
  border-color: #4A90E2;
  color: #4A90E2;
}
.dropdown-menu ul li.selected svg {
  fill: #4A90E2;
}
.dropdown-menu ul li.selected.danger {
  border-color: #CE3923;
  color: #CE3923;
}
.dropdown-menu ul li.selected.danger svg {
  fill: #CE3923;
}
.dropdown-menu ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #073158;
  transition: none;
  font-size: 14px;
  font-weight: normal;
}
.dropdown-menu ul li.section {
  font-size: 14px;
  pointer-events: none;
  color: #9b9b9b;
}
.dropdown-menu ul li.section svg:first-child {
  margin-right: 16px;
}
.dropdown-menu ul li.section:hover {
  background: none;
  color: #073158;
  border-left: none;
}
.dropdown-menu ul li.hr {
  height: 16px;
  cursor: auto;
}
.dropdown-menu ul li.hr:before {
  content: "";
  height: 1px;
  width: 100%;
  background: #CCCCCC;
}
.dropdown-menu ul li.hr:hover {
  background: none;
  border-color: transparent;
}
.dropdown-menu footer {
  border-top: 1px solid #CCC;
}
.dropdown-menu .order-group .field label,
.dropdown-menu .icon-radio-group .field label {
  display: flex;
  height: 40px;
  padding: 0 16px;
  align-items: center;
}
.dropdown-menu .icon-radio-group {
  margin: 8px 0;
}
.dropdown-menu .icon-radio-group input[type=radio] {
  display: none;
}
.dropdown-menu .icon-radio-group .field label {
  border-left: 3px solid transparent;
}
.dropdown-menu .icon-radio-group .field label svg {
  fill: #073158;
  margin-right: 12px;
}
.dropdown-menu .icon-radio-group .field label:hover {
  background: #EBF6FE;
}
.dropdown-menu .icon-radio-group .field label:hover,
.dropdown-menu .icon-radio-group .field.selected label {
  border-color: #4A90E2;
  color: #4A90E2;
}
.dropdown-menu .icon-radio-group .field label:hover svg,
.dropdown-menu .icon-radio-group .field.selected label svg {
  fill: #4A90E2;
}

zpr-dropzone {
  position: relative;
  border: 1.5px dashed #4A90E2;
  border-radius: 8px;
  text-align: center;
  word-break: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}
zpr-dropzone.dragover, zpr-dropzone:hover {
  border-color: #73B4FF;
}
zpr-dropzone.dragover .status, zpr-dropzone:hover .status {
  border-color: #73B4FF;
}
zpr-dropzone[disabled] {
  background-color: rgba(204, 204, 204, 0.33);
  border-color: #b2c4d7;
}
zpr-dropzone[disabled] .status {
  color: #b2c4d7;
}
zpr-dropzone[disabled] svg {
  stroke: #b2c4d7;
}
zpr-dropzone.idle .status [slot=drag], zpr-dropzone.idle .status [slot=selected], zpr-dropzone.idle .status [name=drag], zpr-dropzone.idle .status [name=selected], zpr-dropzone.dragover .status [slot=idle], zpr-dropzone.dragover .status [slot=selected], zpr-dropzone.dragover .status [name=idle], zpr-dropzone.dragover .status [name=selected], zpr-dropzone.selected .status [slot=idle], zpr-dropzone.selected .status [slot=drag], zpr-dropzone.selected .status [name=idle], zpr-dropzone.selected .status [name=drag] {
  display: none;
}
zpr-dropzone input[type=file] {
  opacity: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: transparent;
  position: absolute;
  z-index: 2;
}
zpr-dropzone .status {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  color: #4A90E2;
  padding: 8px;
  font-size: 14px;
}
zpr-dropzone svg {
  align-content: center;
}

zpr-ml-file {
  display: flex;
  position: relative;
  margin: 12px 0;
  background: #F8F8F8;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
zpr-ml-file img {
  width: 100%;
}
zpr-ml-file .tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 1px 8px;
  gap: 10px;
  position: absolute;
  left: 8px;
  top: 8px;
  background: #4A90E2;
  border-radius: 5px;
  color: #fff;
  z-index: 2;
}
zpr-ml-file:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
zpr-ml-file .zml-file {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  overflow: hidden;
  background-color: #F8F8F8;
}
zpr-ml-file .zml-file img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
zpr-ml-file .zml-file .zml-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  align-items: flex-end;
  transition: opacity 0.3s ease-in-out;
}
zpr-ml-file .zml-file .zml-caption p {
  padding: 0 8px;
  color: #fff;
  margin-bottom: 8px;
  overflow: hidden;
}
zpr-ml-file .zml-file .zml-caption.zml-caption-on {
  opacity: 1;
}
zpr-ml-file .zml-file .zml-caption.zml-caption-on p {
  color: #073158;
  background: rgba(255, 255, 255, 0.9);
  padding: 8px;
  margin: 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
zpr-ml-file.selected {
  padding: 2px;
  margin: 10px 0;
  border: 2px solid #4A90E2;
}
zpr-ml-file.selected .zml-caption, zpr-ml-file.selected .zml-caption.zml-caption-on,
zpr-ml-file .zml-file:hover .zml-caption,
zpr-ml-file .zml-file:hover .zml-caption.zml-caption-on {
  background: linear-gradient(180deg, rgba(52, 75, 96, 0.5) 0%, rgba(52, 75, 96, 0.25) 0.01%, rgba(52, 75, 96, 0.5) 100%);
  opacity: 1;
}
zpr-ml-file.selected .zml-caption p, zpr-ml-file.selected .zml-caption.zml-caption-on p,
zpr-ml-file .zml-file:hover .zml-caption p,
zpr-ml-file .zml-file:hover .zml-caption.zml-caption-on p {
  background: none;
  color: #fff;
}
zpr-ml-file:not(.shimmer):hover:before {
  background: linear-gradient(180deg, rgba(52, 75, 96, 0.5) 0%, rgba(52, 75, 96, 0.25) 0.01%, rgba(52, 75, 96, 0.5) 100%), linear-gradient(0deg, #CCCCCC, #CCCCCC);
  opacity: 0.25;
}
zpr-ml-file.shimmer::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-image: linear-gradient(to right, transparent 0%, #ffffff 20%, transparent 40%, transparent 100%);
  background-repeat: no-repeat;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
zpr-ml-missing-files {
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  height: calc(100% - 58px);
  background-color: #fff;
  z-index: 2;
}
zpr-ml-missing-files zpr-dropzone {
  height: 120px;
  padding-top: 16px;
  margin-bottom: 16px;
}
zpr-ml-missing-files .preview-3d {
  width: 425px;
  height: 323px;
  border-radius: 12px;
  border: 1px solid #B2C4D7;
  margin-bottom: 24px;
}
zpr-ml-missing-files .missing-files-list {
  list-style-type: none;
  margin-bottom: 32px;
}
zpr-ml-missing-files .missing-files-list li {
  font-size: 14px;
}
zpr-ml-missing-files .missing-files-list li svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
zpr-ml-missing-files .missing-files-list li:before {
  content: "";
  margin: 0;
}

zpr-ml-preview .separator {
  width: 100%;
  height: 1px;
  border-radius: 34px;
  background-color: #B2C4D7;
}
zpr-ml-preview .confirm-delete .alert {
  margin: 24px 0 0;
}
zpr-ml-preview .confirm-delete button {
  margin: 24px 0 0;
}
zpr-ml-preview .media-caption {
  display: inline-block;
  width: 100%;
}
zpr-ml-preview .media-caption zpr-inline-input {
  min-height: 40px;
}
zpr-ml-preview .media-caption zpr-inline-input > * {
  max-width: 100%;
}
zpr-ml-preview .media-caption p {
  font-size: 14px;
  margin-bottom: 0;
  overflow: hidden;
}
zpr-ml-preview .media-preview {
  position: relative;
  width: 100%;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 16px;
  height: 184px;
}
zpr-ml-preview .media-preview img, zpr-ml-preview .media-preview video {
  max-width: 100%;
  max-height: 100%;
  object-fit: fit;
}
zpr-ml-preview .media-preview audio {
  width: 100%;
}
zpr-ml-preview .media-preview canvas {
  max-width: 100%;
}
zpr-ml-preview .media-preview .preview-loading {
  position: absolute;
  top: 0;
  background-color: #f8f8f8;
  left: 0;
  height: calc(100% - 54px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
zpr-ml-preview .mt24 {
  margin-top: 24px;
}

zpr-ml-uploading zpr-ml-uploading-item {
  margin-bottom: 10px;
}
zpr-ml-uploading .progress-files-wrapper {
  overflow-y: hidden;
  height: 100%;
  margin-right: -18px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files {
  height: 100%;
  max-height: 320px;
  padding-right: 10px;
  transition: height 500ms ease-in ease-out;
  padding-bottom: 20px;
  overflow-y: auto;
}
zpr-ml-uploading .progress-files-wrapper .progress-files .uploading-row {
  height: 20px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files .progress-file {
  overflow: hidden;
  padding-right: 8px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files .progress-file p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 14px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files .progress-icon {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
zpr-ml-uploading .progress-files-wrapper .progress-files .progress-icon svg {
  width: 16px;
  height: 16px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files .progress-file-icon {
  width: 20px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
zpr-ml-uploading .progress-files-wrapper .progress-files .progress-file-icon svg {
  width: 20px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files::-webkit-scrollbar {
  width: 3px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files::-webkit-scrollbar-track {
  background-color: #CCCCCC;
  border-radius: 4px;
}
zpr-ml-uploading .progress-files-wrapper .progress-files::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #4A90E2;
}
zpr-ml-uploading .progress-files-wrapper .failed {
  color: #ff2828;
}

@keyframes growProgressBar {
  0% {
    --value: 0;
  }
  10%, 100% {
    --value: var(--value);
  }
}
:host {
  display: flex;
  width: 100%;
  min-height: 635px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(52, 75, 96, 0.05);
  border-radius: 12px;
  padding: 32px 24px !important;
}
:host .loading {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
:host .zml-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
:host .zml-content .zml-bar {
  display: flex;
  margin-bottom: 8px;
}
:host .zml-content .zml-bar zpr-dropzone {
  height: 40px;
  margin-right: 16px;
  width: 260px;
}
:host .zml-content .zml-bar .field.f2 {
  flex: 2;
}
:host .zml-content .zml-list {
  flex: 1;
  position: relative;
}
:host .zml-preview {
  width: 225px;
  padding: 0 0 0 32px;
  box-sizing: content-box;
}
:host .zml-preview.sticky {
  position: fixed;
  background-color: #FFFFFF;
  right: 0;
}
:host zpr-accordion {
  padding: 0;
  box-shadow: none;
}
:host zpr-accordion zpr-accordion-panel .accordion-content .accordion-body,
:host zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header {
  padding-left: 0px;
}
:host zpr-accordion zpr-accordion-panel .preview-row {
  height: 40px;
}
:host zpr-accordion zpr-accordion-panel .preview-row p:first-child {
  padding-right: 8px;
}
:host zpr-accordion zpr-accordion-panel .preview-row p + p {
  text-align: right;
}
:host .mb8 {
  margin-bottom: 8px;
}
:host .mr16 {
  margin-right: 16px;
}

zpr-progress-ring circle {
  stroke: #eee;
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg) translate(-100px, 0);
}

.step-bar {
  margin: 0;
}
.step-bar li {
  color: #C2C9CF;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.step-bar li::before {
  display: none;
}
.step-bar .step {
  margin-right: 8px;
  margin-bottom: 0;
}
.step-bar .step:last-child {
  margin-right: 0;
}
.step-bar .step .step-tag {
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 1px solid #C2C9CF;
  padding: 5px;
}
.step-bar .step .step-tag svg path {
  stroke: white;
}
.step-bar .step .step-text {
  margin-left: 8px;
}
.step-bar .step .track {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #C2C9CF;
  margin-top: 8px;
}
.step-bar .step .track .bar {
  background-color: #4A90E2;
  border-radius: 2px;
  height: 100%;
  width: 0;
  transition: width 0.2s ease-in-out;
}
.step-bar .step.active, .step-bar .step.completed {
  color: #4A90E2;
}
.step-bar .step.active .step-tag {
  border-color: #4A90E2;
}
.step-bar .step.active .track .bar {
  width: 100%;
}
.step-bar .step.completed .step-tag {
  background-color: #4A90E2;
  border: none;
}
.step-bar .step.completed .track {
  background-color: #4A90E2;
}

zpr-cancel-subscription-modal zpr-modal .modal-content {
  max-width: 90%;
  width: 1096px;
  padding: 32px 0 32px 32px;
}
zpr-cancel-subscription-modal zpr-modal .modal-content .f1:first-child {
  min-width: 55%;
  padding-right: 32px;
  border-right: solid 1px #CCCCCC;
  justify-content: space-between;
}
zpr-cancel-subscription-modal zpr-modal .modal-content img {
  max-width: 100%;
  width: 100%;
}
zpr-cancel-subscription-modal h4 {
  margin-left: 0;
}
zpr-cancel-subscription-modal ul {
  font-size: 14px;
}
zpr-cancel-subscription-modal ul li {
  font-size: 14px;
  font-weight: 400;
  margin: 8px 0;
}
zpr-cancel-subscription-modal textarea {
  height: 124px;
}
zpr-cancel-subscription-modal .form-content {
  min-height: 334px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
zpr-cancel-subscription-modal .form-content p.fs13 {
  font-size: 13px;
}
zpr-cancel-subscription-modal .form-content p.fs13 a {
  font-size: 13px;
}
zpr-cancel-subscription-modal .form-content .radio-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 16px;
}

zpr-workspace-notification-modal zpr-modal .modal-content {
  max-width: 748px;
}
zpr-workspace-notification-modal ul {
  max-height: 448px;
  overflow-y: auto;
}
zpr-workspace-notification-modal ul::-webkit-scrollbar {
  width: 3px;
}
zpr-workspace-notification-modal ul::-webkit-scrollbar-track {
  background-color: #CCCCCC;
  border-radius: 4px;
}
zpr-workspace-notification-modal ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #4A90E2;
}

zpr-permissions-modal form zpr-field label {
  color: #073158;
  font-weight: normal;
}

.logo-farm-5-col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  justify-content: center;
  justify-items: center;
  grid-column-gap: 40px;
}
@media (max-width: 700px) {
  .logo-farm-5-col {
    grid-template-columns: repeat(2, 1fr);
  }
  .logo-farm-5-col .logo.m-hide {
    display: none;
  }
}
.logo-farm-5-col .logo {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100px;
  width: 100%;
}
@media (max-width: 700px) {
  .logo-farm-5-col .logo:last-child:nth-child(2n+1) {
    transform: translateX(calc(50% + 20px));
  }
}

footer.page-footer {
  background-color: #F8F8F8;
}
footer.page-footer a {
  color: #073158;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
footer.page-footer a.no-cap {
  text-transform: none;
}
footer.page-footer .title {
  color: #073158;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
}
footer.page-footer .title:first-child {
  margin-top: 0;
}
footer.page-footer ul {
  width: 100%;
  padding: 0;
}
footer.page-footer ul li {
  text-align: left;
  margin-bottom: 16px;
}
footer.page-footer ul.desktop-footer {
  display: grid;
  grid-template-columns: repeat(5, auto);
  row-gap: 40px;
  justify-content: space-between;
}
footer.page-footer li::before {
  display: none;
}
footer.page-footer .footer {
  padding: 30px 0;
}
footer.page-footer .ptr {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
footer.page-footer .ptr::before, footer.page-footer .ptr::after {
  content: "";
  height: 1px;
  background: #CCCCCC;
  display: inline-block;
  flex: 1;
}
footer.page-footer .ptr img, footer.page-footer .ptr svg {
  margin: 0 20px;
}
footer.page-footer .b-line {
  border-bottom: 1px solid #CCCCCC;
}
footer.page-footer .copyr {
  color: #073158;
  font-weight: 400;
  font-size: 14px;
  flex: 1;
}
footer.page-footer .mobile-footer {
  display: none;
}
footer.page-footer .bottom-container {
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer.page-footer ul.social-icons {
  display: flex;
  width: auto;
  gap: 16px;
}
footer.page-footer ul.social-icons > li {
  width: 32px;
  height: 32px;
  margin-bottom: 0;
}

@media (max-width: 1079px) {
  footer.page-footer ul.desktop-footer {
    grid-template-columns: repeat(3, auto);
    padding: 0 64px;
  }
}
@media (max-width: 700px) {
  footer.page-footer .mobile-footer {
    display: block;
  }
  footer.page-footer ul.desktop-footer {
    display: none;
  }
  footer.page-footer zpr-accordion {
    background-color: transparent;
  }
  footer.page-footer zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header h3 {
    font-size: 16px;
  }
  footer.page-footer zpr-accordion zpr-accordion-panel .accordion-content ul {
    padding: 0;
  }
  footer.page-footer zpr-accordion zpr-accordion-panel .accordion-content ul li {
    padding: 0;
    margin-bottom: 16px;
  }
  footer.page-footer zpr-accordion zpr-accordion-panel .accordion-content ul li.title {
    font-size: 16px;
  }
  footer.page-footer .bottom-container {
    flex-direction: column;
  }
  footer.page-footer ul.social-icons {
    margin-top: 16px;
  }
}
footer.bg-black {
  background-color: #0E0E0E;
}
footer.bg-black a {
  color: white;
}
footer.bg-black .title {
  color: white;
}
footer.bg-black .copyr {
  color: white;
}
footer.bg-black svg path {
  fill: white;
}
footer.bg-black zpr-accordion zpr-accordion-panel .accordion-heading .accordion-header h3 {
  color: white;
}
footer.bg-black zpr-accordion zpr-accordion-panel .arrow {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cpath d='M1 1l5.07130435 5.29043478L11 1' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3E%3C/svg%3E");
}

.speaker {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 667px;
  margin: 0 auto 4rem auto;
}
.speaker:last-child {
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 1079px) {
  .speaker {
    max-width: 100%;
    margin: 0 auto 2rem auto;
  }
}
.speaker .speaker-photo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 0) and (max-width: 1079px) {
  .speaker .speaker-photo {
    margin-bottom: 1rem;
  }
}
.speaker .speaker-photo .circle-photo {
  margin-right: 24px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.speaker .speaker-photo .circle-photo img {
  min-width: 100px;
}
.speaker .speaker-photo .speaker-name {
  width: calc(100% - 124px);
}
.speaker .speaker-name.hide-desktop {
  margin: 0;
}
@media only screen and (min-width: 1080px) {
  .speaker .speaker-name.hide-desktop {
    display: none;
  }
}
.speaker .speaker-name.hide-mobile {
  margin-bottom: 16px;
}
@media only screen and (min-width: 0) and (max-width: 1079px) {
  .speaker .speaker-name.hide-mobile {
    display: none;
  }
}
.speaker .speaker-content {
  width: calc(100% - 124px);
}
@media only screen and (min-width: 0) and (max-width: 700px) {
  .speaker .speaker-content {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.speaker .speaker-content p {
  margin: 0;
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list .list-item {
  padding: 12px;
  border-radius: 8px;
  margin: 0 0 8px 0;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(52, 75, 96, 0.12);
  border-radius: 8px;
}
.list .list-item::before {
  content: "";
}

nav.toc-navigation {
  position: sticky;
  top: 40px;
  max-height: 75vh;
  overflow-y: scroll;
  padding-right: 16px;
}
nav.toc-navigation::after {
  content: "";
  display: block;
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 100px;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
nav.toc-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
nav.toc-navigation ul li {
  margin-bottom: 0;
}
nav.toc-navigation ul li .active {
  border-left: 1px solid #073158;
  margin-left: -1px;
  font-weight: bold;
}
nav.toc-navigation ul li.collapsable {
  overflow: hidden;
}
nav.toc-navigation ul li.collapsable.collapsed ul {
  display: none;
}
nav.toc-navigation ul li.collapsable > ul {
  display: block;
  transition: max-height 0.2s;
  border-left: 1px solid #b2c4d7;
}
nav.toc-navigation ul li.collapsable > ul a {
  padding-left: 15px;
}
nav.toc-navigation ul li.collapsable > ul > li ul {
  margin-left: 15px;
}
nav.toc-navigation ul li.collapsable > ul > li ul a {
  padding-left: 15px;
}
nav.toc-navigation ul li a {
  color: #073158;
  display: block;
  margin-bottom: 16px;
}
nav.toc-navigation ul li::before {
  display: none;
}

.zpr-label {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.zpr-label.blue {
  background: #D8E9FF;
}
.zpr-label.yellow {
  background: #FFEACC;
  color: #B26801;
}
.zpr-label.transparent {
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.floating-call-out {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  padding: 40px 32px;
  border-radius: 8px;
  box-shadow: 0px 16px 16px rgba(32, 32, 32, 0.05), 0px 8px 8px rgba(42, 42, 42, 0.05), 0px 4px 4px rgba(49, 49, 49, 0.05), 0px 2px 2px rgba(45, 45, 45, 0.05);
  column-gap: 64px;
}
.floating-call-out a {
  font-size: 16px;
}
.floating-call-out section h4, .floating-call-out section p {
  margin-bottom: 12px;
}
@media (max-width: 1079px) {
  .floating-call-out {
    row-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .floating-call-out {
    grid-template-columns: 1fr;
  }
}

zpr-triggers-list {
  display: block;
  position: relative;
  max-height: 600px;
  height: 100%;
  overflow-y: auto;
  mask-image: linear-gradient(to top, transparent 10%, black 20%);
}
zpr-triggers-list zpr-triggers-list-item {
  display: block;
  padding: 16px;
  border-radius: 8px;
  margin: 0 0 8px 0;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(52, 75, 96, 0.12);
  border-radius: 8px;
}
zpr-triggers-list zpr-triggers-list-item .appclip-tag {
  border-radius: 4px;
  background-color: #D8E9FF;
  padding: 0px 6px;
  margin: 0px 8px 0px;
  font-size: 10px;
}
zpr-triggers-list zpr-triggers-list-item .trigger-image {
  width: 96px;
  height: 96px;
  overflow: hidden;
  margin-right: 16px;
}
zpr-triggers-list zpr-triggers-list-item .trigger-image.qr img {
  width: 118px;
  height: 118px;
  max-width: none;
  transform: translate(-10px, -10px);
}
zpr-triggers-list.scroll-end {
  mask-image: none;
}

.publishing-container [data-edit] svg {
  opacity: 0;
}
.publishing-container:hover [data-edit] svg {
  opacity: 1;
}
.publishing-container .publishing-input-placeholder {
  background-color: #EBF6FE;
  border-radius: 8px;
  padding: 6px 16px;
  min-height: 33px;
  cursor: pointer;
}
.publishing-container .publishing-input-placeholder[data-disabled] {
  user-select: none;
  cursor: initial;
}

zpr-project-trigger-destination zpr-modal .field {
  min-width: 0;
}
zpr-project-trigger-destination:not([can-change]) .publishing-container .publishing-input-placeholder {
  cursor: initial;
}
zpr-project-trigger-destination zpr-tooltip {
  width: 100%;
}
zpr-project-trigger-destination .separator {
  margin-left: 8px;
  margin-right: 8px;
  min-height: 33px;
  align-content: flex-end;
}

.currency-switcher.bg-ice {
  padding-top: 30px;
  padding-bottom: 30px;
}

.plans-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 1079px) {
  .plans-container {
    justify-content: space-between;
  }
}
@media (max-width: 850px) {
  .plans-container {
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 700px) {
  .plans-container {
    flex-direction: column;
    align-items: center;
  }
}

.plans .savetag {
  padding-left: 35px;
}
@media (max-width: 1024px) {
  .plans .savetag {
    padding-left: 0px;
  }
}
.plans .tag {
  background-color: #4A90E2;
  color: #ffffff;
  border-radius: 14px;
  padding: 5px 10px;
}
.plans .tag-arrow {
  position: relative;
  top: 10px;
  left: 6px;
}
.plans .alternatives {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin: 40px 0;
}
.plans .alternatives a {
  color: #4A90E2;
  font-weight: 500;
}
@media (max-width: 700px) {
  .plans .alternatives {
    text-align: left;
  }
}
.plans .price .duration {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .plans .currency-switcher .flex {
    flex-direction: row;
  }
  .plans .currency-switcher .flex .pl16 {
    padding-left: 0px;
  }
}

#pricing[period=month] .year,
#pricing[period=year] .month,
#pricing[currency=gbp] .usd,
#pricing[currency=gbp] .eur,
#pricing[currency=usd] .gbp,
#pricing[currency=usd] .eur,
#pricing[currency=eur] .gbp,
#pricing[currency=eur] .usd,
#pricing[type=business] .edu,
#pricing[type=edu] .business {
  display: none;
}

.ent-splitview {
  min-height: 100vh;
}
.ent-splitview .ent-w500 {
  width: 500px;
}
.ent-splitview .ent-w500 .feature {
  overflow: hidden;
  height: 100%;
}
.ent-splitview .ent-w500 .feature .imgwell {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.ent-splitview .ent-w500 .feature .imgwell.img {
  background-image: url("../assets/request@2x.2250f166c3f8.jpg");
}
.ent-splitview .ent-w500 .feature .feature-content {
  padding: 0 40px;
}
.ent-splitview .ent-w500 .feature .feature-content h3 {
  margin-bottom: 45px;
}
.ent-splitview .ent-w500 .feature .feature-content h3 span {
  margin-right: 10px;
}
.ent-splitview .ent-w500 .feature .feature-content p {
  margin-bottom: 24px;
}
.ent-splitview .ent-w500 .feature .feature-content p.title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.ent-splitview .ent-w500 .feature .feature-content .logos {
  display: flex;
  max-width: 700px;
  margin: 64px auto 0 auto;
  justify-content: space-between;
}
.ent-splitview .w500 .link svg {
  transform: rotate(90deg);
}
.ent-splitview zpr-field .field {
  margin-bottom: 24px;
}
.ent-splitview zpr-field .field.error {
  margin-bottom: 9px;
}
.ent-splitview .m-show {
  display: none;
}

@media (max-width: 1080px) {
  .ent-splitview .ent-w500.flex {
    display: none;
  }
  .ent-splitview .ent-w500.flex + .acenter {
    align-items: unset;
    padding-top: 16px;
  }
  .ent-splitview .m-show {
    display: block;
  }
  .ent-splitview .m-show.flex {
    display: flex;
  }
  .ent-splitview p.large span {
    margin-right: 8px;
  }
}
@layer zpr-reset {
  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
}
[hydrated] {
  visibility: inherit;
}

.inline-helper-text {
  color: #CCCCCC;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 3px;
}

.maxw {
  max-width: 1304px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1080px) and (max-width: 1439px) {
  .maxw {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .maxw {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 700px) {
  .maxw {
    margin-left: 24px;
    margin-right: 24px;
  }
}

.maxw846 {
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
}

.full-width .maxw {
  max-width: none;
  margin-left: 80px;
  margin-right: 80px;
}
@media (min-width: 1080px) and (max-width: 1439px) {
  .full-width .maxw {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 701px) and (max-width: 1079px) {
  .full-width .maxw {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 700px) {
  .full-width .maxw {
    margin-left: 24px;
    margin-right: 24px;
  }
}