:root{
  --givi-brand-red:#e60012;
  --givi-watermark-light:rgba(20,24,28,.045);
  --givi-watermark-dark:rgba(255,255,255,.032);
}
body.givi-branded-page{
  position:relative;
  isolation:isolate;
}
body.givi-branded-page::before{
  content:"";
  position:fixed;
  z-index:0;
  right:-4vw;
  bottom:-16vh;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:min(72vw,980px);
  line-height:.72;
  font-weight:900;
  letter-spacing:-.12em;
  color:var(--givi-watermark-light);
  pointer-events:none;
  user-select:none;
}
html[data-theme="dark"] body.givi-branded-page::before{
  color:var(--givi-watermark-dark);
}
body.givi-branded-page > :not(.theme-toggle){
  position:relative;
  z-index:1;
}
.givi-original-logo{
  display:block;
  object-fit:contain;
}
.sc-logo.givi-original-logo{
  padding:0;
  background:transparent;
}
@media(max-width:720px){
  body.givi-branded-page::before{
    right:-12vw;
    bottom:-8vh;
    font-size:115vw;
  }
}


/* GIVI_OFFICIAL_CI_G_WATERMARK_V3 */
:root{
  --givi-official-g-watermark: url("/static/brand/LOGO_G_GIVI_WHITE.png");
}
body::after{
  content:"" !important;
  position:fixed !important;
  right:-5vw !important;
  bottom:-8vh !important;
  width:min(42vw,680px) !important;
  height:min(62vh,680px) !important;
  background-image:var(--givi-official-g-watermark) !important;
  background-repeat:no-repeat !important;
  background-position:right bottom !important;
  background-size:contain !important;
  opacity:.045 !important;
  pointer-events:none !important;
  z-index:0 !important;
  font-size:0 !important;
  color:transparent !important;
}
body > *{
  position:relative;
  z-index:1;
}
.givi-watermark::before,
.givi-watermark::after,
.givi-g-watermark::before,
.givi-g-watermark::after,
.brand-watermark::before,
.brand-watermark::after{
  content:none !important;
  display:none !important;
}


/* GIVI_GLOBAL_CI_UI_FIX_V1 */
:root{
  --givi-ci-g: url("/static/brand/LOGO_G_GIVI_WHITE.png");
}
body::after{
  content:"" !important;
  position:fixed !important;
  right:3.5vw !important;
  bottom:4vh !important;
  width:min(31vw,520px) !important;
  height:min(54vh,580px) !important;
  background-image:var(--givi-ci-g) !important;
  background-repeat:no-repeat !important;
  background-position:right bottom !important;
  background-size:contain !important;
  opacity:.045 !important;
  pointer-events:none !important;
  z-index:0 !important;
  font-size:0 !important;
  color:transparent !important;
}
body > *{
  position:relative;
  z-index:1;
}
@media (max-width:768px){
  body::after{
    right:1vw !important;
    bottom:2vh !important;
    width:min(44vw,280px) !important;
    height:min(38vh,320px) !important;
    opacity:.035 !important;
  }
}