.cb{--cb-radius: var(--product-card-corner-radius, var(--style-border-radius-card, 12px));--cb-line: rgb(var(--color-foreground-rgb, 0 0 0) / .12);--cb-muted: rgb(var(--color-foreground-rgb, 0 0 0) / .6);display:block;padding-block-end:1.75rem}.cb__intro{max-width:46rem;margin-block-end:var(--padding-md, 1.5rem)}.cb__title{font-size:var(--font-h2--size);margin:0 0 var(--padding-sm)}.cb__intro-text{color:var(--cb-muted)}.cb__progress{display:block;margin-block-end:20px;max-width:46rem}@media screen and (max-width:749px){.cb__progress{position:sticky;top:var( --cb-progress-top, calc(var(--announcement-bar-height, 0px) + var(--header-height, 60px) + 44px - 2px) );z-index:6;background:var(--color-background)}}.cb__setup{padding:var(--padding-lg, 2rem);border:1px dashed var(--cb-line);border-radius:var(--cb-radius, 12px)}.cb__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--padding-sm, 1rem)}@media screen and (min-width:750px){.cb__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--padding-md, 1.25rem)}}.cb-card{position:relative;display:flex;flex-direction:column;border:var(--style-border-width, 1px) solid var(--cb-line);border-radius:var(--cb-radius);overflow:hidden;background:rgb(var(--color-background-rgb, 255 255 255));transition:border-color .2s ease,box-shadow .2s ease}.cb-card[data-selected]{border-color:rgb(var(--color-foreground-rgb));box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb))}.cb-card--soldout{opacity:.55}.cb-card__text{padding:var(--padding-md, 1.25rem) var(--padding-sm, 1rem);display:flex;flex-direction:column;gap:.4rem;text-align:center;flex:1 1 auto}.cb-card__title{margin:0;font-size:var(--font-h4--size, 1.5rem);line-height:1.15}.cb-card__subtitle{margin:0;font-size:var(--font-caption--size, .8rem);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .75)}.cb-card__desc{margin:0;font-size:var(--font-body--size, .95rem);line-height:1.4;color:var(--cb-muted)}.cb-card__media{position:relative;margin-block-start:auto;line-height:0}.cb-card__image{display:block;width:100%;height:auto}.cb-card__controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--padding-xs, .75rem);line-height:1}.cb-card__step{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex:0 0 auto;border:0;border-radius:50%;background:#ffffffeb;color:rgb(var(--color-foreground-rgb));font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 1px 6px #0000001f;transition:background-color .15s ease,transform .1s ease,opacity .15s ease}.cb-card__step:hover:not([disabled]){background:#fff}.cb-card__step:active:not([disabled]){transform:scale(.94)}.cb-card__step:focus-visible{outline:2px solid rgb(var(--color-foreground-rgb));outline-offset:2px}.cb-card__step[disabled]{background:#fff6;color:rgb(var(--color-foreground-rgb) / .55);box-shadow:none;cursor:default}.cb-card__qty{min-width:1.25rem;padding:2px 5px;border-radius:2px;background:#fff;color:rgb(var(--color-foreground-rgb));text-align:center;font-size:var(--font-body--size, 1rem);line-height:1.2;font-variant-numeric:tabular-nums}.cb-card__qty[data-zero]{visibility:hidden}.cb-card__soldout{position:absolute;inset-block-end:var(--padding-sm, 1rem);inset-inline-start:50%;transform:translate(-50%);color:#fff;background:#00000073;padding:.35rem .75rem;border-radius:999px;font-size:var(--font-caption--size, .8rem);text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.cb__bar{position:sticky;bottom:0;z-index:var(--layer-raised, 3);display:flex;flex-direction:column;gap:var(--padding-xs, .75rem);margin-block-start:var(--padding-lg, 2rem);padding:var(--padding-sm, 1rem) var(--cb-bar-pad-inline, .75rem);background:rgb(var(--color-background-rgb, 255 255 255) / .96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--cb-radius) var(--cb-radius) 0 0;box-shadow:0 -4px 24px #00000014}.cb__bar[hidden]{display:none}.cb__bar-row{display:flex;flex-direction:column;gap:var(--padding-xs, .75rem)}.cb__bar-meta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--padding-sm, 1rem);width:100%;padding-inline:var(--cb-meta-pad-inline, 2rem)}.cb__tray{display:grid;grid-template-columns:repeat(var(--cb-tray-columns, 5),minmax(0,1fr));gap:var(--cb-tray-gap, .4rem);width:100%}.cb__tray-item{position:relative;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .5rem .45rem;border-radius:calc(var(--cb-radius) * .55);background:var(--cb-tray-card-bg, rgb(var(--color-foreground-rgb) / .045))}.cb__tray-media{position:relative;width:var(--cb-tray-media-width, 3.42rem);aspect-ratio:var(--cb-tray-ratio, 4 / 5);border-radius:calc(var(--cb-radius) * .5);background-size:cover;background-position:center;background-color:rgb(var(--color-foreground-rgb) / .06)}.cb__tray-label{font-size:var(--cb-tray-label-size, .64rem);line-height:1.2;color:var(--color-foreground);text-align:center;overflow-wrap:anywhere}.cb__tray-badge{position:absolute;inset-block-start:-.27rem;inset-inline-end:-.27rem;min-width:1.2rem;height:1.2rem;padding:0 .2rem;border-radius:calc(var(--cb-radius) * .35);background:var(--cb-badge-bg, #215279);color:#fff;font-size:.64rem;line-height:1.2rem;text-align:center;font-variant-numeric:tabular-nums}.cb__count{margin:0;flex:0 0 auto;display:flex;flex-direction:row;gap:.3ch;flex-wrap:wrap;line-height:1.25;font-size:var(--cb-count-size, 1rem);color:var(--color-foreground);text-align:start}.cb__count-total,.cb__count-suffix{display:block;white-space:nowrap}.cb__checkout{position:relative;flex:0 0 auto;border-radius:999px;min-height:0;padding-block:var(--cb-checkout-pad-block, .5rem);line-height:1.2}.cb__checkout:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;transform:translateY(-50%);height:max(100%,44px)}.cb__notice{margin:0;font-size:var(--font-caption--size, .85rem);color:var(--cb-muted);text-align:center}.cb__notice[hidden]{display:none}.cb__empty{color:var(--cb-muted);grid-column:1 / -1}@media screen and (max-width:749px){.cb__bar{margin-inline:calc(50% - 50vw)}}@media screen and (min-width:750px){.cb__bar-row{align-items:center}.cb__tray,.cb__bar-meta{max-width:46rem;margin-inline:auto}.cb__bar{--cb-tray-gap: .6rem}}@media(prefers-reduced-motion:reduce){.cb-card,.cb-card__step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/collection-builder.css.map */