.operation-tutorial{position:fixed;z-index:202;bottom:15px}.operation-tutorial:not(.operation-tutorial-offset){width:calc(50% - 240px)}.operation-tutorial-offset{width:calc(50% - 90px)}.operation-tutorial-left{left:0}.operation-tutorial-right{right:0}.operation-tutorial-module{padding-top:30px;padding-bottom:30px;position:relative}.operation-tutorial-left .operation-tutorial-module{padding-right:30px;border-radius:0 8px 8px 0}.operation-tutorial-right .operation-tutorial-module{padding-left:30px;border-radius:8px 0 0 8px}.operation-tutorial .operation-tutorial-module,.operation-tutorial--dark .operation-tutorial-module{background-color:rgba(0,0,0,.8)}.operation-tutorial--primary .operation-tutorial-module{background-color:#fdfff0;filter:drop-shadow(0 0 50px #000)}.operation-tutorial-image{position:absolute;top:-70px;width:200px;height:200px;overflow:hidden;pointer-events:none}body.animation .operation-tutorial-image{animation:tutorialImage 20s infinite linear}@media all and (-ms-high-contrast:none){.operation-tutorial-image{animation:none}}@keyframes tutorialImage{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.95) rotate(-1deg)}}.operation-tutorial-left .operation-tutorial-image{transform-origin:100% 50%;right:370px}.operation-tutorial-right .operation-tutorial-image{transform-origin:0 50%;left:375px}.operation-tutorial-image,.operation-tutorial-image img{max-width:200px;max-height:200px}.operation-tutorial-inner{width:320px}.operation-tutorial-left .operation-tutorial-inner{float:right}.operation-tutorial-right .operation-tutorial-inner{float:left}.operation-tutorial-title{margin:0 0 10px;font-size:22px;cursor:default;font-weight:400}.operation-tutorial--dark .operation-tutorial-title{color:#e5ff70}.operation-tutorial--primary .operation-tutorial-title{color:#3d251b}.operation-tutorial-content{font-size:16px;line-height:1.5;cursor:default;min-height:100px}.operation-tutorial--dark .operation-tutorial-content{color:#fff}.operation-tutorial--primary .operation-tutorial-content{color:#82685b}.operation-tutorial-content p{margin:inherit}.operation-tutorial-content a{color:#e5ff70}.operation-tutorial-progression{padding:15px 0 0;margin:inherit;font-size:16px;color:#82685b}.operation-tutorial-next{background:#4a543a;position:absolute;top:-24px;outline:0;display:block;width:48px;height:48px;z-index:3;border-radius:50%;border:4px solid #E4FE6F;overflow:hidden;cursor:pointer;box-sizing:border-box}.operation-tutorial-left .operation-tutorial-next{right:30px}.operation-tutorial-right .operation-tutorial-next{left:270px}.operation-tutorial-next::after,.operation-tutorial-next::before{content:"";position:absolute;transition:all .15s ease-in-out}.operation-tutorial-next::before{background:url(/media/equideo/image/tutoriel/btn-next_v56456932.png) center center no-repeat;background-size:contain;width:24px;height:24px;z-index:1;left:9px;top:8px}.operation-tutorial-next::after{background:rgba(229,255,112,.1);z-index:0;border-radius:50%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);width:48px;height:48px;left:0;top:0}.operation-tutorial-next:focus::before,.operation-tutorial-next:hover::before{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9)}.operation-tutorial-next:focus::after,.operation-tutorial-next:hover::after{background-position:25px center;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}.operation-tutorial-gift{position:relative;display:inline-block;width:75px;height:75px;padding:5px;border-radius:50%;text-align:center;text-decoration:none;z-index:3;box-sizing:border-box;border-width:2px;border-style:solid;border-color:transparent;transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;animation:avatarGift 1.5s infinite ease-in-out;-webkit-animation:avatarGift 1.5s infinite ease-in-out;-moz-animation:avatarGift 1.5s infinite ease-in-out;-ms-animation:avatarGift 1.5s infinite ease-in-out}.operation-tutorial--dark .operation-tutorial-gift{background-color:#fff}.operation-tutorial--primary .operation-tutorial-gift{background-color:#f2efcf}.operation-tutorial-gift span{display:block;padding-top:5px;color:#4a543a;font-size:20px;font-weight:700;line-height:20px;text-shadow:0 2px 0 rgba(229,255,112,1)}.operation-tutorial-gift:hover{box-shadow:0 0 15px rgba(229,255,112,.7);text-decoration:none;animation:none}.operation-tutorial-gift.active,.operation-tutorial-gift:hover{border-color:#e5ff70}@keyframes avatarGift{0%,100%{box-shadow:none}30%{box-shadow:0 0 25px rgba(229,255,112,.7)}}@-webkit-keyframes avatarGift{0%,100%{box-shadow:none}30%{box-shadow:0 0 25px rgba(229,255,112,.7)}}@-moz-keyframes avatarGift{0%,100%{box-shadow:none}30%{box-shadow:0 0 25px rgba(229,255,112,.7)}}@-ms-keyframes avatarGift{0%,100%{box-shadow:none}30%{box-shadow:0 0 25px rgba(229,255,112,.7)}}.operation-tutorial-gift.active:hover{box-shadow:none}.tutorialtap{position:absolute;pointer-events:none;z-index:200}.tutorialtap__svg{display:block;height:128px;width:128px}body.animation .tutorialtap__svg{animation:tutorialtap 1s infinite ease-in-out}@keyframes tutorialtap{0%,100%{transform:scale(1)}25%{transform:scale(.9)}}
//>403ee5b8cc06d5d13c0be1793630c834<//
