.Notification{box-sizing:border-box;max-width:min(100%,26rem);position:relative;padding:1rem;gap:.5rem;background:#fff;border-radius:3px;transform-origin:bottom right;max-height:7rem;transition:max-width .3s ease-in-out;border:solid 1px;cursor:pointer;pointer-events:all;overflow:hidden;display:flex;flex-flow:row nowrap}.Notification[status=loading][shown=false]{animation:show-off .4s ease-in-out 1 forwards}.Notification:not([status=loading]):not([hide-loader=true]){animation:show-off .4s 8s ease-in-out 1 forwards}.Notification:not([status=loading]):not([hide-loader=true]):after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;transform:scaleX(1);transform-origin:left center;overflow:hidden;animation:timeout 8s linear 1 forwards}@keyframes show-off{20%{transform:translate(-2rem)}80%{transform:translate(110%);max-height:7rem;padding:1rem}to{transform:translate(110%);max-height:0;padding:0}}@keyframes timeout{to{transform:scaleX(0)}}.Notification .Notification__messageCtn{display:flex;flex-flow:column nowrap;gap:.25rem}.Notification .Notification__messageCtn .Notification__message{font-size:.75em;line-height:1rem;font-weight:700}.Notification .Notification__messageCtn .Notification__message code{font-family:Consolas,monospace!important;padding:.075rem .25rem;color:#399;border:solid 1px;border-radius:3px;font-weight:100}.Notification .Notification__messageCtn .Notification__description{font-size:.7em;line-height:1rem}.Notification .Notification__icon{width:1.25rem}.Notification[shown=true]{transform:translate(0)}.Notification[status=error]{color:#e25858;border-color:#ea8383}.Notification[status=error]:after{background:#e25858}.Notification[status=success]{color:#399;border-color:#40bfbf}.Notification[status=success]:after{background:#339999}.Notification[status=info]{color:#2a99da;border-color:#55aee2}.Notification[status=info]:after{background:#2a99da}.Notification[status=loading]{color:#666;border-color:gray}.Notification[status=loading] .Notification__icon{width:2rem}.Notification[status=loading]:after{background:#666}.NotificationBox{display:flex;flex-flow:column-reverse nowrap;align-items:flex-end;gap:.75rem;pointer-events:none}.PreloadImages{opacity:0;overflow:hidden;position:absolute;pointer-events:none}.PreloadImages img{max-height:0;height:0;max-width:0;width:0}.HeaderNews{position:relative;box-shadow:inset 0 -.25rem .125rem #0000000d;z-index:10;top:0;left:0;width:100vw;background:#339999;min-height:2.75rem;padding:1rem;box-sizing:border-box;display:flex;flex-flow:row nowrap;align-items:center}.HeaderNews .section{display:flex;flex-flow:row wrap;gap:1rem;align-items:center;justify-content:center;color:#fff;font-size:.9em}.HeaderNews .section span{flex:1 0 auto;max-width:100%;text-align:center;line-height:1.5rem}.HeaderNews iframe[data-w-type=trigger]{cursor:pointer!important;width:fit-content!important;max-height:2.5rem!important;max-width:13.5rem!important}.HeaderNews .HeaderNews__close{position:absolute;right:1.5rem;max-width:.75rem}html,body,#app{margin:0 auto;height:100%;width:100%;position:absolute;top:0;left:0;overflow:auto;scroll-behavior:smooth}.red{color:#d24122}#app *{font-family:Inter,sans-serif}#app h1,#app h2,#app h3,#app h4,#app h1 *,#app h2 *,#app h3 *,#app h4 *{font-family:Catamaran,sans-serif!important}#app .show-sm{display:none}#app .NotificationBox{position:fixed;bottom:0;right:0;max-width:calc(100% - 3rem);margin:1.5rem;width:fit-content;z-index:18384}.section{width:900px;height:100%;max-width:calc(100% - 6rem);margin:auto}button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:.9em}button,button *{font-family:Catamaran,sans-serif!important}.Btn{text-decoration:none;border:solid 1px #339999;color:#399;border-radius:3px;height:2.75rem;padding:0 1.5rem;background:none;background:white;font-weight:700;transition:all .15s ease-in;font-weight:400;white-space:pre}.Btn *{transition:all .15s ease-in}.Btn .ButtonLoader{max-height:65%;margin-right:.5rem}.Btn,.Btn>*{font-size:.9rem;color:#399;white-space:pre}.Btn[disabled]{pointer-events:none!important;filter:brightness(1.3) grayscale(.4) saturate(.8)}.Btn--tertiary{filter:grayscale(1)}.Btn--tertiary,.Btn--tertiary>*{color:#777}.Btn b{text-transform:uppercase}.Btn img{margin-left:1rem;max-height:40%;transition:all .1s ease-in}.Btn:hover,.Btn--primary{background:#339999}.Btn:hover,.Btn--primary,.Btn:hover>*,.Btn--primary>*{font-size:.9rem;color:#fff}.Btn:hover img,.Btn--primary img{filter:brightness(100)}.Btn.red{border-color:#d24122}.Btn.red:hover{background:#d24122!important}a{text-decoration:underline;color:#000;position:relative;z-index:1;font-weight:600}mark{background:none;position:relative;font-weight:700;z-index:1}mark:after{content:"";position:absolute;background:rgba(51,153,153,.4);width:calc(100% - 10px);height:55%;top:0;left:0;z-index:-1;transform:translate(10px,75%)}.Btn__action{font-size:.8em;color:#fff;background:#339999;width:2.8rem;height:2.8rem;font-weight:400;border-radius:50%;display:flex;align-items:center;position:relative;padding:initial;box-shadow:0 4px 14px -3px #3399994d;transition:all .15s ease-in;border:solid #267373;border-width:0}.Btn__action.red{background:#d24122;border-color:#a6331b}.Btn__action.red:after{background:rgba(210,65,34,.2);color:#d24122}.Btn__action.grey{background:#52565d;border-color:#3a3d42}.Btn__action.grey:after{background:rgba(82,86,93,.2);color:#52565d}.Btn__action:hover{transform:scale(1.1);border-width:3px}.Btn__action:hover:after{opacity:1}.Btn__action[data-tooltip]:after{content:attr(data-tooltip);transition:all .15s ease-in;opacity:.8;position:absolute;right:100%;text-align:right;color:#fff;color:#399;margin-right:1rem;font-weight:700;background:rgba(51,153,153,.2);padding:.25rem .5rem;border-radius:3px;display:inline;font-size:1em;line-height:1.1em;white-space:nowrap}.Btn__action img{max-height:45%;margin:0}@media (max-width: 600px){.Btn{width:100%!important;font-size:1em}.Btn__action{font-size:.9em}#app .hide-sm{display:none}#app .show-sm{display:inherit}#app .NotificationBox{top:0;bottom:inherit}.section{max-width:calc(100% - 3rem)}}.Song__selectCtnBg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(51,153,153,.5);z-index:1;opacity:0;transition:opacity .2s ease-in;pointer-events:none}.Song__selectCtnBg[show=true]{opacity:1;pointer-events:inherit;cursor:pointer}[new]{position:relative}[new]:before{content:"NEW";padding:.05rem .25rem;background:#575757;color:#fff;position:absolute;font-size:.5em;top:100%;right:.5rem;transform:translateY(-50%);border-radius:2px}[beta=true],[new=true]{position:relative}[beta=true]:before,[new=true]:before{content:"---";padding:.05rem .25rem;background:#339999;color:#fff;position:absolute;font-size:.5em;top:100%;right:.5rem;transform:translateY(-50%);border-radius:2px;z-index:1}[beta=true]:before{content:"EXPÉRIMENTAL"}[new=true]:before{content:"NOUVEAU"}[highlight=true]{position:relative}[highlight=true]:before{content:"";background:#e43f3f;position:absolute;font-size:.5em;height:.4rem;width:.4rem;top:90%;right:.25rem;transform:translateY(-50%);border-radius:5px}.Modal{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;position:fixed;width:100vw;top:0;right:0;bottom:0;left:0;height:100%;max-height:100%;pointer-events:none;overscroll-behavior:contain;background:rgba(51,153,153,.75);z-index:9192;background:radial-gradient(circle,rgba(51,153,153,.75) 20%,rgba(255,255,255,0) 100%);transition:all .15s ease-in;opacity:0}.Modal[shown=false] *{pointer-events:none}.Modal[shown=true]{opacity:1;pointer-events:inherit}.Modal .Modal__ctn{max-width:100%;position:relative;width:40rem;padding:2rem;box-sizing:border-box;border-radius:3px;background:white;box-shadow:0 1rem 2rem -1rem #3996;overflow-y:auto;max-height:100%}.Modal .Modal__ctn .Modal__close{position:absolute;outline:solid .25rem white;right:0;top:0;padding:.75rem;margin:1rem;cursor:pointer;background:#f5f5f5;border-radius:50%}.ShareLinkCtn{display:flex;flex-flow:row nowrap}.ShareLinkCtn[saved] .Btn--highlight{border-radius:3px 0 0 3px}.ShareLinkCtn .InputCopyClipboard{border-width:0 0 0 1px!important;border-radius:0 3px 3px 0;max-width:7.5rem;height:inherit}.ShareLinkCtn .InputCopyClipboard span{direction:rtl}@media (max-width: 600px){[tooltip]:after{content:none!important}}[tooltip]{position:relative}[tooltip][tooltip-type=error]:after{background:#e25858}[tooltip][tooltip-x=right]:after{left:100%;transform-origin:left!important;margin-left:.5rem}[tooltip][tooltip-x=right]:after [tooltip-y=top]:after{transform-origin:left top}[tooltip][tooltip-x=right]:after [tooltip-y=bottom]:after{transform-origin:left bottom}[tooltip][tooltip-x=left]:after{right:100%;left:inherit;transform-origin:right center;top:inherit;bottom:inherit;margin-right:.5rem}[tooltip][tooltip-y=top]:after{bottom:inherit}[tooltip][tooltip-y=bottom]:after{top:inherit}[tooltip]:after{content:attr(tooltip);height:fit-content;width:max-content;text-transform:initial!important;position:absolute;transform:scale(.6);opacity:0;transform-origin:left center;pointer-events:none;padding:.375rem .75rem;border-radius:5px;background:#339999;color:#fff;max-width:19rem;display:inline;line-height:1.4em;z-index:2048;font-size:.8rem;font-weight:500;left:100%;margin:auto .5rem;top:0;bottom:0;transition:all .15s ease-in}[tooltip]:hover:after{opacity:1;transform:scale(1)}
