.cross-sell{padding:var(--spacing-s) 0}.cross-sell__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-m)}.cross-sell__title{font-family:var(--font-heading-family);font-size:var(--font-size-m);line-height:1.15;color:var(--color-neutral-1);margin:0;letter-spacing:initial}.cross-sell__nav{margin-inline-end:var(--spacing-m);display:flex;gap:6px}@media(min-width:768px){.cross-sell__nav{margin-inline-end:0}}.cross-sell__nav-button{width:20px;height:20px;padding:5px;display:flex;align-items:center;justify-content:center;background:var(--color-light-grey);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:4px;cursor:pointer;transition:opacity .2s ease}.cross-sell__nav-button:first-child{rotate:180deg}.cross-sell__nav-button:disabled{opacity:.4;cursor:not-allowed}.cross-sell__nav-button svg{width:6px;height:auto}.cross-sell__nav-button--prev svg{transform:rotate(180deg)}.cross-sell__carousel{display:flex;gap:var(--spacing-s);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.cross-sell__carousel::-webkit-scrollbar{display:none}.cross-sell__item{flex:0 0 calc(100% - 80px);scroll-snap-align:start;position:relative}@media screen and (min-width:750px){.cross-sell__item{flex:0 0 calc((100% - var(--spacing-s)) / 2)}}.cross-sell-card{display:flex;gap:var(--spacing-s);position:relative}.cross-sell-card__image{width:86px;flex-shrink:0}.cross-sell-card__image img{width:100%;height:107px;object-fit:cover;border-radius:4px}.cross-sell-card__info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.cross-sell-card__details{display:flex;flex-direction:column;gap:8px}.cross-sell-card__title-price{display:flex;flex-direction:column;gap:4px}.cross-sell-card__title{font-family:var(--font-heading-family);font-size:13px;line-height:1.15;color:var(--color-neutral-1);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:initial}.cross-sell-card__title a{color:var(--color-neutral-1);text-decoration:none}.cross-sell-card__price{font-family:var(--font-body-family);font-size:10px;line-height:16.8px;color:var(--color-neutral-1)}.cross-sell-card__swatches{display:flex;gap:4px;align-items:center;padding-left:2px;overflow:hidden}.cross-sell-card__swatch{width:20px;height:20px;padding:2px;border-radius:360px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background:none}.cross-sell-card__swatch.is-active{border-color:var(--color-neutral-1)}.cross-sell-card__swatch-color{width:100%;height:100%;border-radius:360px}.cross-sell-card__swatches-more{font-family:var(--font-body-family);font-size:10px;line-height:16.8px;color:var(--color-neutral-2);flex-shrink:0}.cross-sell-card__add-button{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body-family);font-size:14px;line-height:19.6px;color:var(--color-brand-1-green);position:relative;width:fit-content}.cross-sell-card__add-button span{position:relative}.cross-sell-card__add-button span:after{content:"";display:block;height:1px;width:100%;position:absolute;bottom:-2px;background-color:var(--color-brand-1-green);transition:width var(--duration-default) ease-in-out}.cross-sell-card__add-button:hover span:after{width:1px}.cross-sell-card__add-button-text{text-transform:lowercase}.cross-sell-card__add-button svg{width:13.5px;height:13.5px}.drawer__inner{position:relative}.cross-sell-quick-add__overlay{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-overlay-background-overlay);z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-in-out,visibility 0s .3s}.cross-sell-quick-add__overlay.is-open{display:block;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease-in-out,visibility 0s}.cross-sell-quick-add{position:absolute;bottom:0;left:0;right:0;background:var(--color-light-grey-no-alpha);border-radius:8px 8px 0 0;padding:16px;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;gap:16px;z-index:11;transform:translateY(100%);transition:transform .3s ease-in-out;max-height:50vh;overflow-y:auto;visibility:hidden}.cross-sell-quick-add.is-open{transform:translateY(0);visibility:visible}.cross-sell-quick-add__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cross-sell-quick-add__colour{font-family:var(--font-body-family);font-size:12px;line-height:16.8px;color:var(--color-neutral-1);flex:1}.cross-sell-quick-add__close{width:24px;height:24px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-neutral-1)}.cross-sell-quick-add__close svg{width:24px;height:24px}.cross-sell-quick-add__close .icon-close{width:16px;height:16px}.cross-sell-quick-add__sizes-container{display:flex;flex-direction:column;gap:16px}.cross-sell-quick-add__sizes-label{font-family:var(--font-body-family);font-size:12px;line-height:16.8px;color:var(--color-neutral-1)}.cross-sell-quick-add__sizes{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.cross-sell-quick-add__size{padding:6px 8px;border-radius:4px;background:transparent;border:none;font-family:var(--font-body-family);font-size:12px;line-height:16.8px;color:var(--color-brand-1-green);cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.cross-sell-quick-add__size:hover{background:var(--color-brand-1-green-light)}.cross-sell-quick-add__size.is-active{background:var(--color-brand-1-green);color:var(--color-neutral-5)}.cross-sell-quick-add__size:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.cross-sell-quick-add__loading,.cross-sell-quick-add__error{font-family:var(--font-body-family);font-size:12px;line-height:16.8px;color:var(--color-neutral-2)}.cross-sell-quick-add__submit{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-brand-1-green);border:none;border-radius:4px;padding:12px 20px;font-family:var(--font-body-family);font-size:14px;line-height:19.6px;color:var(--color-light-grey-no-alpha);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s ease;text-transform:lowercase}.cross-sell-quick-add__submit:disabled{opacity:.6;cursor:not-allowed}.cross-sell-quick-add__submit svg{width:13.5px;height:13.5px}.cross-sell-quick-add__submit .loading__spinner{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/627/assets/cart-cross-sell.css.map */