:root { 
  --header-height: 160px;
}

body:not(.content-offset--off):not([data-sticky-header="0"])
  #brx-header ~ #brx-content > section:first-child:not(.bricks-shape-divider) {
  margin-block-start: calc(var(--header-height) * -1);
  padding-block-start: calc(var(--section-padding-block) + var(--header-height));
}



:where(.brxe-text-basic), :where(.brxe-text) {
  max-width:var(--paragraph-max-width);
}

:where(.brxe-heading) {
  max-width:var(--title-max-width);
}

[class*="line-clamp--"] {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-count);
}
.line-clamp--1 {
  --line-count: 1;
}
.line-clamp--2 {
  --line-count: 2;
}
.line-clamp--3 {
  --line-count: 3;
}
.line-clamp--4 {
  --line-count: 4;
}
.line-clamp--5 {
  --line-count: 5;
}


.iti__dropdown-content {
    background-color:var(--bg-secondary) !important;
}

.iti__search-input {
    background-color:var(--bg-primary) !important;
}

.iti--inline-dropdown .iti__dropdown-content {
    border:1px solid var(--border-disabled) !important;
}

.iti__search-input+.iti__country-list {
    border-top:1px solid var(--border-disabled) !important;
}

    
ul.iti__country-list {
  --sb-track-color: var(--bg-tertiary);
  --sb-thumb-color: color-mix(in oklch, var(--brand-400), transparent);
  --sb-size: 14px;
}

ul.iti__country-list::-webkit-scrollbar {
  width: var(--sb-size)
}

ul.iti__country-list::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

ul.iti__country-list::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
  
}

@supports not selector(::-webkit-scrollbar) {
  ul.iti__country-list {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}


/* =========================================
   BASE BUTTON RESET
   ========================================= */

.bricks-button {
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  cursor:pointer;
}


/* =========================================
   PRIMARY OUTLINE BUTTON
   ========================================= */

.bricks-button.outline.bricks-color-primary {
  border:1px solid var(--brand-500);
  color:var(--brand-500);

  /* layered background: glow + transparent base */
  background: radial-gradient(59.37% 41.3% at 50% 100%, rgb(125 255 200 / .20) 0%, transparent 100%),
    transparent;
}

.bricks-button.outline.bricks-color-primary:hover {
  background: radial-gradient(59.37% 41.3% at 50% 100%, rgb(125 255 200 / .20) 0%, transparent 100%),
    var(--brand-500);
  color:var(--brand-950);
  box-shadow:0 9px 20px -11px var(--brand-600);
}

/* =========================================
   SECONDARY OUTLINE BUTTON
   ========================================= */

.bricks-button.outline.bricks-color-secondary {
  border:1px solid var(--secondary-300);
  color:var(--secondary-100);

  /* layered background: glow + transparent base */
  background: radial-gradient(59.37% 41.3% at 50% 100%, rgba(204, 191, 252, 0.2) 0%, transparent 100%),
    transparent;
}

.bricks-button.outline.bricks-color-secondary:hover {
  background-color: var(--secondary-300) !important;
  background-image: radial-gradient(59.37% 41.3% at 50% 100%, rgba(70, 24, 245, 0.2) 0%, transparent 100%) !important;
  color:var(--secondary-950);
  box-shadow:0 9px 20px -11px var(--secondary-200);
}

/* =========================================
   SOLID PRIMARY BUTTON
   ========================================= */

.bricks-button.bricks-background-primary {
  color:var(--brand-100);

  background: radial-gradient(59.37% 41.3% at 50% 100%, rgb(0 51 34 / .40) 0%, transparent 100%),
    var(--brand-950);
}

.bricks-button.bricks-background-primary:hover {
  background: radial-gradient(59.37% 41.3% at 50% 100%, rgb(0 51 34 / .28) 0%, transparent 100%),
    var(--brand-500);
  color:var(--brand-950);
  box-shadow:0 9px 20px -11px var(--brand-600);
}


/* =========================================
   LIGHT OUTLINE BUTTON
   ========================================= */

.bricks-button.outline.bricks-color-light {
  border:1px solid var(--neutral-200);
  color:var(--neutral-100);

  background: radial-gradient(59.37% 41.3% at 50% 100%, rgb(255 255 255 / .15) 0%, transparent 100%),
    transparent;
}


@media (min-width: 1361px) {
  .breakout--s {
    inline-size: 60vw !important;
    max-inline-size: 60vw !important;
    margin: 0 calc(-30vw + 50%) !important;
  }
  .breakout--m {
    inline-size: 70vw !important;
    max-inline-size: 70vw !important;
    margin: 0 calc(-35vw + 50%) !important;
  }
  .breakout--l {
    inline-size: 80vw !important;
    max-inline-size: 80vw !important;
    margin: 0 calc(-40vw + 50%) !important;
  }
  .breakout--xl {
    inline-size: 90vw !important;
    max-inline-size: 90vw !important;
    margin: 0 calc(-45vw + 50%) !important;
  }
}
.breakout--full {
  inline-size: 100vw !important;
  max-inline-size: 100vw !important;
  margin-inline: calc(-50vw + 50%) !important;
  align-self: flex-start;
}

@media (max-width: 1360px) {
  [class*="breakout--"]:not(.breakout--full) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
  }}

  
.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) .brx-popup-backdrop{
  /* required: the overlay must exist and be at least partially transparent */
  background: rgba(0,0,0,.2);

  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}


/* WeGlot Switcher Style */

.country-selector.weglot-dropdown, .country-selector.weglot-dropdown ul {
	background-color:var(--bg-tertiary);
	color:var(--text-primary)
}
.country-selector.weglot-dropdown .wgcurrent, .country-selector.weglot-dropdown ul {
	border-color:var(--border-primary);
	color:var(--text-secondary)
}

.country-selector.weglot-dropdown li:hover {
	background:var(--bg-quaternary);
}

.country-selector a {
	color:var(--text-primary);
}
.country-selector.weglot-dropdown .wgcurrent:after {
  position: absolute;
  top: 17px;
  right: 8px;
  width: 13px;
  height: 13px;
  background: var(--fg-secondary);
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 6l6 6-6 6" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>') no-repeat center;
  -webkit-mask-size: contain;
  content: "";
  transition: all 200ms;
  transform: rotate(0deg);
}

.country-selector.weglot-dropdown.closed .wgcurrent:after {
  transform: rotate(-90deg);
}

.country-selector.weglot-dropdown.weglot-invert input:checked~.wgcurrent:after {
  transform: rotate(90deg);
}