.video-wrapper{height:1280px;overflow:hidden;position:relative}.video-wrapper__inner{height:1280px}.video-container{transition:transform .5s ease-in-out}.video-container video{height:1280px;object-fit:cover;width:100%}.hero-image-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;left:0;padding:32px 16px;position:absolute;top:0;width:100%}.hero-image{height:240px;max-width:560px;opacity:0;transform:translateY(20px) scale(.5);width:100%}.bubbles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.bubble-wrapper{opacity:0;position:absolute;transform:translateY(20px) scale(.5)}.bubble-wrapper--hide{display:none}.bubble-wrapper--ear{right:calc(50% + 80px);top:calc(50% - 320px)}.bubble-wrapper--eye{left:calc(50% + 40px);top:calc(50% - 320px)}.bubble-wrapper--mouth{right:calc(50% + 40px);top:calc(50% - 260px)}.bubble-wrapper--chin{left:calc(50% + 40px);top:calc(50% - 260px)}.bubble-wrapper--right-shoulder{right:calc(50% + 80px);top:calc(50% - 200px)}.bubble-wrapper--back{left:calc(50% + 40px);top:calc(50% - 200px)}.bubble-wrapper--left-shoulder{left:calc(50% + 100px);top:calc(50% - 140px)}.bubble-wrapper--heart{right:50%;top:calc(50% - 100px)}.bubble-wrapper--chest{left:calc(50% + 70px);top:calc(50% - 80px)}.bubble-wrapper--right-belly{right:calc(50% + 40px);top:calc(50% - 20px)}.bubble-wrapper--left-belly{left:calc(50% + 40px);top:calc(50% - 20px)}.bubble-wrapper--skin{right:calc(50% + 100px);top:calc(50% + 160px)}.bubble-wrapper--transparent-skin{left:calc(50% + 100px);top:calc(50% + 160px)}.bubble-wrapper--tattoo{right:calc(50% + 100px);top:calc(50% + 280px)}.bubble-wrapper--joint{left:calc(50% + 40px);top:calc(50% + 240px)}.bubble-wrapper--foot{right:calc(50% + 100px);top:calc(50% + 400px)}.bubble-wrapper--heel{left:calc(50% + 80px);top:calc(50% + 400px)}.bubble-container{align-items:center;display:flex;justify-content:center;transition:all .5s ease-in-out .3s}.bubble-container--bubble-right .dot{order:0}.bubble-container--bubble-right .line{order:1}.bubble-container--bubble-right .bubble{order:2}.bubble-container--bubble-right .modal-wrapper{order:3}.bubble-container--hide{opacity:0;transition:all .5s ease-in-out;visibility:hidden}.dot{background-color:#715ec2;border-radius:50%;height:10px;width:10px}.dot--hide{opacity:0;visibility:hidden}.line{border:1px solid #715ec2;width:100px}.line--hide{opacity:0;visibility:hidden}.bubble{background-color:#715ec2;border:1px solid #715ec2;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .5s ease-in-out}.bubble--hide{opacity:0;visibility:hidden}.bubble:hover{background-color:transparent;color:#715ec2}.modal-wrapper{opacity:0;position:absolute;transition:all .5s ease-in-out;visibility:hidden;z-index:100}.modal-wrapper--show{opacity:1;visibility:visible}.modal{background-color:#715ec2;border-radius:25px;color:#fff;margin-top:16px;opacity:0;padding:32px 32px 16px;transform:translateY(20px);transition:all .5s ease-in-out;visibility:hidden;width:300px;z-index:150}.modal__body{line-height:1.3;margin-right:16px}.modal__body h2{color:#fff!important;margin-bottom:16px}.modal--show{opacity:1;transform:translate(0);transition:all .5s ease-in-out .3s;visibility:visible}.modal__close{align-items:center;background-color:transparent;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .5s ease-in-out;width:32px;z-index:999}.modal__close:hover{background-color:#fff;color:#715ec2}@media screen and (max-width:768px){.video-container video,.video-wrapper,.video-wrapper__inner{height:960px}.hero-image{height:auto}.bubble-wrapper{transform:none}.bubble-wrapper--ear{right:calc(50% + 60px);top:calc(50% - 240px)}.bubble-wrapper--eye{left:calc(50% + 30px);top:calc(50% - 240px)}.bubble-wrapper--mouth{right:calc(50% + 30px);top:calc(50% - 195px)}.bubble-wrapper--chin{left:calc(50% + 30px);top:calc(50% - 195px)}.bubble-wrapper--right-shoulder{right:calc(50% + 60px);top:calc(50% - 150px)}.bubble-wrapper--back{left:calc(50% + 30px);top:calc(50% - 150px)}.bubble-wrapper--left-shoulder{left:calc(50% + 75px);top:calc(50% - 105px)}.bubble-wrapper--heart{right:50%;top:calc(50% - 75px)}.bubble-wrapper--chest{left:calc(50% + 52.5px);top:calc(50% - 60px)}.bubble-wrapper--right-belly{right:calc(50% + 30px);top:calc(50% - 15px)}.bubble-wrapper--left-belly{left:calc(50% + 30px);top:calc(50% - 15px)}.bubble-wrapper--skin{right:calc(50% + 75px);top:calc(50% + 120px)}.bubble-wrapper--transparent-skin{left:calc(50% + 75px);top:calc(50% + 120px)}.bubble-wrapper--tattoo{right:calc(50% + 75px);top:calc(50% + 210px)}.bubble-wrapper--joint{left:calc(50% + 30px);top:calc(50% + 180px)}.bubble-wrapper--foot{right:calc(50% + 75px);top:calc(50% + 300px)}.bubble-wrapper--heel{left:calc(50% + 60px);top:calc(50% + 300px)}.bubble{background-color:transparent;height:16px;padding:0;width:16px}.bubble:before{background-color:#715ec2;border-radius:50px;content:"";display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease-in-out;width:10px}.bubble span,.dot,.line{display:none}.modal-wrapper{background-color:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%}.modal{height:auto;left:50%;margin-top:0;max-height:90%;max-width:320px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}}