.cart-cross-sell{--cross-sell-image-width: calc((100vw - (2 * var(--page-margin))) / 4);--cross-sell-image-height: calc(var(--cross-sell-image-width) * 90.57 / 85.75);--cross-sell-gap: var(--space-sm);display:none;flex-direction:column;row-gap:var(--space-md);padding-top:20px}.cart-cross-sell__title{font-size:1rem;font-weight:500;line-height:1;letter-spacing:-.015em;text-transform:none}.cart-drawer .cart-cross-sell__list{display:flex;flex-direction:column;row-gap:var(--cross-sell-gap)}.cart-drawer .cart-cross-sell__list--scroll{max-height:calc(2 * var(--cross-sell-image-height) + var(--cross-sell-gap));overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-sm);scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground)) transparent}.cart-drawer .cart-cross-sell .related-product__content{display:flex;flex-direction:row;align-items:center;flex-shrink:0;column-gap:var(--space-lg);width:100%;padding:0;background-color:transparent}.cart-drawer .cart-cross-sell .related-product__image-container{display:block;flex:0 0 var(--cross-sell-image-width);width:var(--cross-sell-image-width);height:var(--cross-sell-image-height);aspect-ratio:auto;background-color:#f8f8f8}.cart-drawer .cart-cross-sell .related-product__image-container img{width:100%;height:100%;padding:5%;aspect-ratio:auto;object-fit:contain;mix-blend-mode:multiply}.cart-drawer .cart-cross-sell .related-product__details{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info button" "select button";align-items:center;align-content:center;gap:var(--space-sm);flex:1;min-width:0}.cart-drawer .cart-cross-sell .related-product__details--title-wrapper{grid-area:info;display:flex;flex-direction:column;row-gap:var(--space-sm)}.cart-cross-sell .related-product__product-title{font-size:1rem;font-weight:500;line-height:1;letter-spacing:-.015em;text-transform:none}.cart-cross-sell .related-product__price .price{font-size:.75rem;font-weight:400;line-height:1.1}.cart-cross-sell .related-product__select-wrapper{grid-area:select;position:relative;width:min(100%,8rem)}.cart-cross-sell .related-product__select{width:100%;padding:.375rem 1.25rem .375rem 0;border:0;border-bottom:var(--button-stroke-width) solid rgb(var(--color-foreground));border-radius:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1rem;line-height:normal;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;cursor:pointer}.cart-cross-sell .related-product__select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.cart-drawer .cart-cross-sell .related-product__content .button.button--secondary,.cart-drawer .cart-cross-sell .related-product__content .button.button--secondary:hover{grid-area:button;display:grid;grid-template-columns:auto 0fr;align-items:center;column-gap:0;height:auto;margin-left:0;padding:var(--space-sm) var(--space-md);border-radius:10rem;overflow:hidden}.cart-drawer .cart-cross-sell .related-product__content .related-product__button-add,.cart-drawer .cart-cross-sell .related-product__content .button:hover .related-product__button-add,.cart-drawer .cart-cross-sell .related-product__content .related-product__button-added{grid-row:1;width:auto;min-width:0;padding-right:0;overflow:hidden}.cart-drawer .cart-cross-sell .related-product__content .related-product__button-add{grid-column:1}.cart-drawer .cart-cross-sell .related-product__content .related-product__button-added{grid-column:2}.cart-drawer .cart-cross-sell .related-product__content .button.button--secondary.added{grid-template-columns:0fr auto;--color-foreground: 160, 160, 160;pointer-events:none}.cart-cross-sell .related-product__button-sold-out{display:none}.cart-drawer .cart-cross-sell .related-product__content .button.button--secondary.sold-out{grid-template-columns:auto;pointer-events:none;opacity:.4}.cart-cross-sell .button.sold-out .related-product__button-add,.cart-cross-sell .button.sold-out .related-product__button-added{display:none}.cart-cross-sell .button.sold-out .related-product__button-sold-out{display:block;white-space:nowrap}.cart-cross-sell .button.loading{opacity:.6;pointer-events:none}@media screen and (min-width:768px){.cart-cross-sell{--cross-sell-image-width: max(12ch, calc((100vw - (2 * var(--page-margin))) / 12 * .9))}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/cart-cross-sell.css.map */
