﻿:root{--mouseX: 0%;--mouseY: 0%}html{overflow:hidden}body{position:relative;background-color:whitesmoke;background:url(../../img/paperBack.jpg);background-position:var(--mouseX) var(--mouseY);padding:0;margin:0;width:100vw;height:100vh;overflow:hidden;font-family:'Merriweather', sans-serif;cursor:url(../../img/cursors/cursor-auto.png),auto}a,.link{display:inline-block;font-family:inherit;text-decoration:none;cursor:url(../../img/cursors/cursor-pointer.png),auto}a:active,.link:active{cursor:url(../../img/cursors/cursor-pointer-clicked.png),auto}.no-display-next-layout{position:absolute;left:0;bottom:0;width:0px;height:0px;overflow:hidden;pointer-events:none;visibility:hidden}.shake:hover{animation:shake 0.3s infinite !important}.arrow-container-hover .arrow{position:relative;width:50px;height:10px;background-color:#161a1d;border-radius:0 20px 20px 0;transition:0.2s;z-index:1000}.arrow-container-hover .arrow::before{content:'';position:absolute;right:0px;width:30px;height:10px;background-color:inherit;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);bottom:0;border-bottom-right-radius:100px;transform-origin:bottom right;z-index:-1}.arrow-container-hover .arrow::after{content:'';position:absolute;right:0px;width:30px;height:10px;background-color:inherit;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);top:0;border-top-right-radius:100px;transform-origin:top right;z-index:1}@media (any-hover: none){.arrow-container-hover .arrow::before{transform:rotate(45deg) translateY(3px) !important}.arrow-container-hover .arrow::after{transform:rotate(-45deg) translateY(-3px) !important}}.arrow-container-hover .arrow.white{background-color:white}.arrow-container-hover .arrow.to-left{transform:rotate(180deg)}.arrow-container-hover:hover .arrow::before{transform:rotate(45deg) translateY(3px)}.arrow-container-hover:hover .arrow::after{transform:rotate(-45deg) translateY(-3px)}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;background-color:#ffcf00;justify-content:center;align-items:center;overflow:hidden}.mobile-overlay span{width:500px;font-size:24px;text-align:center;line-height:1.5em;user-select:none;padding:30px}.overlay-instructions{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(77,78,255,0.8);color:white;opacity:0;transition:0.2s;pointer-events:none}.overlay-instructions .text{position:absolute;top:40px;right:60px;width:250px;font-size:40px;font-family:'Catamaran', sans-serif;line-height:1.2em}.overlay-instructions .text img{margin-top:50px;width:100px;filter:invert(100%);animation:arrowFloat 2s ease-in-out infinite}.overlay-instructions.active{opacity:1}@keyframes shake{0%{transform:translate(0.5px, 0.5px) rotate(0deg)}10%{transform:translate(-0.5px, -1px) rotate(-0.5deg)}20%{transform:translate(-2px, 0px) rotate(0.5deg)}30%{transform:translate(2px, 1px) rotate(0deg)}40%{transform:translate(0.5px, -0.5px) rotate(0.5deg)}50%{transform:translate(-0.5px, 2px) rotate(-0.5deg)}60%{transform:translate(-1px, 0.5px) rotate(0deg)}70%{transform:translate(2px, 0.5px) rotate(-0.5deg)}80%{transform:translate(-0.5px, -0.5px) rotate(0.5deg)}90%{transform:translate(0.5px, 1px) rotate(0deg)}100%{transform:translate(0.5px, -1px) rotate(-0.5deg)}}@keyframes arrowFloat{0%{transform:translateX(0)}50%{transform:translateX(20px)}100%{transform:translateX(0)}}.svg-clip{position:absolute}.body-container{position:relative;display:flex;width:100%;height:100vh;min-height:100vh;flex:1;background:#ffcf00;flex-direction:column;align-items:center;font-family:'Merriweather', sans-serif;overflow:hidden}.body-container a{color:#161a1d;text-decoration:none}.body-container .nav-item{position:absolute;height:100%;top:0;padding:40px;display:flex;box-sizing:border-box;justify-content:space-between;align-items:center}@media screen and (max-height: 850px), (max-width: 1170px){.body-container .nav-item{padding:20px}}.body-container .nav-item.us{left:0}.body-container .nav-item.us a{transform:rotate(-90deg)}.body-container .nav-item.inspiration{right:0}.body-container .nav-item.inspiration a{transform:rotate(90deg)}.body-container .nav-item a{font-weight:700;font-size:28px;transition:0.1s ease-in-out}.body-container .nav-item a:hover{color:#ffcf00 !important}.body-container .nav-item a:hover::before{background:#161a1d;transform:scale(1.5)}.body-container .nav-item a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.1);background:transparent;z-index:-1;transition:0.2s ease-in-out}.body-container .logo{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% - 100px));width:800px;transform-origin:bottom}.body-container .logo .logo-inner{display:flex;flex-direction:column;align-items:center}.body-container .logo .eye{width:290px;margin-bottom:30px}@media screen and (max-height: 850px), (max-width: 1170px){.body-container .logo{width:500px;transform:translate(-50%, calc(-50% - 30px))}}.body-container .go-to-expo-container{position:absolute;bottom:calc(50% - 300px);left:50%;font-weight:900;font-size:50px;padding:30px;transform:translateX(-50%) rotate(-7deg)}.body-container .go-to-expo-container .go-to-expo{display:flex;align-items:center;animation:float 5s ease-in-out 1.8s infinite;z-index:-1}.body-container .go-to-expo-container span{transform-origin:right;transition:0.2s}.body-container .go-to-expo-container:active .go-to-expo span,.body-container .go-to-expo-container:active .go-to-expo .arrow{transform:scale(0.9)}.body-container.home-container{clip-path:circle(0%);animation:discover 0.7s cubic-bezier(1, 0, 1, 0) 0.3s 1 forwards}.body-container.home-container .nav-item.us{transform:translateX(-200px);animation:toRight 1s ease-in-out 1s 1 forwards}.body-container.home-container .nav-item.inspiration{transform:translateX(200px);animation:toLeft 1s ease-in-out 1.3s 1 forwards}.body-container.home-container .logo{opacity:0;transform:translate(-50%, calc(-50% - 100px)) scale(0.3);animation:zoom 0.9s ease-out 0.7s 1 forwards}@media screen and (max-height: 850px), (max-width: 1170px){.body-container.home-container .logo{transform:translate(-50%, calc(-50% - 30px)) scale(0.3);animation:zoomMobile 0.9s ease-out 0.7s 1 forwards}}.body-container.home-container .go-to-expo-container{transform:translateX(-50%) translateY(500px) rotate(10deg);animation:toTop 1s cubic-bezier(0.13, 0.81, 0.51, 0.97) 1.8s 1 forwards}.circle-animation{z-index:100000;position:fixed;top:0;left:0;width:100vw;height:100vh;clip-path:circle(0%);background:whitesmoke;pointer-events:none !important;-webkit-pointer-events:none !important}.circle-animation label{pointer-events:none !important;-webkit-pointer-events:none !important}.circle-animation label img{pointer-events:none !important;-webkit-pointer-events:none !important}.circle-animation.active{animation:discover 0.7s cubic-bezier(1, 0, 1, 0) 1 forwards}@keyframes discover{from{clip-path:circle(0%)}to{clip-path:circle(200%)}}@keyframes zoom{0%{opacity:0;transform:translate(-50%, calc(-50% - 100px)) scale(0.3)}20%{opacity:1}100%{opacity:1;transform:translate(-50%, calc(-50% - 100px)) scale(1)}}@keyframes zoomMobile{0%{opacity:0;transform:translate(-50%, calc(-50% - 30px)) scale(0.3)}20%{opacity:1}100%{opacity:1;transform:translate(-50%, calc(-50% - 30px)) scale(1)}}@keyframes toRight{from{transform:translateX(-200px)}to{transform:translateX(0)}}@keyframes toLeft{from{transform:translateX(200px)}to{transform:translateX(0)}}@keyframes toTop{from{transform:translateX(-50%) translateY(500px) rotate(10deg)}to{transform:translateX(-50%) translateY(0) rotate(-7deg)}}@keyframes float{0%{transform:translateY(0) rotate(0)}60%{transform:translateY(-20px) rotate(2deg)}100%{transform:translateY(0) rotate(0)}}.back{position:absolute;height:100%;top:0;padding:40px;display:flex;box-sizing:border-box;justify-content:space-between;align-items:center;font-family:'Merriweather', sans-serif}@media screen and (max-height: 850px), (max-width: 1170px){.back{padding:20px}}.back .text{font-weight:700;font-size:28px;transition:0.1s ease-in-out;color:#ffcf00;animation:fadeColor 0.7s ease-out 0.1s 1 forwards}.back .text::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5);background:#161a1d;z-index:-1;transition:0.2s ease-in-out;animation:backZoom 0.3s ease-in 0.1s 1 forwards}.back.inspirations{right:0}.back.inspirations .text{transform:rotate(90deg)}.back.us{left:0}.back.us .text{transform:rotate(-90deg)}.navigation{position:fixed;top:40px;left:80px;z-index:100;display:flex;flex-direction:column;justify-content:space-between;opacity:0;animation:fadeIn 0.6s ease-in-out 0.5s 1 forwards;height:50vh;user-select:none;cursor:url(../../img/cursors/cursor-auto-white.png),auto}@media screen and (max-width: 700px){.navigation{height:initial}}.navigation .go-back{position:relative;color:white;display:flex;align-items:center;transform:translateX(-30px);cursor:url(../../img/cursors/cursor-pointer.png),auto;transition:0.3s}.navigation .go-back:active{cursor:url(../../img/cursors/cursor-pointer-clicked.png),auto}@media screen and (max-width: 700px){.navigation .go-back{margin-bottom:30px}}.navigation span{display:block;cursor:url(../../img/cursors/cursor-pointer.png),auto;position:relative;color:rgba(255,255,255,0.3);font-size:24px;margin:10px 0;transition:0.2s}.navigation span:before{content:'';position:absolute;width:13px;height:13px;background:rgba(255,255,255,0.3);border-radius:100px;left:-40px;top:50%;transform:translateY(-50%);transition:0.2s}.navigation span:active{cursor:url(../../img/cursors/cursor-pointer-clicked.png),auto}.navigation span:nth-child(1){color:#ffcf00}.navigation span:nth-child(1):before{background:#ffcf00}@media screen and (max-width: 700px){.navigation span{font-size:18px}}.navigation.toGames{cursor:url(../../img/cursors/cursor-auto.png),auto}.navigation.toGames span{color:#161a1d}.navigation.toGames span::before{background:#161a1d}.navigation.toGames span:nth-child(1){color:rgba(255,255,255,0.5)}.navigation.toGames span:nth-child(1):before{background:rgba(255,255,255,0.5)}.navigation.toTeam{cursor:url(../../img/cursors/cursor-auto.png),auto}.navigation.toTeam .go-back{color:#161a1d}.navigation.toTeam .go-back .arrow{background-color:#161a1d}.navigation.toTeam span{color:#161a1d}.navigation.toTeam span::before{background:#161a1d}.navigation.toTeam span:nth-child(1){color:rgba(0,0,0,0.3)}.navigation.toTeam span:nth-child(1):before{background:rgba(0,0,0,0.3)}.inspirations-us-container{position:absolute;top:0;left:0;height:100vh;width:100vw;overflow:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;opacity:0;animation:appear 0.6s ease-in-out 0.5s 1 forwards;overflow-x:hidden}.inspirations-us-container section{scroll-snap-align:start;position:relative;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 100px 0 200px;box-sizing:border-box}@media screen and (max-width: 1100px){.inspirations-us-container section{padding:0 50px 0 200px}}@media screen and (max-width: 700px){.inspirations-us-container section{padding:180px 50px 0 50px}}.inspirations-us-container section.videos{cursor:url(../../img/cursors/cursor-auto-white.png),auto}.inspirations-us-container section.videos .videos-container{position:relative;max-width:1500px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}@media screen and (max-width: 1100px){.inspirations-us-container section.videos .videos-container{padding:40px 0}}.inspirations-us-container section.videos .videos-container .video{width:480px;height:270px;background:rgba(255,255,255,0.05);overflow:hidden;margin:15px 0}@media screen and (max-width: 1300px){.inspirations-us-container section.videos .videos-container .video{width:336px;height:189px}}.inspirations-us-container section.videos .videos-container .video iframe{width:100%;height:100%}.inspirations-us-container section.games{background-image:url(../../img/staine.svg);background-position:center;background-repeat:no-repeat;background-size:700px;background-color:#ffcf00;padding:0 100px}@media screen and (max-width: 1100px){.inspirations-us-container section.games{padding:0 100px}}.inspirations-us-container section.games .links-list{width:1500px;list-style:none;text-align:center}.inspirations-us-container section.games .links-list:hover li:not(:hover){opacity:0.6}.inspirations-us-container section.games .links-list li{display:inline-block;margin:0 30px;transition:0.1s}.inspirations-us-container section.games .links-list li a{display:inline-block;font-family:'Catamaran', sans-serif;font-weight:900;font-size:36px;text-transform:uppercase;letter-spacing:-0.04em;word-spacing:0.04em;color:#161a1d;cursor:url(../../img/cursors/cursor-pointer.png),auto;margin-bottom:30px}.inspirations-us-container section.games .links-list li a:active{cursor:url(../../img/cursors/cursor-pointer-clicked.png),auto}@media screen and (max-width: 1300px){.inspirations-us-container section.games .links-list li a{font-size:32px}}@media screen and (max-width: 700px){.inspirations-us-container section.games .links-list li a{font-size:26px}}.inspirations-us-container section.presentation{cursor:url(../../img/cursors/cursor-auto-white.png),auto}.inspirations-us-container section.presentation .presentation-container{position:relative;max-width:1500px;flex:1;width:calc(100% - 200px)}.inspirations-us-container section.presentation .presentation-container p{font-style:italic;font-size:26px;line-height:1.6em;letter-spacing:-0.03em;word-spacing:0.07em;color:#cccccc}@media screen and (max-width: 1100px){.inspirations-us-container section.presentation .presentation-container p{font-size:20px}}@media screen and (max-width: 700px){.inspirations-us-container section.presentation .presentation-container p{font-size:16px}}.inspirations-us-container section.presentation .presentation-container p strong{font-style:normal;font-weight:700;color:whitesmoke;letter-spacing:0}.inspirations-us-container section.presentation .presentation-container p a{font-style:normal;font-weight:700 !important;color:#ffcf00;letter-spacing:0}.inspirations-us-container section.team{background-color:#e4e4e4}.inspirations-us-container section.team .team-container{position:relative;max-width:1500px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly}.inspirations-us-container section.team .team-container .members-group{display:flex}.inspirations-us-container section.team .team-container .members-group .member{position:relative;flex:1;margin:0 30px;max-width:200px;min-width:200px;display:flex;flex-direction:column;text-align:center;transition:0.2s}.inspirations-us-container section.team .team-container .members-group .member.top{transform:translateY(-100px)}.inspirations-us-container section.team .team-container .members-group .member img{width:100%;margin-bottom:15px;transition:0.1s}.inspirations-us-container section.team .team-container .members-group .member span{font-size:24px}.inspirations-us-container section.team .team-container .members-group .member .desc{font-size:18px;font-style:oblique}.inspirations-us-container section.team .team-container .members-group .member p{position:absolute;top:100%;width:300px;left:50%;transform:translateX(-50%) translateY(-50px);font-family:'Catamaran', sans-serif;font-size:20px;line-height:1.2em;opacity:0;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);color:#525457}.inspirations-us-container section.team .team-container .members-group .member p::before{content:'';position:absolute;width:100%;height:200%;top:-100%;left:0;z-index:-1}.inspirations-us-container section.team .team-container .members-group .member:hover{z-index:100}.inspirations-us-container section.team .team-container .members-group .member:hover img{filter:drop-shadow(10px 10px 0 #ffcf00) drop-shadow(-10px -10px 0 #ffcf00)}.inspirations-us-container section.team .team-container .members-group .member:hover p{transform:translateX(-50%) translateY(0);opacity:1}.inspirations-us-container section.team .team-container:hover .member:not(:hover){opacity:0.8}@media screen and (max-width: 1599px){.inspirations-us-container section.team .team-container .members-group:first-child .member p{top:0}.inspirations-us-container section.team .team-container .members-group:first-child .member:hover p{transform:translateX(-50%) translateY(calc(-100% - 40px))}.inspirations-us-container section.team .team-container .members-group .member{margin:0 70px;max-width:160px;min-width:160px}.inspirations-us-container section.team .team-container .members-group .member.top{transform:translateY(0)}.inspirations-us-container section.team .team-container .members-group .member span{font-size:20px}.inspirations-us-container section.team .team-container .members-group .member .desc{font-size:14px}.inspirations-us-container section.team .team-container .members-group .member p{font-size:16px;width:250px}}@keyframes backZoom{from{transform:scale(1.5)}to{transform:scale(150)}}@keyframes fadeColor{from{color:#ffcf00}to{color:#161a1d}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes appear{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--mouseX: 0%;--mouseY: 0%}.layout-container{display:flex;min-width:5000px;padding-right:100vw;min-height:5000px;overflow:hidden;user-select:none;transform:translate(var(--mouseX), var(--mouseY));transition:transform 0.1s}.layout-container.from-right{animation:fromRight 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1}.layout-container.out-to-left{animation:outToLeft 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1 forwards}.layout{background-color:white;box-sizing:border-box;position:absolute;transition:0.3s;pointer-events:none}.layout::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.layout img{width:100%;object-fit:cover;user-select:none;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.layout input[type='checkbox']{position:absolute;top:0;left:0;opacity:0}.layout input[type='checkbox']+label{opacity:0;pointer-events:none}.layout input[type='checkbox']:checked+label{pointer-events:initial;opacity:1;cursor:url(../../img/cursors/cursor-pointer.png),auto}.layout input[type='checkbox']:checked+label:active{cursor:url(../../img/cursors/cursor-pointer-clicked.png),auto}.layout.a3{width:1211px;height:856px}.layout.a3.first-layout{left:calc((0.5 * 100vw) - (1211px / 2));top:calc(0.5 * 100vh - (856px / 2))}.layout.a3.right-top{right:-1211px;top:0}.layout.a3.right-bottom{right:-1211px;bottom:0}.layout.a3.left-top{left:-1211px;top:0}.layout.a3.left-bottom{left:-1211px;bottom:0}.layout.a3.top-left{top:-856px;left:0}.layout.a3.top-right{top:-856px;right:0}.layout.a3.bottom-left{bottom:-856px;left:0}.layout.a3.bottom-right{bottom:-856px;right:0}.layout.a3.middle-bottom-left{bottom:-856px;right:50%}.layout.a3.middle-bottom-right{bottom:-856px;left:50%}.layout.a3.middle-right-bottom{right:-1211px;top:50%}.layout.a4{width:856px;height:605px}.layout.a4.first-layout{left:calc(0.5 * 100vw - (856px / 2));top:calc(0.5 * 100vh - (605px / 2))}.layout.a4.right-top{right:-856px;top:0}.layout.a4.right-bottom{right:-856px;bottom:0}.layout.a4.left-top{left:-856px;top:0}.layout.a4.left-bottom{left:-856px;bottom:0}.layout.a4.top-left{top:-605px;left:0}.layout.a4.top-right{top:-605px;right:0}.layout.a4.bottom-left{bottom:-605px;left:0}.layout.a4.bottom-right{bottom:-605px;right:0}.layout.a4.middle-bottom-left{bottom:-605px;right:50%}.layout.a4.middle-bottom-right{bottom:-605px;left:50%}.layout.a4.middle-right-bottom{right:-856px;top:50%}.layout.first-layout{opacity:1;pointer-events:initial;cursor:url(../../img/cursors/cursor-auto.png),auto}@media screen and (max-height: 1000px), (max-width: 1350px){.layout.a3{width:1020px;height:721px}.layout.a3.first-layout{left:calc((0.5 * 100vw) - (1020px / 2));top:calc(0.5 * 100vh - (721px / 2))}.layout.a3.right-top{right:-1020px;top:0}.layout.a3.right-bottom{right:-1020px;bottom:0}.layout.a3.left-top{left:-1020px;top:0}.layout.a3.left-bottom{left:-1020px;bottom:0}.layout.a3.top-left{top:-721px;left:0}.layout.a3.top-right{top:-721px;right:0}.layout.a3.bottom-left{bottom:-721px;left:0}.layout.a3.bottom-right{bottom:-721px;right:0}.layout.a3.middle-bottom-left{bottom:-721px;right:50%}.layout.a3.middle-bottom-right{bottom:-721px;left:50%}.layout.a3.middle-right-bottom{right:-1020px;top:50%}.layout.a4{width:721px;height:510px}.layout.a4.first-layout{left:calc(0.5 * 100vw - (721px / 2));top:calc(0.5 * 100vh - (510px / 2))}.layout.a4.right-top{right:-721px;top:0}.layout.a4.right-bottom{right:-721px;bottom:0}.layout.a4.left-top{left:-721px;top:0}.layout.a4.left-bottom{left:-721px;bottom:0}.layout.a4.top-left{top:-510px;left:0}.layout.a4.top-right{top:-510px;right:0}.layout.a4.bottom-left{bottom:-510px;left:0}.layout.a4.bottom-right{bottom:-510px;right:0}.layout.a4.middle-bottom-left{bottom:-510px;right:50%}.layout.a4.middle-bottom-right{bottom:-510px;left:50%}.layout.a4.middle-right-bottom{right:-721px;top:50%}}@media screen and (max-height: 850px), (max-width: 1170px){.layout.a3{width:870px;height:615px}.layout.a3.first-layout{left:calc((0.5 * 100vw) - (870px / 2));top:calc(0.5 * 100vh - (615px / 2))}.layout.a3.right-top{right:-870px;top:0}.layout.a3.right-bottom{right:-870px;bottom:0}.layout.a3.left-top{left:-870px;top:0}.layout.a3.left-bottom{left:-870px;bottom:0}.layout.a3.top-left{top:-615px;left:0}.layout.a3.top-right{top:-615px;right:0}.layout.a3.bottom-left{bottom:-615px;left:0}.layout.a3.bottom-right{bottom:-615px;right:0}.layout.a3.middle-bottom-left{bottom:-615px;right:50%}.layout.a3.middle-bottom-right{bottom:-615px;left:50%}.layout.a3.middle-right-bottom{right:-870px;top:50%}.layout.a4{width:615px;height:435px}.layout.a4.first-layout{left:calc(0.5 * 100vw - (615px / 2));top:calc(0.5 * 100vh - (435px / 2))}.layout.a4.right-top{right:-615px;top:0}.layout.a4.right-bottom{right:-615px;bottom:0}.layout.a4.left-top{left:-615px;top:0}.layout.a4.left-bottom{left:-615px;bottom:0}.layout.a4.top-left{top:-435px;left:0}.layout.a4.top-right{top:-435px;right:0}.layout.a4.bottom-left{bottom:-435px;left:0}.layout.a4.bottom-right{bottom:-435px;right:0}.layout.a4.middle-bottom-left{bottom:-435px;right:50%}.layout.a4.middle-bottom-right{bottom:-435px;left:50%}.layout.a4.middle-right-bottom{right:-615px;top:50%}}.cantunsee-link{position:absolute;display:inline-block;bottom:70px;left:30px}.cantunsee-link a{font-size:30px;color:#ffcf00}@keyframes fromRight{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes outToLeft{from{transform:translateX(0)}to{transform:translateX(-100vw)}}.next-button{position:absolute;display:flex;justify-content:center;align-items:center;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s}.next-button.yellow{background-color:#ffcf00}.next-button.yellow .button::before{background-color:#ffe266}.next-button.yellow .button::after{background-color:#ffec99}.next-button.orange{background-color:#fa691d}.next-button.orange .button::before{background-color:#fcab81}.next-button.orange .button::after{background-color:#fdccb3}.next-button.blue{background-color:#4d4eff}.next-button.rainbow .button::before{background-color:#4d4eff}.next-button.rainbow .button::after{background-color:#fa691d}.next-button .arrow{position:absolute;bottom:50%;left:50%;transform:translate(-50%, -50%)}.next-button .button{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:inherit;box-sizing:border-box;font-family:'Merriweather', sans-serif}.next-button .button .button-text{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + 50px), calc(-50% - 25px)) rotate(-90deg);opacity:0;height:max-content;white-space:nowrap;font-size:30px;font-weight:900;transition:0.5s cubic-bezier(0.17, 0.67, 0.26, 1) 2.2s}@media screen and (max-height: 1000px), (max-width: 1350px){.next-button .button .button-text{font-size:26px}}@media screen and (max-height: 850px), (max-width: 1170px){.next-button .button .button-text{font-size:22px}}.next-button .button .arrow{bottom:40px;transform:translateX(-50%)}.next-button .button:hover::before{transform:scaleX(1.2)}.next-button .button:hover::after{transform:scaleX(1.4)}.next-button .button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform-origin:left;transition:0.4s cubic-bezier(0.17, 0.67, 0.26, 1);z-index:-1}.next-button .button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform-origin:left;transition:0.3s cubic-bezier(0.17, 0.67, 0.26, 1) 0.1s;z-index:-2}.next-button.active img{opacity:1}.next-button.active .button-text{opacity:1;transform:translate(-50%, calc(-50% - 25px)) rotate(-90deg)}.next-button.instant{transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s}.next-button.instant img{transition:0.2s}.next-button.instant .button .button-text{transition:0.5s cubic-bezier(0.17, 0.67, 0.26, 1) 0.2s}.next-button.right{transform:scaleX(0);transform-origin:left;top:0;right:-149px;width:150px;height:100%}.next-button.right.active{transform:scaleX(1)}.next-button.bottom{transform:scaleY(0);transform-origin:top;left:0;bottom:-149px;height:150px;width:100%}.next-button.bottom .arrow{bottom:50%;right:60px;left:initial;transform:translateY(50%)}.next-button.bottom .button-text{transform:translate(calc(-50% - 25px), calc(-50% + 50px))}.next-button.bottom.active{transform:scaleY(1)}.next-button.bottom.active .button-text{transform:translate(calc(-50% - 25px), -50%)}.next-button.bottom .button::before,.next-button.bottom .button::after{transform-origin:top}.next-button.bottom .button:hover::before{transform:scaleY(1.2)}.next-button.bottom .button:hover::after{transform:scaleY(1.4)}.history-instructions-container{position:relative;top:0;left:0;width:100%;height:100%}.history-instructions-container .button-to-cards{position:absolute;left:50%;bottom:-160px;width:220px;height:100px;background:url(../../img/ctaHistory.svg);background-position:center;background-repeat:no-repeat;background-size:contain;transform:translateX(-50%) translateY(100px);display:flex;justify-content:center;align-items:center;color:white;font-size:30px;font-family:'Catamaran', sans-serif;text-transform:uppercase;cursor:url(../../img/cursors/cursor-pointer.png),auto;pointer-events:none;opacity:0;transition:0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s}.history-instructions-container .button-to-cards:active{cursor:url(../../img/cursors/cursor-pointer-clicked.png),auto}.history-instructions-container .button-to-cards.active{transform:translateX(-50%);opacity:1;pointer-events:initial}.cards-container{position:relative;display:flex;justify-content:space-around;align-items:center;max-width:1400px;width:100%;height:max-content;max-height:100vh;flex-wrap:wrap;user-select:none;margin:50vh auto 0}.cards-container .card{perspective:1500px;transform-style:preserve-3d;position:relative;width:271px;height:383px;transform-origin:center;opacity:0.9;border-radius:17px;margin:20px;transition:margin-top 0.3s;cursor:url(../../img/cursors/cursor-drag.png),auto}.cards-container .card .flip{transition:all 0.5s, box-shadow 0.3s;transform-style:preserve-3d;transform-origin:center;position:relative;display:flex;justify-content:center;width:271px;height:383px;box-shadow:1px 1px 2px rgba(0,0,0,0.4),5px 4px 4px rgba(0,0,0,0.1);border-radius:16px}.cards-container .card .flip:hover{box-shadow:2px 20px 30px -15px rgba(0,0,0,0.4),60px 5px 50px -20px rgba(0,0,0,0.05) !important}.cards-container .card .flip img{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;border-radius:15px;top:0;left:0;width:100%;height:100%;object-fit:cover;border:solid 0.5px rgba(0,0,0,0.05);pointer-events:none}.cards-container .card .flip img:first-of-type{z-index:2;transform:rotateY(0deg) translateZ(-1px)}.cards-container .card .flip img:last-of-type{transform:rotateY(180deg) translateZ(-1px)}.cards-container .card:hover{opacity:1;margin-top:10px;z-index:100}.cards-container .card:hover:active{cursor:url(../../img/cursors/cursor-drag-clicked.png),auto}.cards-container .card.active .flip{transform:rotateY(180deg);box-shadow:-1px 1px 2px rgba(0,0,0,0.4),-5px 4px 4px rgba(0,0,0,0.1)}.cards-container .card.active .flip:hover{box-shadow:-2px 20px 30px -15px rgba(0,0,0,0.4),-60px 5px 50px -20px rgba(0,0,0,0.05) !important}.cards-container .go-to-process{font-size:20px;background-color:#599d47;color:white;padding:20px;border-radius:8% 92% 27% 73% / 73% 12% 88% 27%;position:absolute;bottom:-20px;right:0}@media screen and (max-height: 1000px), (max-width: 1350px){.cards-container{max-width:1200px}.cards-container .card{width:242px;height:342px}.cards-container .card .flip{width:242px;height:342px}}@media screen and (max-height: 850px), (max-width: 1170px){.cards-container{max-width:1020px}.cards-container .card{width:213px;height:301px}.cards-container .card .flip{width:213px;height:301px}}@media screen and (max-height: 770px), (max-width: 1030px){.cards-container{max-width:940px}.cards-container .card{margin:15px 0}}.flip:hover{box-shadow:2px 20px 30px -15px rgba(0,0,0,0.4),60px 5px 50px -20px rgba(0,0,0,0.05) !important}.process-animation-transition{position:fixed;top:0;left:0;clip-path:circle(0%);pointer-events:none;min-width:100vw;min-height:100vh;width:100vw;height:100vh;padding:0;background-color:whitesmoke}.process-animation-transition label{pointer-events:none}.process-animation-transition.active{animation:discover 0.7s cubic-bezier(1, 0, 1, 0) 1}@keyframes discover{from{clip-path:circle(0%)}to{clip-path:circle(200%)}}.swap{position:absolute;right:90px;width:86%;display:flex;top:calc(50% - 150px);height:300px;justify-content:space-around;align-items:center;user-select:none;-webkit-user-select:none;outline:none;z-index:10}.swap .element{position:relative;padding:16px 16px 14px;background-color:#ffcf00;font-weight:900;color:#161a1d;font-size:26px;font-family:'Catamaran', sans-serif;text-transform:uppercase;text-align:center;letter-spacing:-0.03em;transition:all 0.4s, transform 0.05s;box-sizing:border-box;cursor:url(../../img/cursors/cursor-drag.png),auto}.swap .element .description{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:230px;height:max-content;font-size:0.9em;text-transform:none;font-weight:300;line-height:1.2em;z-index:-1;opacity:0;transition:1s cubic-bezier(0.3, 0, 0.08, 1) 1s;color:#707070}.swap .element:active{cursor:url(../../img/cursors/cursor-drag-clicked.png),auto}.swap .element::before{content:'';position:absolute;top:50%;left:50%;width:100%;height:120%;transform:translate(-50%, -50%) scale(0);background:#ffcf00;z-index:-1;opacity:0.5;border-radius:inherit;transition:1s ease-out 0.15s}.swap .element.done{pointer-events:none;animation:bounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1}.swap .element.done::before{transform:translate(-50%, -50%) scale(3);opacity:0;border-radius:50%}.swap .element.done .description{opacity:1 !important;transform:translate(-50%, 100%) !important}.swap .element.done .description.top{top:-10px;transform:translate(-50%, -100%) !important}.swap .arrow-img{pointer-events:none;width:30px;margin:-70px}.swap .arrow-img.back{object-fit:contain;position:absolute;bottom:0;right:7%;width:42%;margin:0;transform:scaleY(-1) translateY(-40%)}@media screen and (max-height: 1000px), (max-width: 1350px){.swap{right:30px;width:92%}.swap .element{font-size:22px}.swap .element .description{width:190px}.swap .arrow-img{width:25px}.swap .arrow-img.back{bottom:0;right:7%;width:42%;transform:scaleY(-1) translateY(-35%)}}@media screen and (max-height: 850px), (max-width: 1170px){.swap{right:15px;width:95%}.swap .element{font-size:18px}.swap .element .description{width:160px}.swap .arrow-img{width:20px}.swap .arrow-img.back{bottom:0;right:7%;width:42%;transform:scaleY(-1) translateY(-30%)}}.swap-help{position:absolute;bottom:40px;left:8%;right:20px;font-family:'Catamaran', sans-serif;color:#161a1d;font-size:19px;letter-spacing:-0.03em;display:flex;align-items:center;line-height:1em;opacity:0;visibility:hidden;transition:opacity 0.5s 0.3s}.swap-help img{width:30px;height:30px;padding-bottom:3px;margin-right:10px}.swap-help.please-help{visibility:visible;opacity:1}.draggable--is-dragging .element{opacity:0.6}.draggable--is-dragging:hover{cursor:url(../../img/cursors/cursor-drag-clicked.png),auto !important}.draggable-source--is-dragging{background-color:transparent !important;box-shadow:5px 5px 0px #ffcf00 inset,-5px -5px 0px #ffcf00 inset;color:transparent !important}.draggable-source--is-dragging:hover{cursor:url(../../img/cursors/cursor-drag-clicked.png),auto !important}.draggable-mirror{margin:0 !important;box-shadow:2px 10px 40px -20px rgba(0,0,0,0.3) !important;opacity:1 !important;z-index:100}@keyframes bounce{0%{transform:scale(1)}70%{transform:scale(1.1)}90%{transform:scale(0.98)}100%{transform:scale(1)}}.form-feedback{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:80%;max-width:500px}.form-feedback form{display:flex;flex-direction:column;align-items:flex-end}.form-feedback form input,.form-feedback form textarea,.form-feedback form button{font-size:18px;padding:10px 12px 8px;width:100%;box-sizing:border-box;border:none;background:whitesmoke;color:#161a1d;margin-bottom:15px;font-family:'Merriweather', sans-serif;outline:none}.form-feedback form textarea{resize:none}.form-feedback form button{background-color:#ffcf00;color:#161a1d;border:none;font-family:'Catamaran', sans-serif !important;font-size:20px;font-weight:700;width:80px;height:50px;display:flex;justify-content:center;align-items:center;transition:0.1s}.form-feedback form button .arrow{transform:scale(0.6)}.form-feedback form button:hover{background-color:#ffd41a}.form-feedback form button:hover .arrow{transform:scale(0.6) translateX(5px)}.form-feedback form button:active{background-color:#ffe266}.form-feedback form button:active .arrow{transform:scale(0.6) translateX(30px)}@media screen and (max-height: 1000px), (max-width: 1350px){.form-feedback{max-width:400px}.form-feedback input,.form-feedback textarea,.form-feedback button{font-size:14px}}.komento-form::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;padding:60px;box-sizing:border-box;text-align:center;transform:scale(0);transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:1000000000;color:#161a1d}.komento-form.alreadyDone{pointer-events:none}.komento-form.alreadyDone::after{transition:none !important;content:'Tu as déjà laissé 2 avis, merci encore plus :)';background-color:#fafafa;transform:scale(1)}.komento-form.alreadyDone input,.komento-form.alreadyDone textarea,.komento-form.alreadyDone button{pointer-events:none;opacity:0}.komento-form.done{pointer-events:none}.komento-form.done::after{content:'Merci pour ton avis !';color:#69ad1c;background-color:#e9ffbd;transform:scale(1)}.komento-form.done input,.komento-form.done textarea,.komento-form.done button{transition:0.2s;pointer-events:none;opacity:0}.komento-form.error{pointer-events:none}.komento-form.error::after{content:'Oups ! une erreur est survenue, merci de recharger la page et de réessayer.';color:tomato;background-color:#ffe6e6;transform:scale(1)}.komento-form.error input,.komento-form.error textarea,.komento-form.error button{transition:0.2s;pointer-events:none;opacity:0}.legals{position:absolute;bottom:20px;left:40px}.legals a{font-family:'Catamaran', sans-serif}.legals-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:50px 22px;color:#161a1d}.legals-container .arrow-container-hover{display:flex;align-items:center;font-size:1em;font-family:'Catamaran', sans-serif;transform:translateX(-20px)}.legals-container .arrow-container-hover .arrow{transform:scale(0.5) rotate(180deg)}.legals-container h3{position:relative;color:#ffcf00;display:inline-block;margin-bottom:5px}.legals-container h3::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:#161a1d;z-index:-1}.legals-container ul{font-family:'Catamaran', sans-serif;list-style:none;padding-left:5px}.legals-container ul li{line-height:1.2em;margin-bottom:20px}.legals-container strong{font-weight:600}@media screen and (max-height: 670px), (max-width: 1000px){body,.body-container{overflow:hidden !important;pointer-events:none !important}.mobile-overlay{display:flex}}
