.section-gap{margin-bottom:130px}.heading{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px 0 50px}.heading h1{font-family:Futura PT;font-size:40px;text-transform:uppercase;color:#df7b6c;text-align:center;font-weight:400}.heading p{font-family:Futura PT;font-size:24px;color:#000;font-weight:500;text-align:center}.protein-game{display:flex;flex-wrap:wrap}.protein-game .left-side{width:50%;height:100%}.protein-game .protein-game-option{padding:30px;background:#e5e7cc;border-radius:16px;display:flex;flex-wrap:wrap;row-gap:14px;column-gap:25px}.protein-game .protein-game-option .protein-option{position:relative;display:inline-block;text-decoration:none;text-align:center;border:1px solid #405F36;border-radius:23px;color:#405f36;font-family:Futura PT;font-weight:400;font-size:20px;padding:18px 45px;transition:all .6s ease}.protein-game .protein-game-option .protein-option:hover,.protein-game .protein-game-option .protein-option.active{background-color:#95a670;color:#f6f7e8}.protein-game .protein-game-option .protein-option.active{pointer-events:none}.protein-game .protein-game-option .protein-option:before{content:"";position:absolute;top:-20px;width:30px;height:33px;left:0;right:0;margin:auto;transform:scale(0);transition:all .6s ease;background-repeat:no-repeat;background-position:center}.protein-game .protein-game-option .protein-option.show-emoji:before{background-image:url(thumbs-up.svg);transform:scale(1)}.protein-game .protein-game-option .protein-option.show-emoji-wrong:before{background-image:url(wrong-ans.svg);transform:scale(1)}.protein-game .protein-game-option .protein-option.wrong{background-color:#df7b6c;color:#f6f7e8}.protein-answer-part{width:50%;position:relative;padding-left:20px}.protein-answer-part .answer-glass img{max-width:100%;display:block;margin:auto}.ans-list{position:absolute;top:0;left:0;right:0}.ans-list .ans-box{font-family:Futura PT;font-style:normal;font-weight:400;font-size:25px;color:#fcf6ec;text-align:center;height:90px;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;transition:all .6s ease;position:relative}.ans-list .ans-box span{display:block;z-index:2;opacity:0}.ans-list .ans-box.active span{opacity:1}.ans-list .ans-1-true{max-width:397px;margin:auto}.ans-list .ans-box svg{position:absolute;top:0;left:0;right:0;z-index:1;width:100%;height:100%}.ans-list .ans-box:first-child{height:89px}.ans-list .ans-box:last-child{height:86px}.ans-list .ans-box:nth-child(2){height:91px}.ans-list .ans-box.active svg.main-path path,.ans-list .ans-box.active svg path.main-trac{fill:#405f36}.answer-glass{opacity:0}.ans-6-true{margin-bottom:-2px}.protein-game .left-side{position:relative}.gam-modal{opacity:0;visibility:hidden;margin-top:30px;transition:all .6s ease;position:absolute;top:50%;z-index:999;transform:translateY(-90%)}.gam-modal.modal-active{opacity:1;visibility:visible;margin-top:15px}.gam-modal .modal-body{background:#405f36;border-radius:16px;padding:30px 48px;color:#fcf6ec;position:relative;display:flex;align-items:center}.gam-modal.modal-danger .modal-body{background:#df7b6c}.gam-modal .modal-body .text-content{flex:1;padding-right:15px}.gam-modal .modal-body .close{position:absolute;top:5px;right:15px;font-size:24px;color:#fcf6ec;cursor:pointer;background:transparent}.gam-modal .modal-body .close:before{display:none}.gam-modal .modal-body h3{font-family:Futura PT;font-style:normal;font-weight:700;font-size:24px;color:#fcf6ec;margin-bottom:15px}.gam-modal .modal-body p{font-family:Futura PT;font-style:normal;font-weight:400;font-size:16px;color:#fcf6ec}.gam-modal .modal-body .img{width:177px}.answer-glass.cut-off,.ans-list.cut-off{display:none}.main-product-show{height:100%}.main-product-show.show{display:flex;flex-direction:column}.main-product-show img{display:block;margin:auto}img.loaded{float:right}.main-product-button{margin-top:40px;display:none;text-align:center}.main-product-button.only-desktop.show{display:block}.gam-btn{display:block;background:#df7b6d;border:1px solid #DF7B6D;height:49px;line-height:49px;padding:15px;font-family:Futura PT;font-style:normal;font-weight:500;font-size:22px;line-height:28px;display:flex;align-items:center;text-align:center;color:#fff;text-decoration:none;justify-content:center;margin-bottom:15px}.restart-btn{display:inline-flex;align-items:center;font-family:Futura PT;font-style:normal;font-weight:450;font-size:22px;line-height:28px;text-decoration-line:underline;color:#000}.protein-game .protein-game-option .protein-option:nth-child(1),.protein-game .protein-game-option .protein-option:nth-child(2){width:100%;max-width:calc(50% - 13px)}.protein-game .protein-game-option .protein-option:nth-child(3),.protein-game .protein-game-option .protein-option:nth-child(4){width:100%;max-width:calc(50% - 13px)}.protein-game .protein-game-option .protein-option:nth-child(5),.protein-game .protein-game-option .protein-option:nth-child(6),.protein-game .protein-game-option .protein-option:nth-child(7){flex:1}.protein-game .protein-game-option .protein-option:nth-child(8){max-width:calc(100% - 260px);width:100%}.protein-game .protein-game-option .protein-option:nth-child(9){flex:1}.protein-game .protein-game-option .protein-option:nth-child(10){width:100%;max-width:calc(50% - 13px)}.protein-game .protein-game-option .protein-option:nth-child(11){width:100%;max-width:calc(50% - 13px)}.available-product{display:none}.main-product-show.show .available-product{display:block}.available-product img{float:unset}.success-col{display:none;flex-direction:column;justify-content:center;align-items:center;height:100%;background:#e5e7cc;color:#000;font-family:Futura PT;font-style:normal;font-weight:450;font-size:20px;text-align:center;width:100%;padding:20px 20px 50px;border-radius:16px;min-height:238px}.success-col img{max-width:150px;margin:0 0 10px;float:none}.success-col.active{display:flex}.main-product-button.showin-mob.show{display:block}.main-product-button.showin-mob .restart-btn{display:none}.available-product img{max-width:550px}@media screen and (max-width:1440px){.protein-game .protein-game-option .protein-option{padding:18px}.protein-game .protein-game-option .protein-option:nth-child(5),.protein-game .protein-game-option .protein-option:nth-child(6),.protein-game .protein-game-option .protein-option:nth-child(7){flex:0 0 30.4%}}@media screen and (max-width:1024px){.protein-game .left-side{padding-right:20px}img.loaded{float:none}.protein-game .protein-game-option .protein-option{font-size:15px;padding:15px;border-radius:15px}.protein-game .protein-game-option{column-gap:15px}.gam-modal .modal-body{padding:16px}.protein-game .protein-game-option .protein-option:nth-child(5),.protein-game .protein-game-option .protein-option:nth-child(6),.protein-game .protein-game-option .protein-option:nth-child(7){flex:0 0 30.8%}.protein-game .protein-game-option .protein-option:nth-child(1),.protein-game .protein-game-option .protein-option:nth-child(2){max-width:calc(50% - 8px)}.protein-game .protein-game-option .protein-option:nth-child(3),.protein-game .protein-game-option .protein-option:nth-child(4){max-width:calc(50% - 8px)}.protein-game .protein-game-option .protein-option:nth-child(8){max-width:calc(100% - 130px)}.protein-game .protein-game-option .protein-option:nth-child(9){flex:1}.protein-game .protein-game-option .protein-option:nth-child(10){max-width:calc(50% - 8px)}.protein-game .protein-game-option .protein-option:nth-child(11){max-width:calc(50% - 8px)}}@media screen and (max-width:991px){.main-product-button.showin-mob.show{display:block;margin-bottom:30px}.main-product-button.showin-mob .restart-btn{display:inline-flex}.main-product-button.only-desktop.show{display:none}.protein-game .protein-game-option .protein-option:nth-child(5),.protein-game .protein-game-option .protein-option:nth-child(6),.protein-game .protein-game-option .protein-option:nth-child(7){flex:0 0 31.7%}.protein-game{flex-direction:column-reverse}.protein-game .left-side{width:100%;padding-right:0}.protein-answer-part{width:100%;position:relative;margin-bottom:20px;padding-left:0}.answer-glass{display:none}.ans-list{position:relative}.gam-modal{position:fixed;top:50%;left:0;right:0;padding:0 45px;transform:translateY(-50%)}.gam-modal .modal-body{min-height:240px;display:flex;flex-direction:column-reverse;text-align:center;align-items:center;justify-content:center}}@media screen and (max-width:767px){.success-col{font-size:14px}.protein-game .protein-game-option{padding:10px 20px;column-gap:10px;row-gap:10px}.protein-game .protein-game-option .protein-option{font-size:14px;padding:4px 15px;border-radius:30px;height:26px}.protein-game .protein-game-option .protein-option:before{width:20px;height:20px;top:-10px;background-size:100% 100%}.gam-modal{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);padding:0 15px;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.gam-modal .modal-body{flex-direction:column-reverse;text-align:center}.heading h1{font-size:25px;font-weight:400}.heading p{font-size:18px}.heading{padding-bottom:0}.template-page-build-your-protein.modal-open .protein-game-option:before{content:"";background:#e5e7cc;filter:blur(1px);border-radius:16px;position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1;opacity:.6}.ans-list .ans-box{height:60px;font-size:15px}.ans-list .ans-box:last-of-type{height:57px}.heading{padding:10px 0 0}.protein-answer-part{margin-top:20px;padding-left:0}.ans-list .ans-box svg{height:100%}.gam-modal .modal-body h3{font-size:16px}.gam-modal .modal-body p{font-size:14px}.section-gap{margin-bottom:0}.gam-modal .modal-body .img{width:100px;margin-bottom:15px}.gam-modal .modal-body .text-content{padding-right:0}.protein-game .protein-game-option .protein-option:nth-child(5),.protein-game .protein-game-option .protein-option:nth-child(6),.protein-game .protein-game-option .protein-option:nth-child(7){flex:0 0 31.1%}.protein-game .protein-game-option .protein-option{font-size:11px;padding:4px 8px}.protein-game .protein-game-option .protein-option:nth-child(3),.protein-game .protein-game-option .protein-option:nth-child(4),.protein-game .protein-game-option .protein-option:nth-child(1),.protein-game .protein-game-option .protein-option:nth-child(2){max-width:calc(50% - 5px)}.protein-game .protein-game-option .protein-option:nth-child(8){max-width:calc(100% - 110px)}.protein-game .protein-game-option .protein-option:nth-child(9){flex:1;max-width:unset!important}.main-product-show .available-product{background:#e5e7cc;padding:30px;border-radius:16px;margin-bottom:25px}.main-product-button.showin-mob.show{margin-bottom:0}.ans-list .ans-box:first-child,.ans-list .ans-box:nth-child(2){height:60px}.available-product img{max-width:100%}}@media screen and (max-width:575px){.protein-answer-part{margin-top:20px;padding-left:0}.answer-glass{display:none}.ans-list{position:relative}.ans-list .ans-box span{display:block}.ans-list .ans-box svg{height:100%}.protein-game .protein-game-option .protein-option{font-size:11px;padding:4px 8px;min-height:26px}}
/*# sourceMappingURL=/cdn/shop/t/257/assets/build-your-protein.css.map */