.joco-ab{padding-top:2rem;padding-bottom:6.4rem}.joco-ab__crumbs{font-size:1.4rem;color:var(--joco-muted);margin-bottom:2rem}.joco-ab__crumbs a{color:inherit}.joco-ab__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-ab__left{grid-area:left;position:sticky;top:2.4rem;display:flex;flex-direction:column;gap:1.4rem}.joco-ab__head{grid-area:head;display:flex;flex-direction:column;gap:1.2rem}.joco-ab__right{grid-area:form;display:flex;flex-direction:column;gap:1.2rem}.joco-ab__tools{display:flex;flex-direction:column;gap:.8rem}.joco-ab__tools[hidden]{display:none}.joco-ab__tools-hint{margin:0;font-size:1.35rem;color:var(--joco-muted)}.joco-ab__tools-row{display:flex;flex-wrap:wrap;gap:.6rem}.joco-ab__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-ab__tool:hover:not([disabled]){background:var(--joco-cream)}.joco-ab__tool[disabled]{opacity:.4;cursor:not-allowed}.joco-ab__tool--ghost{border-style:dashed}.joco-ab__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-ab__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-ab__eyebrow{font-size:1.3rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--joco-blue)}.joco-ab__title{margin:0;font-size:clamp(2.8rem,3.4vw,4rem)}.joco-ab__lede{margin:0;font-size:1.7rem;color:var(--joco-muted)}.joco-ab__form{display:flex;flex-direction:column;gap:1.6rem}.joco-ab__form[hidden],.joco-ab__step[hidden]{display:none}.joco-ab__step{background:#fff;border:1px solid var(--joco-line);border-radius:1.8rem;padding:2rem;display:flex;flex-direction:column;gap:1rem}.joco-ab__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-ab__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-ab__opt{font-weight:500;color:var(--joco-muted);font-size:1.5rem}.joco-ab__hint{font-size:1.4rem;color:var(--joco-muted)}.joco-ab__label{font-weight:800;font-size:1.5rem}.joco-ab__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-ab__error{color:#b3123e;font-weight:700;font-size:1.4rem;margin:0}.joco-ab__error[hidden]{display:none}.joco-ab__file-row{display:flex;flex-direction:column;gap:.6rem}.joco-ab__file-row[hidden]{display:none}.joco-ab__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-ab__drop.is-over,.joco-ab__drop.has-file{background:var(--joco-cream)}.joco-ab__drop.has-file{border-style:solid}.joco-ab__drop input{position:absolute;opacity:0;width:1px;height:1px}.joco-ab__drop:focus-within{outline:3px solid var(--joco-blue);outline-offset:2px}.joco-ab__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-ab__drop-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:1.5rem}.joco-ab__chips{display:flex;flex-wrap:wrap;gap:.8rem}.joco-ab__chip{position:relative;cursor:pointer}.joco-ab__chip input{position:absolute;opacity:0;width:1px;height:1px}.joco-ab__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-ab__chip input:checked+span{background:var(--joco-ink);color:#fff}.joco-ab__chip input:focus-visible+span{outline:3px solid var(--joco-blue);outline-offset:2px}.joco-ab__chip em{font-style:normal;font-weight:700;font-size:1.2rem;margin-left:.4rem;opacity:.75}.joco-ab__chip em:empty{display:none}.joco-ab__link{align-self:flex-start;font-size:1.4rem;font-weight:800;color:var(--joco-ink)}.joco-ab__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.joco-ab__cards--place{grid-template-columns:repeat(3,minmax(0,1fr))}.joco-ab__card{position:relative;cursor:pointer}.joco-ab__card input{position:absolute;opacity:0;width:1px;height:1px}.joco-ab__card-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-ab__card-name{font-weight:800;font-size:1.5rem;line-height:1.25}.joco-ab__card-price{font-size:1.4rem;font-weight:700;color:var(--joco-muted);margin-top:auto}.joco-ab__card input:checked+.joco-ab__card-box{background:var(--joco-ink);color:#fff}.joco-ab__card input:checked+.joco-ab__card-box .joco-ab__card-price{color:#fff}.joco-ab__card input:focus-visible+.joco-ab__card-box{outline:3px solid var(--joco-blue);outline-offset:2px}.joco-ab__buy{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;padding:.4rem .2rem}.joco-ab__qty{display:inline-flex;align-items:center;border:2px solid var(--joco-ink);border-radius:999px;overflow:hidden;background:#fff}.joco-ab__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-ab__qty-btn:hover{background:var(--joco-cream)}.joco-ab__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-ab__qty-input::-webkit-outer-spin-button,.joco-ab__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.joco-ab__total{display:flex;flex-direction:column;align-items:flex-end}.joco-ab__total-line{font-size:1.4rem;color:var(--joco-muted);min-height:1.6rem}.joco-ab__total-price{font-size:2.6rem;font-weight:800}.joco-ab__bulk{margin:0;font-size:1.45rem;font-weight:700;background:var(--joco-paper);border-radius:1.2rem;padding:1rem 1.4rem}.joco-ab__bulk[hidden]{display:none}.joco-ab__bulk a{color:var(--joco-ink)}.joco-ab__submit{width:100%;min-height:5.6rem;font-size:1.8rem;border-radius:1.6rem;cursor:pointer}.joco-ab__submit[disabled]{opacity:.7;cursor:progress}.joco-ab__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-ab__promise li:before{content:"\2713  ";color:var(--joco-ink)}.joco-ab__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-ab__done[hidden]{display:none}.joco-ab__done-title{font-family:Rubik Mono One,sans-serif;font-size:2rem}.joco-ab__done-sub{font-size:1.6rem;font-weight:700}.joco-ab__done-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.joco-ab__how{margin-top:6.4rem;display:flex;flex-direction:column;gap:2.4rem}.joco-ab__how-title{margin:0;font-size:clamp(2.4rem,3vw,3.2rem)}.joco-ab__how-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.joco-ab__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-ab__how-list strong{font-size:1.8rem}.joco-ab__how-list span:last-child{font-size:1.5rem;color:var(--joco-muted)}.joco-ab__views{display:inline-flex;gap:.6rem;background:var(--joco-stone);padding:.5rem;border-radius:999px;align-self:flex-start}.joco-ab__view{font:inherit;font-weight:800;font-size:1.4rem;border:0;background:transparent;color:var(--joco-ink);min-height:4rem;padding:0 2rem;border-radius:999px;cursor:pointer}.joco-ab__view[aria-selected=true]{background:var(--joco-ink);color:#fff}.joco-ab__view:focus-visible{outline:3px solid var(--joco-blue);outline-offset:2px}.joco-ab__stage{--ab-color: #FFFFFF;--ab-edge: #2A2A2A;position:relative;aspect-ratio:1 / 1;border-radius:2rem;overflow:hidden;border:2px solid var(--joco-ink);background:linear-gradient(180deg,#f3efe7,#e7e1d5)}.joco-ab__side{position:absolute;inset:4% 0 auto 0;margin:0 auto;width:83%;aspect-ratio:400 / 440}.joco-ab__side[hidden]{display:none}.joco-ab__shirt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 20px rgba(22,22,22,.22))}.joco-ab__shirt g[hidden]{display:none}.joco-ab__fill{fill:var(--ab-color);stroke:var(--ab-edge);stroke-width:2.5;stroke-linejoin:round;transition:fill .25s}.joco-ab__trim{fill:var(--ab-color);fill:color-mix(in srgb,var(--ab-color) 88%,#000);stroke:var(--ab-edge);stroke-width:2;stroke-linejoin:round}.joco-ab__shade{fill:#00000038}.joco-ab__line{fill:none;stroke:var(--ab-edge);stroke-width:2.5;stroke-linecap:round}.joco-ab__area{position:absolute;border:2px dashed rgba(31,42,90,.45);border-radius:.6rem;box-sizing:border-box}.joco-ab__stage.is-dark .joco-ab__area{border-color:#ffffff8c}.joco-ab__area[hidden]{display:none}.joco-ab__area.has-art{border-color:transparent}.joco-ab__area:hover{border-color:var(--joco-blue)}.joco-ab__area-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:800;color:#1f2a5a99;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;white-space:nowrap}.joco-ab__stage.is-dark .joco-ab__area-label{color:#ffffffb3}.joco-ab__area--pocket .joco-ab__area-label{font-size:.95rem}.joco-ab__area.has-art .joco-ab__area-label{display:none}.joco-ab__layers{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.joco-ab__art{position:absolute;transform:translate(-50%,-50%);cursor:grab;touch-action:none;outline:none}.joco-ab__art img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.joco-ab__art.is-dragging{cursor:grabbing}.joco-ab__art.is-picked{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--joco-blue)}.joco-ab__art:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 5px var(--joco-blue)}.joco-ab__art-pdf{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:2px solid var(--joco-ink);border-radius:.6rem;font-weight:800;font-size:1.2rem;box-sizing:border-box;text-align:center;padding:.4rem}.joco-ab__handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--joco-blue);cursor:nwse-resize;display:none;touch-action:none}.joco-ab__art.is-picked .joco-ab__handle{display:block}.joco-ab__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-ab__tag:empty{display:none}@media screen and (max-width:989px){.joco-ab__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "left" "form";grid-template-rows:auto;row-gap:2.4rem}.joco-ab__left{position:static}.joco-ab__how-list{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:749px){.joco-ab__step{padding:1.6rem}.joco-ab__total{align-items:flex-start}.joco-ab__cards--place{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/joco-apparel-builder.css.map */