.build-your-own{display:block;margin-bottom:32px}.build-your-own__divider{display:flex;align-items:center;gap:30px;margin-bottom:8px;font-weight:600;color:var(--color-foreground)}.build-your-own__divider:before,.build-your-own__divider:after{content:"";display:block;flex:1 1 auto;width:100%;height:2px;background-color:var(--color-yellow)}.build-your-own__open{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;width:100%;min-height:49px;margin:2px;padding:10px 30px;border:1px solid var(--color-foreground);border-radius:4px;background-color:var(--color-cream-light);color:var(--color-navy);font-size:var(--font-size-md);font-weight:700;line-height:1;letter-spacing:1px;text-align:center;text-transform:uppercase;cursor:pointer}.product__info-container:has(.build-your-own[built]) .product-form__input:has(.flavor-dropdown),.build-your-own__divider[hidden],.build-your-own[built] .build-your-own__divider,.build-your-own[built] .build-your-own__open,.build-your-own:not([built]) .build-your-own__summary{display:none}.build-your-own__summary{display:flex;align-items:center;gap:8px;margin-top:-6px;margin-bottom:16px;padding:12px 8px;overflow:hidden;border:2px dashed var(--color-navy);border-radius:4px}.build-your-own__summary-image{display:block;width:60px;height:60px}.build-your-own__summary-details{flex:1;min-width:0}.build-your-own__summary-title{display:block;margin:0;overflow:hidden;color:var(--color-foreground);font-size:var(--font-size-lg);font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.build-your-own__summary-flavors{margin:0;color:color-mix(in srgb,#000 60%,transparent);line-height:1.2}.build-your-own__summary-buttons{display:flex;flex-direction:column;gap:4px}.build-your-own__summary-button{display:block;min-width:fit-content;min-height:fit-content;margin-right:8px;padding:8px 10px;font-size:var(--font-size-xs);font-weight:600;line-height:1}.build-your-own__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:auto;border:0;background:color-mix(in srgb,#000 40%,transparent);color:inherit}.build-your-own__dialog::backdrop{background:none}body:has(.build-your-own__dialog[open]){overflow:hidden}.build-your-own__picker{position:absolute;overflow:auto;border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);background-color:var(--color-background);box-shadow:0 4px 5px color-mix(in srgb,var(--color-shadow) 5%,transparent)}.build-your-own__picker-body{padding:16px}.build-your-own__heading{margin:0 0 24px}.build-your-own__flavors{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-items:center;gap:32px}.build-your-own__flavor{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--color-foreground);font-size:var(--font-size-lg);font-weight:600}.build-your-own__flavor-content{display:flex;align-items:center;text-align:left}.build-your-own__flavor-image{display:block;width:80px;margin-right:8px}.build-your-own__flavor-image img{display:block;max-width:100%;height:auto;object-fit:contain}.build-your-own__flavor-summary{display:block;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.6px}.build-your-own__flavor-actions{margin-top:4px}.build-your-own__flavor-add{display:inline-flex;align-items:center;justify-content:center;width:150px;min-width:122px;padding:9px;border:1px solid var(--color-foreground);border-radius:5px;background-color:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-sm);font-weight:700;line-height:1;letter-spacing:1px;cursor:pointer;transition:box-shadow .1s ease}.build-your-own__flavor-add:not([disabled]):hover{box-shadow:0 0 0 1.3px var(--color-foreground)}.build-your-own__flavor-add[disabled]{border-color:var(--color-grey-400);color:var(--color-grey-400);cursor:not-allowed}.build-your-own__quantity{width:150px;min-height:34px;border:1px solid currentColor;border-radius:4px}.build-your-own__quantity:before,.build-your-own__quantity:after{display:none}.build-your-own__flavor[data-selected] .build-your-own__flavor-add,.build-your-own__flavor:not([data-selected]) .build-your-own__quantity{display:none}.build-your-own__quantity-minus,.build-your-own__quantity-plus{width:32px}.build-your-own__quantity-minus{border-right:1px solid currentColor}.build-your-own__quantity-plus{border-left:1px solid currentColor}.build-your-own__quantity-input{opacity:1}.build-your-own__footer{position:sticky;bottom:0;left:0;z-index:1;display:flex;justify-content:center;width:100%;padding:16px;background-color:var(--color-background);box-shadow:0 -4px 4px color-mix(in srgb,#000 10%,transparent)}.build-your-own__select{max-width:420px;padding:0}@media screen and (max-width:749px){.build-your-own__picker{top:160px;right:0;bottom:0;left:0;border-radius:8px 8px 0 0}}@media screen and (min-width:750px){.build-your-own__picker{top:50%;left:50%;display:flex;flex-direction:column;width:70%;max-height:calc(100% - 64px);overflow:hidden;border-radius:2px;transform:translate(-50%,-50%)}.build-your-own__picker-body{flex:1 1 auto;min-height:0;padding:24px;overflow-y:auto;overscroll-behavior:contain}.build-your-own__heading{margin-bottom:32px;font-size:var(--font-size-3xl)}.build-your-own__footer{flex:0 0 auto;padding:24px}}@media screen and (min-width:990px){.build-your-own__flavors{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/build-your-own.css.map */