@keyframes kola-defile{to{transform:translate(-50%)}}.defile{animation:42s linear infinite kola-defile}.defile-cadre{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.defile-cadre:hover .defile{animation-play-state:paused}.demo{--cycle:11s}.demo-anime{animation-duration:var(--cycle);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:infinite}@keyframes demo-a{0%,38%{opacity:1;transform:none}42%,96%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes demo-b{0%,40%{opacity:0;transform:translate(18px)}44%,68%{opacity:1;transform:none}72%,to{opacity:0;transform:translate(-18px)}}@keyframes demo-c{0%,70%{opacity:0;transform:translate(18px)}74%,90%{opacity:1;transform:none}94%,to{opacity:0;transform:scale(.98)}}.demo-a{animation-name:demo-a}.demo-b{opacity:0;animation-name:demo-b}.demo-c{opacity:0;animation-name:demo-c}@keyframes demo-frappe{0%,5%{width:0}22%,94%{width:13ch}96%,to{width:0}}.demo-frappe{white-space:nowrap;vertical-align:bottom;width:13ch;animation-name:demo-frappe;animation-timing-function:steps(13,end);display:inline-block;overflow:hidden}@keyframes demo-curseur{50%{opacity:0}}.demo-curseur{animation:1s step-end infinite demo-curseur}@keyframes demo-choix{0%,23%{border-color:var(--kola-border);background-color:#0000}26%,92%{border-color:var(--kola-primary);background-color:var(--kola-primary-soft)}94%,to{border-color:var(--kola-border);background-color:#0000}}.demo-choix{border-color:var(--kola-primary);background-color:var(--kola-primary-soft);animation-name:demo-choix}@keyframes demo-coche{0%,23%{transform:scale(0)}26%,92%{transform:scale(1)}94%,to{transform:scale(0)}}.demo-coche{animation-name:demo-coche}@keyframes demo-detecte{0%,24%{opacity:0;transform:translateY(4px)}27%,92%{opacity:1;transform:none}94%,to{opacity:0}}.demo-detecte{animation-name:demo-detecte}@keyframes demo-appui{0%,35%{filter:none;transform:none}37%{filter:brightness(.85);transform:scale(.95)}40%,to{filter:none;transform:none}}.demo-appui{animation-name:demo-appui}@keyframes demo-ussd{0%,48%{opacity:0;transform:translateY(110%)}52%,64%{opacity:1;transform:none}67%,to{opacity:0;transform:translateY(110%)}}.demo-ussd{animation-name:demo-ussd}@keyframes demo-code{0%,54%{width:0}61%,to{width:4ch}}.demo-code{white-space:nowrap;vertical-align:bottom;width:4ch;animation-name:demo-code;animation-timing-function:steps(4,end);display:inline-block;overflow:hidden}@keyframes demo-rond{0%,72%{opacity:0;transform:scale(.5)}76%{opacity:1;transform:scale(1.1)}79%,to{opacity:1;transform:scale(1)}}.demo-rond{animation-name:demo-rond}@keyframes demo-trace{0%,75%{stroke-dashoffset:24px}81%,to{stroke-dashoffset:0}}.demo-trace{stroke-dasharray:24;animation-name:demo-trace}@keyframes demo-bulle-1{0%,2%{opacity:0;transform:translateY(12px)scale(.96)}6%,38%{opacity:1;transform:none}42%,to{opacity:0;transform:translateY(-8px)}}@keyframes demo-bulle-2{0%,44%{opacity:0;transform:translate(16px)scale(.96)}48%,68%{opacity:1;transform:none}72%,to{opacity:0;transform:translateY(-8px)}}@keyframes demo-bulle-3{0%,77%{opacity:0;transform:translateY(12px)scale(.96)}81%,93%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(-8px)}}.demo-bulle-1{animation-name:demo-bulle-1}.demo-bulle-2{animation-name:demo-bulle-2}.demo-bulle-3{animation-name:demo-bulle-3}@media (prefers-reduced-motion:reduce){.demo *{animation:none!important}}.souleve{transition:translate .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .3s}.souleve:hover{box-shadow:var(--kola-shadow);translate:0 -6px}.reflet{position:relative;overflow:hidden}.reflet:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-120%)}.reflet:hover:after{transform:translate(120%)}@keyframes kola-flux{to{stroke-dashoffset:-20px}}.flux{stroke-dasharray:4 6;animation:1.2s linear infinite kola-flux}@keyframes kola-relance{0%{background-color:var(--kola-border-strong);transform:scale(1)}4%{background-color:var(--kola-primary);transform:scale(1.5)}12%,to{background-color:var(--kola-border-strong);transform:scale(1)}}.relance{animation:5.6s ease-out infinite backwards kola-relance}.faq{interpolate-size:allow-keywords}.faq::details-content{block-size:0;transition:block-size .45s cubic-bezier(.22, 1, .36, 1), content-visibility .45s allow-discrete;overflow:hidden}.faq[open]::details-content{block-size:auto}.faq summary::-webkit-details-marker{display:none}.faq .signe{transition:transform .35s cubic-bezier(.22,1,.36,1)}.faq[open] .signe{transform:rotate(45deg)}@keyframes kola-surgit{0%{opacity:0;transform:translateY(48px)scale(.97)}to{opacity:1;transform:none}}@keyframes kola-verre{0%{background-color:#0000;border-color:#0000}to{background-color:color-mix(in srgb, var(--kola-surface) 82%, transparent);border-color:var(--kola-border)}}@keyframes kola-progression{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progression{display:none}.verre{background-color:color-mix(in srgb, var(--kola-surface) 86%, transparent);border-color:var(--kola-border)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.surgit{animation:linear both kola-surgit;animation-timeline:view();animation-range:entry calc(var(--decale,0%)) entry 100%}.monte{transform-origin:bottom;animation:linear both kola-grow;animation-timeline:view();animation-range:entry calc(10% + var(--decale,0%)) entry 100%}.verre{animation:linear both kola-verre;animation-timeline:scroll(root);animation-range:0 140px}.progression{transform-origin:0;animation:linear both kola-progression;animation-timeline:scroll(root);display:block}}}