.chiaro-bb-sec .ch-bb{max-width:var(--page-width);margin:0 auto;padding:var(--bb-pt) 5rem var(--bb-pb);font-size:1.4rem;line-height:1.5}.chiaro-bb-sec .ch-bb *,.chiaro-bb-sec .ch-bb *:before,.chiaro-bb-sec .ch-bb *:after{box-sizing:border-box}.chiaro-bb-sec .ch-bb button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.chiaro-bb-sec .ch-bb img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.chiaro-bb-sec .ch-bb__head{text-align:center;max-width:72rem;margin:0 auto 4rem}.chiaro-bb-sec .ch-eyebrow{display:block;font-size:1.1rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1rem;color:var(--bb-accent)}.chiaro-bb-sec .ch-bb__head h1,.chiaro-bb-sec .ch-bb__head h2{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(2.6rem,3.6vw,4rem);line-height:1.1;color:inherit}.chiaro-bb-sec .ch-bb__intro{margin:0;opacity:.8;font-size:1.45rem}.chiaro-bb-sec .ch-bb__intro p{margin:0}.chiaro-bb-sec .ch-bb__layout{display:grid;grid-template-columns:minmax(0,1fr) 31rem;gap:4.8rem;align-items:start}.chiaro-bb-sec .ch-bb__step{margin:0 0 1.4rem;display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;flex-wrap:wrap}.chiaro-bb-sec .ch-bb__step h3{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:2rem;letter-spacing:.01em}.chiaro-bb-sec .ch-bb__step small{font-size:1.2rem;opacity:.65;letter-spacing:.04em}.chiaro-bb-sec .ch-bb__block{margin-bottom:4.4rem}.chiaro-bb-sec .ch-bb [hidden]{display:none!important}.chiaro-bb-sec .ch-bb__bases{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.2rem}.chiaro-bb-sec .ch-bb__base{display:block;width:100%;padding:1rem 1rem 1.2rem;background:var(--bb-bg);border:1px solid color-mix(in srgb,var(--bb-line) 22%,transparent);border-radius:0;cursor:pointer;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.chiaro-bb-sec .ch-bb__base:hover{border-color:color-mix(in srgb,var(--bb-line) 55%,transparent)}.chiaro-bb-sec .ch-bb__base[aria-pressed=true]{border-color:var(--bb-line);box-shadow:inset 0 0 0 1px var(--bb-line)}.chiaro-bb-sec .ch-bb__base-media{position:relative;display:block;aspect-ratio:2 / 1;overflow:hidden;border-radius:0;background:#fff}.chiaro-bb-sec .ch-bb__base-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.chiaro-bb-sec .ch-bb__base-name{display:block;margin-top:.9rem;font-size:1.2rem;letter-spacing:.04em;line-height:1.3}.chiaro-bb-sec .ch-bb__base-price{display:block;margin-top:.3rem;font-size:1.2rem;opacity:.7}.chiaro-bb-sec .ch-bb__sticky{position:relative;background:var(--bb-bg);padding:.6rem 0 .4rem;margin-bottom:3.2rem}.chiaro-bb-sec .ch-bb__sticky.is-sticky{position:-webkit-sticky;position:sticky;top:var(--header-height, 0px);z-index:5;border-bottom:1px solid color-mix(in srgb,var(--bb-line) 12%,transparent)}.chiaro-bb-sec .ch-bb__chosen{display:flex;align-items:center;gap:.6rem 1.4rem;flex-wrap:nowrap;font-size:1.25rem;letter-spacing:.03em;padding:.2rem 0;min-width:0}.chiaro-bb-sec .ch-bb__chosen-thumb{display:block;width:5.4rem;height:2.7rem;object-fit:cover;border-radius:0;border:1px solid color-mix(in srgb,var(--bb-line) 20%,transparent);background:#fff}.chiaro-bb-sec .ch-bb__chosen-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chiaro-bb-sec .ch-bb__chosen-price,.chiaro-bb-sec .ch-bb__chosen .ch-btn--link{white-space:nowrap;flex:0 0 auto}.chiaro-bb-sec .ch-bb__chosen-price{opacity:.7}.chiaro-bb-sec .ch-bb__chosen-empty{opacity:.75}.chiaro-bb-sec .ch-bb .ch-bb__chosen .ch-btn--link{font-size:1.2rem;padding:.2rem 0}.chiaro-bb-sec .ch-bb__strip-wrap{margin-top:.4rem}.chiaro-bb-sec .ch-bb__strip{position:relative;overflow-x:auto;overflow-y:hidden;padding:1.4rem .8rem 1rem;scrollbar-width:thin;--bb-slot-min: 36px}.chiaro-bb-sec .ch-bb__strip.has-hang{padding-bottom:calc(var(--bb-slot-h, 44px) * 1.55)}.chiaro-bb-sec .ch-bb__links{display:grid;grid-template-columns:repeat(var(--n, 18),minmax(var(--bb-slot-min),1fr));width:max(100%,calc(var(--n, 18) * var(--bb-slot-min)));margin:0 auto}.chiaro-bb-sec .ch-bb__slot{position:relative;display:block;width:100%;aspect-ratio:var(--bb-la);padding:0;margin:0;border:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;overflow:visible;border-radius:0;touch-action:manipulation}.chiaro-bb-sec .ch-bb__slot.span-2{grid-column:span 2;aspect-ratio:calc(var(--bb-la) * 2)}.chiaro-bb-sec .ch-bb__slot.is-selected{outline:2px solid var(--bb-accent);outline-offset:1px}.chiaro-bb-sec .ch-bb__slot.is-over{outline:2px dashed var(--bb-accent);outline-offset:1px}.chiaro-bb-sec .ch-bb.is-dragging .ch-bb__slot.is-empty{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bb-line) 30%,transparent)}.chiaro-bb-sec .ch-bb__slot.is-ghosted{opacity:.35}.chiaro-bb-sec .ch-bb__slot.is-placeholder{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bb-line) 18%,transparent);background:color-mix(in srgb,var(--bb-line) 4%,transparent)}.chiaro-bb-sec .ch-bb__slot-img{position:absolute;display:block;max-width:none;height:auto;pointer-events:none;mix-blend-mode:multiply}.chiaro-bb-sec .ch-bb__slot-tile{position:absolute;display:block;top:4%;right:0;bottom:4%;left:0;border-radius:0;background:linear-gradient(180deg,#f6f6f6,#c9c9c9 18%,#e9e9e9 40%,#d2d2d2 60%,#f2f2f2 82%,#b9b9b9);box-shadow:inset 0 0 0 1px #0000002e}.chiaro-bb-sec .ch-bb__slot-tile--gold{background:linear-gradient(180deg,#fff0b8,#d4a83a 18%,#f9dd8a 40%,#e1b94e 60%,#fbe9a9 82%,#b8892c)}.chiaro-bb-sec .ch-bb__slot-tile--twotone{background:linear-gradient(180deg,#fff0b8,#d4a83a 16%,#f0f0f0 24%,#d6d6d6,#f0f0f0 76%,#d4a83a 84%,#b8892c)}.chiaro-bb-sec .ch-bb__slot-x{position:absolute;top:-.7rem;right:-.5rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--bb-text);color:var(--bb-bg);font-size:1.3rem;line-height:1.8rem;text-align:center;pointer-events:auto;opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease;z-index:5}.chiaro-bb-sec .ch-bb__slot.is-selected .ch-bb__slot-x{opacity:1;transform:none}@media(hover:hover){.chiaro-bb-sec .ch-bb__slot.is-filled:hover .ch-bb__slot-x{opacity:1;transform:none}}.chiaro-bb-sec .ch-bb__strip-foot{display:flex;justify-content:space-between;gap:1.6rem;flex-wrap:nowrap;margin-top:.4rem;font-size:1.2rem;opacity:.7;letter-spacing:.03em}.chiaro-bb-sec .ch-bb__strip-foot>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chiaro-bb-sec .ch-bb__strip-foot .is-hidden,.chiaro-bb-sec .ch-bb__strip-foot .ch-bb__scroll-hint{display:none}.chiaro-bb-sec .ch-bb__strip-wrap.can-scroll .ch-bb__scroll-hint{display:inline}.chiaro-bb-sec .ch-bb__tools{display:flex;align-items:center;gap:1.2rem 2rem;flex-wrap:wrap;margin-bottom:1.4rem}.chiaro-bb-sec .ch-bb__search{position:relative;flex:1 1 22rem;max-width:32rem}.chiaro-bb-sec .ch-bb__search input{width:100%;padding:.9rem 3.2rem .9rem 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--bb-line) 40%,transparent);background:transparent;color:inherit;font:inherit;font-size:1.4rem;border-radius:0;outline:none}.chiaro-bb-sec .ch-bb__search input:focus{border-bottom-color:var(--bb-line)}.chiaro-bb-sec .ch-bb__search svg{position:absolute;right:.6rem;top:50%;width:1.6rem;height:1.6rem;transform:translateY(-50%);opacity:.6;pointer-events:none}.chiaro-bb-sec .ch-bb__toggle{display:inline-flex;align-items:center;gap:.8rem;font-size:1.25rem;letter-spacing:.03em;cursor:pointer;-webkit-user-select:none;user-select:none}.chiaro-bb-sec .ch-bb__toggle input{width:1.6rem;height:1.6rem;margin:0;accent-color:var(--bb-text);cursor:pointer}.chiaro-bb-sec .ch-bb__cats{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.chiaro-bb-sec .ch-bb__cat{padding:.7rem 1.5rem;border:1px solid color-mix(in srgb,var(--bb-line) 45%,transparent);border-radius:0;background:transparent;cursor:pointer;font-size:1.25rem;letter-spacing:.04em;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.chiaro-bb-sec .ch-bb__cat:hover{border-color:var(--bb-line)}.chiaro-bb-sec .ch-bb__cat[aria-pressed=true]{background:var(--bb-text);color:var(--bb-bg);border-color:var(--bb-text)}.chiaro-bb-sec .ch-bb__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem}.chiaro-bb-sec .ch-bb__charm{position:relative;display:block;width:100%;padding:.8rem .6rem 1rem;background:var(--bb-bg);border:1px solid color-mix(in srgb,var(--bb-line) 18%,transparent);border-radius:0;cursor:pointer;text-align:center;transition:border-color .2s ease,transform .2s ease;touch-action:pan-y}.chiaro-bb-sec .ch-bb__charm:hover{border-color:color-mix(in srgb,var(--bb-line) 60%,transparent)}.chiaro-bb-sec .ch-bb__charm:active{transform:scale(.97)}.chiaro-bb-sec .ch-bb__charm.is-maxed{opacity:.45;cursor:not-allowed}.chiaro-bb-sec .ch-bb__charm-media{position:relative;display:block;aspect-ratio:1;overflow:hidden}.chiaro-bb-sec .ch-bb__charm-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.chiaro-bb-sec .ch-bb__charm-plus{position:absolute;right:.5rem;top:.5rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--bb-text);color:var(--bb-bg);font-size:1.6rem;line-height:2.2rem;text-align:center;opacity:0;transition:opacity .15s ease}@media(hover:hover){.chiaro-bb-sec .ch-bb__charm:hover .ch-bb__charm-plus{opacity:1}}.chiaro-bb-sec .ch-bb__charm-name{display:block;margin-top:.6rem;font-size:1.15rem;line-height:1.3;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3rem}.chiaro-bb-sec .ch-bb__charm-price{display:block;margin-top:.3rem;font-size:1.15rem;opacity:.7}.chiaro-bb-sec .ch-bb__charm-badge{position:absolute;left:.5rem;top:.5rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;background:var(--bb-bg);color:var(--bb-accent);border:1px solid color-mix(in srgb,var(--bb-accent) 55%,transparent);border-radius:0;pointer-events:none}.chiaro-bb-sec .ch-bb__empty{padding:3rem 1rem;text-align:center;opacity:.65}.chiaro-bb-sec .ch-bb__more{margin-top:2rem;text-align:center}.chiaro-bb-sec .ch-bb .ch-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.6rem;padding:1.2rem 2.4rem;background:var(--bb-btn);color:var(--bb-btn-text);border:1px solid var(--bb-btn);border-radius:0;font-size:1.3rem;letter-spacing:.12em;text-transform:lowercase;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.chiaro-bb-sec .ch-bb .ch-btn:hover{opacity:.85}.chiaro-bb-sec .ch-bb .ch-btn:disabled{opacity:.4;cursor:not-allowed}.chiaro-bb-sec .ch-bb .ch-btn--ghost{background:transparent;color:var(--bb-text);border-color:color-mix(in srgb,var(--bb-line) 50%,transparent)}.chiaro-bb-sec .ch-bb .ch-btn--link{background:transparent;color:inherit;border:0;min-height:0;padding:.4rem 0;text-decoration:underline;text-underline-offset:.35em;letter-spacing:.06em}.chiaro-bb-sec .ch-bb .ch-btn--wide{width:100%}.chiaro-bb-sec .ch-bb__aside{position:-webkit-sticky;position:sticky;top:calc(var(--header-height, 0px) + 2.4rem)}.chiaro-bb-sec .ch-bb__card{border:1px solid color-mix(in srgb,var(--bb-line) 30%,transparent);padding:2.2rem 2.2rem 2.4rem;background:var(--bb-bg)}.chiaro-bb-sec .ch-bb__card h3{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-weight:400;font-size:2rem}.chiaro-bb-sec .ch-bb__row{display:flex;justify-content:space-between;gap:1.2rem;padding:.6rem 0;font-size:1.3rem;border-bottom:1px solid color-mix(in srgb,var(--bb-line) 14%,transparent)}.chiaro-bb-sec .ch-bb__row span:first-child{opacity:.75}.chiaro-bb-sec .ch-bb__row--total{border-bottom:0;padding-top:1.2rem;font-size:1.6rem}.chiaro-bb-sec .ch-bb__row--total span:first-child{opacity:1}.chiaro-bb-sec .ch-bb__actions{display:grid;gap:1rem;margin-top:1.8rem}.chiaro-bb-sec .ch-bb__msg{display:block;min-height:1.8rem;margin:1.2rem 0 0;font-size:1.2rem;letter-spacing:.02em;text-align:center;opacity:.85;transition:color .2s ease}.chiaro-bb-sec .ch-bb.is-dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}.chiaro-bb-sec .ch-bb__msg.is-error{color:#b3261e;opacity:1}.chiaro-bb-sec .ch-bb__msg.is-ok{color:var(--bb-accent);opacity:1}.chiaro-bb-sec .ch-bb__bar{display:none}.chiaro-bb-sec .ch-bb__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (min-width:990px)and (max-width:1199px){.chiaro-bb-sec .ch-bb__layout{grid-template-columns:minmax(0,1fr) 26rem;gap:3.2rem}.chiaro-bb-sec .ch-bb__card{padding:1.8rem 1.6rem 2rem}}@media screen and (max-width:989px){.chiaro-bb-sec .ch-bb{padding-left:1.6rem;padding-right:1.6rem}.chiaro-bb-sec .ch-bb__head{margin-bottom:3rem}.chiaro-bb-sec .ch-bb__layout{grid-template-columns:minmax(0,1fr);gap:0}.chiaro-bb-sec .ch-bb__bases{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x proximity;scrollbar-width:none}.chiaro-bb-sec .ch-bb__bases::-webkit-scrollbar{display:none}.chiaro-bb-sec .ch-bb__base{flex:0 0 15rem;scroll-snap-align:start}.chiaro-bb-sec .ch-bb__strip{--bb-slot-min: 44px}.chiaro-bb-sec .ch-bb__sticky.is-sticky{margin-left:-1.6rem;margin-right:-1.6rem;padding-left:1.6rem;padding-right:1.6rem}.chiaro-bb-sec .ch-bb__chosen{font-size:1.15rem;gap:.6rem 1rem}.chiaro-bb-sec .ch-bb__chosen-thumb{width:4.4rem;height:2.2rem}.chiaro-bb-sec .ch-bb__strip{padding:1rem .4rem .6rem}.chiaro-bb-sec .ch-bb__strip-foot{font-size:1.1rem}.chiaro-bb-sec .ch-bb__cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none}.chiaro-bb-sec .ch-bb__cats::-webkit-scrollbar{display:none}.chiaro-bb-sec .ch-bb__grid{grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr));gap:.8rem}.chiaro-bb-sec .ch-bb__aside{position:-webkit-sticky;position:sticky;top:auto;bottom:0;z-index:6;margin:0 -1.6rem}.chiaro-bb-sec .ch-bb__card{display:none}.chiaro-bb-sec .ch-bb__bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem 1.6rem calc(1rem + env(safe-area-inset-bottom,0px));background:var(--bb-bg);border-top:1px solid color-mix(in srgb,var(--bb-line) 25%,transparent);box-shadow:0 -.6rem 1.8rem #0000000f}.chiaro-bb-sec .ch-bb__bar-info{display:flex;flex-direction:column;min-width:0}.chiaro-bb-sec .ch-bb__bar-total{font-size:1.7rem}.chiaro-bb-sec .ch-bb__bar-sub{font-size:1.1rem;opacity:.7;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chiaro-bb-sec .ch-bb .ch-bb__bar .ch-btn{padding:1rem 1.6rem;min-height:4.2rem;white-space:nowrap;letter-spacing:.08em}.chiaro-bb-sec .ch-bb .ch-bb__bar .ch-btn--link{padding:.4rem 0;white-space:nowrap}.chiaro-bb-sec .ch-bb__bar-msg{position:absolute;left:0;right:0;bottom:100%;padding:.6rem 1.6rem;font-size:1.2rem;text-align:center;background:var(--bb-bg);border-top:1px solid color-mix(in srgb,var(--bb-line) 14%,transparent)}.chiaro-bb-sec .ch-bb__bar-msg:empty{display:none}.chiaro-bb-sec .ch-bb__bar-msg.is-error{color:#b3261e}.chiaro-bb-sec .ch-bb__bar-msg.is-ok{color:var(--bb-accent)}}@media(prefers-reduced-motion:reduce){.chiaro-bb-sec .ch-bb *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/chiaro-bracelet-builder.css.map */