.byo-box{display:block;padding-bottom:13rem}.byo-box .page-width{padding-top:3rem}.byo-hero{text-align:center;margin-bottom:2.5rem}.byo-hero-heading{margin:0 0 1rem}.byo-hero-subheading{margin:0;opacity:.75}.byo-empty-state{text-align:center;opacity:.7;padding:4rem 0}.byo-pack-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-bottom:2.5rem}.byo-pack-card{-webkit-appearance:none;appearance:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.4rem 1rem;min-height:4.4rem;border-radius:var(--border-radius, .8rem);border:.1rem solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-heading-family);transition:border-color var(--duration-default, .2s) ease,box-shadow var(--duration-default, .2s) ease}.byo-pack-card:hover{border-color:rgba(var(--color-foreground),.4)}.byo-pack-card.is-active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.byo-pack-card-title{font-weight:700;letter-spacing:.04rem;text-transform:uppercase;font-size:1.4rem}.byo-pack-card-subtitle{font-size:1.2rem;opacity:.65}.byo-progress{margin-bottom:2rem}.byo-progress-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0 0 .8rem;font-size:1.3rem;letter-spacing:.04rem;text-transform:uppercase}.byo-progress-count{font-weight:700}.byo-progress-bar{height:.6rem;border-radius:999px;background:rgba(var(--color-foreground),.1);overflow:hidden}.byo-progress-bar-fill{height:100%;border-radius:999px;background:rgb(var(--color-foreground));transition:width var(--duration-default, .2s) ease}.byo-progress-complete{margin:.8rem 0 0;font-size:1.3rem;font-weight:700}.byo-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-bottom:2.5rem}@media screen and (min-width:750px){.byo-product-grid{grid-template-columns:repeat(4,1fr)}}.byo-product-card{display:flex;flex-direction:column;gap:.8rem}.byo-product-card-media{position:relative;border-radius:var(--border-radius, .8rem);overflow:hidden;aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.04);transition:box-shadow var(--duration-default, .2s) ease}.byo-product-card.has-qty .byo-product-card-media{box-shadow:0 0 0 .2rem rgb(var(--color-foreground))}.byo-product-card-media img{width:100%;height:100%;object-fit:cover;display:block}.byo-product-card-title{margin:0;font-size:1.4rem;line-height:1.3}.byo-product-stepper{display:flex;align-items:center;justify-content:space-between;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius, .8rem)}.byo-stepper-button{-webkit-appearance:none;appearance:none;border:none;background:transparent;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;cursor:pointer;transition:opacity var(--duration-short, .1s) ease}.byo-stepper-button:disabled{opacity:.3;cursor:not-allowed}.byo-stepper-button .icon{width:1.2rem;height:1.2rem}.byo-stepper-value{font-weight:700;font-variant-numeric:tabular-nums;transition:transform var(--duration-short, .1s) ease}.byo-product-card.has-qty .byo-stepper-value{transform:scale(1.15)}.byo-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;list-style:none;margin:0 0 2rem;padding:0;font-size:1.2rem;opacity:.8}.byo-badge-row li{display:inline-flex;align-items:center;gap:.5rem}.byo-badge-row .icon{width:1.2rem;height:1.2rem;flex-shrink:0}.byo-summary-bar{position:fixed;bottom:1rem;left:0;right:0;z-index:4;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.16);border-radius:var(--border-radius, .8rem);box-shadow:0 .6rem 2.4rem rgba(var(--color-shadow, var(--color-foreground)),.22)}.byo-summary-panel{max-height:40vh;overflow-y:auto;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.byo-summary-list{list-style:none;margin:0;padding:1rem 1.6rem;display:flex;flex-direction:column;gap:.8rem}.byo-summary-list-item{display:flex;align-items:center;gap:1rem;font-size:1.3rem}.byo-summary-list-title{flex:1}.byo-summary-list-qty{opacity:.7}.byo-summary-remove{-webkit-appearance:none;appearance:none;border:none;background:transparent;color:rgb(var(--color-foreground));width:2.8rem;height:2.8rem;font-size:1.6rem;line-height:1;cursor:pointer}.byo-summary-error{margin:0;padding:.8rem 1.6rem 0;color:#d0342c;font-size:1.3rem}.byo-summary-bar-inner{display:flex;align-items:center;gap:1.2rem;padding:1.6rem 1.8rem;padding-bottom:max(1.6rem,env(safe-area-inset-bottom));min-height:7.2rem}.byo-summary-toggle{-webkit-appearance:none;appearance:none;border:none;background:transparent;display:flex;align-items:center;gap:1rem;flex:1 1 auto;min-width:0;overflow:hidden;cursor:pointer;color:rgb(var(--color-foreground));padding:.6rem 0}.byo-summary-preview{display:flex;flex-shrink:0;overflow:hidden;max-width:8.8rem}.byo-summary-preview img{width:3.6rem;height:3.6rem;flex-shrink:0;border-radius:50%;object-fit:cover;border:.2rem solid rgb(var(--color-background));margin-left:-1.2rem}.byo-summary-preview img:first-child{margin-left:0}.byo-summary-count{flex-shrink:0;font-size:1.5rem;font-weight:700;white-space:nowrap}.byo-summary-toggle .icon{width:1.2rem;height:1.2rem;flex-shrink:0;transition:transform var(--duration-default, .2s) ease}.byo-summary-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.byo-summary-cta{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-shrink:0;white-space:nowrap;min-height:5.4rem;padding:0 2.2rem;font-size:1.5rem;font-weight:700}@media screen and (max-width:374px){.byo-summary-preview{display:none}}@media screen and (min-width:990px){.byo-summary-bar-inner{max-width:var(--page-width, 120rem);margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/byo-box.css.map */