@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(//alioki.fr/wp-content/plugins/iko-lingo/assets/fonts/inter-latin-var.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} .iko-lingo-sw { --iko-pad: 4px;
--iko-pad-t: var(--iko-pad);
--iko-pad-r: var(--iko-pad);
--iko-pad-b: var(--iko-pad);
--iko-pad-l: var(--iko-pad);
--iko-radius: 999px;
--iko-gap: 6px;
--iko-seg: 44px;
--iko-fond: #ffffff;
--iko-bord: rgba(28, 25, 23, .14);
--iko-bord-largeur: 1px;
--iko-bord-style: solid;
--iko-ombre: 0 1px 2px rgba(28, 25, 23, .06);
--iko-texte: #57534e;
--iko-texte-survol: #1c1917;
--iko-texte-actif: #ffffff;
--iko-actif: #1c1917;
--iko-survol: rgba(28, 25, 23, .06);
--iko-panneau: #ffffff;
--iko-panneau-bord: rgba(28, 25, 23, .14);
--iko-panneau-bord-largeur: 1px;
--iko-panneau-bord-style: solid;
--iko-panneau-ombre: 0 8px 24px rgba(28, 25, 23, .12);
--iko-panneau-rayon: 12px;
--iko-panneau-ecart: 6px; --iko-rang-pad-y: 8px;
--iko-rang-pad-x: 12px;
--iko-taille: 13px;
--iko-graisse: 600;
--iko-graisse-actif: 600;
--iko-espacement: .04em;
--iko-flou: 0px;
--iko-drapeau: 18px;
--iko-drapeau-rayon: 999px;
--iko-anneau: 0px; --iko-verre-fond: transparent;
--iko-verre-flou: 0px;
--iko-verre-trait: transparent;
--iko-anneau-actif: transparent;
--iko-anneau-largeur-actif: 0px;
--iko-inactif: 1; --iko-i: 0;
--iko-n: 3;
position: relative;
display: inline-flex;
align-items: center;
box-sizing: border-box; -webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
padding: var(--iko-pad-t) var(--iko-pad-r) var(--iko-pad-b) var(--iko-pad-l);
line-height: 1; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
background: transparent;
border: var(--iko-bord-largeur) var(--iko-bord-style) var(--iko-bord);
border-radius: var(--iko-radius);
box-shadow: var(--iko-ombre);
} .iko-lingo-sw::before {
content: "";
position: absolute;
inset: calc(-1 * var(--iko-bord-largeur));
border-radius: inherit;
background: var(--iko-fond);
-webkit-backdrop-filter: blur(var(--iko-flou));
backdrop-filter: blur(var(--iko-flou));
pointer-events: none;
}
.iko-lingo-sw button {
appearance: none;
-webkit-appearance: none;
margin: 0;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
font: inherit;
font-size: var(--iko-taille);
font-weight: var(--iko-graisse);
letter-spacing: var(--iko-espacement);
line-height: 1;
text-transform: uppercase;
color: var(--iko-texte);
} .iko-lingo-sw .iko-lingo-sw__head,
.iko-lingo-sw .iko-lingo-sw__seg,
.iko-lingo-sw .iko-lingo-sw__opt,
.iko-lingo-sw .iko-lingo-sw__item {
background-color: transparent;
background-image: none;
border: 0;
box-shadow: none;
text-shadow: none;
text-decoration: none;
color: var(--iko-texte);
transition: background-color .18s, color .18s;
}
.iko-lingo-sw button:focus-visible {
outline: 2px solid var(--iko-actif);
outline-offset: 3px;
} .iko-lingo-sw__sr {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
} .iko-lingo-sw__flag {
display: block;
flex: 0 0 auto;
width: var(--iko-drapeau);
height: var(--iko-drapeau);
border-radius: var(--iko-drapeau-rayon);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
} .iko-lingo-sw__flag--eo    { background-size: 300%; background-position: 0% 5%; }
.iko-lingo-sw__flag--fr-qc { background-size: 267%; background-position: 6% 0%; }
.iko-lingo-sw__flag--pt    { background-size: 150%; background-position: 22% 50%; } .iko-lingo-sw--button { --iko-segw: calc(
(100% - var(--iko-pad-l) - var(--iko-pad-r) - (var(--iko-n) - 1) * var(--iko-gap))
/ var(--iko-n)
);
gap: var(--iko-gap);
}
.iko-lingo-sw--button .iko-lingo-sw__seg {
position: relative;
z-index: 1;
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: center;
min-width: var(--iko-seg);
height: var(--iko-seg);
border-radius: var(--iko-radius);
transition: color .18s;
}
.iko-lingo-sw--button .iko-lingo-sw__seg[aria-pressed="true"] {
color: var(--iko-texte-actif);
font-weight: var(--iko-graisse-actif);
} .iko-lingo-sw--button .iko-lingo-sw__seg:not([aria-pressed="true"]):hover {
background-color: var(--iko-survol);
color: var(--iko-texte-survol);
}
.iko-lingo-sw--button .iko-lingo-sw__thumb {
position: absolute;
z-index: 0;
top: var(--iko-pad-t);
left: var(--iko-pad-l);
width: var(--iko-segw);
height: var(--iko-seg);
background: var(--iko-actif);
border-radius: var(--iko-radius); transform: translateX( calc( var(--iko-i) * ( 100% + var(--iko-gap) ) ) );
transition: transform .22s cubic-bezier(.4, 0, .2, 1);
} .iko-lingo-sw[data-iko-ready="0"] .iko-lingo-sw__thumb {
transition: none;
} .iko-lingo-sw--select {
gap: var(--iko-gap);
}
.iko-lingo-sw--select .iko-lingo-sw__head {
display: inline-flex;
align-items: center;
gap: var(--iko-gap);
padding: var(--iko-rang-pad-y) var(--iko-rang-pad-x);
border-radius: var(--iko-radius); position: relative;
} .iko-lingo-sw--select .iko-lingo-sw__head:hover {
background-color: var(--iko-survol);
color: var(--iko-texte-survol);
}
.iko-lingo-sw--select .iko-lingo-sw__chevron {
display: block;
width: 14px;
height: 14px;
transition: transform .18s;
} .iko-lingo-sw--select .iko-lingo-sw__chevron { transform: rotate(var(--iko-chev, 0deg)); }
.iko-lingo-sw--select[data-open="1"] .iko-lingo-sw__chevron { transform: rotate(calc(var(--iko-chev, 0deg) + 180deg)); }
.iko-lingo-sw--select .iko-lingo-sw__panel {
position: absolute;
z-index: 10;
display: flex;
top: var(--iko-p-top, auto);
right: var(--iko-p-right, auto);
bottom: var(--iko-p-bottom, auto);
left: var(--iko-p-left, auto);
transform: translate(var(--iko-p-tx, 0), var(--iko-p-ty, 0));
min-width: var(--iko-p-minw, auto);
flex-direction: var(--iko-p-dir, column);
gap: var(--iko-p-gap, 2px);
padding: 6px;
background: var(--iko-panneau);
border: var(--iko-panneau-bord-largeur) var(--iko-panneau-bord-style) var(--iko-panneau-bord);
border-radius: var(--iko-panneau-rayon);
box-shadow: var(--iko-panneau-ombre);
-webkit-backdrop-filter: blur(var(--iko-flou));
backdrop-filter: blur(var(--iko-flou));
}
.iko-lingo-sw--select .iko-lingo-sw__panel[hidden] {
display: none;
}
.iko-lingo-sw--select .iko-lingo-sw__opt {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--iko-gap);
width: 100%;
padding: var(--iko-rang-pad-y) var(--iko-rang-pad-x);
border-radius: 8px;
white-space: nowrap;
}
.iko-lingo-sw--select .iko-lingo-sw__opt:hover {
background: var(--iko-survol);
color: var(--iko-texte-survol);
}
.iko-lingo-sw--select .iko-lingo-sw__opt[aria-selected="true"] {
background: var(--iko-actif);
color: var(--iko-texte-actif);
} .iko-lingo-sw--select {
--iko-ecart: var(--iko-panneau-ecart);
--iko-p-align-left: 0;
--iko-p-align-tx: 0;
--iko-p-align-minw: 100%;
}
.iko-lingo-sw--list { --iko-ecart: var(--iko-panneau-ecart);
--iko-p-align-left: 50%;
--iko-p-align-tx: -50%;
--iko-p-align-minw: auto;
}
.iko-lingo-sw[data-iko-drop="down"] {
--iko-p-top: calc(100% + var(--iko-ecart));
--iko-p-bottom: auto;
--iko-p-left: var(--iko-p-align-left);
--iko-p-right: auto;
--iko-p-tx: var(--iko-p-align-tx);
--iko-p-ty: 0;
--iko-p-minw: var(--iko-p-align-minw);
--iko-p-dir: column;
--iko-p-gap: 2px;
--iko-chev: 0deg;
}
.iko-lingo-sw[data-iko-drop="up"] {
--iko-p-top: auto;
--iko-p-bottom: calc(100% + var(--iko-ecart));
--iko-p-left: var(--iko-p-align-left);
--iko-p-right: auto;
--iko-p-tx: var(--iko-p-align-tx);
--iko-p-ty: 0;
--iko-p-minw: var(--iko-p-align-minw);
--iko-p-dir: column;
--iko-p-gap: 2px;
--iko-chev: 180deg;
}
.iko-lingo-sw[data-iko-drop="right"] {
--iko-p-top: 50%;
--iko-p-bottom: auto;
--iko-p-left: calc(100% + var(--iko-ecart));
--iko-p-right: auto;
--iko-p-tx: 0;
--iko-p-ty: -50%;
--iko-p-minw: auto;
--iko-p-dir: row;
--iko-p-gap: 4px;
--iko-chev: -90deg;
}
.iko-lingo-sw[data-iko-drop="left"] {
--iko-p-top: 50%;
--iko-p-bottom: auto;
--iko-p-left: auto;
--iko-p-right: calc(100% + var(--iko-ecart));
--iko-p-tx: 0;
--iko-p-ty: -50%;
--iko-p-minw: auto;
--iko-p-dir: row;
--iko-p-gap: 4px;
--iko-chev: 90deg;
} .iko-lingo-sw--list {
display: inline-block;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
line-height: 0;
}
.iko-lingo-sw--list .iko-lingo-sw__head,
.iko-lingo-sw--list .iko-lingo-sw__item {
display: block;
padding: var(--iko-anneau);
border-radius: var(--iko-drapeau-rayon);
line-height: 0;
background: var(--iko-verre-fond);
box-shadow: inset 0 0 0 1px var(--iko-verre-trait);
-webkit-backdrop-filter: blur(var(--iko-verre-flou));
backdrop-filter: blur(var(--iko-verre-flou));
transition: opacity .18s, box-shadow .18s, transform .18s;
} .iko-lingo-sw--list::before {
content: none;
} .iko-lingo-sw--list .iko-lingo-sw__head {
box-shadow:
inset 0 0 0 1px var(--iko-verre-trait),
0 0 0 var(--iko-anneau-largeur-actif) var(--iko-anneau-actif);
}
.iko-lingo-sw--list .iko-lingo-sw__item {
opacity: var(--iko-inactif);
}
.iko-lingo-sw--list .iko-lingo-sw__head:hover,
.iko-lingo-sw--list .iko-lingo-sw__item:hover {
opacity: 1;
transform: scale(1.06);
}
.iko-lingo-sw--list .iko-lingo-sw__panel {
position: absolute;
z-index: 10;
display: flex;
align-items: center;
top: var(--iko-p-top, auto);
right: var(--iko-p-right, auto);
bottom: var(--iko-p-bottom, auto);
left: var(--iko-p-left, auto);
transform: translate(var(--iko-p-tx, 0), var(--iko-p-ty, 0));
flex-direction: var(--iko-p-dir, column);
gap: var(--iko-gap);
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.iko-lingo-sw--list .iko-lingo-sw__panel[hidden],
.iko-lingo-sw--list .iko-lingo-sw__item[hidden] {
display: none;
}
.iko-lingo-sw--list[data-iko-drop="left"] {
--iko-p-top: 50%; --iko-p-bottom: auto;
--iko-p-left: auto; --iko-p-right: calc(100% + var(--iko-gap));
--iko-p-tx: 0; --iko-p-ty: -50%; --iko-p-dir: row;
}  .iko-lingo-sw--button.iko-lingo-sw--classique {
--iko-pad: 2px;
--iko-gap: 1px;
--iko-seg: 35px;
--iko-fond: #f9f9f6;
--iko-bord: rgba(255, 255, 255, .4);
--iko-ombre: none;
--iko-texte: #42413d;
--iko-texte-actif: #ffffff;
--iko-actif: #919882;
--iko-taille: 12px;
--iko-graisse: 500;
--iko-graisse-actif: 500;
--iko-espacement: 0;
} .iko-lingo-sw--button.iko-lingo-sw--glass {
--iko-pad: 3px;
--iko-gap: 1px;
--iko-seg: 40px;
--iko-fond: rgba(16, 33, 28, .2);
--iko-bord: rgba(255, 255, 255, .4);
--iko-ombre: none;
--iko-flou: 3px;
--iko-texte: #ffffff;
--iko-texte-survol: #ffffff;
--iko-texte-actif: #0f1e19;
--iko-actif: #ffffff; --iko-survol: rgba(255, 255, 255, .2);
--iko-taille: 13px;
--iko-graisse: 500;
--iko-graisse-actif: 500;
--iko-espacement: 0;
} .iko-lingo-sw--select.iko-lingo-sw--classique { --iko-pad: 2px;
--iko-drapeau: 18px;
} .iko-lingo-sw--select.iko-lingo-sw--glass { --iko-pad: 4px;
--iko-fond: rgba(16, 33, 28, .2);
--iko-bord: rgba(255, 255, 255, .4);
--iko-ombre: none;
--iko-flou: 3px;
--iko-texte: #ffffff;
--iko-texte-survol: #ffffff;
--iko-texte-actif: #0f1e19;
--iko-actif: #ffffff;
--iko-survol: rgba(255, 255, 255, .14);
--iko-panneau: rgba(16, 33, 28, .2);
--iko-panneau-bord: rgba(255, 255, 255, .3);
--iko-panneau-ombre: 0 8px 24px rgba(0, 0, 0, .25);
--iko-taille: 14px;
--iko-graisse: 500;
--iko-graisse-actif: 500;
} .iko-lingo-sw--list.iko-lingo-sw--classique {
--iko-drapeau: 28px;
--iko-gap: 10px;
--iko-panneau-ecart: 10px;
--iko-anneau: 0px; --iko-verre-fond: transparent;
--iko-verre-flou: 0px;
--iko-verre-trait: transparent;
--iko-anneau-actif: #ffffff73;
--iko-anneau-largeur-actif: 1px;
--iko-inactif: .9;
} .iko-lingo-sw--list.iko-lingo-sw--glass {
--iko-drapeau: 25px;
--iko-gap: 6px;
--iko-panneau-ecart: 6px;
--iko-anneau: 5px;
--iko-verre-fond: rgba(255, 255, 255, .16);
--iko-verre-flou: 8px;
--iko-verre-trait: rgba(255, 255, 255, .3);
--iko-anneau-actif: #ffffff73;
--iko-anneau-largeur-actif: 1px;
--iko-inactif: .85;
}