@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,400;0,500;0,700;0,800;0,900;1,400;1,500;1,700;1,800;1,900&family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--margin-unit: 9px;--thickness: 4px;--voicebtn-thickness: 5px;--smallbtn: 36px;--mediumbtn: 48px;--bigbtn: 58px;--diff: calc(calc(var(--bigbtn) - var(--smallbtn)) / 2);--double-margin: calc(var(--margin-unit) * 2);--smallcorner: calc(var(--smallbtn) * .25);--mediumcorner: calc(var(--mediumbtn) * .25);--bigcorner: calc(var(--bigbtn) * .25);--animation-time: .5s;--stabilo-height: 2vw;--ink: hsl(0deg 0% 25%);--ink-light: hsl(0deg 0% 60%);--paper: hsl(60deg 8% 95%);--accent: hsl(45deg 100% 58%);--accent-light: hsl(45deg 94% 81%);--secondary: hsl(225deg 100% 76%);--error: hsl(5deg 81% 56%);--sop-hue: 180;--alt-hue: 270;--ten-hue: 0;--bas-hue: 90;--norm-color: 55%, 75%;--light-color: 55%, 75%, .5;--sop-color: hsl(var(--sop-hue), var(--norm-color));--alt-color: hsl(var(--alt-hue), var(--norm-color));--ten-color: hsl(var(--ten-hue), var(--norm-color));--bas-color: hsl(var(--bas-hue), var(--norm-color));--sop-color-light: hsl(var(--sop-hue), var(--light-color));--alt-color-light: hsl(var(--alt-hue), var(--light-color));--ten-color-light: hsl(var(--ten-hue), var(--light-color));--bas-color-light: hsl(var(--bas-hue), var(--light-color));font-size:16px}*{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent;font-variant-numeric:lining-nums}body{min-width:300px;background-color:var(--paper);color:var(--ink);font-family:Alegreya,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2{margin-bottom:.25em;font-weight:800;font-size:2.1rem;text-transform:uppercase}h3{margin-bottom:.25em;font-weight:800;font-size:1.5rem;text-transform:uppercase}.wrapper{max-width:960px;margin:0 auto;padding:0 1em}.wrapper-narrow{max-width:500px;margin:0 auto;padding:0 1em}.disabled{opacity:.33;pointer-events:none}.displaynone{display:none!important}.column{flex-direction:column}.avatar{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:100%;background-color:var(--secondary);color:#fff;font-weight:900;font-style:italic;font-size:1.6rem;font-family:Alegreya Sans,sans-serif}.avatar img,img.avatar{object-fit:cover}.title{font-weight:800;font-family:Alegreya Sans,sans-serif;text-align:center}.illustration{display:block;width:100%;margin:2rem auto}.checkmark{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:calc(var(--thickness) * 6);height:calc(var(--thickness) * 6);margin-right:calc(var(--thickness) * 1.5);border:calc(var(--thickness) * .75) solid var(--ink);border-radius:calc(var(--thickness) * 1.5);background-color:#fff}.checkmark:after{content:"";width:calc(var(--thickness) * 1);height:calc(var(--thickness) * 2.5);border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-15%,-15%)}input:checked+.checkmark{border-color:var(--accent);background-color:var(--accent)}input:checked+.checkmark:after{border:solid var(--ink);border-width:0 3px 3px 0}.partoche-btn{display:flex;justify-content:center;align-items:center;border:var(--thickness) solid var(--ink);background:white;cursor:pointer}@media (hover: hover){.partoche-btn:hover svg{fill:var(--accent)}}.partoche-btn svg{fill:var(--ink)}#partoche-conteneur{display:flex;flex-direction:column;gap:var(--margin-unit);width:100%;height:100vh;padding:var(--margin-unit);user-select:none}#partoche-conteneur.vertical{flex-direction:row}#partoche-conteneur.vertical.gaucher{flex-direction:row-reverse}#affichage{position:relative;overflow:hidden;width:100%;height:100%;border:var(--thickness) solid var(--ink);border-radius:var(--margin-unit);background:white}#pages{transition-duration:var(--animation-time);transition-property:transform;transform:translateY(0)}#pages img{display:block;box-shadow:inset 0 0 0 1px gray}.stabilo{position:absolute;display:block;width:100%;height:var(--stabilo-height);background-color:var(--secondary);opacity:.4;transform:translateY(-50%)}.stabilo.blend{mix-blend-mode:multiply}.stabilo-sop{background-color:var(--sop-color)}.stabilo-alt{background-color:var(--alt-color)}.stabilo-ten{background-color:var(--ten-color)}.stabilo-bas{background-color:var(--bas-color)}.fleche{position:absolute;top:0;display:flex;align-items:center;width:33%;height:100%;opacity:0}.fleche svg{width:15vw;margin:3vw;fill:#fff}#flechegauche{left:0;justify-content:flex-start;background:linear-gradient(to right,var(--accent),transparent)}#flechedroite{right:0;justify-content:flex-end;background:linear-gradient(to left,var(--accent),transparent)}#flechegauche:hover,#flechedroite:hover{cursor:pointer}#lecteur{--vertical-lecteur-width: 85px;position:relative;display:grid;flex-shrink:0;grid-template-rows:calc(var(--smallbtn) + var(--diff)) var(--bigbtn);grid-template-columns:auto 1fr auto;gap:var(--margin-unit);width:100%}#playBtnGroup{display:grid;grid-template-columns:var(--smallbtn) var(--bigbtn) var(--smallbtn);grid-row:-1/-2;grid-column:1/2;gap:var(--margin-unit)}#menuBtnGroup{display:grid;grid-template-columns:var(--smallbtn) var(--bigbtn) var(--smallbtn);grid-row:-1/-2;grid-column:-1/-2;gap:var(--margin-unit)}#playBtn,#pauseBtn,#menuBtn{width:var(--bigbtn);height:var(--bigbtn);border-radius:var(--bigcorner)}#playBtn svg,#pauseBtn svg,#menuBtn svg{height:calc(var(--bigbtn) * .43)}#previousMarkerBtn,#nextMarkerBtn,#repeatBtn,#repeatOneBtn,#repeatAllBtn,#optionsBtn,#metronomeBtn{align-self:center;width:var(--smallbtn);height:var(--smallbtn);border-radius:var(--smallcorner)}#previousMarkerBtn svg,#nextMarkerBtn svg,#repeatBtn svg,#repeatOneBtn svg,#repeatAllBtn svg,#optionsBtn svg,#metronomeBtn svg{height:calc(var(--smallbtn) * .43)}#playBtn svg{transform:translate(4%)}#repeatBtn svg,#repeatOneBtn svg,#repeatAllBtn svg{height:calc(var(--smallbtn) * .66)}#optionsBtn svg,#metronomeBtn svg{height:calc(var(--smallbtn) * .58)}#repeatOneBtn,#repeatAllBtn,#metronomeBtn.metronome-active{border-color:var(--accent);background-color:var(--accent)}#repeatOneBtn svg,#repeatAllBtn svg,#metronomeBtn.metronome-active svg{fill:var(--ink)}@media (hover: hover){#repeatOneBtn:hover,#repeatAllBtn:hover,#metronomeBtn.metronome-active:hover{opacity:.8}}#playBtn,#pauseBtn{grid-row:1/-1;grid-column:2/3}#previousMarkerBtn{grid-row:1/-1;grid-column:1/2}#nextMarkerBtn{grid-row:1/-1;grid-column:-2/-1}#menuBtn{grid-row:1/2;grid-column:2/3}#optionsBtn,#metronomeBtn{grid-column:-2/-1}#timeline{display:flex;flex-direction:column;grid-row:1/2;grid-column:1/-1;max-width:calc(100vw - 2 * var(--margin-unit));height:calc(var(--smallbtn) + var(--diff))}#progress-bar{position:relative;overflow:hidden;height:var(--smallbtn);border-bottom:var(--thickness) solid var(--ink);border-radius:var(--smallcorner) var(--smallcorner) 0 0}#titre{position:relative;display:block;overflow:hidden;padding:0 var(--margin-unit);font-weight:800;font-size:calc(var(--smallbtn) * .5);line-height:calc(var(--smallbtn) - var(--thickness));text-overflow:ellipsis;white-space:nowrap;cursor:pointer}#titre i{margin-left:.2em;pointer-events:none}#markers{position:absolute;bottom:0;left:0;width:100%;height:var(--margin-unit);pointer-events:none}#text-markers{position:relative;overflow:hidden;height:var(--diff);font-weight:700;font-size:calc(var(--diff) * .92);font-family:Alegreya Sans,sans-serif;line-height:1.2em}#current-marker{flex-shrink:1;width:100%}#current-marker #current-marker-text{display:none}.marker{position:absolute;bottom:0;width:0;height:0;border-width:0 var(--thickness) calc(var(--thickness) * 2) var(--thickness);border-style:solid;border-color:transparent transparent var(--ink) transparent;transform:translate(-50%) translateY(2px)}.marker-text{position:absolute;top:0;width:100%;background-color:var(--paper);white-space:nowrap;transform:translate(-.25em);font-variant-numeric:lining-nums}.marker-text:hover{cursor:pointer}.marker-text:not(.empty-marker):before{content:"";position:absolute;top:0;left:-1.5em;width:1.5em;height:1.5em;background:linear-gradient(to left,var(--paper) 15%,transparent)}#lecteur.base.expanded{grid-template-rows:var(--bigbtn);grid-template-columns:auto minmax(0,1fr) auto}#lecteur.base.expanded #timeline{grid-column:2/-2;margin-top:var(--diff)}#lecteur.base-vertical{--margin-unit: 9px;--smallbtn: 38px;--bigbtn: 62px;--smallcorner: calc(var(--smallbtn) * .25);--mediumcorner: calc(var(--mediumbtn) * .25);--bigcorner: calc(var(--bigbtn) * .25);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:var(--vertical-lecteur-width);min-width:var(--vertical-lecteur-width);height:100%;font-size:14px}#lecteur.base-vertical #playBtnGroup{display:grid;grid-template-rows:var(--bigbtn) var(--smallbtn);grid-template-columns:1fr 1fr;grid-row:1/2;grid-column:1/2}#lecteur.base-vertical #playBtn,#lecteur.base-vertical #pauseBtn{grid-row:1/2;grid-column:1/3;justify-self:center}#lecteur.base-vertical #previousMarkerBtn{grid-row:2/3;grid-column:1/2;justify-self:end}#lecteur.base-vertical #nextMarkerBtn{grid-row:2/3;grid-column:2/3;justify-self:start}#lecteur.base-vertical #menuBtnGroup{grid-template-rows:var(--smallbtn) var(--bigbtn);grid-template-columns:1fr 1fr}#lecteur.base-vertical #menuBtn{grid-row:-1/-2;grid-column:1/-1;justify-self:center;width:var(--bigbtn)}#lecteur.base-vertical #repeatBtn,#lecteur.base-vertical #repeatOneBtn,#lecteur.base-vertical #repeatAllBtn{grid-row:1/2;grid-column:1/2;justify-self:end}#lecteur.base-vertical #optionsBtn,#lecteur.base-vertical #metronomeBtn{grid-row:1/2;grid-column:-1/-2;justify-self:start}#lecteur.base-vertical #timeline{grid-row:2/3;grid-column:1/2;align-self:center;width:100%;height:100%;max-height:50vh;padding:var(--margin-unit) 0}#lecteur.base-vertical #progress-bar{height:100%}#lecteur.base-vertical #titre{display:block;height:calc(100% - var(--margin-unit));padding:var(--margin-unit);line-height:110%;white-space:break-spaces;overflow-wrap:break-word}#lecteur.base-vertical #text-markers{display:none}#lecteur.base-vertical #current-marker #current-marker-text{display:block;margin-top:var(--thickness);font-weight:800;font-style:italic;font-size:calc(var(--diff) * .92);font-family:Alegreya Sans,sans-serif;text-align:center}#lecteur.choral{grid-template-rows:calc(var(--smallbtn) + var(--diff)) calc(var(--smallbtn) * 2 + var(--margin-unit)) var(--bigbtn)}#lecteur.choral #playBtnGroup{grid-row:-2/-1}#mixer{display:flex;flex-direction:row;flex-wrap:wrap;grid-row:2/3;grid-column:1/-1;gap:var(--margin-unit)}.voice-group{display:flex;flex-grow:1;gap:var(--voicebtn-thickness);width:33%}.voice-group button{--thickness: var(--voicebtn-thickness);flex-grow:1;border-radius:calc(var(--smallbtn) * .25);font-weight:900;font-size:calc(var(--smallbtn) * .5);font-family:alegreya sans,sans-serif;text-transform:uppercase}.voice-group button.other-btn{border-color:var(--secondary);color:var(--secondary)}.voice-group button.other-btn.active{background:var(--secondary);color:#fff}button.sop-btn{border-color:var(--sop-color);color:var(--sop-color)}button.sop-btn.active{background:var(--sop-color);color:#fff}@media (hover: hover){.sop-btn:hover{border-color:var(--sop-color);background-color:#fff;color:var(--ink)}.sop-btn.active:hover{background-color:var(--sop-color)}}button.alt-btn{border-color:var(--alt-color);color:var(--alt-color)}button.alt-btn.active{background:var(--alt-color);color:#fff}@media (hover: hover){.alt-btn:hover{border-color:var(--alt-color);background-color:#fff;color:var(--ink)}.alt-btn.active:hover{background-color:var(--alt-color)}}button.ten-btn{border-color:var(--ten-color);color:var(--ten-color)}button.ten-btn.active{background:var(--ten-color);color:#fff}@media (hover: hover){.ten-btn:hover{border-color:var(--ten-color);background-color:#fff;color:var(--ink)}.ten-btn.active:hover{background-color:var(--ten-color)}}button.bas-btn{border-color:var(--bas-color);color:var(--bas-color)}button.bas-btn.active{background:var(--bas-color);color:#fff}@media (hover: hover){.bas-btn:hover{border-color:var(--bas-color);background-color:#fff;color:var(--ink)}.bas-btn.active:hover{background-color:var(--bas-color)}}#lecteur.choral.expanded{grid-template-rows:calc(var(--smallbtn) * 2 + var(--margin-unit)) var(--bigbtn);grid-template-columns:auto minmax(0,1fr) auto}#lecteur.choral.expanded #timeline{grid-row:-2/-1;grid-column:2/-2;margin-top:var(--diff)}#lecteur.choral.expanded #mixer{grid-row:1/2}#lecteur.choral-vertical{--vertical-lecteur-width: calc(2 * var(--smallbtn) + 2 * var(--margin-unit) + var(--bigbtn));--smallbtn: 8vh;--mediumbtn: 10vh;--bigbtn: 13vh;--thickness: 3px;--voicebtn-thickness: 4px;--smallcorner: calc(var(--smallbtn) * .25);--mediumcorner: calc(var(--mediumbtn) * .25);--bigcorner: calc(var(--bigbtn) * .25);grid-template-rows:var(--bigbtn) minmax(var(--mediumbtn),1fr) calc(4 * var(--mediumbtn) + 3 * var(--voicebtn-thickness)) var(--bigbtn);grid-template-columns:minmax(0,1fr);row-gap:var(--margin-unit);width:var(--vertical-lecteur-width);min-width:var(--vertical-lecteur-width);height:100%}#lecteur.choral-vertical #playBtnGroup,#lecteur.choral-vertical #timeline,#lecteur.choral-vertical #mixer,#lecteur.choral-vertical #menuBtnGroup{grid-column:1/-1}#lecteur.choral-vertical #playBtnGroup{grid-row:1/2;justify-self:center}#lecteur.choral-vertical #menuBtnGroup{justify-self:center}#lecteur.choral-vertical #timeline{grid-row:2/3;align-self:center;height:100%;max-height:20vh}#lecteur.choral-vertical #progress-bar{height:100%}#lecteur.choral-vertical #mixer{grid-row:3/4;gap:var(--voicebtn-thickness)}#lecteur.choral-vertical .voice-group{width:50%}#lecteur.choral-vertical #titre{display:block;height:calc(100% - var(--margin-unit));padding:var(--margin-unit);padding-bottom:0;line-height:110%;white-space:break-spaces;overflow-wrap:break-word}#lecteur.choral-vertical #menuBtn{grid-row:-1/-2;justify-self:center;width:var(--bigbtn)}#lecteur.choral-vertical #text-markers{display:none}#lecteur.choral-vertical #current-marker #current-marker-text{display:block;margin-top:var(--thickness);font-weight:800;font-style:italic;font-size:calc(var(--diff) * .92);font-family:Alegreya Sans,sans-serif;text-align:center}#overlay{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;padding:var(--double-margin);background-color:var(--paper)}#overlay button{width:var(--smallbtn);height:var(--smallbtn);border-radius:var(--smallcorner)}#window{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr var(--bigbtn);overflow:hidden;min-width:50vw;min-height:50vh;max-height:calc(100vh - 2 * var(--double-margin));border:var(--thickness) solid var(--ink);border-radius:var(--margin-unit);background-color:var(--ink);box-shadow:0 5px 16px 5px #0000004d}#window-title{z-index:1;display:flex;grid-row:1/2;grid-column:1/2;justify-content:flex-start;align-items:center;overflow:hidden;padding:0 var(--double-margin);color:#fff;box-shadow:0 1px 8px var(--ink);font-weight:800;font-size:1.6rem;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}#window-closeBtn{z-index:1;display:flex;grid-row:1/2;grid-column:-1/-2;justify-content:center;align-items:center;padding:var(--margin-unit);box-shadow:0 1px 8px var(--ink)}#window-closeBtn button{border-radius:100%;background-color:var(--accent)}#window-closeBtn button svg{height:calc(var(--smallbtn) * .33);fill:var(--ink)}#window-closeBtn button:hover svg{height:calc(var(--smallbtn) * .4);fill:#fff}#window-main{grid-row:2/3;grid-column:1/-1;overflow-y:auto;min-height:0}#window-buttons{z-index:1;display:flex;grid-row:-1/-2;grid-column:1/-1;gap:var(--margin-unit);justify-content:flex-end;align-items:center;padding:var(--margin-unit);background-color:var(--paper);box-shadow:0 -1px 8px var(--ink)}#window-buttons svg{width:calc(var(--smallbtn) * .6);height:calc(var(--smallbtn) * .6)}#window-buttons button:hover{border-color:var(--accent);background-color:var(--accent)}#window-buttons button:hover svg{fill:#fff}#window li{display:flex;justify-content:space-between;align-items:center;overflow:hidden;width:100%;padding:.5rem var(--double-margin);cursor:pointer}#window li .menu-title{display:block;overflow:hidden;padding-right:.2em;font-weight:700;font-size:1.2rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}#window li .menu-title i{margin-left:.1em;font-style:italic;opacity:.6}#window li.locked .menu-title{opacity:.6}#window li .menu-icon{display:none;flex-shrink:0}#window li.locked .menu-icon{display:flex;justify-content:center;align-items:center;width:1.5em;height:1.5em;border-radius:25%;background-color:var(--accent)}#window li.locked .menu-icon svg{width:60%;height:60%;fill:#fff}#menu{height:100%;background-color:var(--paper)}#menu li:nth-child(odd){background-color:#fff}#menu li:nth-child(even){background-color:var(--paper)}#menu li:hover{background-color:var(--accent)}#menu li:hover .menu-icon{background-color:#fff}#menu li:hover .menu-icon svg{fill:var(--accent)}.modal-window{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;margin:auto;padding:2em;border:var(--thickness) solid var(--ink);border-radius:var(--bigcorner);background-color:var(--paper);box-shadow:0 5px 16px 5px #0000004d;font-weight:600;text-align:center}.modal-closeBtn{z-index:1;display:flex;grid-row:1/2;grid-column:-1/-2;justify-content:flex-end;align-items:center;width:100%}.modal-closeBtn button{width:calc(var(--smallbtn) * .9);height:calc(var(--smallbtn) * .9);border-radius:100%!important;background-color:var(--accent);transform:translate(1em,-1em)}.modal-closeBtn button svg{height:calc(var(--smallbtn) * .33);fill:var(--ink)}.modal-closeBtn button:hover svg{height:calc(var(--smallbtn) * .4);fill:#fff}#loading-main{padding-top:var(--margin-unit)}#loading p{text-align:center}#loading p#loading-title{font-weight:700;font-size:1.5em}#loading p#loading-title i{margin-left:.1em;font-style:italic;opacity:.6}#loading p#loading-chargement{font-style:italic;font-size:1.3em;animation:pulse 1.5s infinite alternate;animation-timing-function:ease-out}#loading-outer{width:100%;height:var(--margin-unit);margin:var(--double-margin) 0;border-radius:99px;background-color:#fff}#loading-inner{width:0%;height:100%;border-radius:99px;background-color:var(--accent);transition:width .3s}@keyframes pulse{0%{color:var(--paper)}to{color:var(--ink)}}#settings{display:flex;justify-content:center;align-items:center;width:100%;min-height:100%;padding:1em;background-color:var(--paper);font-weight:700;font-size:1.2em;font-family:Alegreya sans,sans-serif}#settings label{text-transform:uppercase}.settings-group-grid{display:grid;grid-template-rows:1em 1em;grid-template-columns:1fr 1fr;gap:.25em;align-items:center}.settings-group{width:100%;margin-bottom:1em;padding:1em;border-radius:var(--mediumcorner);background-color:#fff}.settings-group input[type=range]{z-index:2;flex-shrink:0;grid-row:-1/-2;grid-column:1/-1;width:63vw;height:calc(var(--thickness) * 2);border-radius:99px;appearance:none}.settings-group input[type=range]::-webkit-slider-runnable-track{height:calc(var(--thickness) * 2);border-radius:99px;background-image:var(--bg);cursor:pointer}.settings-group input[type=range]::-webkit-slider-thumb{width:calc(var(--thickness) * 5);height:calc(var(--thickness) * 5);border:none;border-radius:100%;background:var(--accent);cursor:grab;transform:translateY(calc(var(--thickness) * -1.5));appearance:none}.settings-group input[type=range]::-moz-range-track{height:calc(var(--thickness) * 2);border-radius:99px;background-color:red;background-image:var(--bg);cursor:pointer}.settings-group input[type=range]::-moz-range-thumb{width:calc(var(--thickness) * 5);height:calc(var(--thickness) * 5);border:none;border-radius:100%;background:var(--accent);cursor:grab;appearance:none}.settings-output{grid-row:1/2;grid-column:-2/-1;justify-self:end;font-family:Alegreya Sans,sans-serif;opacity:.75}#colors-samples{display:block;width:100%}#colors-samples div:first-child{display:flex;gap:var(--thickness);justify-content:space-between;margin-top:.5em}#colors-samples button{font-size:.9em;cursor:default}#colors-samples button:hover{opacity:1}#settings-fullscreen{margin:0 auto}#settings-fullscreen label{display:flex;justify-content:center;align-items:center;cursor:pointer}#settings-fullscreen input{position:absolute;width:0;height:0;opacity:0;cursor:pointer}#settings-orientation{display:block}#gaucher,#droitier{font-style:italic;opacity:.66;cursor:pointer;transition:.3s}#gaucher{text-align:right}#switch-group{display:grid;grid-template-columns:1fr calc(var(--thickness) * 10) 1fr;gap:10px;align-items:center;width:100%}#switch-group .orientation-active{opacity:1;transition:.3s}#switch-group .settings-switch{position:relative;display:inline-block;width:calc(var(--thickness) * 10 + 4px);height:calc(var(--thickness) * 5 + 4px)}#switch-group input{width:0;height:0;opacity:0}#switch-group .settings-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background-color:var(--paper);cursor:pointer}#switch-group .settings-switch-slider:before{content:"";position:absolute;bottom:2px;left:2px;width:calc(var(--thickness) * 5);height:calc(var(--thickness) * 5);border-radius:100%;background-color:var(--accent);transition:.3s}#switch-group input:checked+.settings-switch-slider:before{transform:translate(calc(var(--thickness) * 5))}.settings-group-radio{display:flex;justify-content:center;margin-top:1rem}.settings-group-radio label{position:relative;display:inline-grid;grid-template-columns:calc(var(--thickness) * 5) auto;gap:.4em;margin:0 .75rem;font-style:italic;text-transform:capitalize!important;cursor:pointer;user-select:none}.settings-group-radio input{display:grid;place-content:center;width:0;height:0;margin:0;border:3px solid var(--paper);border-radius:50%;background-color:#fff;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-group-radio .radio-checkmark{position:absolute;top:0;left:0;width:calc(var(--thickness) * 5);height:calc(var(--thickness) * 5);border:3px solid var(--paper);border-radius:100%;background-color:#fff;transition:.2s ease-in-out;transform:translateY(-.05em)}.settings-group-radio label input:hover~.radio-checkmark{background-color:var(--paper)}.settings-group-radio label input:checked~.radio-checkmark{border-color:var(--accent);background-color:var(--accent)}.animation-target{-webkit-animation:animation 5s linear infinite both;animation:animation 5s linear infinite both}@-webkit-keyframes animation{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}0.42%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-11.127,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-11.127,0,1)}0.82%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-18.051,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-18.051,0,1)}1.64%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-22.991,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-22.991,0,1)}2.48%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-19.465,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-19.465,0,1)}3.32%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-12.292,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-12.292,0,1)}4.16%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.151,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.151,0,1)}5.01%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.023,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.023,0,1)}5.83%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.71,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.71,0,1)}6.65%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-3.439,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-3.439,0,1)}10.01%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.007,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.007,0,1)}11.65%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.514,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.514,0,1)}15.02%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.002,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.002,0,1)}16.66%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.077,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.077,0,1)}18.9%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.024,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.024,0,1)}19%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.022,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.022,0,1)}19.9%{-webkit-transform:matrix3d(1,0,0,0,.308,1,0,0,0,0,1,0,0,-.002,0,1);transform:matrix3d(1,0,0,0,.308,1,0,0,0,0,1,0,0,-.002,0,1)}19.94%{-webkit-transform:matrix3d(1,0,0,0,.325,1,0,0,0,0,1,0,0,-.001,0,1);transform:matrix3d(1,0,0,0,.325,1,0,0,0,0,1,0,0,-.001,0,1)}20%{-webkit-transform:matrix3d(1,0,0,0,.348,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,.348,1,0,0,0,0,1,0,0,0,0,1)}20.86%{-webkit-transform:matrix3d(1,0,0,0,.701,1,0,0,0,0,1,0,257.135,0,0,1);transform:matrix3d(1,0,0,0,.701,1,0,0,0,0,1,0,257.135,0,0,1)}20.88%{-webkit-transform:matrix3d(1,0,0,0,.709,1,0,0,0,0,1,0,262.733,0,0,1);transform:matrix3d(1,0,0,0,.709,1,0,0,0,0,1,0,262.733,0,0,1)}21.72%{-webkit-transform:matrix3d(1,0,0,0,.997,1,0,0,0,0,1,0,439.293,0,0,1);transform:matrix3d(1,0,0,0,.997,1,0,0,0,0,1,0,439.293,0,0,1)}21.82%{-webkit-transform:matrix3d(1,0,0,0,1.022,1,0,0,0,0,1,0,454.1,0,0,1);transform:matrix3d(1,0,0,0,1.022,1,0,0,0,0,1,0,454.1,0,0,1)}22.58%{-webkit-transform:matrix3d(1,0,0,0,1.127,1,0,0,0,0,1,0,526.138,0,0,1);transform:matrix3d(1,0,0,0,1.127,1,0,0,0,0,1,0,526.138,0,0,1)}22.74%{-webkit-transform:matrix3d(1,0,0,0,1.13,1,0,0,0,0,1,0,533.885,0,0,1);transform:matrix3d(1,0,0,0,1.13,1,0,0,0,0,1,0,533.885,0,0,1)}23.44%{-webkit-transform:matrix3d(1,0,0,0,1.087,1,0,0,0,0,1,0,546.667,0,0,1);transform:matrix3d(1,0,0,0,1.087,1,0,0,0,0,1,0,546.667,0,0,1)}23.86%{-webkit-transform:matrix3d(1,0,0,0,1.036,1,0,0,0,0,1,0,543.577,0,0,1);transform:matrix3d(1,0,0,0,1.036,1,0,0,0,0,1,0,543.577,0,0,1)}24.99%{-webkit-transform:matrix3d(1,0,0,0,.897,1,0,0,0,0,1,0,522.265,0,0,1);transform:matrix3d(1,0,0,0,.897,1,0,0,0,0,1,0,522.265,0,0,1)}25.67%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,510.313,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,510.313,0,0,1)}26.11%{-webkit-transform:matrix3d(1,0,0,0,.815,1,0,0,0,0,1,0,504.672,0,0,1);transform:matrix3d(1,0,0,0,.815,1,0,0,0,0,1,0,504.672,0,0,1)}27.21%{-webkit-transform:matrix3d(1,0,0,0,.794,1,0,0,0,0,1,0,497.684,0,0,1);transform:matrix3d(1,0,0,0,.794,1,0,0,0,0,1,0,497.684,0,0,1)}27.89%{-webkit-transform:matrix3d(1,0,0,0,.799,1,0,0,0,0,1,0,496.885,0,0,1);transform:matrix3d(1,0,0,0,.799,1,0,0,0,0,1,0,496.885,0,0,1)}29.43%{-webkit-transform:matrix3d(1,0,0,0,.829,1,0,0,0,0,1,0,498.514,0,0,1);transform:matrix3d(1,0,0,0,.829,1,0,0,0,0,1,0,498.514,0,0,1)}31.65%{-webkit-transform:matrix3d(1,0,0,0,.848,1,0,0,0,0,1,0,500.155,0,0,1);transform:matrix3d(1,0,0,0,.848,1,0,0,0,0,1,0,500.155,0,0,1)}32.33%{-webkit-transform:matrix3d(1,0,0,0,.847,1,0,0,0,0,1,0,500.208,0,0,1);transform:matrix3d(1,0,0,0,.847,1,0,0,0,0,1,0,500.208,0,0,1)}36.1%{-webkit-transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.99,0,0,1);transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.99,0,0,1)}36.8%{-webkit-transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.986,0,0,1);transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.986,0,0,1)}39%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,499.997,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,499.997,0,0,1)}39.9%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,500,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,500,0,0,1)}40%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,-200,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,-200,0,0,1)}40.94%{-webkit-transform:matrix3d(1,0,0,0,.514,1,0,0,0,0,1,0,-110.061,0,0,1);transform:matrix3d(1,0,0,0,.514,1,0,0,0,0,1,0,-110.061,0,0,1)}41.88%{-webkit-transform:matrix3d(1,0,0,0,.13,1,0,0,0,0,1,0,-23.308,0,0,1);transform:matrix3d(1,0,0,0,.13,1,0,0,0,0,1,0,-23.308,0,0,1)}42.82%{-webkit-transform:matrix3d(1,0,0,0,-.183,1,0,0,0,0,1,0,28.182,0,0,1);transform:matrix3d(1,0,0,0,-.183,1,0,0,0,0,1,0,28.182,0,0,1)}43.74%{-webkit-transform:matrix3d(1,0,0,0,-.291,1,0,0,0,0,1,0,42.422,0,0,1);transform:matrix3d(1,0,0,0,-.291,1,0,0,0,0,1,0,42.422,0,0,1)}44.86%{-webkit-transform:matrix3d(1,0,0,0,-.197,1,0,0,0,0,1,0,30.11,0,0,1);transform:matrix3d(1,0,0,0,-.197,1,0,0,0,0,1,0,30.11,0,0,1)}45.99%{-webkit-transform:matrix3d(1,0,0,0,-.058,1,0,0,0,0,1,0,9.518,0,0,1);transform:matrix3d(1,0,0,0,-.058,1,0,0,0,0,1,0,9.518,0,0,1)}47.11%{-webkit-transform:matrix3d(1,0,0,0,.024,1,0,0,0,0,1,0,-4.114,0,0,1);transform:matrix3d(1,0,0,0,.024,1,0,0,0,0,1,0,-4.114,0,0,1)}48.21%{-webkit-transform:matrix3d(1,0,0,0,.046,1,0,0,0,0,1,0,-7.836,0,0,1);transform:matrix3d(1,0,0,0,.046,1,0,0,0,0,1,0,-7.836,0,0,1)}50.43%{-webkit-transform:matrix3d(1,0,0,0,.01,1,0,0,0,0,1,0,-1.758,0,0,1);transform:matrix3d(1,0,0,0,.01,1,0,0,0,0,1,0,-1.758,0,0,1)}52.65%{-webkit-transform:matrix3d(1,0,0,0,-.009,1,0,0,0,0,1,0,1.447,0,0,1);transform:matrix3d(1,0,0,0,-.009,1,0,0,0,0,1,0,1.447,0,0,1)}57.1%{-webkit-transform:matrix3d(1,0,0,0,.002,1,0,0,0,0,1,0,-.267,0,0,1);transform:matrix3d(1,0,0,0,.002,1,0,0,0,0,1,0,-.267,0,0,1)}59.9%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.007,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.007,0,0,1)}60%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}60%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}61.72%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}63.44%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}65.17%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}66.89%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}71.33%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}75.78%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}84.66%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}93.59%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}to{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}}@keyframes animation{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}0.42%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-11.127,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-11.127,0,1)}0.82%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-18.051,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-18.051,0,1)}1.64%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-22.991,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-22.991,0,1)}2.48%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-19.465,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-19.465,0,1)}3.32%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-12.292,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-12.292,0,1)}4.16%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.151,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.151,0,1)}5.01%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.023,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.023,0,1)}5.83%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.71,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.71,0,1)}6.65%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-3.439,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-3.439,0,1)}10.01%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.007,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.007,0,1)}11.65%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.514,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.514,0,1)}15.02%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.002,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.002,0,1)}16.66%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.077,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.077,0,1)}18.9%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.024,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.024,0,1)}19%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.022,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.022,0,1)}19.9%{-webkit-transform:matrix3d(1,0,0,0,.308,1,0,0,0,0,1,0,0,-.002,0,1);transform:matrix3d(1,0,0,0,.308,1,0,0,0,0,1,0,0,-.002,0,1)}19.94%{-webkit-transform:matrix3d(1,0,0,0,.325,1,0,0,0,0,1,0,0,-.001,0,1);transform:matrix3d(1,0,0,0,.325,1,0,0,0,0,1,0,0,-.001,0,1)}20%{-webkit-transform:matrix3d(1,0,0,0,.348,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,.348,1,0,0,0,0,1,0,0,0,0,1)}20.86%{-webkit-transform:matrix3d(1,0,0,0,.701,1,0,0,0,0,1,0,257.135,0,0,1);transform:matrix3d(1,0,0,0,.701,1,0,0,0,0,1,0,257.135,0,0,1)}20.88%{-webkit-transform:matrix3d(1,0,0,0,.709,1,0,0,0,0,1,0,262.733,0,0,1);transform:matrix3d(1,0,0,0,.709,1,0,0,0,0,1,0,262.733,0,0,1)}21.72%{-webkit-transform:matrix3d(1,0,0,0,.997,1,0,0,0,0,1,0,439.293,0,0,1);transform:matrix3d(1,0,0,0,.997,1,0,0,0,0,1,0,439.293,0,0,1)}21.82%{-webkit-transform:matrix3d(1,0,0,0,1.022,1,0,0,0,0,1,0,454.1,0,0,1);transform:matrix3d(1,0,0,0,1.022,1,0,0,0,0,1,0,454.1,0,0,1)}22.58%{-webkit-transform:matrix3d(1,0,0,0,1.127,1,0,0,0,0,1,0,526.138,0,0,1);transform:matrix3d(1,0,0,0,1.127,1,0,0,0,0,1,0,526.138,0,0,1)}22.74%{-webkit-transform:matrix3d(1,0,0,0,1.13,1,0,0,0,0,1,0,533.885,0,0,1);transform:matrix3d(1,0,0,0,1.13,1,0,0,0,0,1,0,533.885,0,0,1)}23.44%{-webkit-transform:matrix3d(1,0,0,0,1.087,1,0,0,0,0,1,0,546.667,0,0,1);transform:matrix3d(1,0,0,0,1.087,1,0,0,0,0,1,0,546.667,0,0,1)}23.86%{-webkit-transform:matrix3d(1,0,0,0,1.036,1,0,0,0,0,1,0,543.577,0,0,1);transform:matrix3d(1,0,0,0,1.036,1,0,0,0,0,1,0,543.577,0,0,1)}24.99%{-webkit-transform:matrix3d(1,0,0,0,.897,1,0,0,0,0,1,0,522.265,0,0,1);transform:matrix3d(1,0,0,0,.897,1,0,0,0,0,1,0,522.265,0,0,1)}25.67%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,510.313,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,510.313,0,0,1)}26.11%{-webkit-transform:matrix3d(1,0,0,0,.815,1,0,0,0,0,1,0,504.672,0,0,1);transform:matrix3d(1,0,0,0,.815,1,0,0,0,0,1,0,504.672,0,0,1)}27.21%{-webkit-transform:matrix3d(1,0,0,0,.794,1,0,0,0,0,1,0,497.684,0,0,1);transform:matrix3d(1,0,0,0,.794,1,0,0,0,0,1,0,497.684,0,0,1)}27.89%{-webkit-transform:matrix3d(1,0,0,0,.799,1,0,0,0,0,1,0,496.885,0,0,1);transform:matrix3d(1,0,0,0,.799,1,0,0,0,0,1,0,496.885,0,0,1)}29.43%{-webkit-transform:matrix3d(1,0,0,0,.829,1,0,0,0,0,1,0,498.514,0,0,1);transform:matrix3d(1,0,0,0,.829,1,0,0,0,0,1,0,498.514,0,0,1)}31.65%{-webkit-transform:matrix3d(1,0,0,0,.848,1,0,0,0,0,1,0,500.155,0,0,1);transform:matrix3d(1,0,0,0,.848,1,0,0,0,0,1,0,500.155,0,0,1)}32.33%{-webkit-transform:matrix3d(1,0,0,0,.847,1,0,0,0,0,1,0,500.208,0,0,1);transform:matrix3d(1,0,0,0,.847,1,0,0,0,0,1,0,500.208,0,0,1)}36.1%{-webkit-transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.99,0,0,1);transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.99,0,0,1)}36.8%{-webkit-transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.986,0,0,1);transform:matrix3d(1,0,0,0,.838,1,0,0,0,0,1,0,499.986,0,0,1)}39%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,499.997,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,499.997,0,0,1)}39.9%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,500,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,500,0,0,1)}40%{-webkit-transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,-200,0,0,1);transform:matrix3d(1,0,0,0,.839,1,0,0,0,0,1,0,-200,0,0,1)}40.94%{-webkit-transform:matrix3d(1,0,0,0,.514,1,0,0,0,0,1,0,-110.061,0,0,1);transform:matrix3d(1,0,0,0,.514,1,0,0,0,0,1,0,-110.061,0,0,1)}41.88%{-webkit-transform:matrix3d(1,0,0,0,.13,1,0,0,0,0,1,0,-23.308,0,0,1);transform:matrix3d(1,0,0,0,.13,1,0,0,0,0,1,0,-23.308,0,0,1)}42.82%{-webkit-transform:matrix3d(1,0,0,0,-.183,1,0,0,0,0,1,0,28.182,0,0,1);transform:matrix3d(1,0,0,0,-.183,1,0,0,0,0,1,0,28.182,0,0,1)}43.74%{-webkit-transform:matrix3d(1,0,0,0,-.291,1,0,0,0,0,1,0,42.422,0,0,1);transform:matrix3d(1,0,0,0,-.291,1,0,0,0,0,1,0,42.422,0,0,1)}44.86%{-webkit-transform:matrix3d(1,0,0,0,-.197,1,0,0,0,0,1,0,30.11,0,0,1);transform:matrix3d(1,0,0,0,-.197,1,0,0,0,0,1,0,30.11,0,0,1)}45.99%{-webkit-transform:matrix3d(1,0,0,0,-.058,1,0,0,0,0,1,0,9.518,0,0,1);transform:matrix3d(1,0,0,0,-.058,1,0,0,0,0,1,0,9.518,0,0,1)}47.11%{-webkit-transform:matrix3d(1,0,0,0,.024,1,0,0,0,0,1,0,-4.114,0,0,1);transform:matrix3d(1,0,0,0,.024,1,0,0,0,0,1,0,-4.114,0,0,1)}48.21%{-webkit-transform:matrix3d(1,0,0,0,.046,1,0,0,0,0,1,0,-7.836,0,0,1);transform:matrix3d(1,0,0,0,.046,1,0,0,0,0,1,0,-7.836,0,0,1)}50.43%{-webkit-transform:matrix3d(1,0,0,0,.01,1,0,0,0,0,1,0,-1.758,0,0,1);transform:matrix3d(1,0,0,0,.01,1,0,0,0,0,1,0,-1.758,0,0,1)}52.65%{-webkit-transform:matrix3d(1,0,0,0,-.009,1,0,0,0,0,1,0,1.447,0,0,1);transform:matrix3d(1,0,0,0,-.009,1,0,0,0,0,1,0,1.447,0,0,1)}57.1%{-webkit-transform:matrix3d(1,0,0,0,.002,1,0,0,0,0,1,0,-.267,0,0,1);transform:matrix3d(1,0,0,0,.002,1,0,0,0,0,1,0,-.267,0,0,1)}59.9%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.007,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.007,0,0,1)}60%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}60%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}61.72%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}63.44%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}65.17%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}66.89%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}71.33%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}75.78%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}84.66%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}93.59%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}to{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:scaleZ(1)}}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}#homepage-container{--shadow: drop-shadow(0 1px 2px rgb(60 64 67 / 30%)) drop-shadow(0 2px 6px rgb(60 64 67 / 15%));font-family:Alegreya Sans,sans-serif}#homepage-container header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background-color:#fff;filter:var(--shadow)}#homepage-container .logo{height:2rem}#homepage-container .logo img{height:100%}#desktop-menu{display:none;margin-right:1rem}#desktop-menu ul{display:flex;gap:2em;align-items:center;list-style-type:none;font-weight:700;text-transform:uppercase}#desktop-menu li a{color:inherit;text-decoration:none}#desktop-menu li a[href="#signup"]{padding:.5em 1em;border-radius:.5em;background-color:var(--accent)}#desktop-menu li a[href="#signup"]:hover{color:#fff}#desktop-menu li a[href="#account"]{display:flex;align-items:center;border-radius:.5em;color:var(--secondary)}#desktop-menu li a[href="#account"] img{width:3rem;height:3rem;margin-left:.25em;border-radius:100%}#desktop-menu li a[href="#account"] .avatar{margin-left:.25em}#desktop-menu li a[href="#account"]:hover .avatar{background-color:var(--accent)}#desktop-menu li a:hover{color:var(--accent)}#mobile-menu{position:absolute;bottom:calc(100% - 4rem);left:0;z-index:2;width:100%;padding:1em;background-color:#fff;transition:all ease-in-out .66s}#mobile-menu ul{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1em;justify-content:space-around;list-style-type:none;font-weight:800;text-transform:uppercase}#mobile-menu li{width:100%;text-align:center}#mobile-menu li a{padding:.5em 1em;color:inherit;text-decoration:none}#mobile-menu li a[href="#signup"]{padding:.5em 1em;border-radius:.5em;background-color:var(--accent)}#mobile-menu li a[href="#account"]{padding:.5em 1em;border-radius:.5em;background-color:var(--secondary);color:#fff}#mobile-menu li a:active{background-color:var(--accent);color:#fff}#mobile-menu.visible{transform:translateY(100%)}#mobile-nav{display:flex;justify-content:center;align-items:center;gap:1rem}#mobile-avatar .avatar{overflow:hidden;width:2rem;height:2rem;font-size:1.3rem}#mobile-avatar a{text-decoration:none}#hamburger{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;cursor:pointer}#hamburger svg{width:80%;height:80%;fill:var(--ink)}#hero{margin-bottom:1rem;padding:0;background:radial-gradient(at 30% 5rem,var(--accent),66%,hsl(40deg,100%,40%))}#hero .wrapper{padding-left:0}.hero-grid{display:grid;max-width:500px;margin:0 auto}.animation-container{overflow:hidden;width:100%;padding-top:1.5rem;padding-left:1rem}.animation-container h1{color:#fff;font-weight:900;font-style:italic;font-size:3.9rem;line-height:80%}.animation-container h2{margin-bottom:.5em;font-weight:700;font-size:2.4rem;line-height:100%;text-transform:none}.animation-container p{margin-bottom:1em;font-weight:500;font-size:1.1rem;line-height:130%}.animation-container p span{font-weight:800;font-style:italic;font-family:Alegreya,serif}.animated-gif{display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;padding-left:1rem}.animated-gif img{width:100%}.subscribe-btn{padding-left:1rem}.subscribe-btn a{display:block;width:100%;margin-bottom:1em;padding:.5em 1em;border:var(--secondary) solid var(--thickness);border-radius:var(--mediumcorner);background-color:var(--secondary);color:#fff;font-weight:800;font-size:1rem;letter-spacing:.07em;text-align:center;text-decoration:none;text-transform:uppercase}.subscribe-btn a:hover{background-color:#fff;color:var(--secondary)}.input-container{display:flex;align-items:center;width:100%;max-width:500px;margin:2rem auto;padding:0 1rem}.input-container input{width:100%;padding:.5em 1em;border:1px solid rgba(0,0,0,.33);border-radius:var(--mediumcorner);color:var(--ink);font-size:1.25rem;font-family:Alegreya sans,sans-serif}.input-container input::placeholder{color:#00000054}.input-container input:focus{border-color:var(--accent)}.input-container svg{width:24px;height:24px;margin-left:calc(-24px - 1em);fill:var(--accent)}#output{position:relative;padding:0}.output-container{position:absolute;top:-1em;left:50%;z-index:2;width:calc(100% - 2rem);max-width:calc(500px - 1rem);padding:.5em;border:1px solid rgba(0,0,0,.33);border-radius:var(--mediumcorner);background-color:#fff;color:var(--ink);font-size:1.25rem;transform:translate(-50%)}.output-link{display:flex;flex-direction:column;justify-content:center;height:3em;padding:.5em 1em;border-radius:.33em;color:var(--ink);font-weight:800;font-size:1em;text-decoration:none}.output-link:hover{background-color:var(--paper)}.output-link>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.in-titles{text-transform:uppercase}.found-in{color:#00000054;font-weight:800;font-style:italic;font-size:.8em;text-transform:uppercase}.splide__slide{height:16rem;padding:.5rem;color:var(--ink);filter:var(--shadow)}.splide__slide a{color:inherit;text-decoration:none}.splide__list{color:transparent}.carousel-heading{padding-left:.5rem}.carousel-wrapper{position:relative;margin-bottom:2rem;padding-right:.5rem}.splide__arrow{background:transparent;opacity:.9}.splide__arrow svg{fill:var(--ink)}.splide__arrow:hover:not(:disabled){background:rgba(255,255,255,.75);opacity:1}.splide__arrow--prev{left:-1em}.splide__arrow--next{right:-1em}.splide__pagination{bottom:-1em}.splide__pagination__page{width:7px;height:7px;background:var(--ink-light)}.splide__pagination__page.is-active{background:var(--accent);transform:scale(1.5)}.card-image{overflow:hidden;height:50%;border-radius:var(--bigcorner) var(--bigcorner) 0 0;background-position:top center;background-size:cover}.card-image img{width:100%}.card-main{display:flex;flex-direction:column;justify-content:space-between;height:50%;padding:.5rem 1rem 1rem;border-radius:0 0 var(--bigcorner) var(--bigcorner);background-color:#fff;white-space:nowrap}.card-main h5{overflow:hidden;font-weight:800;font-size:1.25rem;letter-spacing:.01em;text-transform:uppercase;text-overflow:ellipsis}.card-main h6{overflow:hidden;color:var(--accent);font-weight:800;font-style:italic;font-size:1rem;font-family:Alegreya,serif;letter-spacing:.02em;text-overflow:ellipsis}.card-main-bottom{display:flex;justify-content:space-between;align-items:flex-end}.card-main-bottom-details p{font-weight:700;font-size:.75rem;line-height:120%;opacity:.6}.card-main-bottom-details p.card-main-bottom-category{margin-top:.25rem;opacity:1}.card-main-price{right:1em;bottom:1em;display:flex;justify-content:center;align-items:center;padding:.25em .75em;border-radius:.75em;background-color:var(--accent);font-weight:700;font-size:1rem;text-align:right}.card-main-price .nbDemos{margin-right:.33em;color:#fff;font-weight:700;font-size:1.7rem}.card-main-price .extraits{font-style:italic;font-size:.75rem;line-height:.8}footer{margin-top:5rem;padding:2em;background-color:var(--accent);text-align:center}footer img{width:100%;max-width:500px}footer p{padding-top:2rem;font-weight:500;font-size:1.1rem}.check-update-btn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:300px;height:var(--smallbtn);margin:1.5rem auto 0;padding:.75rem;border:2px solid var(--ink);border-radius:var(--smallcorner);background-color:transparent;color:var(--ink);font-weight:800;font-size:1.2rem;font-family:Alegreya Sans,sans-serif;text-decoration:none;cursor:pointer;transition:all .2s ease;overflow:hidden}.check-update-btn:hover{border-color:#fff;background-color:#fff}.check-update-btn:disabled{opacity:.6;cursor:wait}.check-update-btn:focus{outline:2px solid white;outline-offset:2px}.check-update-text{position:relative;z-index:2}.check-update-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--ink);width:0%;transition:width .3s ease-out;z-index:1;pointer-events:none}#debug-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.debug-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.debug-modal-content{background:white;border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.debug-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e0e0e0}.debug-modal-header h3{margin:0;font-family:Alegreya Sans,sans-serif;font-size:1.5rem;color:var(--ink)}.debug-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;line-height:1}.debug-modal-close:hover{color:var(--ink)}.debug-modal-body{padding:1.5rem;overflow-y:auto;flex:1;font-family:Alegreya Sans,sans-serif}.debug-section{margin-bottom:1rem;padding:.75rem;background:#f5f5f5;border-radius:6px}.debug-section strong{display:block;margin-bottom:.5rem;color:var(--ink)}.debug-section code{display:block;padding:.5rem;background:#e0e0e0;border-radius:4px;font-family:monospace;font-size:.9em;word-break:break-all;margin-top:.25rem}.debug-error{padding:1rem;background:#ffebee;border-left:4px solid #f44336;border-radius:4px;margin-bottom:1rem;color:#c62828;font-weight:600}.debug-success{padding:1rem;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;margin-bottom:1rem;color:#2e7d32;font-weight:600}.debug-modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid #e0e0e0}.debug-modal-footer button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:6px;font-family:Alegreya Sans,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.debug-copy-btn{background:var(--accent);color:var(--ink)}.debug-copy-btn:hover{background:#e6b800}.debug-close-btn{background:#e0e0e0;color:var(--ink)}.debug-close-btn:hover{background:#d0d0d0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.choir-section{margin-bottom:3rem}.choir-section-header{padding:2rem 0 1rem;background-color:#fff}.choir-section-header h3{padding-left:.5em}.choir-section-header .splide{margin-bottom:2rem}.choir-section-current-ranking{background-color:#fff}.choir-section-current-ranking .ranking{border-radius:var(--bigcorner);background-color:var(--accent)}.choir-section-current-ranking li{display:grid;grid-template-rows:1.5rem 1.5rem;grid-template-columns:3rem 1fr;margin-bottom:1rem;column-gap:.66rem}.choir-section-current-ranking li:last-of-type{margin-bottom:0}.choir-section-current-ranking li .bullet{grid-area:1/1/3/2}.choir-section-current-ranking li .avatar{border:2px solid white}.choir-section-current-ranking li .user-name{align-self:end;line-height:.75}.choir-section-current-ranking li .time{border-bottom:var(--thickness) solid white}.choir-section-previous-ranking{padding-top:2rem;background-color:#fff}.choir-section-previous-ranking .ranking{padding:0 .25rem 1.5rem}@media (min-width: 400px){.choir-section-previous-ranking .ranking{padding:0 1rem 1.5rem}}.choir-section-previous-ranking .ranking-list{display:grid;grid-template-columns:3rem max-content;row-gap:1em;width:max-content;margin:auto;margin-bottom:.7rem;list-style-type:none;column-gap:1rem}.choir-section-previous-ranking .ranking-list .bullet{display:flex;justify-content:center;align-items:center;position:relative;justify-self:end;width:3rem;height:3rem}.choir-section-previous-ranking .ranking-list .bullet svg{width:100%;height:100%;fill:var(--accent)}.choir-section-previous-ranking .ranking-list .bullet .number{position:absolute;color:var(--accent);font-weight:900;font-size:1.5rem;font-family:Alegreya sans,sans-serif}.choir-section-previous-ranking .ranking-list .user-details{display:flex;flex-direction:column;padding-right:1em}.choir-section-previous-ranking .ranking-list .user-name{overflow:hidden;font-size:1.15rem;text-align:left;text-overflow:ellipsis}.choir-section-previous-ranking .ranking-list .time{justify-self:start;text-align:left;opacity:.8}.ranking{padding:1.5rem 1rem 2rem}.ranking h3{margin-bottom:.5em;text-align:center}.ranking p{font-weight:600;font-style:italic;text-align:center}.ranking p:last-of-type{margin-bottom:1.25em}.ranking .big{margin-top:-.1em;font-weight:900;font-size:1.2em}.ranking .faded{opacity:.7!important}.ranking .no-data{margin-bottom:0!important}.ranking .no-data span{font-style:normal}.ranking-list .user-name{font-weight:700;font-size:1.1rem;font-family:Alegreya,sans-serif}.ranking-list .time{font-weight:800;font-style:italic;font-size:.9em;line-height:1.8;text-align:right;white-space:nowrap}#install-promotion{position:fixed;right:-18em;bottom:1em;z-index:3;max-width:calc(500px - 1rem);padding:1em;border-radius:var(--mediumcorner);background-color:#fff;color:var(--ink);font-weight:700;font-size:1.1rem;text-align:center;filter:var(--shadow);transition:right ease-in-out 1s}#install-promotion.visible{right:1em}#install-promotion>*{margin-bottom:1em}#install-promotion span{font-weight:800;font-style:italic;font-family:alegreya,serif}#install-button,#cancel-button{display:block;width:100%;padding:.75em 1em;border:none;border-radius:var(--mediumcorner);background-color:var(--accent);color:var(--ink);font-weight:700;font-size:1rem;font-family:Alegreya sans,sans-serif;text-transform:uppercase;cursor:pointer}#install-button:hover,#cancel-button:hover{opacity:.8}#cancel-button{margin:0;background-color:var(--paper);color:var(--ink)}#update-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:none;min-width:300px;max-width:90%;padding:1rem 1.5rem;background:white;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Alegreya Sans,sans-serif;animation:slideUp .3s ease-out}#update-notification.show{display:block}#update-notification .update-message{margin-bottom:1rem;font-size:1rem;font-weight:600;color:var(--ink)}#update-notification .update-buttons{display:flex;gap:.5rem}#update-notification .update-buttons button{flex:1;padding:.5rem 1rem;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s}#update-notification .update-buttons button:hover{opacity:.8}#update-notification .update-buttons button.update-now{background-color:var(--accent);color:var(--ink)}#update-notification .update-buttons button.update-later{background-color:#e0e0e0;color:var(--ink)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.croppie-container{width:100%;height:100%}.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none}.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1;width:100%;height:100%}.croppie-container .cr-viewport,.croppie-container .cr-resizer{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 2000px 2000px #00000080;z-index:0}.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{position:absolute;pointer-events:all}.croppie-container .cr-resizer-vertical:after,.croppie-container .cr-resizer-horisontal:after{display:block;position:absolute;box-sizing:border-box;border:1px solid black;background:#fff;width:10px;height:10px;content:""}.croppie-container .cr-resizer-vertical{bottom:-5px;cursor:row-resize;width:100%;height:10px}.croppie-container .cr-resizer-vertical:after{left:50%;margin-left:-5px}.croppie-container .cr-resizer-horisontal{right:-5px;cursor:col-resize;width:10px;height:100%}.croppie-container .cr-resizer-horisontal:after{top:50%;margin-top:-5px}.croppie-container .cr-original-image{display:none}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move;touch-action:none}.croppie-container .cr-slider-wrap{width:75%;margin:15px auto;text-align:center}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.cr-slider{-webkit-appearance:none;width:300px;max-width:100%;padding-top:8px;padding-bottom:8px;background-color:transparent}.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:focus{outline:none}.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:-moz-focusring{outline:1px solid white;outline-offset:-1px}.cr-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.cr-slider::-ms-fill-lower{background:rgba(0,0,0,.5);border-radius:10px}.cr-slider::-ms-fill-upper{background:rgba(0,0,0,.5);border-radius:10px}.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px}.cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,.5)}.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,.5)}.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}.cr-rotate-controls button{border:0;background:none}.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:22px}.cr-rotate-l i:before{content:"\21ba"}.cr-rotate-r i:before{content:"\21bb"}.form-wrapper{--thickness: 3px;--margin-unit: 12px;--double-margin: 24px;width:320px;margin:0 auto;padding:1rem;font-weight:600}.form-wrapper h2{padding:1.5rem;font-weight:800;font-style:normal;font-size:2rem;font-family:Alegreya Sans,sans-serif;line-height:100%;text-align:center;text-transform:uppercase}.form-wrapper p{margin-bottom:.5em}.form-wrapper p:last-of-type{margin-bottom:1.5em}.form-wrapper .form-info{color:var(--secondary);font-style:italic;font-size:1.1em;text-align:center;text-transform:uppercase}.form-wrapper .form-info strong{font-weight:900}.form-wrapper label{display:block;margin-bottom:.33em;font-weight:700;font-style:italic;font-size:.9rem;font-family:Alegreya Sans,sans-serif;opacity:.8}.form-wrapper input[type=email],.form-wrapper input[type=password],.form-wrapper input[type=text],.form-wrapper textarea{display:block;width:100%;height:var(--smallbtn);padding:0 .75rem;border:none;border-bottom:var(--thickness) solid var(--ink);border-radius:var(--smallcorner) var(--smallcorner) 0 0;color:var(--ink);font-weight:700;font-style:normal;font-size:1.1rem;font-family:Alegreya,serif}.form-wrapper input[type=email].error,.form-wrapper input[type=password].error,.form-wrapper input[type=text].error,.form-wrapper textarea.error{border-color:var(--error)}.form-wrapper input[type=email]::placeholder,.form-wrapper input[type=password]::placeholder,.form-wrapper input[type=text]::placeholder,.form-wrapper textarea::placeholder{color:var(--ink);font-weight:700;font-style:normal;font-size:1.1rem;font-family:Alegreya,serif;opacity:.5}.form-wrapper input[type=email]:focus,.form-wrapper input[type=password]:focus,.form-wrapper input[type=text]:focus,.form-wrapper textarea:focus{border-radius:var(--smallcorner)}.form-wrapper textarea{height:15rem;padding:1rem;border:var(--thickness) solid var(--ink);border-radius:var(--smallcorner)}.form-wrapper .form-btn{width:100%;height:var(--smallbtn);margin:1em 0 2em;padding:0 .75rem;border-radius:var(--smallcorner);font-weight:800;font-style:normal;font-size:1.15rem;font-family:Alegreya Sans,sans-serif;text-transform:uppercase}@media (hover: hover){.form-wrapper .form-btn:hover{color:#fff}}.form-wrapper a{color:var(--secondary);font-family:Alegreya Sans,sans-serif;text-decoration:none}@media (hover: hover){.form-wrapper a:hover{text-decoration:underline}}.form-wrapper a:focus{text-decoration:underline}.form-homeBtn,.form-menuBtn{width:12.5em;height:var(--smallbtn);margin:1.5em auto;padding:0;border-radius:var(--smallcorner)}.form-homeBtn a,.form-menuBtn a{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:.75rem;color:var(--ink);font-weight:800;font-size:1.2rem;font-family:Alegreya Sans,sans-serif;text-decoration:none}@media (hover: hover){.form-homeBtn a:hover,.form-menuBtn a:hover{color:#fff;text-decoration:none}}.form-homeBtn svg,.form-menuBtn svg{width:calc(var(--smallbtn) * .5);height:calc(var(--smallbtn) * .5);fill:var(--ink)}.form-homeBtn:hover,.form-menuBtn:hover{border-color:var(--accent);background-color:var(--accent)}.form-homeBtn:hover svg,.form-menuBtn:hover svg{fill:#fff}.form-homeBtn:focus,.form-menuBtn:focus{border-color:var(--accent)}.form-menuBtn svg{width:calc(var(--smallbtn) * .4);height:calc(var(--smallbtn) * .4)}.password-label{display:flex;justify-content:space-between}.password-label span{color:var(--secondary);font-weight:700;font-size:.9 rem;font-family:Alegreya Sans,sans-serif}.password-label span:hover{text-decoration:underline;cursor:pointer}.password-container{position:relative}.password-container input{padding-right:2.66em}.password-container svg{position:absolute;top:50%;right:1em;width:1.2em;height:1.2em;opacity:.66;fill:var(--ink);transform:translateY(-50%)}.password-container svg:hover{opacity:1;cursor:pointer;fill:var(--accent)}.text-error{height:1em;margin-bottom:.5em;color:var(--error);font-weight:600;font-size:.9rem;font-family:Alegreya Sans,sans-serif}.text-link{margin:.5em 0;font-weight:800;font-family:Alegreya Sans,sans-serif;text-align:end}.text-link a{margin-left:.25em}#signup input:focus,#signup textarea:focus,#resetPassword input:focus,#resetPassword textarea:focus,#contact input:focus,#contact textarea:focus{border:var(--thickness) solid var(--accent)}#signup input:focus.error,#signup textarea:focus.error,#resetPassword input:focus.error,#resetPassword textarea:focus.error,#contact input:focus.error,#contact textarea:focus.error{border-color:var(--error)}#signup input[type=submit],#resetPassword input[type=submit],#contact input[type=submit]{border-color:var(--accent);background-color:var(--accent)}#signup input[type=submit]:focus,#resetPassword input[type=submit]:focus,#contact input[type=submit]:focus{border-color:var(--ink)}#login input:focus{border:var(--thickness) solid var(--secondary)}#login input[type=submit]{border-color:var(--secondary);background-color:var(--secondary);color:#fff}#login input[type=submit]:hover{color:var(--ink)}#login input[type=submit]:focus{border-color:var(--ink)}#login .password-container svg:hover{fill:var(--secondary)}.divider{width:100%;height:1px;margin-bottom:2em;border-color:var(--ink);border-bottom:1px solid var(--ink);font-weight:800;font-style:italic;font-size:1.2rem;font-family:Alegreya Sans,sans-serif;text-align:center;opacity:.5}.divider p{display:inline-block;padding:0 .5em;background-color:var(--paper);letter-spacing:.05em;transform:translateY(-50%)}.google-btn{display:flex;justify-content:space-between}.google-btn svg{width:1.2rem;height:1.2rem}.google-btn span{flex-grow:1}.google-btn .white{display:none}.google-btn:hover{border-color:var(--secondary);background-color:var(--secondary);color:#fff}.google-btn:hover .white{display:block;fill:#fff}.google-btn:hover .color{display:none}.google-btn:focus{border-color:var(--secondary)}#loginGoogle:hover{border-color:var(--accent);background-color:var(--accent)}#loginGoogle:focus{border-color:var(--accent)}#loginGoogle span{flex-grow:0}#logoutBtn{border-color:var(--accent);background-color:var(--accent);color:var(--ink)}#logoutBtn:hover{color:#fff}#logoutBtn:focus{border-color:var(--ink)}.account-wrapper p{font-weight:700;font-size:1.1rem}.account-wrapper p:last-of-type{margin-bottom:0}.account-wrapper h3{margin-bottom:0;padding:1.5rem;font-style:normal;font-family:Alegreya Sans,sans-serif;line-height:100%;text-align:center}.account-wrapper .form-btn{margin-top:2em}.info-container{margin-bottom:1rem;border:var(--thickness) solid var(--ink);border-radius:var(--mediumcorner);background-color:#fff}.info-container h6{font-style:italic;font-size:.9rem;font-family:Alegreya Sans,sans-serif;opacity:.8}.info-not-verified{display:flex;justify-content:flex-start;align-items:center;margin:1.5em 0 .5em;color:var(--error);font-family:Alegreya Sans,sans-serif}.info-not-verified svg{width:1em;height:1em;margin-right:.5em;fill:var(--error)}.info-user{padding:1em}.info-user .small-text{margin-bottom:1em;font-size:.75rem;font-family:Alegreya Sans,sans-serif;line-height:130%;opacity:.9}.info-user-entry{overflow:hidden;margin-bottom:1em}#info-user-choirs .choir-entry{margin-bottom:.5em}#info-user-choirs p{margin-bottom:0}#info-user-choirs label{display:flex;gap:.5em;align-items:center;margin-bottom:.5em;line-height:1.1;opacity:1;cursor:pointer}@media (hover: hover){#info-user-choirs label:hover{opacity:.8}}#info-user-choirs input{position:absolute;width:0;height:0;opacity:0;cursor:pointer}#info-user-choirs .checkmark{width:1.5em;height:1.5em}#info-user-choirs .admin-link{display:block;padding:.5em;border-radius:calc(var(--thickness) * 1.5);background-color:var(--accent);color:var(--ink);font-weight:800;font-size:.9rem;text-align:center}#info-user-identity{display:flex;justify-content:space-between;margin-bottom:.5rem}#info-user-identity img{display:block;height:3rem;border-radius:100%}.send-email-text{display:flex;margin-top:1rem}.send-email-text a{cursor:pointer}.send-email-text svg{width:1.5em;height:1em;margin-right:.5em;fill:var(--secondary)}.change-param,label.change-param{display:flex;justify-content:end;margin:unset;margin-top:1em;font-style:unset;font-size:unset;opacity:unset;cursor:pointer}.change-param input,label.change-param input{position:absolute;width:0;height:0;opacity:0}.change-param svg,label.change-param svg{width:1.5em;height:1em;margin-right:.5em;fill:var(--secondary)}#userImg{width:250px;margin-top:1rem}#image-cropper-buttons{display:flex;gap:1rem}#image-cropper-buttons button{width:50%;padding:.5em 1em;border:none;border-radius:var(--smallcorner);color:var(--ink);font-weight:800;font-size:1rem;font-family:Alegreya Sans,sans-serif;cursor:pointer}#image-cropper-buttons button:hover{color:#fff}#cropper-ok{background-color:var(--accent)}#cropper-close{background-color:var(--ink-light)}.cr-boundary{border-radius:var(--smallcorner)}.cr-slider::-webkit-slider-thumb{background:var(--accent)}.cr-slider::-webkit-slider-runnable-track{background:var(--ink-light)}.cr-slider::-moz-range-thumb{background:var(--accent)}.cr-slider::-moz-range-track{background:var(--ink-light)}#purchases-list-container{overflow:hidden}#purchases-list{overflow:auto;max-height:50vh}#purchases-list li{padding:.5em 1em;list-style-type:none}#purchases-list li:not(:last-of-type){border-bottom:1px solid #ddd}#purchases-list li:hover,#purchases-list li:active{background-color:var(--accent)}#purchases-list li a{color:var(--ink);text-decoration:none}#purchases-list li a:focus p{text-decoration:underline;text-decoration-color:var(--accent)}#purchases-list li p{margin-bottom:0;font-family:Alegreya,serif}#purchases-list .sub-text{font-style:italic;font-size:.9em;font-family:Alegreya sans,sans-serif;opacity:.8}#purchases-list .sub-text-playlist{color:var(--secondary)}#purchases-list .date-text{font-size:.75em;font-family:Alegreya sans,sans-serif;text-align:right}#purchases-list .date-text span{opacity:.8}.no-purchase{font-weight:600;font-style:italic;font-family:Alegreya sans,sans-serif;text-align:center}#sort-buttons{display:flex;justify-content:space-between;align-items:center;margin:-.5rem 1rem .75rem;font-family:Alegreya sans,sans-serif}#sort-buttons p{font-weight:800;font-size:1rem;user-select:none}#sort-buttons svg{width:1em;height:1em;margin-left:.25em;fill:var(--ink);transition:.2s}.sort-btn{display:flex;justify-content:space-around;align-items:center;opacity:.5;cursor:pointer}.sort-btn.active{opacity:1}.sort-btn.desc svg{transform:rotate(180deg)}#my-activity{overflow:hidden}#my-activity p.no-data{font-weight:600;font-style:italic;font-family:Alegreya sans,sans-serif;text-align:center}#my-activity p.no-data span{font-style:normal}#my-activity ul{overflow:auto;max-height:50vh;padding:0 1rem 1.25rem}#my-activity li{display:grid;grid-template-columns:1fr auto;margin-top:1rem;column-gap:.5rem}.activity-header{display:grid;grid-template-columns:1fr auto;padding:.75rem 1rem;background-color:var(--accent);column-gap:.5rem}.activity-header-title{font-weight:800;font-size:1.1em;font-family:Alegreya Sans,sans-serif;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.activity-header-time{font-weight:900;font-style:italic;font-size:1.1em;font-family:Alegreya Sans,sans-serif;text-align:right;white-space:nowrap}.activity-header-since{grid-area:2/1/2/3;font-weight:600;font-style:italic;font-size:.9em;font-family:Alegreya Sans,sans-serif;white-space:nowrap;opacity:.8}.activity-title{align-self:center;overflow:hidden;font-weight:700;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.activity-time{align-self:center;font-weight:800;font-style:italic;font-size:.9em;font-family:Alegreya Sans,sans-serif;text-align:right;white-space:nowrap;opacity:.8}.activity-bar{grid-area:2/1/2/3;border-bottom:var(--thickness) solid var(--accent)}.modal-overlay{position:fixed;top:0;left:0;z-index:99;overflow:auto;width:100%;height:100%;padding-top:2rem;background-color:#000;background-color:#00000080}.modal-window img{width:8em;margin:1em auto}.modal-window h3{padding:1.5rem;font-weight:800;font-style:normal;font-size:1.5rem;font-family:Alegreya Sans,sans-serif;line-height:110%;text-align:center;text-transform:uppercase}.modal-window p{margin-bottom:.5em;font-weight:600;font-family:Alegreya,serif}.modal-window p>a,.modal-window p>a:visited{color:var(--secondary);font-weight:700;font-family:Alegreya Sans,sans-serif;text-decoration:none}.modal-window p>a:hover,.modal-window p>a:visited:hover{text-decoration:underline}.exclamation{display:flex;justify-content:center;align-items:center;width:1.5em;height:1.5em;border:.1em solid var(--error);border-radius:999px;color:var(--error);font-weight:800;font-size:5rem}#changeUserName-modal .form-wrapper{width:100%;padding:0}#changeUserName-modal .form-wrapper label{text-align:left}#changeUserName-modal .form-wrapper input[type=text]:focus{border:var(--thickness) solid var(--secondary)}#changeUserName-modal .form-wrapper input[type=submit]{background-color:var(--secondary)}#changeUserName-modal .form-wrapper input[type=submit]:focus{border-color:var(--ink)}#changeUserName-modal .form-wrapper .form-btn{margin-bottom:1rem;border-color:var(--secondary);background-color:var(--secondary)}#changeUserName-modal .form-wrapper .text-error{font-family:Alegreya sans,sans-serif;text-align:left}.purchase-wrapper{font-family:Alegreya Sans,sans-serif}.purchase-wrapper h4{margin-bottom:.25em;font-weight:800;font-size:1rem;opacity:.5}.purchase-item{margin-bottom:2rem}.purchase-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5em 1em;border:var(--thickness) solid var(--ink);border-radius:var(--mediumcorner);background-color:#fff;color:var(--ink);text-align:left}.purchase-btn:hover,.purchase-btn:focus{border-color:var(--accent);cursor:pointer}.purchase-btn:active{background-color:var(--accent)}.purchase-btn:active .purchase-price{background-color:#fff}#purchase-playlist{text-transform:uppercase}.purchase-title{font-weight:800;font-size:1.2rem;font-family:Alegreya,serif;line-height:120%}.purchase-price{margin-left:.5em;padding:.5em 1em;border-radius:.5em;background-color:var(--accent);font-weight:800;font-size:1.2rem;font-family:Alegreya Sans,sans-serif;text-align:center;white-space:nowrap}.purchase-savings{margin-top:.5em;font-weight:800;font-style:italic;font-size:.7rem;text-align:right}.purchase-savings span{color:var(--secondary);font-weight:900}.purchase-account{text-align:center}.purchase-account p{font-weight:800;font-family:Alegreya,serif}.payment-wrapper{color:var(--ink);font-family:Alegreya Sans,sans-serif}.payment-wrapper p:last-of-type{margin-bottom:.75em;font-variant-numeric:oldstyle-nums}.payment-item{width:100%;padding:1.5em;border:var(--thickness) solid var(--ink);border-radius:var(--mediumcorner);background-color:#fff;text-align:left}.payment-item h4{margin-bottom:.2em;font-weight:800;font-size:1.4rem;font-family:Alegreya,sans-serif;line-height:110%}.payment-item h4.complete-work{text-transform:uppercase}.payment-item p{font-weight:700;font-style:italic;font-size:.95rem}.payment-item ul{list-style-type:none}.payment-item li{font-weight:700;font-style:normal;font-size:.9rem;line-height:140%;opacity:.8}#payment-btn{margin:2rem 0;border-color:var(--accent);background-color:var(--accent);color:var(--ink);font-size:1.3rem}#payment-btn:hover,#payment-btn:active{color:#fff}.payment-account{margin-bottom:.25em;font-weight:800;font-size:1rem;text-align:center}.payment-account h5{font-weight:800;font-size:1rem;opacity:.5}.payment-account p{font-size:1rem;font-family:Alegreya,serif}.editor-conteneur{display:flex;gap:var(--margin-unit);max-width:120vh;height:100vh;margin:0 auto;padding:var(--margin-unit);font-weight:800;font-family:Alegreya sans,sans-serif}.editor-frame{border:var(--thickness) solid var(--ink);border-radius:var(--mediumcorner);background:white}.editor-btn{flex-shrink:0;height:var(--smallbtn);padding:0 1em;border-color:var(--ink);border-radius:calc(var(--smallbtn) * .25);color:var(--ink);font-weight:900;font-size:calc(var(--smallbtn) * .5);font-family:alegreya sans,sans-serif;text-transform:uppercase}.editor-btn:hover{opacity:.8}.hidden-input{position:absolute;z-index:-1;overflow:hidden;width:.1px;height:.1px;opacity:0}.editor-home-wrapper{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;text-align:center}.editor-home-wrapper h1{margin-bottom:1rem;font-weight:900;font-style:normal;font-size:3rem;font-family:Alegreya Sans,sans-serif;line-height:100%;text-transform:uppercase}.editor-home-wrapper label{border-color:var(--accent);background-color:var(--accent);font-size:1.5rem;user-select:none}.editor-file{display:flex;flex:1 0;flex-direction:column;gap:var(--margin-unit);align-items:flex-start}.editor-file-btn-group{display:flex;flex-wrap:wrap;gap:var(--margin-unit)}#editor-output{flex-grow:1;overflow:auto;width:100%;padding:var(--margin-unit)}#editor-output pre{font-size:1rem;white-space:pre-wrap}#editor-export{border-color:var(--accent);background-color:var(--accent)}#editor-export:hover{color:#fff}.editor-main{display:flex;flex-grow:0;flex-direction:column;gap:var(--margin-unit)}#editor-page-display{--guide-height: 1rem;position:relative;overflow:hidden}#editor-page-display img{display:block;height:calc(100vh - var(--smallbtn) - 3 * var(--margin-unit) - 2 * var(--thickness));user-select:none}.guide{position:absolute;width:100%;height:var(--guide-height);background-color:var(--accent);opacity:.4;transform:translateY(-50%)}.sauts{border-top:2px solid var(--error);background:linear-gradient(#777,rgba(255,255,255,0));opacity:1;transform:none;mix-blend-mode:normal}.ratio{height:0;border-top:2px solid var(--secondary);opacity:1;transform:none}.marqueur{height:0;border-top:2px solid var(--accent);opacity:1;transform:none;border-bottom:none}.editor-voice-btn{border-color:var(--accent);color:var(--accent)}.editor-voice-btn.editor-active-btn{background-color:var(--accent);color:#fff}.sop{border-color:var(--sop-color);background-color:#fff;color:var(--sop-color)}.sop.editor-active-btn{background-color:var(--sop-color);color:#fff}.sop.guide{background-color:var(--sop-color)}.alt{border-color:var(--alt-color);background-color:#fff;color:var(--alt-color)}.alt.editor-active-btn{background-color:var(--alt-color);color:#fff}.alt.guide{background-color:var(--alt-color)}.ten{border-color:var(--ten-color);background-color:#fff;color:var(--ten-color)}.ten.editor-active-btn{background-color:var(--ten-color);color:#fff}.ten.guide{background-color:var(--ten-color)}.bas{border-color:var(--bas-color);background-color:#fff;color:var(--bas-color)}.bas.editor-active-btn{background-color:var(--bas-color);color:#fff}.bas.guide{background-color:var(--bas-color)}#input-guide{pointer-events:none}.ratio-rectangle{position:absolute;width:100%;background-color:var(--secondary);opacity:.5}.ratio-rectangle.is-min-ratio{background-color:var(--accent)}.marker-line{position:absolute;width:10px;background-color:var(--accent);opacity:.5;transform:translate(-50%)}.editor-context-menu{position:absolute;top:50%;left:50%;overflow:hidden;border:2px solid var(--ink);border-radius:var(--smallcorner);background-color:#fff;cursor:pointer}.editor-context-menu li{padding:.5em 1em;list-style-type:none;white-space:nowrap}.editor-context-menu li span{margin-left:.25em;font-weight:900;text-transform:uppercase}.editor-context-menu li:hover{background-color:var(--accent)}.editor-page-nav{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:var(--smallbtn);font-size:1.5rem}.editor-page-nav button{border:none;background-color:transparent;cursor:pointer}.editor-page-nav svg{width:1.8rem;height:1.8rem;fill:var(--ink)}.editor-page-nav svg:hover{fill:var(--accent)}#editor-page-numbers input{width:1.5em;margin:0 .25em;border:none;border-radius:.5rem;background-color:#fff;color:var(--ink);font-weight:800;font-size:1.5rem;font-family:Alegreya sans,sans-serif;text-align:center}#editor-prev-page svg{transform:rotate(180deg)}.editor-buttons{display:flex;flex-grow:0;flex-direction:column;gap:var(--margin-unit);width:10rem}.editor-buttons>label{margin-top:var(--margin-unit);margin-bottom:-.5em;font-style:italic;opacity:.5}#editor-voice-group{position:relative;display:flex;flex-grow:1;flex-direction:column;gap:var(--margin-unit);overflow-y:auto}#editor-new-voice{display:flex;gap:var(--margin-unit);align-items:center;margin-bottom:var(--margin-unit)}#editor-new-voice input[type=text]{display:block;flex-grow:1;height:var(--smallbtn);padding:0 .75rem;border:none;border-bottom:var(--thickness) solid var(--ink);border-radius:var(--smallcorner) var(--smallcorner) 0 0;color:var(--ink);font-weight:800;font-style:normal;font-size:1.25rem;font-family:Alegreya,serif}#editor-new-voice input[type=submit]{display:none}#editor-new-voice-submit{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border:var(--thickness) solid var(--ink);border-radius:100%;background-color:var(--accent);cursor:pointer}#editor-new-voice-submit svg{width:55%;height:55%;fill:var(--ink)}#editor-sauts{border-color:var(--error);color:var(--error)}#editor-sauts.editor-active-btn{background-color:var(--error);color:#fff}#editor-ratio{border-color:var(--secondary);color:var(--secondary)}#editor-ratio.editor-active-btn{background-color:var(--secondary);color:#fff}#editor-markers{border-color:var(--accent);color:var(--ink)}#editor-markers.editor-active-btn{background-color:var(--accent);color:var(--ink)}.activity-home,.admin-home{font-family:Alegreya sans,sans-serif}.activity-home h1,.admin-home h1{font-weight:900;text-align:center;text-transform:uppercase}.admin-auth-message{width:100%;color:var(--secondary);font-weight:700;font-style:italic;text-align:center}.admin-auth-message.error{color:var(--error)}#activity-form{display:flex;flex-wrap:wrap;gap:1rem;margin:2.5rem 0;font-weight:600}#activity-form fieldset{display:flex;flex-grow:1;flex-wrap:wrap;justify-content:space-evenly;padding:.5rem 1rem 1rem;border:1px solid var(--accent);border-radius:var(--smallcorner);background-color:#fff}#activity-form legend{padding:.33rem 1rem;border-radius:.5em;background-color:var(--accent)}#activity-form label{display:flex;align-items:center}#activity-form input[type=radio]{width:1.25em;height:1.25em;margin-right:.33em}#activity-form select,#activity-form option{padding:.33rem .5rem;font-weight:700;font-size:1rem;font-family:Alegreya Sans,sans-serif}.admin-activity-display{margin-top:2rem}.grouped-activity,.detailed-activity,.inactive-users,.ghost-users,.non-existing-users{overflow:hidden;margin:1rem 0;padding:0;border:1px solid var(--accent);border-radius:var(--smallcorner);background-color:#fff}.detailed-activity table{width:100%;border-collapse:collapse;font-weight:500}.detailed-activity tr:nth-child(odd){background-color:#f5f5f5}.detailed-activity td{padding:.25em .5em}.detailed-activity td:first-of-type{padding-left:1rem}.detailed-activity td:last-child{padding-right:1rem;text-align:right}.detailed-activity-header,.grouped-activity-header,.inactive-users-header,.ghost-users-header,.non-existing-users-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.66rem 1rem;background-color:var(--accent);column-gap:1rem}.detailed-activity-header h3,.grouped-activity-header h3,.inactive-users-header h3,.ghost-users-header h3,.non-existing-users-header h3{margin:0;text-transform:none}.detailed-activity-time,.detailed-activity-title{font-weight:600}.detailed-activity-voices,.detailed-activity-mode{font-style:italic}.detailed-activity-percent,.detailed-activity-screen,.detailed-activity-browser{font-style:normal}.detailed-activity-percent span{font-style:italic}.detailed-activity-browser{font-weight:600}.activity-groups-container{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%;padding:.75rem 1.5rem 1rem}.activity-group{flex-grow:1;margin:0}.activity-group h4{margin-bottom:.25em;font-weight:900;font-size:1.2rem;text-transform:uppercase}.activity-group li{display:grid;margin-bottom:.5em;column-gap:.5em}.activity-group .activity-bar{border-bottom:2px solid var(--accent)}.inactive-users-header,.ghost-users-header,.non-existing-users-header{background-color:var(--secondary);color:#fff}.inactive-users,.ghost-users,.non-existing-users{border-color:var(--secondary)}.inactive-users ul,.ghost-users ul,.non-existing-users ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));gap:.5em 1em;padding:.75rem 1.5rem 1rem}.inactive-users li,.ghost-users li,.non-existing-users li{overflow:hidden;list-style:none;text-overflow:ellipsis;white-space:nowrap}#admin-main p.text-error{margin-bottom:.25rem;font-size:.9rem}.admin-container{padding:1rem}.select-group{display:flex;gap:.5em;align-items:center;width:100%}#rehearsal-time p{margin-bottom:0}#rehearsal-time label{display:flex;gap:.5em;align-items:center;margin-bottom:.5em;margin-bottom:1rem;line-height:1.1;opacity:1;cursor:pointer}@media (hover: hover){#rehearsal-time label:hover{opacity:.8}}#rehearsal-time select,#rehearsal-time option{flex-grow:1;padding:.25rem;font-weight:700;font-size:1rem;font-family:Alegreya Sans,sans-serif}#rehearsal-time input[type=checkbox]{position:absolute;width:0;height:0;opacity:0;cursor:pointer}#rehearsal-time input[type=submit]{width:100%;margin:1rem 0 0;border-color:var(--accent);background-color:var(--accent);color:var(--ink);cursor:pointer}#rehearsal-time input[type=submit].disabled{border-color:var(--ink-light);background-color:var(--ink-light);color:#fff}#rehearsal-time .checkmark{width:1.5em;height:1.5em}.member-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:1.75em;height:1.75em;border-radius:25%}.member-icon svg{width:60%;height:60%;fill:#fff}#admin-add-member{display:flex}#admin-add-member input[type=submit]{display:none}#admin-add-member input[name=email]:focus{border:var(--thickness) solid var(--accent)}#admin-add-member label{display:flex;margin:0;opacity:1}#admin-add-member .member-icon{width:calc(var(--smallbtn) + var(--thickness));height:calc(var(--smallbtn) + var(--thickness));margin-left:.75rem;background-color:var(--accent)}#admin-add-member .member-icon svg{fill:var(--ink)}#admin-add-member .member-icon:hover{cursor:pointer}#admin-add-member .member-icon:hover svg{fill:#fff}#choir-members-list{overflow:auto;max-height:50vh;padding:0}#choir-members-list li{display:flex;justify-content:space-between;align-items:center;overflow:hidden;width:100%;padding:.5rem 1rem;font-family:Alegreya,serif;cursor:default}#choir-members-list li:hover{background-color:var(--accent)}#choir-members-list li:hover .member-icon{background-color:var(--error);cursor:pointer}#choir-members-list li:hover .member-icon svg{fill:var(--ink)}#choir-members-list li:hover .member-icon:hover svg{fill:#fff}#choir-members-list .member-email{display:block;overflow:hidden;padding-right:.2em;font-weight:700;font-size:1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.choir-members-list-container{overflow:hidden}@media (min-width: 768px){#homepage-container #desktop-menu{display:block}#homepage-container #mobile-nav{display:none}}@media (min-width: 1024px){#homepage-container .logo{height:2.8rem}#hero{padding:2rem 0}.hero-grid{grid-template-rows:1fr 3.6rem;grid-template-columns:1fr 1fr;max-width:unset;column-gap:1rem}.animation-container{grid-area:1/1/2/2;width:100%}.animation-container h1{font-size:72px}.animation-container h2{font-size:44px}.animation-container p{font-size:20px}.animated-gif{grid-area:1/2/-1/-1;justify-content:end}.subscribe-btn{grid-area:2/1/2/2}.subscribe-btn a{font-size:1.4rem}}@media (min-width: 380px){:root{--smallbtn: 42px;--mediumbtn: 54px;--bigbtn: 70px}}@media (min-height: 375px){#lecteur.choral-vertical{--smallbtn: 9vh;--mediumbtn: 10vh;--bigbtn: 15vh;--thickness: 4px;--voicebtn-thickness: 4px}#lecteur.choral-vertical #mixer{gap:var(--margin-unit)}}@media (min-height: 560px){:root{--margin-unit: 12px}#lecteur.choral-vertical{--thickness: 4px;--smallbtn: 52px;--mediumbtn: 10vh;--bigbtn: 82px;--voicebtn-thickness: 5px}#lecteur.choral-vertical #mixer{gap:var(--margin-unit)}}@media (min-width: 1000px){:root{--margin-unit: 12px;--thickness: 4px;--smallbtn: 52px;--bigbtn: 82px;--voicebtn-thickness: 6px}}@media (min-height: 1000px){:root{--margin-unit: 16px;--thickness: 5px}#lecteur.choral{--thickness: 5px;--smallbtn: 58px;--bigbtn: 92px;--voicebtn-thickness: 6px}}@media (orientation: landscape){#window-main{grid-row:2/-1;grid-column:1/2}#window-buttons{flex-direction:column;grid-row:2/-1;grid-column:-1/-2}}@media (orientation: landscape) and (min-width: 680px){#window-main{grid-row:2/-1;grid-column:1/2}#window-buttons{flex-direction:column;grid-row:2/-1;grid-column:-1/-2}#settings{padding:1em 1.5em}.settings-group{margin-bottom:1em}.settings-group-grid{grid-template-rows:1fr;grid-template-columns:10ch 1fr 5ch;gap:1em}.settings-group-grid input[type=range]{grid-row:1/2;grid-column:2/3;width:unset;min-width:40vw}.settings-group-grid label{justify-self:end}.settings-output{grid-column:3/4;justify-self:start}#colors-samples{display:grid;height:2em;margin-top:.5em}#colors-samples div:first-child{display:flex;grid-column:2/3;gap:var(--thickness);margin:0}#colors-samples button{height:2em}#settings-orientation{display:grid}#settings-orientation div:first-child{justify-self:end}}@media (min-width: 500px){.modal-window{width:400px}}