flow-complementary-products{display:block}flow-complementary-products[hidden]{display:none}flow-complementary-products[aria-busy=true]{opacity:.5;pointer-events:none;transition:opacity .2s}@media(prefers-reduced-motion:reduce){flow-complementary-products[aria-busy=true]{transition:none}}.flow-group-block:has(>.shopify-block>[data-complementary-hide-group][hidden],>[data-complementary-hide-group][hidden]){display:none!important}.flow-complementary__list{min-width:0}.flow-complementary__viewport{position:relative;min-width:0}.flow-complementary__track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--complementary-rows-desktop, 1),auto);grid-auto-columns:calc((100% + var(--complementary-slide-gap-desktop)) * var(--complementary-slide-width-desktop) / 100 - var(--complementary-slide-gap-desktop));align-items:stretch;gap:var(--complementary-slide-gap-desktop);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.flow-complementary__track::-webkit-scrollbar{display:none}.flow-complementary__track>*{min-width:0;scroll-snap-align:start}.flow-complementary__track>*>.flow-complementary-card,.flow-complementary__track>.flow-complementary-card{height:100%}.flow-complementary__track>*{container:complementary-slide / inline-size}.flow-complementary-card{min-width:0}.flow-complementary__list[data-layout-desktop=row]>.flow-complementary-card,.flow-complementary__list[data-layout-desktop=row]>.shopify-block>.flow-complementary-card{flex:1 1 0}.flow-complementary__list[data-layout-desktop=row] .flow-complementary-card .flow-group-block[data-layout-desktop=row]{flex-wrap:wrap}.flow-complementary__list[data-layout-desktop=row] .flow-complementary-card .flow-group-block[data-layout-desktop=row]>.flow-group-block,.flow-complementary__list[data-layout-desktop=row] .flow-complementary-card .flow-group-block[data-layout-desktop=row]>.shopify-block>.flow-group-block{min-width:min(100%,120px);flex:1 1 120px}.flow-complementary-card>.shopify-block{display:contents}.flow-complementary-media{display:block;width:var(--complementary-media-width-desktop);height:var(--complementary-media-height-desktop);flex:0 0 var(--complementary-media-width-desktop);overflow:hidden;border-radius:var(--complementary-media-radius-desktop);background:var(--complementary-media-background);color:inherit}.flow-complementary-media img,.flow-complementary-media svg{display:block;width:100%;height:100%;object-fit:var(--complementary-media-fit-desktop)}.flow-complementary-media[data-size-desktop=ratio]{width:100%;height:auto;flex-basis:auto;align-self:stretch;aspect-ratio:var(--complementary-media-ratio-desktop)}.flow-complementary-title{min-width:0;color:var(--complementary-title-color);font-size:var(--complementary-title-size-desktop);font-weight:var(--complementary-title-weight);line-height:var(--complementary-title-line-desktop);text-align:var(--complementary-title-align-desktop)}.flow-complementary-title h3{margin:0;color:inherit;font:inherit}.flow-complementary-title a{color:inherit;text-decoration:none}.flow-complementary-title[data-lines-desktop] h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--complementary-title-lines-desktop)}.flow-complementary-description{margin:0;color:var(--complementary-description-color);font-size:var(--complementary-description-size-desktop);font-weight:var(--complementary-description-weight);line-height:var(--complementary-description-line-desktop);text-align:var(--complementary-description-align-desktop)}.flow-complementary-price{display:flex;min-width:max-content;flex-direction:var(--complementary-price-layout, row);align-items:baseline;justify-content:var(--complementary-price-align-desktop);gap:var(--complementary-price-gap-desktop);color:var(--complementary-price-color);font-size:var(--complementary-price-size-desktop);line-height:1.25;white-space:nowrap}.flow-complementary-price--column{--complementary-price-layout: column;align-items:var(--complementary-price-align-desktop)}.flow-complementary-price strong{font:inherit;font-weight:var(--complementary-price-weight, 600)}.flow-complementary-price :is(s,span){color:var(--complementary-price-compare-color);font-size:var(--complementary-price-compare-size-desktop)}.flow-complementary-details{display:inline-flex;width:max-content;min-height:var(--complementary-details-height-desktop);padding-inline:10px;align-items:center;border:0;border-radius:var(--complementary-details-radius-desktop);color:var(--complementary-details-color);background:transparent;font-size:var(--complementary-details-size-desktop);line-height:1.2;text-decoration:none}.flow-complementary-details--underline{min-height:0;padding:0;text-decoration:underline;text-underline-offset:3px}.flow-complementary-details--outline{border:1px solid var(--complementary-details-border);background:var(--complementary-details-background)}.flow-complementary-selection{display:grid;flex:0 0 auto;place-items:center;cursor:pointer}.flow-complementary-selection input{width:var(--complementary-selection-size-desktop);height:var(--complementary-selection-size-desktop);margin:0;accent-color:var(--complementary-selection-color)}.flow-complementary-action{align-self:var(--complementary-action-align-desktop);justify-self:var(--complementary-action-align-desktop)}.flow-complementary-action[data-align-desktop=end]{margin-inline-start:auto}.flow-complementary-action[data-align-desktop=center]{margin-inline:auto}.flow-complementary-action--width-full{width:100%}.flow-complementary-action :is(form,flow-product-form){display:block;width:100%;margin:0}.flow-complementary-action :is(button,a){display:inline-flex;width:auto;min-height:var(--complementary-action-height-desktop);padding-inline:var(--complementary-action-padding-desktop);align-items:center;justify-content:center;border:1px solid var(--complementary-action-border);border-radius:var(--complementary-action-radius-desktop);color:var(--complementary-action-text);background:var(--complementary-action-background);font:inherit;font-size:var(--complementary-action-size-desktop);font-weight:var(--complementary-action-weight, 600);line-height:1.1;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.flow-complementary-action--width-full :is(button,a){width:100%}.flow-complementary-action--outline :is(button,a){background:transparent;color:var(--complementary-action-border)}.flow-complementary-action :is(button,a):hover,.flow-complementary-action :is(button,a):focus-visible{border-color:var(--complementary-action-border-hover);color:var(--complementary-action-text-hover);background:var(--complementary-action-background-hover)}.flow-complementary-action :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:2px}.flow-complementary-action button:disabled{cursor:not-allowed;opacity:.45}.flow-complementary-action--underline :is(button,a),.flow-complementary-action--underline :is(button,a):is(:hover,:focus-visible){min-height:0;padding:0;border:0;border-radius:0;background:transparent;text-decoration:underline;text-underline-offset:3px}.flow-complementary-action--underline :is(button,a){color:var(--complementary-action-text)}.flow-complementary-action .flow-product-card__error{position:static;width:auto;margin-top:6px;padding:0;color:#8b1f1f;background:transparent;box-shadow:none;font-size:12px}.flow-complementary-variant{display:inline-flex;width:max-content;max-width:100%;flex-direction:column;gap:4px;color:var(--complementary-variant-text);font-size:var(--complementary-variant-size-desktop);line-height:1.2}.flow-complementary-variant[data-width-desktop=full]{width:100%}.flow-complementary-variant__label{font-size:.85em}.flow-complementary-variant__field{position:relative;display:block}.flow-complementary-variant select{display:block;width:100%;min-height:var(--complementary-variant-height-desktop);margin:0;padding:0 calc(var(--complementary-variant-padding-desktop) + 18px) 0 var(--complementary-variant-padding-desktop);overflow:hidden;border:1px solid var(--complementary-variant-border);border-radius:var(--complementary-variant-radius-desktop);color:inherit;background:var(--complementary-variant-background);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none}.flow-complementary-variant:is(.flow-complementary-variant--plain,.flow-complementary-variant--underline) select{min-height:0;padding:2px 18px 2px 0;border-width:0;border-radius:0;background:transparent}.flow-complementary-variant--underline select{border-bottom-width:1px}.flow-complementary-variant select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.flow-complementary-variant__chevron{position:absolute;top:50%;right:var(--complementary-variant-padding-desktop);width:12px;height:12px;transform:translateY(-50%);pointer-events:none}.flow-complementary-variant:is(.flow-complementary-variant--plain,.flow-complementary-variant--underline) .flow-complementary-variant__chevron{right:0}.flow-complementary-action__modal{display:contents}.flow-complementary-action__direct{display:none}.flow-complementary-card:has(.flow-complementary-variant) .flow-complementary-action__modal{display:none}.flow-complementary-card:has(.flow-complementary-variant) .flow-complementary-action__direct{display:contents}@media(max-width:1024px){.flow-complementary-card .flow-group-block:is([data-layout-desktop=row],[data-layout-mobile=row]):has(.flow-complementary-action){flex-wrap:wrap}.flow-complementary-card .flow-group-block:is([data-layout-desktop=row],[data-layout-mobile=row]):has(.flow-complementary-media)>.flow-group-block,.flow-complementary-card .flow-group-block:is([data-layout-desktop=row],[data-layout-mobile=row]):has(.flow-complementary-media)>.shopify-block>.flow-group-block{width:auto;min-width:0;flex:1 1 0}.flow-complementary-action{width:100%;min-width:0;max-width:100%}.flow-complementary-action :is(button,a){max-width:100%;white-space:normal;overflow-wrap:anywhere}.flow-complementary-action[data-align-desktop=start]{text-align:left}.flow-complementary-action[data-align-desktop=center]{text-align:center}.flow-complementary-action[data-align-desktop=end]{text-align:right}}@media(max-width:749px){.flow-complementary__list[data-layout-desktop=row]>.flow-complementary-card,.flow-complementary__list[data-layout-desktop=row]>.shopify-block>.flow-complementary-card{flex:0 1 auto}.flow-complementary__list[data-layout-mobile=row]>.flow-complementary-card,.flow-complementary__list[data-layout-mobile=row]>.shopify-block>.flow-complementary-card{flex:1 1 0}.flow-complementary__list[data-layout-mobile=row] .flow-complementary-card .flow-group-block[data-layout-mobile=row]{flex-wrap:wrap}.flow-complementary__list[data-layout-mobile=row] .flow-complementary-card .flow-group-block[data-layout-mobile=row]>.flow-group-block,.flow-complementary__list[data-layout-mobile=row] .flow-complementary-card .flow-group-block[data-layout-mobile=row]>.shopify-block>.flow-group-block{min-width:min(100%,100px);flex:1 1 100px}.flow-complementary-action[data-align-mobile=start]{text-align:left}.flow-complementary-action[data-align-mobile=center]{text-align:center}.flow-complementary-action[data-align-mobile=end]{text-align:right}}@media(max-width:749px){.flow-complementary-media{width:var(--complementary-media-width-mobile);height:var(--complementary-media-height-mobile);flex-basis:var(--complementary-media-width-mobile);border-radius:var(--complementary-media-radius-mobile)}.flow-complementary-media img,.flow-complementary-media svg{object-fit:var(--complementary-media-fit-mobile)}.flow-complementary-media[data-size-desktop=ratio]{width:var(--complementary-media-width-mobile);height:var(--complementary-media-height-mobile);flex-basis:var(--complementary-media-width-mobile);align-self:auto;aspect-ratio:auto}.flow-complementary-media[data-size-mobile=ratio]{width:100%;height:auto;flex-basis:auto;align-self:stretch;aspect-ratio:var(--complementary-media-ratio-mobile)}.flow-complementary__track{grid-template-rows:repeat(var(--complementary-rows-mobile, 1),auto);grid-auto-columns:calc((100% + var(--complementary-slide-gap-mobile)) * var(--complementary-slide-width-mobile) / 100 - var(--complementary-slide-gap-mobile));gap:var(--complementary-slide-gap-mobile)}.flow-complementary-title{font-size:var(--complementary-title-size-mobile);line-height:var(--complementary-title-line-mobile);text-align:var(--complementary-title-align-mobile)}.flow-complementary-title[data-lines-desktop] h3{display:block;-webkit-line-clamp:none}.flow-complementary-title[data-lines-mobile] h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--complementary-title-lines-mobile)}.flow-complementary-description{font-size:var(--complementary-description-size-mobile);line-height:var(--complementary-description-line-mobile);text-align:var(--complementary-description-align-mobile)}.flow-complementary-price{justify-content:var(--complementary-price-align-mobile);gap:var(--complementary-price-gap-mobile);font-size:var(--complementary-price-size-mobile)}.flow-complementary-price--column{align-items:var(--complementary-price-align-mobile)}.flow-complementary-price :is(s,span){font-size:var(--complementary-price-compare-size-mobile)}.flow-complementary-details{min-height:var(--complementary-details-height-mobile);border-radius:var(--complementary-details-radius-mobile);font-size:var(--complementary-details-size-mobile)}.flow-complementary-selection input{width:var(--complementary-selection-size-mobile);height:var(--complementary-selection-size-mobile)}.flow-complementary-variant{width:max-content;font-size:var(--complementary-variant-size-mobile)}.flow-complementary-variant[data-width-mobile=full]{width:100%}.flow-complementary-variant select{min-height:var(--complementary-variant-height-mobile);padding-inline:var(--complementary-variant-padding-mobile) calc(var(--complementary-variant-padding-mobile) + 18px);border-radius:var(--complementary-variant-radius-mobile)}.flow-complementary-variant__chevron{right:var(--complementary-variant-padding-mobile)}.flow-complementary-action{align-self:var(--complementary-action-align-mobile);justify-self:var(--complementary-action-align-mobile)}.flow-complementary-action[data-align-mobile=start]{margin-inline:0 auto}.flow-complementary-action[data-align-mobile=center]{margin-inline:auto}.flow-complementary-action[data-align-mobile=end]{margin-inline:auto 0}.flow-complementary-action[data-width-mobile=full]{width:100%}.flow-complementary-action[data-width-mobile=full] :is(button,a){width:100%}.flow-complementary-action :is(button,a){min-height:var(--complementary-action-height-mobile);padding-inline:var(--complementary-action-padding-mobile);border-radius:var(--complementary-action-radius-mobile);font-size:var(--complementary-action-size-mobile)}.flow-complementary-action--underline :is(button,a){min-height:0;padding-inline:0;border-radius:0}}@container complementary-slide (max-width: 359px){.flow-complementary-card .flow-group-block:is([data-layout-desktop=row],[data-layout-mobile=row]){flex-wrap:wrap}.flow-complementary-card .flow-complementary-title{min-width:min(100%,7em)}.flow-complementary-card{display:flex;flex-direction:column}.flow-complementary-card .flow-group-block:is([data-layout-desktop=row],[data-layout-mobile=row]):has(.flow-complementary-media){flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}.flow-complementary-card>.flow-group-block,.flow-complementary-card>.shopify-block>.flow-group-block{flex:1 1 auto}.flow-complementary-card .flow-complementary-action{margin-top:auto}.flow-complementary-card .flow-group-block:is([data-layout-desktop=row],[data-layout-mobile=row]):has(.flow-complementary-media)>:not(.shopify-block),.flow-complementary-card .flow-group-block:is([data-layout-desktop=row],[data-layout-mobile=row]):has(.flow-complementary-media)>.shopify-block>*{width:100%;min-width:0;max-width:none;flex:0 0 auto;margin-inline:0}.flow-complementary-card .flow-complementary-media{width:100%;height:auto;flex-basis:auto;aspect-ratio:var(--complementary-media-ratio-desktop)}.flow-complementary-card .flow-complementary-action :is(button,a){width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere}.flow-complementary-card .flow-complementary-action--underline[data-align-desktop=start] :is(button,a){justify-content:flex-start;text-align:left}.flow-complementary-card .flow-complementary-action--underline[data-align-desktop=end] :is(button,a){justify-content:flex-end;text-align:right}}@media(max-width:749px){@container complementary-slide (max-width: 359px){.flow-complementary-card .flow-complementary-media{aspect-ratio:var(--complementary-media-ratio-mobile)}.flow-complementary-card .flow-complementary-action--underline:is([data-align-desktop],[data-align-mobile]) :is(button,a){justify-content:center;text-align:center}.flow-complementary-card .flow-complementary-action--underline[data-align-mobile=start] :is(button,a){justify-content:flex-start;text-align:left}.flow-complementary-card .flow-complementary-action--underline[data-align-mobile=end] :is(button,a){justify-content:flex-end;text-align:right}}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/flow-complementary.css.map */