.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-118986 .elementor-element.elementor-element-6cb0171{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-divider.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-divider:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-divider.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-118986 .elementor-element.elementor-element-7b5bb8f{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-118986 .elementor-element.elementor-element-7b5bb8f .elementor-divider-separator{width:100%;}.elementor-118986 .elementor-element.elementor-element-7b5bb8f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-118986 .elementor-element.elementor-element-5b4142e{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-118986 .elementor-element.elementor-element-5b4142e .elementor-divider-separator{width:100%;}.elementor-118986 .elementor-element.elementor-element-5b4142e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(max-width:767px){.elementor-118986 .elementor-element.elementor-element-6cb0171{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-118986 .elementor-element.elementor-element-7b5bb8f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-118986 .elementor-element.elementor-element-5b4142e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}}/* Start custom CSS for html, class: .elementor-element-803bf13 */.font-tester{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.controls {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  flex-wrap: wrap;
  gap: 1px 10px;
}

.control-group {
  width: 19%;
  position: relative;
}

.select-group {
  width: 20% ;
  position: relative;
}

.controls select,
.controls button {
  padding: 0.4rem 0.8rem;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  border-radius: 5px;
  font-size: 0.9rem;
  height: 40px;
  margin: 0px;
  background: transparent;
}

.controls button:hover {
  background-color: var(--color-text);
  color: var(--color-background);
}

.controls button.active {
  background: var(--color-text);
  color: var(--color-background);
}
.controls button:active {
  background-color: var(--color-text);
  color: var(--color-background);
}

/* Conteneurs des sliders */
[class*="slider-container"],
[class*="spacing-container"],
[class*="leading-container"],
[class*="weight-container"],
[class*="italic-container"],
[class*="display-container"] {
  position: relative;
  width: 100%;
  height: 6px;
  margin: 10px 0;
  border-radius: 4px;
 padding:0px 10px 0px 0px; 
}



/* Pistes des sliders */
[class*="slider-track"],
[class*="spacing-track"],
[class*="leading-track"],
[class*="weight-track"],
[class*="italic-track"],
[class*="display-track"] {
  width: 100%;
  height: 100%;
  background: var(--color-text);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

/* Remplissage dynamique */
[class*="slider-progress"],
[class*="spacing-progress"],
[class*="leading-progress"],
[class*="weight-progress"],
[class*="italic-progress"],
[class*="display-progress"] {
  height: 100%;
background: #000000BB;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  transition: width 0.1s linear;
}

/* Poignées (thumbs) */
[class*="slider-thumb"],
[class*="spacing-thumb"],
[class*="leading-thumb"],
[class*="weight-thumb"],
[class*="italic-thumb"],
[class*="display-thumb"] {
  width: 16px;
  height: 16px;
  background: var(--color-background);
  border-radius: 50%;
  border: solid 2px var(--color-text);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: grab;
  z-index: 10;
  transition: background 0.2s ease;
}

[class*="slider-thumb"]:active,
[class*="spacing-thumb"]:active,
[class*="leading-thumb"]:active,
[class*="weight-thumb"]:active,
[class*="italic-thumb"]:active,
[class*="display-thumb"]:active {
  cursor: grabbing;
  background: #FEC7DC;
  border: solid 2px #FEC7DC;
}



[class*="type-tester__content"] {
font-size: 100px; 
padding:50px 0;
text-align:center;
letter-spacing: 0px; 
line-height: 1.5;
font-variation-settings: 'wght' 40, 'slnt' 0, 'disp'100;
width:100%;
outline: none;
margin-top:20px;
}

[class^="type-tester__content"]:hover,
[class^="type-tester__content"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-text);
  border-radius: 5px;
background: #ffffff09;
transition:all ease-in 0.2s;
}


@media screen and (max-width: 768px) {
.elementor-118986 .elementor-element.elementor-element-803bf13 .control-group {
  width: 45%;
  position: relative;
}

.select-group {
  width: 45%;
  position: relative;
}




[class*="type-tester__content"] {
    font-size: 50px;
    padding:50px 0 0 0 !important;
    line-height:50px;
}
  
.elementor-118986 .elementor-element.elementor-element-803bf13 .controls {
  display: flex;
  justify-content: start;
    gap: 10px 5%;
}

.controls select,
.controls button {
  padding: 0.2rem 0.4rem;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  border-radius: 5px;
  font-size: 0.8rem;
  height: 40px;
  margin: 0px;
  background: transparent;
}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57f5247 */.elementor-118986 .elementor-element.elementor-element-57f5247 .control-group {
  width: 15%;
  position: relative;
}


@media screen and (max-width: 768px) {
.elementor-118986 .elementor-element.elementor-element-57f5247 .control-group {
  width: 45%;
  position: relative;
}

.select-group {
  width: 45%;
  position: relative;
}


[class*="type-tester__content"] {
    font-size: 50px;
    padding:50px 0 0 0 !important;
    line-height:50px;
}
  
.elementor-118986 .elementor-element.elementor-element-57f5247 .controls {
  display: flex;
  justify-content: start;
    gap: 10px 5%;
}

.controls select,
.controls button {
  padding: 0.2rem 0.4rem;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  border-radius: 5px;
  font-size: 0.8rem;
  height: 40px;
  margin: 0px;
  background: transparent;
}


}/* End custom CSS */