.gp-planner{position:relative;cursor:pointer;margin:10px 0;width:700px;height:650px;display:flex;justify-content:center;align-items:center}.m-layout .gp-planner{width:100%;height:100%}.gp-planner-cover_v2{width:450px;height:650px}.gp-planner-cover{width:100%;height:100%}.gp-planner--square .gp-planner-cover{width:500px!important;height:500px!important}.m-layout .gp-planner--square .gp-planner-cover{width:400px!important;height:400px!important}.gp-planner--portrait .gp-planner-cover{width:350px!important}.m-layout .gp-planner--portrait .gp-planner-cover{width:100%;height:550px!important}.gp-planner--landscape .gp-planner-cover{height:450px!important}.m-layout .gp-planner--landscape .gp-planner-cover{width:100%;height:350px!important}.gp-planner__overlay{position:absolute;width:100%!important;height:100%;background-color:rgba(0,0,0,.2);top:0;left:50%;transform:translate(-50%);z-index:10}.gp-planner--square .gp-planner__overlay{width:500px!important;height:500px!important}.m-layout .gp-planner--square .gp-planner__overlay{width:400px!important;height:400px!important}.gp-planner--portrait .gp-planner__overlay{width:350px!important}.m-layout .gp-planner--portrait .gp-planner__overlay{width:100%!important;height:550px!important}.gp-planner--landscape .gp-planner__overlay{height:450px!important}.m-layout .gp-planner--landscape .gp-planner__overlay{top:0;width:100%!important;height:350px!important}.gp-planner__overlay.planner-inactive{background-color:rgba(0,0,0,.6)}.gp-planner__overlay_v2{position:absolute;width:450px!important;height:650px;background-color:rgba(0,0,0,.3);top:0;left:50%;transform:translate(-50%);z-index:10}.gp-planner__overlay_v2.planner-inactive{background-color:rgba(0,0,0,.6)}.gp-planner__info-box{width:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.gp-planner_informations{width:300px;padding:20px;z-index:1;position:absolute;display:flex;border-top-left-radius:5px;border-top-right-radius:5px;min-height:150px;align-items:center;bottom:50px;min-height:200px;background-color:hsla(0,52%,65%,.6);flex-direction:column;justify-content:space-evenly;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.m-layout .gp-planner_informations{display:flex;padding:10px;bottom:30px;min-height:150px;width:270px}.gp-planner__informations__timer{display:flex;flex-direction:row;width:100%}.gp-planner__informations__heading{width:100%;margin-top:10px;display:flex;justify-content:center}.gp-planner__informations__heading span{min-width:50%;font-size:1.7rem;text-align:center;display:flex;justify-content:center;font-family:Dancing Script;color:#f1f1f1;padding-bottom:5px;font-style:italic;font-weight:600;letter-spacing:.6px}.gp-planner__informations__heading .planner-title-small{font-size:1.6rem}.m-layout .gp-planner__informations__heading .planner-title-small{font-size:1.3rem}.m-layout .gp-planner__informations__heading{margin-top:0}.gp-planner-heart{position:absolute;left:-13px;top:-8px;font-size:1.4rem;color:red}.gp-planner-heart__second{position:absolute;left:-3px;top:-1px;font-size:1.1rem;color:#f9e8e8}.gp-planner-pinned{position:absolute;left:-17px;top:-16px;font-size:1.4rem;color:#f3f2f2;transform:rotate(-45deg)}.gp-planner__details{position:relative;width:100%;height:100%}.gp-planner__details .gp-ribbon span{font-size:.5rem}.gp-planner_details__title{position:absolute;top:130px;width:100%;text-align:center;padding:0 50px}.gp-planner_details__title span{color:#fff;font-size:1.4rem;padding-bottom:5px;font-family:Dancing script}.gp-planner_details__title .gp-planner__details__line{width:55%;height:1px;background-color:#fff;margin:5px auto}.gp-planner_details__countdown{position:absolute;top:50%;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;color:#fff;font-family:Manrope;padding:0 50px}.gp-planner_details__countdown .gp-planner__details__line{margin:5px 0;width:50px;height:1px;background-color:#fff;color:#fff}.gp-planner_details__countdown__counter{letter-spacing:.5px}.gp-planner_details__countdown__title{opacity:.7;font-size:1.1rem;font-family:Dancing script}.gp-planner_details__rating{position:absolute;top:50%;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;color:#fff;padding:5px 30px;background-color:rgba(0,0,0,.2);border-radius:6px;font-family:Manrope}.gp-planner_details__rating:hover{background-color:rgba(0,0,0,.5);transition:all .3s ease-in}.gp-planner_details__date{position:absolute;bottom:90px;display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center;font-family:Manrope;padding:0 50px;color:#c2c0c0}.gp-planner_details__date .gp-planner__details__line{width:45%;height:1px;background-color:#adacac;margin:5px auto}@media screen and (max-width:340px){.m-layout .gp-planner-cover{height:270px!important}}@media screen and (max-width:360px){.gp-planner_informations{width:230px!important}.gp-planner__informations__heading span{font-size:1.5rem!important}.m-layout .gp-planner-cover{height:270px!important}}@media screen and (max-width:470px){.gp-planner-cover_v2{width:100%}.gp-planner__overlay_v2{width:100%!important}}.gp-timer-box{width:50%;display:flex;flex-direction:column;align-items:center;background-color:hsla(240,2%,92%,.5);padding:10px;height:90px;justify-content:center;margin:0 auto;position:relative;border-radius:10px}.m-layout .gp-timer-box{padding:5px;height:90px}.gp-timer-box__label{font-size:1.5rem;font-family:Dancing Script}.m-layout .gp-timer-box__label{font-size:1.3rem}.gp-timer-box__value{font-size:1.5rem;color:orange;width:80%;display:flex;justify-content:center;font-family:Dancing Script;margin-bottom:5px}.m-layout .gp-timer-box__value{font-size:1.2rem}.gp-timer-box__value span{width:40px;background-color:hsla(0,54%,97%,.8);text-align:center;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);height:40px;display:flex;align-items:center;justify-content:center;margin:0 3px}.gp-timer__ballon{right:-60px;transform:rotate(12deg)}.gp-timer__ballon,.gp-timer__ballon__right{position:absolute;z-index:100;bottom:10px;animation:animate-ballon 2.5s ease-in-out infinite}.gp-timer__ballon__right{left:-60px;transform:rotate(-12deg);animation-delay:.5s}.gp-timer-box__add-rating{display:flex;width:100%;justify-content:center;align-items:center;text-align:center;color:brown;font-weight:500;letter-spacing:.6px}.gp-timer-box__add-rating:hover{opacity:.6}.m-layout .gp-timer-box__add-rating{font-size:.8rem}@keyframes animate-ballon{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-35px) rotate(12deg)}to{transform:translateY(0) rotate(-12deg)}}