.product-bundle{--bundle-column-gap: 24px;--bundle-row-gap: 48px;--bundle-column-gap-mobile: 16px;--bundle-layout-gap: 80px;--bundle-summary-width: clamp(320px, 30%, 420px);--bundle-summary-padding: 28px;--bundle-summary-gap: 40px;--bundle-line-media: 80px;--bundle-pill-min-width: 120px;--bundle-grid-columns: repeat(auto-fill, minmax(min(100%, max(var(--bundle-card-min-width), (100% - var(--bundle-column-gap) * (var(--bundle-columns) - 1)) / var(--bundle-columns))), 1fr))}.product-bundle--compact{--bundle-column-gap: 12px;--bundle-row-gap: 32px;--bundle-column-gap-mobile: 12px;--bundle-layout-gap: 48px;--bundle-summary-padding: 22px}.product-bundle.lines{--bundle-column-gap: var(--bundle-column-gap-lines);--bundle-column-gap-mobile: 24px;--bundle-line-space-mobile: 16px}.product-bundle--compact.lines{--bundle-column-gap-mobile: 16px;--bundle-line-space-mobile: 12px}.product-bundle.product-bundle--custom-gap{--bundle-column-gap: var(--custom-column-gap-desktop);--bundle-row-gap: var(--custom-row-gap-desktop);--bundle-column-gap-mobile: var(--custom-column-gap-mobile)}.product-bundle__header--center{text-align:center}.product-bundle__header .content-subheading+.content-heading{margin-top:24px}.product-bundle--compact .product-bundle__header .content-subheading+.content-heading{margin-top:16px}.product-bundle__header .content-text{margin-top:16px}.product-bundle__header+.product-bundle__layout{margin-top:var(--tabs-gap)}.product-bundle__layout{display:grid;grid-template-columns:minmax(0,1fr) var(--bundle-summary-width);grid-template-areas:"main aside";gap:var(--bundle-layout-gap);align-items:start}.product-bundle--summary-left .product-bundle__layout{grid-template-columns:var(--bundle-summary-width) minmax(0,1fr);grid-template-areas:"aside main"}.product-bundle__main{grid-area:main;min-width:0}.product-bundle__aside{grid-area:aside;min-width:0}.product-bundle__aside--sticky{position:sticky;top:calc(var(--top-sticky-content, 0px) + var(--sticky-announcement-height, 0px))}.product-bundle__tabs{margin-bottom:24px}.product-bundle__panels{position:relative}.product-bundle__empty{padding:24px 0}.product-bundle__slider .slider,.product-bundle__slider .slider__viewport{overflow:visible}.product-bundle__grid.slider__grid{--bundle-line-gap: var(--bundle-column-gap);display:grid;grid-template-columns:var(--bundle-grid-columns);gap:0 var(--bundle-column-gap);margin-bottom:calc(var(--bundle-row-gap) * -1);overflow:visible;scroll-snap-type:none;scrollbar-width:none}.product-bundle__panel .tab-panel-loader__grid{grid-template-columns:var(--bundle-grid-columns);gap:var(--bundle-row-gap) var(--bundle-column-gap)}.product-bundle__item{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;min-width:0;padding-bottom:var(--bundle-row-gap)}.product-bundle__variants,.product-bundle__add{margin-top:12px}.product-bundle__item>.card-container{height:auto}.product-bundle__add{grid-row:3;width:auto;min-width:0}.product-bundle__item--indent>.product-bundle__variants,.product-bundle__item--indent>.product-bundle__add{margin-inline:var(--extra-indent)}@media screen and (min-width:769px){.product-bundle__item--indent-desktop>.product-bundle__variants,.product-bundle__item--indent-desktop>.product-bundle__add{margin-inline:var(--extra-indent)}}@media screen and (max-width:768px){.product-bundle__item--indent-mobile>.product-bundle__variants,.product-bundle__item--indent-mobile>.product-bundle__add{margin-inline:var(--extra-indent)}}@media screen and (min-width:921px){@container inside-content (max-width: 768px){.product-bundle__item--indent-desktop>.product-bundle__variants,.product-bundle__item--indent-desktop>.product-bundle__add{margin-inline:0}.product-bundle__item--indent-mobile>.product-bundle__variants,.product-bundle__item--indent-mobile>.product-bundle__add{margin-inline:var(--extra-indent)}}}.product-bundle__values--named.form__variants--two-columns,.product-bundle__values--named.form__variants--three-columns{grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--bundle-pill-min-width),(100% - 8px * (var(--variant-pills-columns) - 1)) / var(--variant-pills-columns))),1fr))}.lines .product-bundle__grid.slider__grid{margin-bottom:calc(var(--bundle-row-gap) / -2)}.lines .product-bundle__item{position:relative;padding-top:calc(var(--bundle-row-gap) / 2);padding-bottom:calc(var(--bundle-row-gap) / 2)}.lines .product-bundle__item:before,.lines .product-bundle__item:after{position:absolute;background-color:rgba(var(--layout-text-color),var(--line-opacity))}.lines .product-bundle__item:before{content:"";top:0;inset-inline:0;height:var(--line-width)}.lines .product-bundle__item:after{top:calc(var(--bundle-row-gap) / 2);bottom:calc(var(--bundle-row-gap) / 2);inset-inline-start:calc((var(--bundle-line-gap) + var(--line-width)) / -2);width:var(--line-width)}@media screen and (min-width:769px){.disable-layout-margins .product-bundle__layout{padding-inline-end:var(--padding-inline)}.disable-layout-margins.product-bundle--summary-left .product-bundle__layout{padding-inline-end:0;padding-inline-start:var(--padding-inline)}.lines .product-bundle__slider{container:product-bundle-grid / inline-size}.lines .product-bundle__layout{column-gap:calc(var(--bundle-layout-gap) / 2)}.lines .product-bundle__main{align-self:stretch;padding-inline-end:calc(var(--bundle-layout-gap) / 2);border-inline-end:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}.lines.product-bundle--summary-left .product-bundle__main{padding-inline:calc(var(--bundle-layout-gap) / 2) 0;border-inline-end:0;border-inline-start:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}}.product-bundle__variants.variant-selects--row.variant-selects--stretched .product-form__input{flex:1 1 80px;width:auto}.product-bundle__products .pagination-wrapper{margin-top:var(--tabs-gap)}.product-bundle__products .pagination-wrapper:empty{display:none}.product-bundle__summary{display:flex;flex-direction:column;gap:var(--bundle-summary-gap);padding:var(--bundle-summary-padding);border-radius:var(--summary-radius)}.product-bundle__summary--outline{border:1px solid var(--summary-outline-color)}.product-bundle__summary-header{display:flex;flex-direction:column;gap:8px}.product-bundle__summary-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-bundle__summary-heading{margin:0;overflow-wrap:anywhere}.product-bundle__toggle{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin:-12px;margin-inline-start:auto;cursor:pointer}.product-bundle__toggle svg{fill:rgb(var(--layout-text-color));transition:transform var(--animation-duration) var(--transition-timing-function)}.product-bundle__progress{display:flex;flex-direction:column;gap:10px;margin-top:16px}.product-bundle__progress-info{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.product-bundle__progress-count{flex:none;white-space:nowrap}.product-bundle__progress-bar:after{width:min(var(--progress-bar-width, 0%),100%);animation:none;transition:width var(--animation-duration) var(--transition-timing-function),background-color var(--animation-duration) var(--transition-timing-function)}.product-bundle__items{outline:none}.product-bundle__list,.product-bundle__group-list,.product-bundle__skeletons{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.product-bundle__line,.product-bundle__skeleton{display:flex;gap:16px;padding:16px 0}.product-bundle__line+.product-bundle__line,.product-bundle__skeleton+.product-bundle__skeleton,.product-bundle__group+.product-bundle__group{border-top:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}.product-bundle__line:first-child,.product-bundle__skeleton:first-child{padding-top:0}.product-bundle__group+.product-bundle__group{padding-top:16px}.product-bundle__group-title{margin:0 0 12px}.product-bundle__group:last-child .product-bundle__line:last-child{padding-bottom:0}.product-bundle__list>.product-bundle__line:last-child,.product-bundle__skeleton:last-child{padding-bottom:0}.product-bundle__line-media,.product-bundle__skeleton-media{flex:0 0 var(--bundle-line-media);width:var(--bundle-line-media);height:fit-content;overflow:hidden;border-radius:var(--product-card-radius);background-color:rgba(var(--layout-text-color),.06)}.product-bundle__skeleton-media,.product-bundle__skeleton-line{background-color:#ecebea}.product-bundle__line-image{display:block;width:100%;height:100%;object-fit:cover}.product-bundle__line-details{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.product-bundle__line-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.product-bundle__line-title{color:rgb(var(--layout-text-color));overflow-wrap:anywhere}.product-bundle__line-total{flex:none;white-space:nowrap}.product-bundle__line-options,.product-bundle__line-options dt,.product-bundle__line-options dd{margin:0}.product-bundle__line-options dt{margin-inline-end:4px}.product-bundle__line-price,.product-bundle__subtotal{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}.product-bundle__line-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.product-bundle__quantity{width:126px}.product-bundle__remove{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer}.product-bundle__remove svg{fill:rgb(var(--layout-text-color))}.product-bundle__line-actions--remove-only .product-bundle__remove{margin-inline:-10px}.product-bundle__skeleton-content{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding-top:4px}.product-bundle__skeleton-line{display:block;height:10px;border-radius:4px}.product-bundle__skeleton-line--title{width:70%}.product-bundle__skeleton-line--text{width:45%}.product-bundle__skeleton-line--price{width:30%}.product-bundle__skeleton-line--total{flex:0 0 48px;margin-top:4px}.product-bundle__footer{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}.product-bundle__totals{align-items:baseline;gap:16px}.product-bundle__subtotal{justify-content:flex-end;text-align:end}.product-bundle__submit{width:100%}.product-bundle__submit .loading-overlay__spinner{top:0;right:0;bottom:0;left:0;margin:auto}.product-bundle__submit.loading>span:first-child{visibility:hidden}@media screen and (max-width:1024px){.product-bundle{--bundle-summary-width: 300px;--bundle-layout-gap: 32px}}@media screen and (min-width:769px){.product-bundle__summary{max-height:calc(100vh - var(--top-sticky-content, 0px) - var(--sticky-announcement-height, 0px) - 24px)}.product-bundle__summary-header,.product-bundle__footer{flex:none}.product-bundle__items{flex:0 1 auto;min-height:0;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.product-bundle__items{scrollbar-width:thin;scrollbar-color:rgba(var(--layout-text-color),.3) transparent}}.product-bundle__items::-webkit-scrollbar{width:4px}.product-bundle__items::-webkit-scrollbar-track{background-color:transparent}.product-bundle__items::-webkit-scrollbar-thumb{background-color:rgba(var(--layout-text-color),.3);border-radius:4px}.product-bundle__items--scrollable{padding-inline-end:12px}}@media screen and (max-width:768px){.product-bundle{--bundle-summary-padding: 28px;--bundle-line-media: 72px}.product-bundle__layout,.product-bundle--summary-left .product-bundle__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "aside";gap:32px}.product-bundle__aside--sticky{position:static}.disable-layout-margins .product-bundle__aside{padding-inline:var(--padding-inline, 16px)}.product-bundle__header .content-subheading+.content-heading{margin-top:16px}.product-bundle__tabs{margin-bottom:16px}.product-bundle__tabs--center .component-tabs__wrapper{margin-inline:auto}.product-bundle__slider .slider,.product-bundle__slider .slider__viewport{overflow:clip}.product-bundle__slider .slider{width:auto;margin-inline:-4px}.product-bundle__slider .slider-scrollbar{width:auto;margin-inline:4px}.product-bundle__grid.slider__grid{--slider-gap: var(--bundle-column-gap-mobile);--bundle-line-gap: var(--slider-gap);grid-template-columns:none;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - var(--slider-gap) * (var(--desktop-grid-type) - 1)) / var(--desktop-grid-type));gap:0 var(--slider-gap);margin:0;padding:0 4px 4px;scroll-padding-inline:4px;overflow-x:auto;overflow-y:clip;scroll-snap-type:x mandatory}.product-bundle__grid .product-bundle__item{padding-bottom:0}.lines .product-bundle__grid.slider__grid{margin-bottom:0}.lines .product-bundle__item{padding-top:var(--bundle-line-space-mobile);padding-bottom:0}.lines .product-bundle__slider:before{content:"";display:block;height:var(--line-width);background-color:rgba(var(--layout-text-color),var(--line-opacity))}.lines .product-bundle__item:before{content:none}.lines .product-bundle__item:after{content:"";top:var(--bundle-line-space-mobile);bottom:0}.lines .product-bundle__item:first-child:after{content:none}.lines .product-bundle__main{padding-inline:0;border-inline:0}.disable-layout-margins .product-bundle__slider .slider,.disable-layout-margins .product-bundle__slider .slider-scrollbar{margin-inline:0}.disable-layout-margins .product-bundle__grid.slider__grid{padding-inline:0;scroll-padding-inline:0}.product-bundle__products .pagination-wrapper{margin-top:0;padding-top:0;border-top:0}.product-bundle__products .infinite-scroll{display:none}.product-bundle__panel .tab-panel-loader__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--bundle-column-gap-mobile) * (var(--tab-loader-columns-mobile) - 1)) / var(--tab-loader-columns-mobile));gap:var(--bundle-column-gap-mobile);overflow:clip}.product-bundle__toggle{display:flex}.product-bundle__summary-top{cursor:pointer}.product-bundle__items{display:grid;grid-template-rows:0fr;margin-top:calc(var(--bundle-summary-gap) * -1);visibility:hidden;transition:grid-template-rows .3s ease,margin-top .3s ease,visibility 0s linear .3s}.product-bundle__items>*{min-height:0;overflow:hidden}.product-bundle__summary--expanded .product-bundle__items{grid-template-rows:1fr;margin-top:0;visibility:visible;transition-delay:0s}.product-bundle__footer{padding-top:0;border-top-width:0;transition:padding-top .3s ease}.product-bundle__summary--expanded .product-bundle__footer{padding-top:16px;border-top-width:var(--line-width)}.product-bundle__summary--expanded .product-bundle__toggle svg{transform:rotate(180deg)}.product-bundle__summary--empty .product-bundle__toggle{display:none}.product-bundle__summary--empty .product-bundle__summary-top{cursor:auto}}@media screen and (min-width:921px){@container inside-content (max-width: 768px){.product-bundle{--bundle-summary-padding: 28px;--bundle-line-media: 72px}.product-bundle__layout,.product-bundle--summary-left .product-bundle__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "aside";gap:32px}.disable-layout-margins .product-bundle__layout,.disable-layout-margins.product-bundle--summary-left .product-bundle__layout{padding-inline:0}.product-bundle__aside--sticky{position:static}.disable-layout-margins .product-bundle__aside{padding-inline:var(--padding-inline, 16px)}.product-bundle__header .content-subheading+.content-heading{margin-top:16px}.product-bundle__tabs{margin-bottom:16px}.product-bundle__tabs--center .component-tabs__wrapper{margin-inline:auto}.product-bundle__summary{max-height:none}.product-bundle__items{overflow-y:visible}.product-bundle__slider .slider,.product-bundle__slider .slider__viewport{overflow:clip}.product-bundle__slider .slider{width:auto;margin-inline:-4px}.product-bundle__slider .slider-scrollbar{width:auto;margin-inline:4px}.product-bundle__grid.slider__grid{--slider-gap: var(--bundle-column-gap-mobile);--bundle-line-gap: var(--slider-gap);grid-template-columns:none;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - var(--slider-gap) * (var(--desktop-grid-type) - 1)) / var(--desktop-grid-type));gap:0 var(--slider-gap);margin:0;padding:0 4px 4px;scroll-padding-inline:4px;overflow-x:auto;overflow-y:clip;scroll-snap-type:x mandatory}.product-bundle__grid .product-bundle__item{padding-bottom:0}.lines .product-bundle__grid.slider__grid{margin-bottom:0}.lines .product-bundle__item{padding-top:var(--bundle-line-space-mobile);padding-bottom:0}.lines .product-bundle__slider{container-type:normal}.lines .product-bundle__slider:before{content:"";display:block;height:var(--line-width);background-color:rgba(var(--layout-text-color),var(--line-opacity))}.lines .product-bundle__item:before{content:none}.lines .product-bundle__item:after{content:"";top:var(--bundle-line-space-mobile);bottom:0}.lines .product-bundle__item:first-child:after{content:none}.lines .product-bundle__main,.lines.product-bundle--summary-left .product-bundle__main{padding-inline:0;border-inline:0}.disable-layout-margins .product-bundle__slider .slider,.disable-layout-margins .product-bundle__slider .slider-scrollbar{margin-inline:0}.disable-layout-margins .product-bundle__grid.slider__grid{padding-inline:0;scroll-padding-inline:0}.product-bundle__products .pagination-wrapper{margin-top:0;padding-top:0;border-top:0}.product-bundle__products .infinite-scroll{display:none}.product-bundle__panel .tab-panel-loader__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--bundle-column-gap-mobile) * (var(--tab-loader-columns-mobile) - 1)) / var(--tab-loader-columns-mobile));gap:var(--bundle-column-gap-mobile);overflow:clip}.product-bundle__toggle{display:flex}.product-bundle__summary-top{cursor:pointer}.product-bundle__items{display:grid;grid-template-rows:0fr;margin-top:calc(var(--bundle-summary-gap) * -1);visibility:hidden;transition:grid-template-rows .3s ease,margin-top .3s ease,visibility 0s linear .3s}.product-bundle__items>*{min-height:0;overflow:hidden}.product-bundle__summary--expanded .product-bundle__items{grid-template-rows:1fr;margin-top:0;visibility:visible;transition-delay:0s}.product-bundle__footer{padding-top:0;border-top-width:0;transition:padding-top .3s ease}.product-bundle__summary--expanded .product-bundle__footer{padding-top:16px;border-top-width:var(--line-width)}.product-bundle__summary--expanded .product-bundle__toggle svg{transform:rotate(180deg)}.product-bundle__summary--empty .product-bundle__toggle{display:none}.product-bundle__summary--empty .product-bundle__summary-top{cursor:auto}}}.product-bundle .product-form__input input[type=radio]+label.color__swatch--image,.product-bundle .color__swatch-dot--image{width:32px;max-width:32px}@media screen and (max-width:768px){.product-bundle .product-form__input input[type=radio]+label.color__swatch--image,.product-bundle .color__swatch-dot--image{width:28px;max-width:28px}}@media screen and (min-width:921px){@container inside-content (max-width: 768px){.product-bundle .product-form__input input[type=radio]+label.color__swatch--image,.product-bundle .color__swatch-dot--image{width:28px;max-width:28px}}}@media(prefers-reduced-motion:reduce){.product-bundle__items,.product-bundle__footer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-product-bundle.css.map */