cb-atelier{display:block;background:rgb(var(--background,246 236 227));color:rgb(var(--text-color,47 34 28));padding:var(--section-vertical-spacing,3.5rem) var(--container-gutter,3rem);font-family:var(--text-font-family,Jost,sans-serif);font-size:inherit;line-height:1.65}cb-atelier *{box-sizing:border-box}cb-atelier [hidden]{display:none!important}.cba-heading{text-align:center;margin-bottom:48px}.cba-kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase}.cba-heading h1{font-family:var(--heading-font-family,Cormorant,serif);font-size:clamp(30px,4vw,52px);font-weight:var(--heading-font-weight,400);letter-spacing:var(--heading-letter-spacing,.18em);margin:12px 0}.cba-heading p{font-family:var(--heading-font-family,Cormorant,serif);font-style:italic;font-size:23px}.cba-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:var(--container-lg-max-width,78.75rem);margin:auto}.cba-preview{position:sticky;top:110px;align-self:start}.cba-frame{aspect-ratio:3/4;background:#eeebe5;display:grid;place-items:center;overflow:hidden}.cba-frame img{width:100%;height:100%;object-fit:contain}.cba-placeholder{padding:40px;text-align:center;color:rgb(var(--text-color,47 34 28) / .76);font-family:var(--heading-font-family,Cormorant,serif);font-size:26px}.cba-caption{font-size:12px;color:rgb(var(--text-color,47 34 28) / .76);margin-top:12px}.cba-base{padding:20px 0;border-bottom:1px solid rgb(var(--border-color,216 206 197));display:flex;justify-content:space-between;gap:20px}.cba-base span:first-child{font-size:10px;letter-spacing:.15em;text-transform:uppercase}cb-atelier fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}cb-atelier legend{font-family:var(--heading-font-family,Cormorant,serif);font-size:26px;margin-bottom:15px}.cba-styles{display:grid;gap:10px}.cba-card{display:block;position:relative;cursor:pointer;border:1px solid rgb(var(--border-color,216 206 197));padding:17px;background:rgb(var(--background,246 236 227));transition:border-color .18s,background .18s}.cba-card:has(input:checked){border-color:rgb(var(--text-color,47 34 28));background:color-mix(in srgb,rgb(var(--text-color,47 34 28)) 7%,rgb(var(--background,246 236 227)));box-shadow:inset 0 0 0 1px rgb(var(--text-color,47 34 28))}.cba-card:has(input:focus-visible){outline:2px solid rgb(var(--text-color,47 34 28));outline-offset:4px}.cba-card input{position:absolute;opacity:0;width:1px;height:1px}.cba-style-row{display:flex;justify-content:space-between;gap:12px}.cba-card small{display:block;font-size:12px;color:rgb(var(--text-color,47 34 28) / .76);margin-top:5px}.cba-beads{display:flex;flex-wrap:wrap;gap:8px}.cba-beads .cba-card{font-size:13px;padding:10px 14px}.cba-shells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cba-shells .cba-card{padding:7px;font-size:12px}.cba-shells img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#eee9e2}.cba-shells .cba-no-photo{display:grid;place-items:center;width:100%;aspect-ratio:3/4;background:#eee9e2;color:rgb(var(--text-color,47 34 28) / .76);text-align:center;padding:10px}.cba-shell-name{display:block;padding:7px 3px 2px}.cba-note{font-size:12px;color:rgb(var(--text-color,47 34 28) / .76);margin-top:12px}.cba-total{border-top:1px solid rgb(var(--border-color,216 206 197));padding-top:24px;display:flex;justify-content:space-between;align-items:center}.cba-total output{font-family:var(--heading-font-family,Cormorant,serif);font-size:34px}.cba-summary{font-size:13px;margin:12px 0 20px}.cba-add{width:100%;min-height:54px;padding:15px;background:rgb(var(--button-background,142 90 90));color:rgb(var(--button-text-color,255 255 255));border:0;letter-spacing:.12em;font-size:12px;text-transform:uppercase}.cba-add:disabled{cursor:not-allowed;background:rgb(var(--button-background,142 90 90));opacity:.55}.cba-details{margin-top:30px;border-top:1px solid rgb(var(--border-color,216 206 197))}.cba-details details{border-bottom:1px solid rgb(var(--border-color,216 206 197));padding:16px 0}.cba-details summary{cursor:pointer;font-family:var(--heading-font-family,Cormorant,serif);font-size:23px}.cba-details p{font-size:14px;margin-top:12px}.cba-alert{max-width:var(--container-lg-max-width,78.75rem);margin:0 auto 32px;padding:10px 16px;border:1px solid rgb(var(--border-color,216 206 197));font-size:12px;text-align:center}cb-atelier button:focus-visible,cb-atelier summary:focus-visible{outline:2px solid rgb(var(--text-color,47 34 28));outline-offset:4px}@media(max-width:749px){cb-atelier{padding:32px var(--container-gutter,1.25rem)}.cba-heading{margin-bottom:24px}.cba-heading h1{font-size:29px}.cba-heading p{font-size:21px}.cba-layout{grid-template-columns:1fr;gap:28px}.cba-preview{position:static}.cba-frame{aspect-ratio:3/4;max-height:460px}.cba-shells{gap:7px}.cba-total{padding-top:18px}.cba-heading .cba-kicker{font-size:10px}}@media(prefers-reduced-motion:reduce){.cba-card{transition:none}}

.cba-review{width:100%;min-height:52px;border:1px solid rgb(var(--button-background,142 90 90));background:transparent;color:rgb(var(--text-color,47 34 28));margin:0 0 12px;font:inherit}.cba-review:disabled{opacity:.5;cursor:not-allowed}.cba-review-panel{border:1px solid rgb(var(--border-color,216 206 197));background:rgb(var(--background,246 236 227));padding:22px;margin:0 0 20px}.cba-review-panel h2{font:var(--heading-font-style,normal) var(--heading-font-weight,400) 28px / 1.3 var(--heading-font-family,Cormorant,serif)}.cba-review-panel p{margin:12px 0}.cba-review-panel button{text-decoration:underline;min-height:44px}.cba-frame img{min-width:0}.cba-card:has(input:disabled){opacity:.5}.cba-beads .cba-card{min-height:44px;min-width:64px}.cba-review:focus-visible{outline:2px solid rgb(var(--text-color,47 34 28));outline-offset:4px}
.cba-card input[type=radio]{inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.cba-beads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cba-stone-card{min-width:0}.cba-stone-card img{width:100%;aspect-ratio:3/4;object-fit:contain;margin-bottom:10px;background:white}.cba-stone-card>span{display:block}.cba-stone-card small{line-height:1.5}

.cba-frame{position:relative;display:block;background:white;aspect-ratio:3/4;min-height:0;isolation:isolate}.cba-frame img[data-base-image]{position:absolute;left:8%;top:4%;width:84%;height:84%;object-fit:contain}.cba-frame img[data-preview-image]{position:absolute;left:var(--shell-x,50%);top:var(--shell-y,70%);width:var(--shell-width,28%);height:auto;max-width:none;transform:translate(calc(-1 * var(--hole-x,48%)),calc(-1 * var(--hole-y,23%)));mix-blend-mode:multiply;pointer-events:none}.cba-frame[data-shell-only] img[data-preview-image]{left:50%;top:50%;width:80%;transform:translate(-50%,-50%)}.cba-placeholder{position:absolute;inset:0;display:grid;place-items:center}.cba-wearing{margin-top:18px!important;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cba-wearing legend{font-size:19px}.cba-wearing .cba-card{font-size:12px;padding:12px}.cba-shells img{background:white}@media(max-width:749px){.cba-frame{width:min(100%,345px);max-height:none;margin-inline:auto}.cba-wearing{max-width:345px;margin-inline:auto!important}.cba-preview{position:static}}

@media(min-width:750px){.cba-frame{width:min(100%,max(260px,calc((100vh - 390px)*.75)));margin-inline:auto}.cba-base{padding:12px 0}.cba-caption{margin-top:8px}.cba-wearing{margin-top:12px!important;margin-bottom:12px!important}}

.cba-add,.cba-review{font:var(--button-font,normal 400 .8125rem/1.65 Jost,sans-serif);letter-spacing:var(--button-letter-spacing,.05em);text-transform:var(--button-text-transform,uppercase);border-radius:var(--button-border-radius,0);transition:background-color .2s,color .2s,opacity .2s}.cba-review{border-color:rgb(var(--text-color,47 34 28))}.cba-card{border-radius:var(--input-border-radius,0)}.cba-heading p,.cba-placeholder,cb-atelier legend,.cba-total output,.cba-details summary{font-weight:var(--heading-font-weight,400);font-style:var(--heading-font-style,normal)}.cba-heading p{font-style:italic}@media(prefers-reduced-motion:reduce){.cba-add,.cba-review{transition:none}}
@media(max-width:749px){.cba-layout{display:block}.cba-layout>form{margin-top:24px}.cba-preview{position:sticky;top:var(--sticky-area-height,0px);z-index:5;display:grid;grid-template-columns:minmax(0,53%) minmax(0,1fr);column-gap:14px;align-items:center;padding:10px 0 12px;margin:0;background:rgb(var(--background,246 236 227));border-bottom:1px solid rgb(var(--border-color,216 206 197))}.cba-preview .cba-frame{grid-column:1;grid-row:1/3;width:min(100%,184px,calc(31svh * .75));margin:0 auto}.cba-preview .cba-base{grid-column:2;display:block;padding:6px 0;border:0;min-width:0;font-size:12px;line-height:1.5}.cba-preview .cba-base span{display:block;overflow-wrap:anywhere}.cba-preview .cba-base span:first-child{font-size:9px;margin-bottom:4px}.cba-preview>.cba-caption{display:none}.cba-preview .cba-wearing{grid-column:1/-1;width:100%;max-width:none;margin:8px 0 0!important;gap:6px}.cba-preview .cba-wearing legend{font-size:17px;margin-bottom:5px}.cba-preview .cba-wearing .cba-card{padding:8px;font-size:11px;min-height:44px}.cba-preview [data-alternate-note]{display:none}cb-atelier input,cb-atelier button{scroll-margin-top:calc(var(--sticky-area-height,0px) + 300px)}}

.cba-no-shell-art{display:grid;place-items:center;aspect-ratio:3/4;background:white;text-align:center;padding:10px;font:var(--heading-font-weight,400) 23px/1.3 var(--heading-font-family,Cormorant,serif)}@media(max-width:749px){.cba-preview .cba-frame{grid-row:1/4}}

.cba-frame[data-solid-shell] img[data-preview-image]{mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 1px 1px rgb(47 34 28 / .12))}


.cba-heading p.cba-intro{font-family:var(--text-font-family,Jost,sans-serif);font-size:13px;font-style:normal;letter-spacing:.04em;margin-top:16px;line-height:1.6}

.cba-styles .cba-card{background:#fffdf9;border-color:#9f9187;color:#2f221c}
.cba-styles .cba-card:hover{border-color:#2f221c}
.cba-styles .cba-card:has(input:checked){background:#2f221c;color:#f6ece3;border-color:#2f221c;box-shadow:inset 0 0 0 1px #2f221c}
.cba-styles .cba-card:has(input:checked) small{color:#f6ece3}