.cross-sell-card{position:relative;display:flex;flex-direction:column;min-width:0;container-type:inline-size;font-size:12px;line-height:1.2;color:var(--color-foreground);scroll-snap-align:start}.cross-sell-card__visual{position:relative}.cross-sell-card__media{display:block;overflow:hidden;aspect-ratio:5 / 7}.cross-sell-card__image{display:block;width:100%;height:100%;object-fit:cover}.cross-sell-card__info{display:flex;flex-direction:column;gap:4px;padding-block-start:6px}@container (min-width: 250px){.cross-sell-card__info{flex-direction:row;justify-content:space-between;gap:var(--gap-sm, 8px)}}.cross-sell-card__title{min-width:0;color:inherit;text-decoration:none;overflow-wrap:anywhere}.cross-sell-card__title:hover{text-decoration:underline}.cross-sell-card__price{flex:none;white-space:nowrap}.cross-sell-card__note{margin-block-start:4px;color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.cross-sell-card .custom-swatches-wrapper{margin-block-start:5px}.cross-sell-card .custom-swatches{margin:4px 0 0}@media screen and (max-width:749px){.cross-sell-card__info,.cross-sell-card__note,.cross-sell-card .custom-swatches{padding-inline:8px}}.cross-sell-card__add{position:absolute;inset-block-end:0;inset-inline-end:0;display:grid;place-items:end;box-sizing:border-box;width:44px;height:44px;padding:10px;color:var(--color-foreground);cursor:pointer}.cross-sell-card__add>*{grid-area:1 / 1;transition:opacity var(--animation-speed-fast, .15s) var(--animation-easing, ease)}.cross-sell-card__add svg{width:14px;height:14px}.cross-sell-card__add-done,.cross-sell-card--added .cross-sell-card__add-plus{opacity:0}.cross-sell-card--added .cross-sell-card__add-done{opacity:1}.cross-sell-card__add[aria-busy=true]{opacity:.4;cursor:progress}.cross-sell-card__add:focus-visible{outline:var(--focus-outline-width, 1px) solid currentcolor;outline-offset:-4px}.card-quick-add{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--layer-raised)}.card-quick-add__error{position:absolute;inset-block-end:44px;inset-inline-end:8px;width:max-content;max-width:200px;margin:0;padding:4px 8px;background-color:var(--color-background);color:var(--color-foreground);font-size:12px;line-height:1.2}.cross-sell-card .product-badge{display:none}.cross-sell-picker{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:80vh;margin:0;padding:var(--padding-lg) var(--padding-lg) calc(var(--padding-xl) + env(safe-area-inset-bottom,0px));overflow-y:auto;border:0;background-color:var(--color-background);color:var(--color-foreground);font-size:12px;line-height:1.2;transform:translateY(0);transition:transform var(--animation-speed-medium, .25s) var(--animation-easing, ease)}@starting-style{.cross-sell-picker[open]{transform:translateY(100%)}}.cross-sell-picker::backdrop{background-color:rgb(var(--color-foreground-rgb, 0 0 0) / var(--opacity-20, .2))}@media screen and (min-width:750px){.cross-sell-picker{inset:var(--cross-sell-picker-top, 50%) auto auto var(--cross-sell-picker-left, 50%);width:280px;max-height:none;padding:var(--padding-lg);border:var(--style-border-width, 1px) solid var(--color-border);transform:none;transition:opacity var(--animation-speed-fast, .15s) var(--animation-easing, ease)}@starting-style{.cross-sell-picker[open]{transform:none;opacity:0}}.cross-sell-picker::backdrop{background-color:transparent}}.cross-sell-picker__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-xs)}.cross-sell-picker__title,.cross-sell-picker__price,.cross-sell-picker__label{margin:0}.cross-sell-picker__close{display:grid;flex:none;place-items:center;width:44px;height:44px;margin:-15px -15px 0 0;color:inherit;cursor:pointer}.cross-sell-picker__close svg{width:12px;height:12px}.cross-sell-picker__price{margin-block-start:2px}.cross-sell-picker__label{margin-block:var(--margin-lg) var(--margin-xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.cross-sell-picker__options{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.cross-sell-picker__option{min-width:44px;min-height:44px;padding-inline:var(--padding-sm);border:var(--style-border-width, 1px) solid var(--color-border);color:inherit;font-size:12px;cursor:pointer}.cross-sell-picker__option:hover:not(:disabled),.cross-sell-picker__option[aria-pressed=true]{border-color:var(--color-foreground)}.cross-sell-picker__option:disabled{color:rgb(var(--color-foreground-rgb) / var(--opacity-40));text-decoration:line-through;cursor:not-allowed}.cross-sell-picker__option:focus-visible,.cross-sell-picker__close:focus-visible{outline:var(--focus-outline-width, 1px) solid currentcolor;outline-offset:2px}.cross-sell-picker__add{width:100%;margin-block-start:var(--margin-lg)}.cross-sell-picker__add[aria-busy=true]{opacity:.6;cursor:progress}@media(prefers-reduced-motion:reduce){.cross-sell-card__add>*,.cross-sell-picker{transition:none}}.cross-sell-track{--cross-sell-gap: 12px;display:grid;grid-auto-flow:column;gap:var(--cross-sell-gap);margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block-end:18px;margin-block-end:-18px}.cross-sell-track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.cross-sell-track{scroll-behavior:auto}}.cross-sell-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-xs);min-height:20px;margin-block-end:var(--margin-md)}.cross-sell-head>h2{margin:0}.cross-sell-arrows{display:flex;margin-block:-12px;margin-inline-end:-15px}.cross-sell-arrows[hidden]{display:none}.cross-sell-arrow{display:grid;place-items:center;width:44px;height:44px;color:inherit;cursor:pointer}.cross-sell-arrow svg{width:12px;height:12px}.cross-sell-arrow[data-scroll="-1"] svg{transform:rotate(90deg)}.cross-sell-arrow[data-scroll="1"] svg{transform:rotate(-90deg)}[dir=rtl] .cross-sell-arrow[data-scroll="-1"] svg{transform:rotate(-90deg)}[dir=rtl] .cross-sell-arrow[data-scroll="1"] svg{transform:rotate(90deg)}.cross-sell-arrow:disabled{opacity:.3;cursor:default}.cross-sell-arrow:focus-visible{outline:var(--focus-outline-width, 1px) solid currentcolor;outline-offset:-10px}.worn-with{display:block;min-width:0}.worn-with[hidden]{display:none}.worn-with__heading{font-family:inherit;font-size:13px;font-weight:400;line-height:1.1;letter-spacing:normal;text-transform:none}.worn-with__list,.cart-addons__list{grid-auto-columns:calc((100% - var(--cross-sell-gap)) / 2)}.cross-sell-card--placeholder .cross-sell-card__media{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.cross-sell-card--placeholder .cross-sell-card__info{display:block;min-height:calc(2.4em + 4px)}.cart-addons{display:block;padding-inline-start:3px}.cart-addons__inner{margin-block-start:64px;padding-block-end:var(--padding-xl)}@media screen and (min-width:750px){.cart-addons__inner{margin-block-start:80px}}.cart-addons__heading{font-family:inherit;font-size:12px;font-weight:inherit;line-height:1.2;letter-spacing:inherit;text-transform:none}.cross-sell-error{margin:var(--margin-sm) 0 0;font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/94/assets/cross-sell.css.map */