.bundle-drawer{position:fixed;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;background:transparent;overflow:hidden;z-index:500}.bundle-drawer::backdrop{background:#0006}.bundle-drawer[open]{animation:bundle-dialog-in .3s cubic-bezier(.22,1,.36,1) forwards}.bundle-drawer[open]::backdrop{animation:bundle-fade-in .3s ease forwards}.bundle-drawer.dialog-closing{animation:bundle-dialog-out .2s cubic-bezier(.22,1,.36,1) forwards}.bundle-drawer.dialog-closing::backdrop{animation:bundle-fade-out .2s ease forwards}@keyframes bundle-dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes bundle-dialog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes bundle-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bundle-fade-out{0%{opacity:1}to{opacity:0}}.bundle-drawer__container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--color-background, #fff);color:var(--color-foreground, #000);display:flex;flex-direction:column;overflow:hidden}.bundle-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, rgb(0 0 0 / .1));flex-shrink:0;gap:16px;max-width:960px;margin-left:auto;margin-right:auto;width:100%}.bundle-drawer__header-left{flex:1;min-width:0}.bundle-drawer__heading{font-family:var(--font-h2--family, var(--font-body--family, inherit));font-size:var(--font-h2--size, 1.55rem);font-weight:var(--font-heading--weight, 600);line-height:1.3;margin:0;text-transform:uppercase;letter-spacing:.04em}.bundle-drawer__subheading{font-family:var(--font-h6--family, var(--font-body--family, inherit));font-size:.875rem;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6);margin:4px 0 0}.bundle-drawer__header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.bundle-drawer__price-delta{font-family:var(--font-body--family, inherit);font-size:1rem;font-weight:600}.bundle-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;color:inherit;border-radius:50%;transition:background-color .15s ease}.bundle-drawer__close:hover{background:rgb(var(--color-foreground-rgb, 0 0 0) / .06)}.bundle-drawer__close svg{width:20px;height:20px}.bundle-drawer__variant-selector{padding:12px 24px;border-bottom:1px solid var(--color-border, rgb(0 0 0 / .1));flex-shrink:0;max-width:960px;margin-left:auto;margin-right:auto;width:100%}.bundle-drawer__variant-selector-row{display:flex;gap:12px;flex-wrap:wrap}.bundle-drawer__variant-option{flex:1 1 0;min-width:120px}.bundle-drawer__variant-option-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);margin-bottom:4px}.bundle-drawer__variant-option-select{display:block;width:100%;padding:8px 28px 8px 10px;border:1px solid var(--color-input-border, var(--color-border, rgb(0 0 0 / .15)));border-radius:6px;background-color:var(--color-input-background, var(--color-background, #fff));color:var(--color-input-text, var(--color-foreground, #000));font-family:var(--font-body--family, inherit);font-size:.875rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.bundle-drawer__variant-option-select:focus{outline:2px solid var(--color-foreground, #000);outline-offset:1px}.bundle-drawer__variant-unavailable{font-size:.8125rem;color:#c00;margin:8px 0 0}.bundle-preset-tabs{display:flex;border-bottom:1px solid var(--color-border, rgb(0 0 0 / .1));flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bundle-preset-tabs::-webkit-scrollbar{display:none}.bundle-preset-tab{flex:1;padding:12px 20px;border:none;background:transparent;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6);font-family:var(--font-body--family, inherit);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.bundle-preset-tab:hover{color:var(--color-foreground, #000)}.bundle-preset-tab[aria-selected=true]{color:var(--color-foreground, #000);border-bottom-color:var(--color-foreground, #000)}.bundle-drawer__body{flex:1;overflow-y:auto;padding:20px 24px;-webkit-overflow-scrolling:touch;max-width:960px;margin-left:auto;margin-right:auto;width:100%}.bundle-group{border:1px solid var(--color-border, rgb(0 0 0 / .1));background-color:rgb(var(--color-foreground-rgb, 0 0 0) / .04);border-radius:8px;margin-bottom:12px;overflow:hidden}.bundle-group:last-child{margin-bottom:0}.bundle-group__summary{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;gap:12px}.bundle-group__summary::-webkit-details-marker{display:none}.bundle-group__summary:hover{background:rgb(var(--color-foreground-rgb, 0 0 0) / .02)}.bundle-group__summary-left{flex:1;min-width:0}.bundle-group__name{font-family:var(--font-primary--family, var(--font-body--family, inherit));font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0;color:rgb(var(--color-foreground-rgb, 0 0 0) / .5)}.bundle-group__selected-name{font-size:.9375rem;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-group__summary-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.bundle-group__discount-badge{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .06);white-space:nowrap}.bundle-group__toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s ease}.bundle-group__toggle-icon svg{width:12px;height:12px}details.bundle-group[open]>.bundle-group__summary .bundle-group__toggle-icon{transform:rotate(180deg)}.bundle-group__content{padding:0 16px 16px}.bundle-group__options{display:flex;flex-direction:column;gap:8px;border:none;margin:0;padding:0}.bundle-group__options legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bundle-addon-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border, rgb(0 0 0 / .1))}.bundle-addon-section__heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);margin:0 0 12px}.bundle-addon-group__optional-badge{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:4px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .04);color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.bundle-addon-group__options{display:flex;flex-direction:column;gap:8px}.bundle-addon-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--color-border, rgb(0 0 0 / .1));border-radius:8px;transition:border-color .15s ease,background-color .15s ease}.bundle-addon-option--selected{border-color:var(--color-foreground, #000);background:rgb(var(--color-foreground-rgb, 0 0 0) / .02)}.bundle-addon-option--sold-out{opacity:.45;pointer-events:none}.bundle-addon-option__image{width:60px;height:60px;object-fit:contain;border-radius:6px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .03);flex-shrink:0}.bundle-addon-option__details{flex:1;min-width:0}.bundle-addon-option__title{display:block;font-size:.875rem;font-weight:600;line-height:1.3}.bundle-addon-option__price{display:block;font-size:.8125rem;margin-top:2px;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6)}.bundle-addon-option__variant-select{display:block;width:100%;margin-top:8px;padding:6px 28px 6px 10px;border:1px solid var(--color-input-border, var(--color-border, rgb(0 0 0 / .15)));border-radius:6px;background-color:var(--color-input-background, var(--color-background, #fff));color:var(--color-input-text, var(--color-foreground, #000));font-family:var(--font-body--family, inherit);font-size:.8125rem;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.bundle-addon-option__variant-select:focus{outline:2px solid var(--color-foreground, #000);outline-offset:1px}.bundle-addon-option__select-btn{align-self:center;flex-shrink:0;padding:6px 16px;border:1px solid var(--color-foreground, #000);border-radius:6px;background:transparent;color:var(--color-foreground, #000);font-family:var(--font-body--family, inherit);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background-color .15s ease,color .15s ease}.bundle-addon-option--selected .bundle-addon-option__select-btn{background:var(--color-foreground, #000);color:var(--color-background, #fff)}.bundle-addon-option__none-btn{width:100%;padding:10px;border:1px dashed var(--color-border, rgb(0 0 0 / .15));border-radius:8px;background:transparent;color:rgb(var(--color-foreground-rgb, 0 0 0) / .5);font-family:var(--font-body--family, inherit);font-size:.8125rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.bundle-addon-option__none-btn:hover{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .4);color:var(--color-foreground, #000)}.bundle-addon-option__none-btn--active{border-color:var(--color-foreground, #000);border-style:solid;color:var(--color-foreground, #000);font-weight:600}.bundle-product-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--color-border, rgb(0 0 0 / .1));border-radius:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.bundle-product-option:hover{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .3)}.bundle-product-option:has(input:checked){border-color:var(--color-foreground, #000);background:rgb(var(--color-foreground-rgb, 0 0 0) / .02)}.bundle-product-option__radio{margin:4px 0 0;flex-shrink:0;accent-color:var(--color-foreground, #000)}.bundle-product-option--none{border-style:dashed}.bundle-product-option--sold-out{opacity:.45;pointer-events:none}.bundle-group--sold-out{opacity:.45}.bundle-product-option__image{width:60px;height:60px;object-fit:contain;border-radius:6px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .03);flex-shrink:0}.bundle-product-option__details{flex:1;min-width:0}.bundle-product-option__title{display:block;font-size:.875rem;font-weight:600;line-height:1.3;margin:0}.bundle-product-option__price-label{display:block;font-size:.8125rem;margin-top:2px;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6)}.bundle-product-option__price-label--included{color:var(--color-foreground, #000);font-weight:600}.bundle-product-option__variant-select{display:block;width:100%;margin-top:8px;padding:6px 28px 6px 10px;border:1px solid var(--color-input-border, var(--color-border, rgb(0 0 0 / .15)));border-radius:6px;background-color:var(--color-input-background, var(--color-background, #fff));color:var(--color-input-text, var(--color-foreground, #000));font-family:var(--font-body--family, inherit);font-size:.8125rem;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.bundle-product-option__variant-select:focus{outline:2px solid var(--color-foreground, #000);outline-offset:1px}.bundle-drawer__footer{padding:20px 24px;border-top:1px solid var(--color-border, rgb(0 0 0 / .1));background:var(--color-background, #fff);flex-shrink:0;max-width:960px;margin-left:auto;margin-right:auto;width:100%}.bundle-drawer__price-breakdown{margin-bottom:16px}.bundle-drawer__price-line{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.8125rem;color:rgb(var(--color-foreground-rgb, 0 0 0) / .7)}.bundle-drawer__price-line--parent{padding-top:8px;border-top:1px solid var(--color-border, rgb(0 0 0 / .06))}.bundle-drawer__price-line--total{padding-top:8px;margin-top:4px;border-top:1px solid var(--color-border, rgb(0 0 0 / .1));font-size:1rem;font-weight:700;color:var(--color-foreground, #000)}.bundle-drawer__price-line-value{font-variant-numeric:tabular-nums}.bundle-drawer__add-button{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;border:1px solid var(--color-primary-button-border, transparent);border-radius:8px;background:var(--color-primary-button-background, var(--color-foreground, #000));color:var(--color-primary-button-text, var(--color-background, #fff));font-family:var(--font-body--family, inherit);font-size:.9375rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;gap:8px}.bundle-drawer__add-button:hover{background:var(--color-primary-button-hover-background, var(--color-foreground, #000));color:var(--color-primary-button-hover-text, var(--color-background, #fff));border-color:var(--color-primary-button-hover-border, transparent)}.bundle-drawer__add-button:disabled{opacity:.5;cursor:not-allowed}.bundle-drawer__add-button[data-loading=true]{pointer-events:none;opacity:.7}.bundle-drawer__add-button-spinner{display:none;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:bundle-spin .6s linear infinite}.bundle-drawer__add-button[data-loading=true] .bundle-drawer__add-button-spinner{display:block}.bundle-drawer__add-button[data-loading=true] .bundle-drawer__add-button-text{visibility:hidden}@keyframes bundle-spin{to{transform:rotate(360deg)}}.bundle-mode-toggle{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:12px}.bundle-mode-toggle__option{display:flex;width:100%;cursor:pointer;border-width:1px;border-color:#fff}.bundle-mode-toggle__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bundle-mode-toggle__label{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;text-align:left;font-family:var(--font-body--family, inherit);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:.5px solid var(--color-foreground, #FFF);border-radius:8px;transition:border-color .15s ease,background-color .15s ease,color .15s ease;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6);background:transparent}.bundle-mode-toggle__label:before{content:"";flex-shrink:0;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;background:transparent;transition:background .15s ease,border-color .15s ease}.bundle-mode-toggle__radio:checked+.bundle-mode-toggle__label{border-color:var(--color-foreground, #000);color:var(--color-foreground, #838383);background:rgb(var(--color-foreground-rgb, 0 0 0) / .24)}.bundle-mode-toggle__radio:checked+.bundle-mode-toggle__label:before{background:radial-gradient(circle,currentColor 40%,transparent 41%);border-color:currentColor}.bundle-mode-toggle__radio:focus-visible+.bundle-mode-toggle__label{outline:2px solid var(--color-foreground, #000);outline-offset:2px}[data-bundle-cards].bundle-preset-buttons--hidden,.bundle-preset-buttons--hidden{display:none}button.bundle-mode--disabled{opacity:.4;cursor:not-allowed}.bundle-preset-buttons{display:flex;flex-wrap:wrap;gap:8px;width:100%}.bundle-preset-buttons__heading{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6);margin:0 0 4px;width:100%}.bundle-preset-button{flex:1 1 auto;min-width:0;text-align:center}.bundle-preset-card{display:flex;flex-direction:column;flex:1 1 280px;min-width:0;border:1px solid var(--color-border, rgb(0 0 0 / .1));border-radius:8px;overflow:hidden;background:var(--color-background, #fff);color:var(--color-foreground, #000);cursor:pointer;padding:0;text-align:left;font-family:var(--font-body--family, inherit);transition:border-color .15s ease,box-shadow .15s ease;appearance:none;-webkit-appearance:none}.bundle-preset-card:hover{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .3);box-shadow:0 2px 8px #00000014}.bundle-preset-card:focus-visible{outline:2px solid var(--color-foreground, #000);outline-offset:2px}.bundle-preset-card__image{width:100%;object-fit:contain;background:rgb(var(--color-foreground-rgb, 0 0 0) / .03);display:block}.bundle-preset-card__body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px}.bundle-preset-card__title{font-size:.9375rem;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}.bundle-preset-card__description{font-size:.8125rem;line-height:1.5;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6)}.bundle-preset-card__pricing{display:flex;align-items:baseline;gap:8px;font-size:.875rem;font-weight:600}.bundle-preset-buttons--scrollable{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.bundle-preset-buttons--scrollable::-webkit-scrollbar{display:none}.bundle-preset-buttons--scrollable .bundle-preset-card{flex:0 0 calc(66.67% - 4px);scroll-snap-align:start}@media screen and (min-width:1400px){.bundle-preset-buttons--scrollable .bundle-preset-card{flex:0 0 calc(50% - 4px)}}@media screen and (max-width:749px){.bundle-drawer__header,.bundle-drawer__body,.bundle-drawer__footer{padding:16px 20px}.bundle-product-option__image{width:48px;height:48px}.bundle-group__summary{padding:14px}.bundle-group__content{padding:0 14px 14px}.bundle-preset-card__body{padding:10px 14px 14px}.bundle-drawer__variant-selector{padding:10px 20px}.bundle-drawer__variant-selector-row{gap:8px}.bundle-addon-option__image{width:48px;height:48px}}.suspension-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.suspension-modal__product{display:flex;flex-direction:column;border:1px solid var(--color-border, rgb(0 0 0 / .1));border-radius:var(--style-border-radius-popover, 8px);overflow:hidden;background:var(--color-background, #fff);transition:border-color var(--animation-speed, .15s) var(--animation-easing, ease),box-shadow var(--animation-speed, .15s) var(--animation-easing, ease)}.suspension-modal__product:hover{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .3);box-shadow:0 2px 8px #00000014}.suspension-modal__product-image{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:rgb(var(--color-foreground-rgb, 0 0 0) / .03);display:block}.suspension-modal__product-details{padding:12px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.suspension-modal__product-title{font-family:var(--font-paragraph--family, inherit);font-size:var(--font-paragraph--size, .9375rem);font-weight:700;line-height:1.3}.suspension-modal__product-price{font-family:var(--font-paragraph--family, inherit);font-size:.875rem;color:rgb(var(--color-foreground-rgb, 0 0 0) / .6)}.suspension-modal__variant-select{display:block;width:100%;margin-top:8px;padding:var(--button-padding-block, 6px) var(--button-padding-inline, 10px);padding-right:28px;border:var(--style-border-width-secondary, 1px) solid var(--color-border, rgb(0 0 0 / .15));border-radius:var(--style-border-radius-buttons-secondary, 6px);background-color:var(--color-background, #fff);color:var(--color-foreground, #000);font-family:var(--font-paragraph--family, inherit);font-size:var(--font-paragraph--size, .8125rem);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.suspension-modal__add-btn{width:calc(100% - 32px);margin:0 16px 16px}.suspension-modal__dismiss-btn{width:100%}@media screen and (max-width:749px){.suspension-modal__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/custom-bundle-builder.css.map */