.joco-tb{padding-top:2rem;padding-bottom:6.4rem}.joco-tb__crumbs{font-size:1.4rem;color:var(--joco-muted);margin-bottom:2rem}.joco-tb__crumbs a{color:inherit}.joco-tb__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"left head" "left form";grid-template-rows:auto 1fr;column-gap:4.8rem;row-gap:1.6rem;align-items:start}.joco-tb__left{grid-area:left;position:sticky;top:2.4rem;display:flex;flex-direction:column;gap:1.4rem}.joco-tb__head{grid-area:head;display:flex;flex-direction:column;gap:1.2rem}.joco-tb__right{grid-area:form;display:flex;flex-direction:column;gap:1.2rem}.joco-tb__tabs{display:inline-flex;gap:.6rem;background:var(--joco-stone);padding:.5rem;border-radius:999px;align-self:flex-start}.joco-tb__tab{font:inherit;font-weight:800;font-size:1.4rem;border:0;background:transparent;color:var(--joco-ink);min-height:4rem;padding:0 1.8rem;border-radius:999px;cursor:pointer}.joco-tb__tab[aria-selected=true]{background:var(--joco-ink);color:#fff}.joco-tb__panel{display:flex;flex-direction:column;gap:1.2rem}.joco-tb__panel[hidden]{display:none}.joco-tb__stage{--tb-color: #1B1B1B;position:relative;aspect-ratio:4 / 3;border-radius:2rem;overflow:hidden;border:2px solid var(--joco-ink);background:linear-gradient(180deg,#f3efe7,#e7e1d5)}.joco-tb__tray,.joco-tb__jar,.joco-tb__ash{position:absolute;transition:opacity .25s,transform .25s}.joco-tb__tray{left:7%;top:9%;width:70%;aspect-ratio:10.5 / 6.5;border-radius:9%/14%;background:var(--tb-color);box-shadow:0 18px 30px #16161647,inset 0 2px #ffffff40;padding:4.2%;box-sizing:border-box;overflow:hidden}.joco-tb__bed{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:6%/9%;overflow:hidden;background:#ffffffe0;box-shadow:inset 0 3px 8px #00000040;z-index:1;touch-action:none}.joco-tb__stage.has-art .joco-tb__bed{background:transparent;box-shadow:inset 0 2px 6px #0000002e}.joco-tb__layers{position:absolute;top:0;right:0;bottom:0;left:0}.joco-tb__layer{position:absolute;transform:translate(-50%,-50%);cursor:grab;touch-action:none;outline:none}.joco-tb__layer img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.joco-tb__layer.is-dragging{cursor:grabbing}.joco-tb__layer.is-picked{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--joco-blue)}.joco-tb__layer:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--joco-blue)}.joco-tb__handle{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--joco-blue);cursor:nwse-resize;display:none;touch-action:none}.joco-tb__layer.is-picked .joco-tb__handle{display:block}.joco-tb__bed-empty[hidden]{display:none}.joco-tb__bed-empty{cursor:pointer;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;color:var(--joco-ink);padding:1rem}.joco-tb__bed-icon{width:5.6rem;height:5.6rem;border-radius:50%;background:var(--joco-yellow);display:flex;align-items:center;justify-content:center}.joco-tb__bed-title{font-weight:800;font-size:1.7rem}.joco-tb__bed-sub{font-size:1.3rem;opacity:.8}.joco-tb__jar{right:9%;bottom:10%;width:19%;aspect-ratio:3 / 4.2;opacity:0;transform:translateY(8%);pointer-events:none;z-index:2}.joco-tb__jar-lid{position:relative;height:18%;margin:0 6%;border-radius:1rem 1rem .4rem .4rem;background:var(--tb-color);overflow:hidden;box-shadow:0 2px #0003}.joco-tb__jar-body{position:relative;height:82%;border-radius:.8rem .8rem 1.4rem 1.4rem;background:var(--tb-color);overflow:hidden;box-shadow:0 14px 22px #1616164d,inset 0 2px #fff3;display:flex;align-items:center;justify-content:center}.joco-tb__ash{right:27%;bottom:6%;width:22%;aspect-ratio:1;border-radius:50%;background:var(--tb-color);opacity:0;transform:translateY(8%);pointer-events:none;z-index:3;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 22px #1616164d,inset 0 0 0 6px #00000014}.joco-tb__stage.has-jar .joco-tb__jar,.joco-tb__stage.has-ash .joco-tb__ash{opacity:1;transform:none}.joco-tb__stage:not(.has-tray) .joco-tb__tray{opacity:0;pointer-events:none}.joco-tb__stage:not(.has-tray) .joco-tb__bed{box-shadow:none}.joco-tb__stage:not(.has-tray) .joco-tb__layer{pointer-events:none}.joco-tb__stage:not(.has-tray).has-jar .joco-tb__jar{right:auto;left:30%;bottom:14%;width:26%}.joco-tb__stage:not(.has-tray).has-ash .joco-tb__ash{right:auto;left:39%;bottom:18%;width:30%}.joco-tb__stage:not(.has-tray).has-jar.has-ash .joco-tb__ash{left:24%}.joco-tb__stage:not(.has-tray).has-jar.has-ash .joco-tb__jar{left:54%}.joco-tb__mini{position:relative;z-index:1;width:66%;aspect-ratio:1;border-radius:.8rem;overflow:hidden;background:#ffffffd9}.joco-tb__mini--ash{width:100%;height:100%;aspect-ratio:auto;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;overflow:visible}.joco-tb__mini--ash img{width:60%;height:60%;object-fit:contain}.joco-tb__mini img{width:100%;height:100%;object-fit:cover;display:block}.joco-tb__mini img[hidden]{display:none}.joco-tb__stage.has-art .joco-tb__mini{background:transparent}.joco-tb__mini img{object-fit:contain}.joco-tb__stage.is-multi{--tb-color: #FF8FC0}.joco-tb__stage.is-multi .joco-tb__tray,.joco-tb__stage.is-multi .joco-tb__jar-lid,.joco-tb__stage.is-multi .joco-tb__jar-body,.joco-tb__stage.is-multi .joco-tb__ash{background:linear-gradient(120deg,#ff5fa8,#ffb347 30%,#ffe066 45%,#4fd1c5,#7c6cff 85%)}.joco-tb__stage.is-other .joco-tb__tray,.joco-tb__stage.is-other .joco-tb__jar-lid,.joco-tb__stage.is-other .joco-tb__jar-body,.joco-tb__stage.is-other .joco-tb__ash{background:repeating-linear-gradient(135deg,#cfcbc2 0 10px,#bdb8ae 10px 20px)}.joco-tb__fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s}.joco-tb__stage[data-finish=splatter] .joco-tb__fx{opacity:1;background-image:radial-gradient(circle at 8% 20%,#FFF 0 2.2%,transparent 2.4%),radial-gradient(circle at 92% 12%,#FFF 0 1.6%,transparent 1.8%),radial-gradient(circle at 18% 88%,#FFF 0 1.4%,transparent 1.6%),radial-gradient(circle at 75% 92%,#FFF 0 2.6%,transparent 2.8%),radial-gradient(circle at 50% 4%,#FFF 0 1.2%,transparent 1.4%),radial-gradient(circle at 3% 60%,#FFF 0 1.8%,transparent 2%),radial-gradient(circle at 97% 55%,#FFF 0 1.3%,transparent 1.5%),radial-gradient(circle at 35% 96%,#FFF 0 1%,transparent 1.2%),radial-gradient(circle at 63% 6%,#FFF 0 2%,transparent 2.2%),radial-gradient(circle at 85% 80%,#FFF 0 .9%,transparent 1.1%)}.joco-tb__stage[data-color=White][data-finish=splatter] .joco-tb__fx{filter:invert(1)}.joco-tb__stage[data-finish=glitter] .joco-tb__fx{opacity:.9;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,230,140,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.7) 0 .8px,transparent 1.2px);background-size:9px 11px,13px 7px,5px 6px;background-position:0 0,4px 3px,2px 5px;mix-blend-mode:screen}.joco-tb__tag{position:absolute;left:2.4%;bottom:3%;z-index:4;background:#fff;border:2px solid var(--joco-ink);border-radius:999px;padding:.5rem 1.2rem;font-size:1.3rem;font-weight:800}.joco-tb__tools{display:flex;flex-direction:column;gap:.8rem}.joco-tb__tools[hidden]{display:none}.joco-tb__tools-hint{margin:0;font-size:1.35rem;color:var(--joco-muted)}.joco-tb__tools-row{display:flex;flex-wrap:wrap;gap:.6rem}.joco-tb__tool{font:inherit;font-size:1.35rem;font-weight:800;min-height:4rem;padding:0 1.4rem;border-radius:999px;border:2px solid var(--joco-ink);background:#fff;color:var(--joco-ink);cursor:pointer}.joco-tb__tool:hover:not([disabled]){background:var(--joco-cream)}.joco-tb__tool[disabled]{opacity:.4;cursor:not-allowed}.joco-tb__tool--ghost{border-style:dashed}.joco-tb__note{background:var(--joco-cream);border:2px solid var(--joco-ink);border-radius:1.4rem;padding:1.2rem 1.6rem;font-size:1.45rem;line-height:1.5}.joco-tb__note a,.joco-tb__note-link{color:var(--joco-ink);font-weight:800;text-decoration:underline;text-underline-offset:.25rem}.joco-tb__note-link{font:inherit;font-weight:800;background:none;border:0;padding:0;cursor:pointer}.joco-tb__rough{position:absolute;right:2.4%;top:3.5%;z-index:4;transform:rotate(6deg);background:var(--joco-pink);color:#fff;font-weight:800;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;border-radius:999px;border:2px solid #FFFFFF;box-shadow:0 0 0 2px var(--joco-ink)}.joco-tb__photos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.joco-tb__photos img{width:100%;height:auto;display:block;border-radius:1.4rem;background:#fff}.joco-tb__eyebrow{font-size:1.3rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--joco-blue)}.joco-tb__title{margin:0;font-size:clamp(2.8rem,3.4vw,4rem)}.joco-tb__lede{margin:0;font-size:1.7rem;color:var(--joco-muted)}.joco-tb__form{display:flex;flex-direction:column;gap:1.6rem}.joco-tb__form[hidden],.joco-tb__step[hidden]{display:none}.joco-tb__step{background:#fff;border:1px solid var(--joco-line);border-radius:1.8rem;padding:2rem;display:flex;flex-direction:column;gap:1rem}.joco-tb__step-title{margin:0;display:flex;align-items:center;gap:1rem;font-family:var(--font-body-family);font-weight:800;font-size:1.8rem}.joco-tb__num{flex:none;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--joco-yellow);color:var(--joco-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem}.joco-tb__opt{font-weight:500;color:var(--joco-muted);font-size:1.5rem}.joco-tb__hint{font-size:1.4rem;color:var(--joco-muted)}.joco-tb__hint[hidden]{display:none}.joco-tb__label{font-weight:800;font-size:1.5rem}.joco-tb__input{font:inherit;font-size:1.6rem;padding:1.1rem 1.4rem;border:2px solid var(--joco-ink);border-radius:1.2rem;background:#fff;color:var(--joco-ink);width:100%;box-sizing:border-box}.joco-tb__error{color:#b3123e;font-weight:700;font-size:1.4rem;margin:0}.joco-tb__error[hidden]{display:none}.joco-tb__files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.joco-tb__file-row[hidden]{display:none}.joco-tb__drop{position:relative;display:flex;align-items:center;gap:1.4rem;border:2px dashed var(--joco-ink);border-radius:1.4rem;padding:1.2rem 1.4rem;cursor:pointer;background:var(--joco-paper)}.joco-tb__drop.is-over,.joco-tb__drop.has-file{background:var(--joco-cream)}.joco-tb__drop.has-file{border-style:solid}.joco-tb__drop input{position:absolute;opacity:0;width:1px;height:1px}.joco-tb__drop:focus-within{outline:3px solid var(--joco-blue);outline-offset:2px}.joco-tb__drop-btn{flex:none;background:var(--joco-ink);color:#fff;font-weight:800;font-size:1.5rem;padding:1rem 1.6rem;border-radius:1rem}.joco-tb__drop-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:1.5rem}.joco-tb__add{align-self:flex-start;min-height:4.4rem;padding:0 1.6rem;border:2px dashed var(--joco-ink);border-radius:1.2rem;background:transparent;font:inherit;font-weight:800;cursor:pointer;color:var(--joco-ink)}.joco-tb__add[hidden]{display:none}.joco-tb__sets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.joco-tb__set{position:relative;cursor:pointer}.joco-tb__set input{position:absolute;opacity:0;width:1px;height:1px}.joco-tb__set-box{display:flex;flex-direction:column;gap:.4rem;height:100%;box-sizing:border-box;border:2px solid var(--joco-ink);border-radius:1.2rem;padding:1.2rem;background:#fff}.joco-tb__set-icons{display:flex;align-items:flex-end;gap:.4rem;height:2.4rem}.joco-tb__ico{display:block;background:currentColor;opacity:.85}.joco-tb__ico--tray{width:3.2rem;height:2rem;border-radius:.5rem}.joco-tb__ico--jar{width:1.4rem;height:2.2rem;border-radius:.4rem .4rem .5rem .5rem}.joco-tb__ico--ash{width:1.8rem;height:1.8rem;border-radius:50%}.joco-tb__set-name{font-weight:800;font-size:1.5rem;line-height:1.25}.joco-tb__set-price{font-size:1.5rem;font-weight:700;color:var(--joco-muted);margin-top:auto}.joco-tb__set input:checked+.joco-tb__set-box{background:var(--joco-ink);color:#fff}.joco-tb__set input:checked+.joco-tb__set-box .joco-tb__set-price{color:#fff}.joco-tb__set input:focus-visible+.joco-tb__set-box{outline:3px solid var(--joco-blue);outline-offset:2px}.joco-tb__set input:disabled+.joco-tb__set-box{opacity:.4;cursor:not-allowed}.joco-tb__colors{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}.joco-tb__color{position:relative;display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-size:1.4rem;font-weight:700;cursor:pointer}.joco-tb__color input{position:absolute;opacity:0;width:1px;height:1px}.joco-tb__dot{width:3rem;height:3rem;border-radius:50%;border:2px solid var(--joco-ink);flex:none}.joco-tb__dot--multi{background:conic-gradient(#ff5fa8,#ffb347,#ffe066,#4fd1c5,#7c6cff,#ff5fa8)}.joco-tb__dot--other{background:repeating-linear-gradient(135deg,#cfcbc2 0 4px,#fff 4px 8px)}.joco-tb__color input:checked+.joco-tb__dot{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--joco-ink)}.joco-tb__color input:focus-visible+.joco-tb__dot{outline:3px solid var(--joco-blue);outline-offset:4px}.joco-tb__more{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;background:var(--joco-paper);border-radius:1.2rem}.joco-tb__more[hidden]{display:none}.joco-tb__chips{display:flex;flex-wrap:wrap;gap:.8rem}.joco-tb__chip{position:relative;cursor:pointer}.joco-tb__chip input{position:absolute;opacity:0;width:1px;height:1px}.joco-tb__chip span{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 1.6rem;border:2px solid var(--joco-ink);border-radius:999px;background:#fff;font-weight:800;font-size:1.4rem}.joco-tb__chip input:checked+span{background:var(--joco-ink);color:#fff}.joco-tb__chip input:focus-visible+span{outline:3px solid var(--joco-blue);outline-offset:2px}.joco-tb__buy{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;padding:.4rem .2rem}.joco-tb__qty{display:inline-flex;align-items:center;border:2px solid var(--joco-ink);border-radius:999px;overflow:hidden;background:#fff}.joco-tb__qty-btn{font:inherit;font-size:2.2rem;font-weight:800;width:4.8rem;height:4.8rem;border:0;background:#fff;cursor:pointer;color:var(--joco-ink)}.joco-tb__qty-btn:hover{background:var(--joco-cream)}.joco-tb__qty-input{font:inherit;font-weight:800;font-size:1.8rem;width:5.6rem;height:4.8rem;text-align:center;border:0;border-left:2px solid var(--joco-ink);border-right:2px solid var(--joco-ink);-moz-appearance:textfield}.joco-tb__qty-input::-webkit-outer-spin-button,.joco-tb__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.joco-tb__total{display:flex;flex-direction:column;align-items:flex-end}.joco-tb__total-line{font-size:1.4rem;color:var(--joco-muted);min-height:1.6rem}.joco-tb__total-price{font-size:2.6rem;font-weight:800}.joco-tb__submit{width:100%;min-height:5.6rem;font-size:1.8rem;border-radius:1.6rem;cursor:pointer}.joco-tb__submit[disabled]{opacity:.7;cursor:progress}.joco-tb__promise{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;font-size:1.4rem;font-weight:700;color:var(--joco-muted)}.joco-tb__promise li:before{content:"\2713  ";color:var(--joco-ink)}.joco-tb__done{background:var(--joco-cream);border:3px solid var(--joco-ink);border-radius:1.8rem;padding:2.4rem;display:flex;flex-direction:column;gap:.8rem;outline:none}.joco-tb__done[hidden]{display:none}.joco-tb__done-title{font-family:Rubik Mono One,sans-serif;font-size:2rem}.joco-tb__done-sub{font-size:1.6rem;font-weight:700}.joco-tb__done-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.joco-tb__how{margin-top:6.4rem;display:flex;flex-direction:column;gap:2.4rem}.joco-tb__how-title{margin:0;font-size:clamp(2.4rem,3vw,3.2rem)}.joco-tb__how-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.joco-tb__how-list li{background:#fff;border:1px solid var(--joco-line);border-radius:1.8rem;padding:2rem;display:flex;flex-direction:column;gap:.8rem}.joco-tb__how-list strong{font-size:1.8rem}.joco-tb__how-list span:last-child{font-size:1.5rem;color:var(--joco-muted)}.joco-tb__details{background:#fff;border:1px solid var(--joco-line);border-radius:1.8rem;padding:2.4rem;max-width:80rem}.joco-tb__details-title{margin:0 0 1rem;font-size:2rem}.joco-tb__details-list{margin:0;padding-left:2rem;display:flex;flex-direction:column;gap:.6rem;font-size:1.6rem;color:#333330}@media screen and (max-width:989px){.joco-tb__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "left" "form";grid-template-rows:auto;row-gap:2.4rem}.joco-tb__left{position:static}.joco-tb__how-list{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:749px){.joco-tb__step{padding:1.6rem}.joco-tb__sets{grid-template-columns:repeat(2,minmax(0,1fr))}.joco-tb__total{align-items:flex-start}.joco-tb__tag{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.joco-tb__tray,.joco-tb__jar,.joco-tb__ash,.joco-tb__fx{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/joco-tray-builder.css.map */