.byo-card{display:grid;gap:.5rem;border:1.5px solid var(--eb-ink-15);border-radius:var(--byo-radius, 10px);padding:.75rem;background-color:var(--eb-cream);transition:border-color .2s ease,transform .2s ease}.byo-card[data-selected]{border-color:var(--eb-cocoa);transform:translateY(-2px)}.byo-card__media{position:relative;aspect-ratio:var(--byo-ratio, 1);overflow:hidden;border-radius:calc(var(--byo-radius, 10px) - 3px);background-color:var(--eb-tan)}.byo-card__media img,.byo-card__img{width:100%;height:100%;object-fit:cover;display:block}.byo-card__img--placeholder{background-color:var(--eb-tan);fill:var(--eb-toffee)}.byo-card__badge{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;min-width:1.75rem;padding:.15rem .45rem;text-align:center;border-radius:999px;background-color:var(--eb-cocoa);color:var(--eb-cream);font-family:var(--eb-font);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.byo-card__title{font-family:var(--eb-font);font-size:.9375rem;font-weight:700;color:var(--eb-ink);margin:0;text-align:center}.byo-card__controls{display:flex;align-items:center;justify-content:space-between}.byo-card__step{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:999px;border:1.5px solid var(--eb-ink-15);background:transparent;color:var(--eb-ink);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.byo-card__step:hover:not(:disabled){background-color:var(--eb-tan);border-color:var(--eb-cocoa)}.byo-card__step:disabled{opacity:.32;cursor:not-allowed}.byo-card__qty{font-family:var(--eb-font);font-weight:700;font-variant-numeric:tabular-nums;color:var(--eb-ink)}.byo-summary{margin-block-start:2.5rem;padding-block-start:1.5rem;border-top:1.5px solid var(--eb-ink-15)}.byo-summary__progress{block-size:5px;border-radius:999px;background-color:var(--eb-ink-15);overflow:hidden}.byo-summary__bar{block-size:100%;inline-size:100%;transform-origin:left center;transform:scaleX(var(--byo-progress, 0));background-color:var(--eb-cocoa);transition:transform .35s cubic-bezier(.16,1,.3,1)}.byo-summary__counter{font-family:var(--eb-font);font-size:1.125rem;font-weight:700;color:var(--eb-ink);margin:1rem 0 0}.byo-summary__notice,.byo-summary__error{font-family:var(--eb-font);font-size:.9375rem;margin:.6rem 0 0}.byo-summary__notice{color:var(--eb-toffee)}.byo-summary__error{color:#a12a2a}.byo-summary__ship{font-family:var(--eb-font);font-size:.9375rem;color:var(--eb-ink-60);margin:.75rem 0 0}.byo-summary__submit{margin-block-start:1.25rem;min-inline-size:15rem}.byo-summary__submit:disabled{opacity:.45;cursor:not-allowed}@media screen and (max-width:749px){.byo-summary[data-sticky=true]{position:sticky;inset-block-end:0;z-index:4;background-color:var(--eb-cream);padding:1rem 0 1.25rem;box-shadow:0 -8px 24px #4020081f}.byo-summary__submit{inline-size:100%}}@media(prefers-reduced-motion:reduce){.byo-card,.byo-summary__bar{transition:none}}.byo-summary__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem}.byo-summary__submit{margin-block-start:0}.byo-summary__added{display:inline-flex;align-items:center;gap:.55rem;margin:1rem 0 0;padding:.7rem 1.1rem;border-radius:999px;background-color:var(--eb-caramel);color:var(--eb-cocoa);font-family:var(--eb-font);font-size:.9375rem;font-weight:700;opacity:0;transform:translateY(6px)}.byo-summary__added.is-in{animation:byo-added 4s cubic-bezier(.16,1,.3,1) forwards}@keyframes byo-added{0%{opacity:0;transform:translateY(6px) scale(.96)}8%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(1)}}@media(prefers-reduced-motion:reduce){.byo-summary__added.is-in{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/byo-box-builder.css.map */