.flavour-picker-popup{position:fixed;bottom:24px;right:24px;transition:all .3s ease-in-out;opacity:1;visibility:visible;height:180px;width:400px;background-color:#223c91;border-radius:8px;overflow:hidden;z-index:1}.flavour-picker-popup__inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%}.flavour-picker-popup__close{position:absolute;top:16px;right:16px}.flavour-picker-popup__title{background:linear-gradient(180deg,#223c91 50%,#223c9100);padding:16px 16px 32px}.flavour-picker-popup.non-active{opacity:0;visibility:hidden}.flavour-picker-popup__inner button{margin-left:16px;margin-bottom:16px}.flavour-picker-popup__inner{color:#fff;z-index:1}.flavour-picker-popup__bg{z-index:0}.flavour-picker-popup__bg .aspectholder{height:100%;width:100%}.flavour-picker-popup__bg .aspectholder>*{width:100%;height:100%;object-fit:cover}.flavour-picker-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;z-index:99;height:100%;width:100%;transition:all var(--tMed);background-color:#0006;max-width:100%;max-height:100%;border:none;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.flavour-picker-modal.active{opacity:1;visibility:visible}.flavour-picker-modal__inner{height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.flavour-picker-modal__content{pointer-events:auto;width:75vw;max-height:95vh;min-width:950px;max-width:1230px;display:flex;padding:24px;border-radius:8px;position:relative;background-color:#fff;column-gap:12px;opacity:0;visibility:hidden;display:none;transition:.3s ease-in-out;overflow:scroll}.flavour-picker-modal.active .flavour-picker-modal__content.active{display:flex;opacity:1;visibility:visible}.flavour-picker-modal__final-page{background-color:var(--brandColor);min-height:75vh;color:#fff}.flavour-picker-modal__sign-up-container{display:flex;flex-direction:column;width:50%;row-gap:20px}.flavour-picker-modal__sign-up-container button{z-index:1}.flavour-picker-modal__info{display:flex;flex-direction:column;row-gap:20px}.flavour-picker-modal__title{font-size:30px;font-style:normal;font-weight:600;line-height:32px}.flavour-picker-modal__body{font-size:20px;font-style:normal;font-weight:600;line-height:22px}.flavour-picker-modal__bg{top:0;right:0;bottom:0;left:0;position:absolute;width:100%;height:100%}.flavour-picker-modal__left{display:flex;flex-direction:column;row-gap:40px}.flavour-picker-modal__right,.flavour-picker-modal__right .aspectholder{position:relative}.flavour-picker__can-trace{top:0;right:0;bottom:0;left:0;position:absolute;background-color:#fff;mask:url(almighty-can-mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;z-index:1}.flavour-picker__can-bg{top:0;right:0;bottom:0;left:0;mask:url(almighty-can-bg-trace.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;position:absolute;opacity:.5;margin:2px;background-color:var(--canBg)}.flavour-picker__can-big-logo{top:0;right:0;position:absolute;mix-blend-mode:multiply;opacity:.5;height:102%;width:105%}.flavour-picker__can-big-logo-wrapper{top:0;right:0;position:absolute;mask:url(almighty-can-bg-trace.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;height:100%;width:100%}.flavour-picker__can-big-logo svg{height:100%;width:100%}.flavour-picker__can-big-logo path{fill:var(--canBg)}.flavour-picker__can-logo{position:absolute;top:203px;left:198px;z-index:1}.flavour-picker__can-logo svg{fill:var(--brandColor);width:160px;height:36px}.flavour-picker__can-flavour{font-size:27px;font-weight:800;letter-spacing:-.268px;line-height:25.672px}.flavour-picker__can-content{position:absolute;z-index:1;width:175px;bottom:130px;left:200px;display:flex;flex-direction:column;row-gap:10px}.flavour-picker__can-flavour-container-inner{display:flex;flex-direction:column}.flavour-picker__can-flavour-container{opacity:0;visibility:hidden}.flavour-picker__can-flavour-container.active{opacity:1;visibility:visible}.flavour-picker__can-content-bottom{display:flex;justify-content:space-between;width:100%}.flavour-picker-modal__selected-colors{width:100%;display:flex;position:absolute;bottom:40px;right:0;align-items:center;justify-content:center;column-gap:4px;opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:2}.flavour-picker-modal__selected-colors.active{opacity:1;visibility:visible}.flavour-picker-modal__selected-color.active,.flavour-picker-modal__selected-color:hover{outline-color:var(--brandColor)}.flavour-picker-modal__selected-color{background-color:var(--flavourColor);height:24px;width:24px;border-radius:100px;border:2px solid white;outline:1px solid #e9e9e9;transition:border-color .35s var(--trans),outline-color .35s var(--trans);cursor:pointer}.flavour-picker-modal__flavours{display:flex;gap:4px;overflow-y:scroll;flex-wrap:wrap}.flavour-picker-modal__flavours-wrapper.limit-reached .flavour-picker__flavour-btn:not(.active){opacity:.2!important;cursor:not-allowed;pointer-events:none}.flavour-picker-modal__flavours-shadow{display:none}.flavour-picker__flavour-btn{padding:4px 14px 6px;transition:all .3s ease-in-out;border-radius:30px;border:2px solid var(--brandColor);opacity:.5;font-weight:600}.flavour-picker__flavour-btn.active{color:#fff;background-color:var(--flavourColor);border-color:var(--flavourColor);opacity:1}.flavour-picker-modal__flavours-wrapper:not(.limit-reached) .flavour-picker__flavour-btn:not(.active):hover{border-color:var(--flavourColor);color:var(--flavourColor);opacity:1}.flavour-picker__custom-input{opacity:.5;border:double 2px transparent;font-weight:600;width:fit-content!important;border-radius:30px!important;background-image:linear-gradient(#fff,#fff),linear-gradient(var(--brandColor),var(--brandColor));background-origin:border-box;background-clip:padding-box,border-box;padding:4px 14px 6px;transition:all .3s ease-in-out}.flavour-picker-modal__flavours-wrapper:not(.limit-reached)+.flavour-picker__custom-input:hover,.flavour-picker__custom-input.active,.flavour-picker-modal__flavours-wrapper:not(.limit-reached)+.flavour-picker__custom-input:focus{opacity:1;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#c80000,#e09900 17%,#e8dc00 32.5%,#0eff12 52%,#00d3e6 70.5%,#9b5eff 85%)}.flavour-picker__submit-btn[disabled]{opacity:.5;cursor:not-allowed}.flavour-picker__exit-btn{position:absolute;top:20px;right:20px;z-index:2}@media all and (max-width: 1000px){.flavour-picker__can-big-logo-wrapper{-webkit-mask-size:contain;mask-size:contain}.flavour-picker-modal__final-page{flex-direction:column!important;padding-top:0!important}.flavour-picker__can-flavour{font-size:16.5px;font-style:normal;line-height:1;letter-spacing:-.191px}.flavour-picker-modal__content{flex-direction:column-reverse;row-gap:12px;padding-inline:0px;width:95vw;min-width:unset}.flavour-picker-modal__sign-up-container{width:100%;padding:0 20px}.flavour-picker-modal__left{padding-inline:24px;row-gap:10px}.flavour-picker-modal__right{display:flex;align-items:center;justify-content:center}.flavour-picker-modal__right .aspectholder{max-width:300px}.flavour-picker-modal__flavours-wrapper{position:relative}.flavour-picker-modal__flavours{max-height:120px;padding-bottom:50px}.flavour-picker-modal__flavours-shadow{display:block;pointer-events:none;position:absolute;left:0;bottom:-1px;width:100%;height:55px;background:linear-gradient(180deg,#f8f8f800,#fff)}.flavour-picker-modal__right .aspectholder img{width:100%}.flavour-picker__can-trace{-webkit-mask-size:contain;mask-size:contain}.flavour-picker__can-content{width:109px;left:95px;row-gap:6px;bottom:66px}.flavour-picker__can-logo{top:108px;left:96px}.flavour-picker__can-logo svg{width:100px;height:unset}.flavour-picker-modal__body{font-size:14px;line-height:16px}.flavour-picker-modal__title{font-size:23px;font-style:normal;font-weight:600;line-height:24px}.flavour-picker-modal__info{row-gap:8px}.flavour-picker-popup{width:calc(100% - 24px);z-index:2;bottom:12px;left:12px;right:12px}.flavour-picker__can-bg{-webkit-mask-size:contain;mask-size:contain;margin:0}.flavour-picker-modal__selected-colors{bottom:10px}.flavour-picker__can-content-bottom span{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-flavour-picker.css.map */