body{color:#000}#build-a-bag-container{padding-bottom:16px;padding-top:32px;position:relative}@media screen and (max-width: 1200px){#build-a-bag-container{height:100%!important}}@media screen and (min-width: 1200px){#build-a-bag-container{display:flex;flex-direction:column;min-height:796px;overflow:hidden}}#bag-packaging-container{margin-top:128px;position:relative}#bag-packaging-container .bag-graphic{-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));left:16px;opacity:0;position:absolute;top:-80px;transform:translateY(-160px);transition:transform .4s ease-in-out,opacity .4s ease-in-out,left .1s ease,top .1s ease}#box-packaging-container{position:relative}#box-packaging-container .bag-graphic{-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));opacity:0;position:absolute;transform:translateY(-160px);transition:transform .4s ease-in-out,opacity .4s ease-in-out,left .1s ease,top .1s ease}#box-packaging-container .box-front{bottom:0;left:0;position:absolute;right:0;z-index:10}#box-packaging-container .main-box{display:block}.closed-box,.closed-mailer{-webkit-filter:drop-shadow(2px 4px 16px rgba(0,0,0,.2));filter:drop-shadow(2px 4px 16px rgba(0,0,0,.2));margin:auto;max-width:400px;position:relative;z-index:1}.completion-modal{background:#0009;bottom:0;display:none;font-size:14px;left:0;opacity:0;overflow:auto;padding:16px;position:fixed;right:0;top:0;transition:all .2s ease-in-out;z-index:101}.completion-modal__background{background:#8e8e8e;border-radius:16px;bottom:0;left:0;-webkit-mask-image:var(--bare-pattern);mask-image:var(--bare-pattern);opacity:.5;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}.completion-modal__choices{list-style:none;margin:16px;padding:0;text-align:center}.completion-modal__content{background:#fff;border-radius:12px;margin:auto;max-width:500px;padding:32px;position:relative;text-align:center;width:100%}.completion-modal__content h3{font-family:The Farmer Textured,sans-serif;font-size:42px;line-height:1;margin:32px 0 16px;text-transform:uppercase}.completion-modal__content h4{font-family:The Farmer Textured,sans-serif;font-size:32px;line-height:1;margin:32px 0 16px;text-transform:uppercase}.completion-modal__content p{margin:0}.completion-modal__content .button-row{display:flex;margin:32px -6px 0}.completion-modal__content .button-row button{flex:1;margin:0 6px}@media screen and (max-width: 575px){.completion-modal__content .button-row{flex-wrap:wrap;margin:32px 0 -24px}.completion-modal__content .button-row button{margin:0 0 24px;min-width:100%}}.completion-modal__upgrade button{margin-top:16px}.container-grid{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:grid;height:100%;grid-template-columns:1fr 1fr}.container-grid--hidden{display:none}.container-grid--narrow{grid-template-columns:1fr 2fr}@media screen and (max-width: 1200px){.container-grid,.container-grid--narrow{grid-template-columns:1fr}}@media screen and (min-width: 1200px){.container-grid{overflow:hidden}}#bag-packaging-container .default-character{left:8px;position:absolute;right:8px;top:-124px}#box-packaging-container .default-character{bottom:84px;left:8px;position:absolute;right:8px}.default-character__splatter{position:absolute;right:-32px;top:-96px}#box-packaging-container .default-character__splatter{-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3))}.default-character__splatter span{color:#fff;font-weight:700;left:56px;max-width:124px;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.disclaimer{font-size:14px;margin:16px 0 0}.flavor-card{background-color:#fff;border-radius:16px;-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));margin-bottom:24px;padding-bottom:24px;position:relative;text-align:center;transform:translateZ(0);z-index:1;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1)}.flavor-card:before{background:#67bceb;bottom:0;content:"";-webkit-filter:blur(16px);filter:blur(16px);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:-1}.flavor-card:hover:before{opacity:1}.flavor-card:hover .flavor-card__background{opacity:1}.flavor-card h2{font-family:The Farmer Textured,sans-serif;font-size:32px;margin:8px 0}.flavor-card__background{border-radius:16px;bottom:0;left:0;-webkit-mask-image:var(--bare-pattern);mask-image:var(--bare-pattern);opacity:.5;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}.flavor-card__content{position:relative;z-index:1}.flavor-card__content .bag-graphic{-webkit-filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5));filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5));margin-top:-80px;position:relative}.flavor-card__mask{background-color:#fff;border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0}.flavor-card-char{left:16px;max-width:70px;position:absolute;top:-72px;transform:translateY(100px);transition:all .2s ease-in-out}.flavor-card-char--mango{left:0}.flavor-card-char--wild-cherry{top:-84px}.flavor-card-splatter{left:-120px;position:absolute;top:-130px;transform:rotate(270deg)}.flavor-cards-grid{display:grid;gap:108px 32px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px;margin-top:128px}@media screen and (max-width: 575px){.flavor-cards-grid{margin-top:96px}}@media screen and (max-width: 991px){.flavor-cards-grid{gap:108px 16px}}@media screen and (max-width: 767px){.flavor-cards-grid{grid-template-columns:1fr 1fr}}.flavor-cards-grid__col{position:relative}.hero-background{left:0;opacity:.5;position:fixed;right:0;top:0}.hero-background__drip{background-position:top;height:421px;-webkit-mask-image:var(--drip);mask-image:var(--drip);width:100%}.hero-background__pattern{background-position:top;height:688px;transition:all .2s ease-in-out}@media screen and (max-width: 575px){.hero-background__pattern{height:344px}}.how-it-works{border-bottom:2px solid #EB4A47;display:inline-block;color:#eb4a47;font-size:16px;font-weight:700;margin:0;padding:8px 0}.instructions{list-style:none;margin:32px 0 0;padding:0}.instructions li{align-items:center;display:flex;margin-bottom:24px}.instructions li span{flex:1;margin-left:16px}.left-panel{background:var(--bare-pattern),#e3f6fe;border-bottom-left-radius:12px;border-top-left-radius:12px;display:flex;height:100%;overflow:hidden;position:relative;z-index:1}.left-panel--alt{align-items:center;justify-content:center}.left-panel__controls{display:flex;position:relative;margin-top:32px;z-index:10}.left-panel__controls button:nth-child(2){flex:1;margin-left:16px}.left-panel .char{-webkit-filter:drop-shadow(2px 4px 8px rgba(0,0,0,.5));filter:drop-shadow(2px 4px 8px rgba(0,0,0,.5));max-height:200px;opacity:0;position:absolute;transition:opacity .2s ease-in-out;z-index:1}@media screen and (min-width: 1200px) and (max-width: 1600px){.left-panel .char{max-height:160px}.left-panel .splatter svg{height:400px;width:400px}}.left-panel .char--bottom-center{bottom:-16px;left:50%;transform:translate(-50%)}.left-panel .char--bottom-left{bottom:-16px;left:-16px}.left-panel .char--bottom-right{bottom:-16px;right:-32px}.left-panel .char--left-center{left:-32px;top:50%;transform:translateY(-50%)}.left-panel .char--left-bottom-center{left:-32px;top:66.6667%;transform:translateY(-66.6667%)}.left-panel .char--left-top-center{left:-32px;top:33.3333%;transform:translateY(-33.3333%)}.left-panel .char--right-center{right:-32px;top:50%;transform:translateY(-50%)}.left-panel .char--right-bottom-center{right:-32px;top:66.6667%;transform:translateY(-66.6667%) scaleX(-1)}.left-panel .char--right-top-center{right:-32px;top:33.3333%;transform:translateY(-33.3333%)}.left-panel .char--top-center{left:50%;top:-42px;transform:translate(-50%)}.left-panel .char--top-left{left:-16px;top:-16px}.left-panel .char--top-right{right:-32px;top:-16px}.left-panel .splatter{position:absolute;opacity:0;z-index:0}.left-panel .splatter--bottom-center{bottom:-200px;left:45%;transform:translate(-45%)}.left-panel .splatter--bottom-left{bottom:-150px;left:-175px;transform:rotate(-45deg)}.left-panel .splatter--bottom-right{bottom:-190px;right:-160px;transform:rotate(90deg)}.left-panel .splatter--left-center{left:-200px;top:50%;transform:translateY(-50%)}.left-panel .splatter--left-bottom-center{left:-200px;top:80%;transform:translateY(-80%)}.left-panel .splatter--left-top-center{left:-200px;top:30%;transform:translateY(-30%)}.left-panel .splatter--right-center{right:-200px;top:45%;transform:translateY(-45%) rotate(90deg)}.left-panel .splatter--right-bottom-center{right:-200px;top:80%;transform:translateY(-80%)}.left-panel .splatter--right-top-center{right:-200px;top:30%;transform:translateY(-30%)}.left-panel .splatter--top-center{left:52%;top:-200px;transform:translate(-50%) rotate(90deg)}.left-panel .splatter--top-left{left:-150px;top:-125px;transform:rotate(-90deg)}.left-panel .splatter--top-right{right:-200px;top:-125px}.mailer-splatter{opacity:0;position:absolute;transition:opacity .2s ease-in-out}#mailer-splatter-1{bottom:-100px;left:-100px}#mailer-splatter-2{right:-100px;top:-150px;transform:rotate(180deg)}#mailer-splatter-3{bottom:-75px;right:-100px;transform:rotate(270deg)}.nutrition-facts-button{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:6px;box-shadow:4px 4px 8px #0000001a;color:#fff;cursor:pointer;font-family:inherit;padding:6px 0;position:relative;text-align:center;transition:opacity .2s ease-in-out;width:100%;z-index:1}.nutrition-facts-button:hover{opacity:.7}.open-mailer{-webkit-filter:drop-shadow(2px 4px 16px rgba(0,0,0,.2));filter:drop-shadow(2px 4px 16px rgba(0,0,0,.2));max-width:100%;position:relative;z-index:1}.progress-indicator{border-bottom:.1rem solid rgba(var(--color-foreground),.08);font-size:14px;font-weight:700;padding:6px 0;position:relative}.progress-indicator--desktop{background:#fff;border-radius:20px;-webkit-filter:drop-shadow(2px 4px 16px rgba(0,0,0,.2));filter:drop-shadow(2px 4px 16px rgba(0,0,0,.2));left:32px;line-height:1.2;overflow:hidden;padding:12px 0;position:absolute;right:32px;top:64px}.progress-indicator--desktop .progress-indicator__inner{border:2px solid #FFFFFF;border-radius:20px}.progress-indicator--mobile{background-color:#fff;overflow:hidden;padding:18px 0;position:sticky;top:0;z-index:10}.progress-indicator span{position:relative;z-index:1}.progress-indicator__chars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:48px;position:relative}.progress-indicator__chars--alt{grid-template-columns:repeat(6,minmax(0,1fr))}.progress-indicator__chars img{margin:16px auto 0;max-height:96px;max-width:100%;padding:0 4px;transform:translateY(128px);transition:transform .2s ease-in-out}.progress-indicator__chars--alt img{margin:32px auto 0}.progress-indicator__inner{bottom:0;left:0;position:absolute;right:100%;top:0;transition:all .2s ease-in-out}.flavor-card .quantity-selector{background-color:#fff;border:none;box-shadow:0 4px 16px 8px #0000001a;margin:0 auto;max-width:80%;padding:12px 0}.flavor-card .quantity-selector__button{border:2px solid;border-radius:50%;height:40px;width:40px}.flavor-card .quantity-selector__input{font-size:28px}.right-panel{border-bottom-right-radius:12px;border-top-right-radius:12px;display:flex;flex-direction:column;position:relative}.right-panel__header{margin-bottom:32px;text-align:center}.right-panel__header .splatter{left:0;position:absolute;top:-64px;z-index:0}@media screen and (max-width: 575px){.right-panel__header .splatter svg{height:350px;max-width:100%;width:350px}}@media screen and (min-width: 575px) and (max-width: 1200px){.right-panel__header .splatter{left:50%;transform:translate(-50%)}}@media screen and (min-width: 1200px){.right-panel{overflow:auto}.right-panel__header{display:none}}.right-panel__section-bottom{border-top:.1rem solid rgba(var(--color-foreground),.08);padding:16px 32px}.right-panel__section-bottom--flex{display:flex;justify-content:space-between}.right-panel__section-top{overflow-y:auto;padding:0 32px;z-index:2}.right-panel__section-top--flex{align-items:center;display:flex;flex:1}.right-panel h1{font-family:The Farmer Textured,sans-serif;font-size:64px;margin:0 0 16px}.right-panel .price{font-family:The Farmer Textured;font-size:42px;line-height:1}.right-panel .price-row{margin:0 0 32px}.size-options{display:flex;flex-wrap:wrap;margin:30px -7.5px}.size-options input{display:none}.size-options input:checked+label{background:#eb4a47;color:#fff}.size-options__elem{border:2px solid #EB4A47;border-radius:3px;cursor:pointer;font-size:14px;font-weight:700;margin:0 7.5px 15px;padding:12px 15px;transition:opacity .2s ease-in-out}.size-options__elem:hover{opacity:.7}@media screen and (max-height: 1200px){.left-panel--alt{align-items:flex-end;padding-bottom:32px}}@media screen and (max-width: 1200px){.left-panel{display:none}}@media screen and (min-width: 1200px){.right-panel .progress-indicator,.right-panel__section-bottom{display:none}}@media screen and (max-width: 1600px){.flavor-card-char{left:8px}.open-mailer{max-width:288px}}@media screen and (max-width: 1200px){.closed-box,.closed-mailer{padding:32px 0 0}.container-grid[data-step="1"]{padding-bottom:32px}.right-panel h1{margin:0}.right-panel .price-row{margin:0 0 16px}}@media screen and (max-width: 991px){.flavor-card__content .bag-graphic{max-width:108px;min-height:144px;object-fit:contain}.flavor-card-char{left:0;max-width:56px;top:-56px}.flavor-card-splatter{left:-90px;top:-90px}.flavor-card-splatter svg{height:200px;width:200px}.flavor-card .quantity-selector{margin:12px 16px 0;max-width:100%}.flavor-card .quantity-selector__button{height:36px;width:36px}.flavor-card .quantity-selector__input{font-size:24px}.right-panel__section-top{padding:0 16px}}@media screen and (max-width: 575px){.closed-box{max-width:80%}.closed-mailer{max-width:128px}.flavor-card{padding-bottom:8px}.flavor-card h2{font-size:26px}.flavor-card-char{left:-8px;max-width:48px;top:-48px}.flavor-card .quantity-selector{margin:12px 8px 0;max-width:100%}.flavor-card .quantity-selector__button{height:32px;width:32px}.flavor-card .quantity-selector__input{font-size:20px}.right-panel h1{font-size:48px}.right-panel .price{font-size:36px}#start-building{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-build-a-bag.css.map */