.build-a-box{position:relative}.build-a-box .build-box-hero{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4))),url(/cdn/shop/files/2023-06-04_120818.png?v=1685955576&width=850);background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/cdn/shop/files/2023-06-04_120818.png?v=1685955576&width=850);background-size:cover;color:#fff;margin-bottom:170px;padding-bottom:25px;position:relative}.build-a-box .build-box-hero h1{font-size:48px;text-align:center}.build-a-box .build-box-hero h2{font-size:32px;font-weight:400!important;margin-top:25px;text-align:center}.build-a-box .build-box-hero .hero-content{margin:0 auto;max-width:992px;padding-bottom:50px;padding-top:50px;text-align:center}.build-a-box .build-box-hero .other-builder{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border-radius:5px;color:#000;display:-ms-flexbox;display:flex;gap:10px;justify-content:center;margin:0 auto;padding:12px 6px;width:100%}.build-a-box .build-box-hero .other-builder a{border:1px solid #d97b3f;border-radius:8px;color:#d97b3f;font-size:16px;padding:8px;text-decoration:none}.build-a-box .build-box-hero .other-builder a.active{background-color:#d97b3f;color:#fff}.build-a-box .build-box-hero .type-selector{background-color:#fff;border-radius:15px;-webkit-box-shadow:0 0 3px 3px rgba(0,0,0,.1);box-shadow:0 0 3px 3px rgba(0,0,0,.1);color:#000;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto -155px;max-width:992px;overflow:hidden;width:100%}.build-a-box .build-box-hero .type-selector .type-item{-ms-flex-positive:1;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.1);box-shadow:0 0 3px 0 rgba(0,0,0,.1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;gap:16px;padding:35px;position:relative;width:33%}.build-a-box .build-box-hero .type-selector .type-item img.cup-img{display:none;left:6px;position:absolute;top:8px;width:25px}.build-a-box .build-box-hero .type-selector .type-item .type-body{display:contents}.build-a-box .build-box-hero .type-selector .type-item h3{border-radius:5px;color:red;font-size:18px;font-weight:400!important;padding:5px}.build-a-box .build-box-hero .type-selector .type-item .type-content,.build-a-box .build-box-hero .type-selector .type-item .type-header{-ms-flex-pack:justify;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:space-between;width:100%}.build-a-box .build-box-hero .type-selector .type-item .type-content h2,.build-a-box .build-box-hero .type-selector .type-item .type-header h2{font-size:24px;margin-top:0}.build-a-box .build-box-hero .type-selector .type-item .type-content h1,.build-a-box .build-box-hero .type-selector .type-item .type-header h1{font-size:32px}.build-a-box .build-box-hero .type-selector .type-item .type-content .chip,.build-a-box .build-box-hero .type-selector .type-item .type-header .chip{background-color:#fff5ee;color:#171717;font-weight:700}.build-a-box .build-box-hero .type-selector .type-item .type-content{gap:8px}.build-a-box .build-box-hero .type-selector .type-item .mobile-icon{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background:#fff;border:1px solid #d2d2d2;border-radius:50%;display:-ms-flexbox;display:flex;height:26px;justify-content:center;width:26px}.build-a-box .build-box-hero .type-selector .type-item .mobile-icon svg{display:none;width:14px}.build-a-box .build-box-hero .type-selector .type-item.selected{z-index:1}.build-a-box .build-box-hero .type-selector .type-item.selected .mobile-icon{background-color:#7ecc67;border-color:#7ecc67}.build-a-box .build-box-hero .type-selector .type-item.selected .mobile-icon svg{fill:#fff;display:block}.build-a-box .product-list{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1200px}.build-a-box .product-list .build-box-item:not(.premade-boxes){cursor:pointer}.build-a-box .product-list .build-box-item.premade-boxes .img-holder{-ms-flex-pack:center;-ms-flex:1;flex:1;justify-content:center}.build-a-box .product-list .title{color:#000;font-weight:700;text-align:center}.build-a-box .product-list .description{-webkit-box-orient:vertical;color:#9e9e9e;display:-webkit-box;font-size:14px;overflow:hidden;text-align:center}.build-a-box .product-list .description>div>span{font-size:14px!important}.build-a-box .product-list>div{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;justify-content:space-between;max-width:350px;width:100%}.build-a-box .product-list>div,.build-a-box .product-list>div>div{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}.build-a-box .product-list>div>div .btn{margin:0 auto}.side-menu{background-color:#eaebeb;height:100vh;left:0;padding:15px;position:fixed;top:0;-webkit-transition:all .4s;transition:all .4s;width:55px;z-index:1009}.side-menu .hide-on-demand{display:none}.side-menu .holder-cont{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;margin-top:16px}.side-menu .holder-cont #shopify-section-build-box-options{gap:8px;margin-top:0}.side-menu .holder-cont #shopify-section-build-box-options input{all:revert}.side-menu .holder-cont #shopify-section-build-box-options input[type=checkbox]{accent-color:#000}.side-menu .close-side-menu .mobile,.side-menu .open-side-menu-mobile{display:none}.side-menu .button-holder{margin-top:6px;opacity:.5;pointer-events:none}.side-menu .button-holder button{width:100%}.side-menu select{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg' fill='%23'%3E%3Cpath d='m.943 1.889 4.593 4.665a.65.65 0 0 0 .929 0l4.593-4.665a.674.674 0 0 0 0-.942.65.65 0 0 0-.928 0L5.998 5.138 1.868.945A.648.648 0 0 0 1.154.8a.665.665 0 0 0-.404.615c0 .179.07.348.193.473z' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:left 10px center;background-repeat:no-repeat;background-size:11px 6px;font-weight:700;padding:0 0 0 35px}.side-menu.bump{width:130px}.side-menu.active,.side-menu.active-mobile{width:335px}.side-menu.active .hide-on-demand,.side-menu.active-mobile .hide-on-demand{display:-ms-flexbox;display:flex}.side-menu .top-part{-ms-flex-pack:justify;justify-content:space-between}.side-menu .top-part,.side-menu .top-part .first{-ms-flex-align:start;align-items:start;display:-ms-flexbox;display:flex;gap:12px}.side-menu .top-part .second{color:#000;cursor:pointer;display:none}.side-menu .top-part .second svg{fill:#000!important;width:15px}.side-menu .box-name-holder{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:4px}.side-menu svg{width:25px}.side-menu .cocktail-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;margin-top:12px}.side-menu .cocktail-list .item{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;color:#787878;display:-ms-flexbox;display:flex;gap:8px;justify-content:space-between;text-transform:uppercase}.side-menu .cocktail-list .item .box-remove-item{display:none}.side-menu .cocktail-list .item .box-remove-item svg{width:15px}.side-menu .cocktail-list .item .item-part{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:8px}.side-menu .cocktail-list .item.selected{color:#000;font-weight:700}.side-menu .cocktail-list .item.selected .circle button{background-color:#7ecc67}.side-menu .cocktail-list .item .circle button{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:transparent;border:1px solid #787878;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:30px;justify-content:center;overflow:hidden;position:relative;-webkit-transition:border .5s ease;transition:border .5s ease;width:30px;z-index:1}.side-menu .cocktail-list .item .circle button svg{width:12px}.side-menu .cocktail-list .item .item-add{display:block}.side-menu .cocktail-list .item .item-added,.side-menu .cocktail-list .item .item-remove,.side-menu .cocktail-list .item.selected .item-add,.side-menu .cocktail-list .item.selected .item-remove{display:none}.side-menu .cocktail-list .item.selected .item-added{display:block}.side-menu .cocktail-list .item.selected .circle:hover .item-add,.side-menu .cocktail-list .item.selected .circle:hover .item-added{display:none}.side-menu .cocktail-list .item.selected .circle:hover .item-remove,.side-menu.active .top-part .second,.side-menu.active-mobile .top-part .second{display:block}.side-menu.completed .top-part svg{fill:#7ecc67}.side-menu.completed .total-selector{color:#7ecc67}.side-menu.completed .button-holder{opacity:1;pointer-events:all}.side-menu.busy .button-holder{opacity:.5;pointer-events:none}body{padding-left:55px}[lang=en] body{padding-left:0;padding-right:55px}[lang=en] .side-menu{left:auto;right:0}[lang=en] .side-menu select{background-position:right 10px center;padding:0 35px 0 0}[lang=en] .sidebar{left:auto}.hide-on-desktop{display:none}body.no-scroll{overflow:hidden}@media screen and (max-width:833px){[lang=en] body{padding-right:0}[lang=en] .sidebar{right:auto}body{padding-left:0}.sidebar{left:auto}.side-menu{bottom:0;height:65px;left:0;right:0;top:auto;width:100%}.side-menu .cocktail-list{display:none;gap:4px}.side-menu .cocktail-list .item.selected .box-remove-item{display:block}.side-menu .show-on-mobile{display:-ms-flexbox;display:flex}.side-menu .open-side-menu-mobile{display:block;margin-top:7px;pointer-events:none;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.side-menu .open-side-menu-mobile svg{width:20px}.side-menu.active,.side-menu.active-mobile{height:auto;width:100%}.side-menu.active .cocktail-list,.side-menu.active-mobile .cocktail-list{display:-ms-flexbox;display:flex}.side-menu.active .open-side-menu-mobile,.side-menu.active-mobile .open-side-menu-mobile{display:none}.side-menu.bump{height:160px;width:100%}.side-menu .mobile-open{bottom:0;left:0;position:absolute;right:0;top:0}.side-menu.active-mobile .mobile-open{display:none}.side-menu .holder-cont{gap:4px;margin-top:6px}.build-a-box .build-box-hero .type-selector .type-item{padding:12px;text-align:center;width:100%}.build-a-box .build-box-hero .type-selector .type-item h3{font-size:14px}.build-a-box .build-box-hero .type-selector .type-item .type-content h1,.build-a-box .build-box-hero .type-selector .type-item .type-header h1{font-size:18px;text-align:center}.build-a-box .build-box-hero .type-selector .type-item .type-content h2,.build-a-box .build-box-hero .type-selector .type-item .type-header h2{font-size:14px;text-align:center}.build-a-box .build-box-hero .type-selector .type-item .type-content h3,.build-a-box .build-box-hero .type-selector .type-item .type-header h3{font-size:12px;text-align:center}.build-a-box .build-box-hero .btn.btn--primary{display:none}.build-a-box .build-box-hero .type-selector .type-item .type-content .chip,.build-a-box .build-box-hero .type-selector .type-item .type-header .chip{font-size:.7rem;padding:.4rem}.build-a-box .build-box-hero{margin-bottom:30px}.build-a-box .build-box-hero.family{background-image:url(https://spicehause.myshopify.com/cdn/shop/t/26/assets/family-build-a-box-mobile.jpeg)}.build-a-box .build-box-hero .hero-content{padding:35px 10px}.build-a-box .build-box-hero .hero-content h1{font-size:32px}.build-a-box .build-box-hero .hero-content h2{font-size:22px}.build-a-box .product-list>div{-ms-flex-direction:row;flex-direction:row}.build-box-item img{max-width:50vw;width:100%}.build-a-box .build-box-hero .type-selector{background-color:inherit;border:none;border-radius:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:0;padding-left:10px;padding-right:10px}.build-a-box .build-box-hero .type-selector .type-item{-ms-flex-pack:justify;background-color:#fff;border-radius:6px;-ms-flex-direction:row;flex-direction:row;justify-content:space-between}.build-a-box .build-box-hero .type-selector .type-item h3{font-size:10px}.build-a-box .build-box-hero .type-selector .type-item .type-body{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:5px;width:70%}.build-a-box .build-box-hero .type-selector .type-item .type-content,.build-a-box .build-box-hero .type-selector .type-item .type-header{-ms-flex-pack:distribute;-ms-flex-direction:column;flex-direction:column;gap:4px;justify-content:space-around}.build-a-box .build-box-hero .type-selector .type-item .type-content .chip,.build-a-box .build-box-hero .type-selector .type-item .type-header .chip{font-size:.6rem;line-height:1;padding:.2rem}}