.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-113839 .elementor-element.elementor-element-62b71f19{--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-113839 .elementor-element.elementor-element-5dd8946{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-113839 .elementor-element.elementor-element-5dd8946 .elementor-divider-separator{width:100%;}.elementor-113839 .elementor-element.elementor-element-5dd8946 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-113839 .elementor-element.elementor-element-1c5815d{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-113839 .elementor-element.elementor-element-1c5815d .elementor-divider-separator{width:100%;}.elementor-113839 .elementor-element.elementor-element-1c5815d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-113839 .elementor-element.elementor-element-9359e75{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-113839 .elementor-element.elementor-element-9359e75.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-113839 .elementor-element.elementor-element-21015f9{--display:flex;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-heading.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-113839 .elementor-element.elementor-element-e07dbb0{width:auto;max-width:auto;z-index:1;}.elementor-113839 .elementor-element.elementor-element-e07dbb0 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-spacer .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-spacer.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-spacer:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-spacer.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-spacer .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-113839 .elementor-element.elementor-element-b68ef82{--spacer-size:5px;}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-text-editor:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-text-editor.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-113839 .elementor-element.elementor-element-cd49ef0{width:auto;max-width:auto;z-index:1;}.elementor-113839 .elementor-element.elementor-element-cd49ef0 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-113839 .elementor-element.elementor-element-fc74588{--spacer-size:5px;}.elementor-113839 .elementor-element.elementor-element-f029db8{--display:flex;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-113839 .elementor-element.elementor-element-73a6cae{width:auto;max-width:auto;z-index:1;}.elementor-113839 .elementor-element.elementor-element-73a6cae .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-113839 .elementor-element.elementor-element-cedbd52{--spacer-size:5px;}.elementor-113839 .elementor-element.elementor-element-59a8759{width:auto;max-width:auto;z-index:1;}.elementor-113839 .elementor-element.elementor-element-59a8759 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-113839 .elementor-element.elementor-element-65e9f94{--spacer-size:5px;}.elementor-113839 .elementor-element.elementor-element-5ac1e39{--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;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-113839 .elementor-element.elementor-element-58bf72d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:15%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-113839 .elementor-element.elementor-element-2cf4c66{--display:flex;--min-height:100vh;--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;--justify-content:flex-start;--overflow:hidden;--z-index:1;}.elementor-113839 .elementor-element.elementor-element-2b53534{padding:0px 0px 0px 0px;}.elementor-113839 .elementor-element.elementor-element-9e3574d{--display:flex;}.elementor-113839 .elementor-element.elementor-element-482adf7b{margin:10% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-113839 .elementor-element.elementor-element-482adf7b .elementor-heading-title{font-size:30em;}@media(min-width:768px){.elementor-113839 .elementor-element.elementor-element-9359e75{--width:107.17%;}.elementor-113839 .elementor-element.elementor-element-2cf4c66{--width:50%;}.elementor-113839 .elementor-element.elementor-element-9e3574d{--width:50%;}}@media(max-width:1279px) and (min-width:768px){.elementor-113839 .elementor-element.elementor-element-2cf4c66{--width:100%;}.elementor-113839 .elementor-element.elementor-element-9e3574d{--width:100%;}}@media(max-width:1279px){.elementor-113839 .elementor-element.elementor-element-58bf72d{--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;}.elementor-113839 .elementor-element.elementor-element-2cf4c66{--min-height:40vh;}.elementor-113839 .elementor-element.elementor-element-482adf7b .elementor-heading-title{font-size:20em;}}@media(max-width:767px){.elementor-113839 .elementor-element.elementor-element-62b71f19{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-113839 .elementor-element.elementor-element-5dd8946{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-113839 .elementor-element.elementor-element-1c5815d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-113839 .elementor-element.elementor-element-e07dbb0{width:auto;max-width:auto;}.elementor-113839 .elementor-element.elementor-element-cd49ef0{width:auto;max-width:auto;}.elementor-113839 .elementor-element.elementor-element-f029db8{--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-113839 .elementor-element.elementor-element-73a6cae{width:auto;max-width:auto;}.elementor-113839 .elementor-element.elementor-element-59a8759{width:auto;max-width:auto;}.elementor-113839 .elementor-element.elementor-element-58bf72d{--padding-top:15%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-113839 .elementor-element.elementor-element-2cf4c66{--min-height:300px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-113839 .elementor-element.elementor-element-2586806{padding:20px 0px 0px 0px;}.elementor-113839 .elementor-element.elementor-element-482adf7b .elementor-heading-title{font-size:10em;}}/* Start custom CSS for html, class: .elementor-element-b0226be */.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-113839 .elementor-element.elementor-element-b0226be .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-113839 .elementor-element.elementor-element-b0226be .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-6d2efe4 */.elementor-113839 .elementor-element.elementor-element-6d2efe4 .control-group {
  width: 15%;
  position: relative;
}


@media screen and (max-width: 768px) {
.elementor-113839 .elementor-element.elementor-element-6d2efe4 .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-113839 .elementor-element.elementor-element-6d2efe4 .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-2b53534 */.elementor-113839 .elementor-element.elementor-element-2b53534 .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      padding: 1rem;
      background:transparent;

      align-items: center;
    justify-content: start;
    }
    
.elementor-113839 .elementor-element.elementor-element-2b53534 .controls button, .elementor-113839 .elementor-element.elementor-element-2b53534 .controls select {
      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:5px;
    }
.elementor-113839 .elementor-element.elementor-element-2b53534 .controls button:hover {
      background-color:var(--color-text);
      color:var(--color-background);
    }
 
.elementor-113839 .elementor-element.elementor-element-2b53534 .controls button.active {
      background: var(--color-text);
      color: var(--color-background);
    }
    
    .layout {
      display: flex;
      height: calc(100vh - 70px);
    }
    .preview {
      flex: 1;
      display: flex;
      align-items: center;
      background:transparent;
      transition: transform 0.2s ease;
      overflow: auto;
    }
    .preview span {
      font-size: 25vw;
      display: block;
      transition: transform 0.2s ease;
      line-height: 45vw;
      overflow: visible;
    }
    .glyphs {
      background:transparent;
      overflow-y: auto;
      padding: 1rem;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 20px 0px;
    }
    .grid span {
      font-size: 2rem;
      cursor: pointer;
      transition: color 0.2s;
      text-align: center;
      border-radius:200px;
  width: 50px;
  height: 50px;
  padding-top: 3px;
    }
    
    .grid span:hover {
      color: var(--color-background);
      background: var(--color-text);
    }
    
    
    .ligature-grid {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.15);
}

.grid-section-title{
  grid-column: 1 / -1;
  opacity: .7;
  font-size: 12px;
  letter-spacing: .04em;
  margin: 8px 0;
}

    
    
    
    @media screen and (min-width: 768px) and (max-width: 1280px) {
    .grid  {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 2rem;
    }
     
     .grid span {
      font-size: 2rem;
      text-align: center;
      border-radius:200px;
    }
  
     .preview span {
       font-size: 220px;
      display: block;
      transition: transform 0.2s ease;
      line-height: initial;
    }
}

    @media screen and (max-width: 767px) {
    .grid  {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 1.5rem;
    }
    
    .grid span {
      font-size: 1.5rem;
    }
  
    .preview span {
      font-size: 220px;
      display: block;
      transition: transform 0.2s ease;
      line-height: 150px;
      width: 100%;
      
    }
    
   .elementor-113839 .elementor-element.elementor-element-2b53534 .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0rem;
      padding: 0rem;
      background:transparent;
      border-bottom: 0px solid #ccc;
      align-items: center;
    }
    
     .elementor-113839 .elementor-element.elementor-element-2b53534 button, .elementor-113839 .elementor-element.elementor-element-2b53534 select {
         font-size:0.8rem !important;
     }
 
     
        .elementor-113839 .elementor-element.elementor-element-2b53534 .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0rem;
      padding: 0rem;
}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cf4c66 */.elementor-113839 .elementor-element.elementor-element-2cf4c66 {
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e3574d */glyphs {
  max-height: 400px;
  overflow-y: auto;
}/* End custom CSS */