.lil-choklet-lab-builder .content{height:640px;grid-template-columns:auto 680px;grid-gap:0;font-size:13px}.lil-choklet-lab-builder .content .tit{font-family:Plaid XL;font-size:20px;line-height:1}.lil-choklet-lab-builder .content .subtit{font-family:Plaid XL;font-size:11px}.lil-choklet-lab-builder .content .media{height:640px}.lil-choklet-lab-builder .content .media .background-blank{background-color:#f7f7f7;opacity:0;transition:all .2s}.lil-choklet-lab-builder .content .media .background-blank[class*=active]{opacity:1}.lil-choklet-lab-builder .content .media .background-images{background-color:#f7f7f7;opacity:0;transition:all .2s}.lil-choklet-lab-builder .content .media .background-images[class*=active]{opacity:1}.lil-choklet-lab-builder .content .media .background-images .notes{bottom:20px;left:0}.lil-choklet-lab-builder .content .media .background-images .images-box{overflow-y:scroll;padding-bottom:80px}.lil-choklet-lab-builder .content .media .background-images .image{width:450px;max-width:80%;margin:auto;display:block}.lil-choklet-lab-builder .content .builder{height:640px;padding-top:55px;overflow:hidden}.lil-choklet-lab-builder .content .step-head{height:120px;padding:0 1.7vw 0 55px}.lil-choklet-lab-builder .content .step-head .tit{margin-bottom:10px}.lil-choklet-lab-builder .content .step-body{padding:0 1.7vw 0 55px}.lil-choklet-lab-builder .content .step-body-head{margin-bottom:25px}.lil-choklet-lab-builder .content .step-body-content{height:300px;overflow-y:scroll;padding-bottom:50px}.lil-choklet-lab-builder .content .step-body-content .selector{grid-template-columns:repeat(3,calc((680px - 55px - 1.7vw - 30px) / 3));grid-gap:15px}.lil-choklet-lab-builder .content .step-body-content .num{color:#868686}.lil-choklet-lab-builder .content .step-body-content .sel{padding:20px 0 40px;border:1px solid #cccccc}.lil-choklet-lab-builder .content .step-body-content .sel[class*=active]{border:1px solid #000}.lil-choklet-lab-builder .content .step-body-content .sel[class*=active] .subtit{color:var(--pink)}.lil-choklet-lab-builder .content .step-button{border-top:1px solid #dddddd;padding:45px 1.7vw 45px 55px}.lil-choklet-lab-builder .content .step-button .step-btn{background-color:#868686;line-height:1;padding:12px;pointer-events:none;cursor:pointer}.lil-choklet-lab-builder .content .step-button .step-btn[class*=active]{background-color:#000;pointer-events:auto}.lil-choklet-lab-builder .content .step-button .step-btn span{display:block;font-size:10px;margin-top:5px;margin-bottom:-3px}.lil-choklet-lab-builder .content .step-2{padding-top:20px;top:0;left:0;transition:all .5s}.lil-choklet-lab-builder .content .step-2[class*=closed]{left:100%}.lil-choklet-lab-builder .content .step-2 .back{color:#868686;margin-bottom:15px;padding-left:55px}.lil-choklet-lab-builder .content .step-2 .step-head{grid-template-columns:auto 100px;align-items:start}.lil-choklet-lab-builder .content .step-2 .step-head .price{text-align:right;font-family:Plaid XL;font-size:13px}.lil-choklet-lab-builder .content .step-2 .type-selector{grid-template-columns:repeat(2,1fr);grid-gap:15px}.lil-choklet-lab-builder .content .step-2 .type-selector .ts{color:#868686;cursor:pointer}.lil-choklet-lab-builder .content .step-2 .type-selector .ts[class*=active]{color:#000}.lil-choklet-lab-builder .content .step-2 .type-selector .ts[class*=active] span{border-bottom:2px solid #000}.lil-choklet-lab-builder .content .step-2 .sel-prod .image{width:80%}.lil-choklet-lab-builder .content .step-2 .sel-prod .price{font-family:Plaid L;font-size:11px}.lil-choklet-lab-builder .btn-move{width:20px;height:20px;border-radius:50%;bottom:5px;cursor:pointer;font-size:16px;opacity:0}.lil-choklet-lab-builder .btn-move[class*=remove]{left:5px}.lil-choklet-lab-builder .btn-move[class*=add]{right:5px;opacity:1}.lil-choklet-lab-builder .sel[class*=active] .btn-move[class*=remove]{opacity:1}.lil-choklet-lab-builder .cb-num{bottom:5px;left:50%;font-size:14px;transform:translate(-50%);opacity:0}.lil-choklet-lab-builder .sel[class*=active] .cb-num{opacity:1}.lil-choklet-lab-builder .sold-out{bottom:5px;left:50%;font-size:12px;transform:translate(-50%);opacity:.4}.cb-premade-list{grid-template-columns:repeat(4,calc((100% - (var(--horizontal-spacing-four-products-per-row) * 3)) / 4));grid-gap:var(--horizontal-spacing-four-products-per-row);align-items:start}.cb-premade-list .premade-item img{object-fit:cover;aspect-ratio:3/4;width:100%;margin-bottom:var(--spacing-xs)}@media only screen and (max-width: 1023px){.lil-choklet-lab-builder .content{height:auto;grid-template-columns:auto;grid-gap:0;font-size:13px}.lil-choklet-lab-builder .content .media{height:370px}.lil-choklet-lab-builder .content .builder{height:auto;padding-top:10vw;overflow:hidden}.lil-choklet-lab-builder .content .step-head{height:120px;padding:0 3.5vw}.lil-choklet-lab-builder .content .step-head .tit{width:80%}.lil-choklet-lab-builder .content .step-body{padding:0 3.5vw}.lil-choklet-lab-builder .content .step-body-content{height:300px;overflow-y:scroll;padding-bottom:3.5vw}.lil-choklet-lab-builder .content .step-body-content .selector,.lil-choklet-lab-builder .content .step-2 .type-selector{grid-template-columns:repeat(2,1fr);grid-gap:5px}.lil-choklet-lab-builder .content .step-button{border-top:0px solid #dddddd;padding:20px 3.5vw 0px;margin-bottom:40px}.lil-choklet-lab-builder .content .step-2 .back{padding-left:3.5vw}.lil-choklet-lab-builder .step-2 .selector{grid-template-columns:repeat(2,calc((93vw - 10px)/2))!important;grid-gap:5px}.cb-premade-list{grid-template-columns:repeat(2,calc((100% - (var(--horizontal-spacing-four-products-per-row) * 1)) / 2))}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/choklet-lab.css.map */