.cross-sell-drawer{padding:1.6rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.08);background-color:rgba(var(--color-foreground),.02)}.cross-sell-drawer__heading{font-size:1.2rem;font-weight:600;margin:0 0 1.2rem;color:rgba(var(--color-foreground),.7);text-transform:uppercase;letter-spacing:.05em}.cross-sell-drawer__products{display:flex;flex-direction:column;gap:.8rem}.cross-sell-drawer .cross-sell-card{display:grid;grid-template-columns:64px 1fr auto;gap:1.2rem;align-items:center;padding:1rem;background-color:rgb(var(--color-background));border-radius:.8rem;box-shadow:0 1px 3px #0000000a}.cross-sell-drawer .cross-sell-card__media{display:block;width:64px;height:64px;flex-shrink:0;overflow:hidden;border-radius:.6rem;background-color:rgba(var(--color-foreground),.03)}.cross-sell-card__image{width:100%;height:100%;object-fit:cover}.cross-sell-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cross-sell-card__placeholder svg{width:100%;height:100%;fill:rgba(var(--color-foreground),.1)}.cross-sell-drawer .cross-sell-card__content{min-width:0;display:flex;flex-direction:column;gap:.4rem}.cross-sell-drawer .cross-sell-card__title{font-size:1.3rem;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cross-sell-card__title:hover{text-decoration:underline}.cross-sell-drawer .cross-sell-card__price{font-size:1.2rem;color:rgba(var(--color-foreground),.6);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cross-sell-card__price--sale{color:rgb(var(--color-foreground));font-weight:500}.cross-sell-card__price--compare{font-size:1rem;color:rgba(var(--color-foreground),.5)}.cross-sell-card__action{flex-shrink:0}.cross-sell-card__form{margin:0}.cross-sell-card__button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;font-size:1.1rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;border:.1rem solid transparent;border-radius:var(--buttons-radius, 0);background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.cross-sell-card__button:hover{background-color:rgba(var(--color-button),.85)}.cross-sell-card__button:active{transform:scale(.96)}.cross-sell-drawer .cross-sell-card__button{width:3.6rem;height:3.6rem;padding:0;border-radius:50%;font-size:0}.cross-sell-drawer .cross-sell-card__button:before{content:"+";font-size:2rem;font-weight:300;line-height:1}.cross-sell-drawer .cross-sell-card__button .cross-sell-card__button-text{display:none}.cross-sell-card__button--secondary{background-color:transparent;border-color:rgba(var(--color-button),.5);color:rgb(var(--color-button))}.cross-sell-card__button--secondary:hover{background-color:rgba(var(--color-button),.1);border-color:rgb(var(--color-button))}.cross-sell-drawer .cross-sell-card__button--secondary{width:auto;height:auto;padding:.6rem 1rem;border-radius:2rem;font-size:1.1rem}.cross-sell-drawer .cross-sell-card__button--secondary:before{display:none}.cross-sell-card__button--disabled{background-color:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.4);cursor:not-allowed}.cross-sell-card__button--disabled:hover{background-color:rgba(var(--color-foreground),.08)}.cross-sell-drawer .cross-sell-card__button--disabled{width:auto;padding:.6rem 1rem;border-radius:2rem;font-size:1.1rem}.cross-sell-drawer .cross-sell-card__button--disabled:before{display:none}.cross-sell-drawer .cross-sell-card__button--disabled .cross-sell-card__button-text{display:inline}.cross-sell-card__spinner{width:1.4rem;height:1.4rem;display:none}.cross-sell-card__spinner .spinner{width:100%;height:100%;animation:spinner .6s linear infinite}.cross-sell-card__spinner .path{stroke:currentColor}.cross-sell-card__button.loading .cross-sell-card__button-text{visibility:hidden}.cross-sell-card__button.loading .cross-sell-card__spinner{display:block}.cross-sell-drawer .cross-sell-card__button.loading:before{display:none}@media screen and (max-width:749px){.cross-sell-drawer{padding:1.2rem 1.5rem}.cross-sell-drawer .cross-sell-card{grid-template-columns:56px 1fr auto;gap:1rem;padding:.8rem}.cross-sell-drawer .cross-sell-card__media{width:56px;height:56px}.cross-sell-drawer .cross-sell-card__title{font-size:1.2rem}.cross-sell-drawer .cross-sell-card__price{font-size:1.1rem}.cross-sell-drawer .cross-sell-card__button{width:3.2rem;height:3.2rem}.cross-sell-drawer .cross-sell-card__button:before{font-size:1.8rem}}@keyframes spinner{to{transform:rotate(360deg)}}.cross-sell-section{width:100%}.cross-sell-section .title-wrapper{margin-bottom:2rem}.cross-sell-section__grid{display:grid;gap:1rem}.cross-sell-section__grid--horizontal .cross-sell-card{grid-template-columns:60px 1fr auto}.cross-sell-section__grid--vertical .cross-sell-card{grid-template-columns:60px 1fr auto;max-width:100%}.cross-sell-section .cross-sell-card__media{width:60px;height:60px}.cross-sell-section .cross-sell-card__title{font-size:1.3rem}.cross-sell-section .cross-sell-card__price{font-size:1.2rem}@media screen and (max-width:749px){.cross-sell-section .cross-sell-card__media{width:50px;height:50px}.cross-sell-section .cross-sell-card__title{font-size:1.2rem}.cross-sell-section .cross-sell-card__price{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-cross-sell-drawer.css.map */