modal-opener.cross-sell{display:block;margin-top:var(--cross-sell-margin-top, 12px)!important;margin-bottom:var(--cross-sell-margin-bottom, 12px)!important}.cross-sell__teaser{position:relative;display:flex;align-items:center;gap:1.2rem;width:100%;padding:1rem 1.2rem;background-color:#000;border:.1rem solid rgba(255,255,255,.35);border-radius:var(--media-radius);color:#fff;font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-short) ease}.cross-sell__teaser:hover,.cross-sell__teaser:focus-visible{border-color:#ffffffb3}.cross-sell__teaser-media{flex-shrink:0;width:6.4rem;height:6.4rem;overflow:hidden;border-radius:calc(var(--media-radius) - var(--media-border-width));background-color:#ffffff14}.cross-sell__teaser-media img{display:block;width:100%;height:100%;object-fit:cover}.cross-sell__teaser-info{display:flex;flex-direction:column;gap:.3rem;min-width:0;padding-right:1rem}.cross-sell__teaser-title{color:#fff;font-size:1.4rem;line-height:calc(1 + .4 / var(--font-body-scale))}.cross-sell__teaser-subtitle{color:#ffffffbf;font-size:1.2rem;line-height:calc(1 + .4 / var(--font-body-scale))}.cross-sell-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cross-sell-modal[open]{opacity:1;visibility:visible;z-index:101}.cross-sell-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 3rem);max-width:52rem;max-height:calc(100% - 3rem);overflow-y:auto;padding:2.5rem 2rem 2rem;background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.cross-sell-modal__content{padding:3rem 2.5rem 2.5rem}}.cross-sell-modal__toggle{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:4rem;padding:1.2rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);cursor:pointer;z-index:5}.cross-sell-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.cross-sell-modal__toggle .icon{height:auto;margin:0;width:2.2rem}.cross-sell-modal__title{margin:0 4rem .5rem 0}.cross-sell-modal__subtitle{margin:0 4rem 2rem 0;color:rgba(var(--color-foreground),.75);font-size:1.4rem}.cross-sell-modal__title+.cross-sell-modal__subtitle{margin-top:-.5rem}.cross-sell-modal slider-component{--desktop-margin-left-first-item: 0rem}.cross-sell-modal .slider.slider--tablet,.cross-sell-modal .slider.slider--desktop{margin-bottom:0;scroll-padding-left:0}.cross-sell-modal .slider--tablet:after,.cross-sell-modal .slider--desktop:after{display:none}.cross-sell-modal .slider--desktop .slider__slide:first-child{margin-left:0;scroll-margin-left:0}.cross-sell-modal__list{display:flex;gap:var(--grid-mobile-horizontal-spacing);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.cross-sell-modal__list{gap:var(--grid-desktop-horizontal-spacing)}}.cross-sell-modal__item{flex-shrink:0;width:calc(85% - var(--grid-mobile-horizontal-spacing));scroll-snap-align:start}.cross-sell-modal__item:only-child{width:100%}@media screen and (min-width:750px){.cross-sell-modal__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}.cross-sell-modal__card{display:flex;flex-direction:column;height:100%}.cross-sell-modal__media{overflow:hidden;aspect-ratio:1;margin-bottom:1rem;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);background-color:rgba(var(--color-foreground),.04)}.cross-sell-modal__media img{display:block;width:100%;height:100%;object-fit:cover}.cross-sell-modal__product-title{margin-bottom:.4rem;font-size:1.4rem;line-height:calc(1 + .4 / var(--font-body-scale))}.cross-sell-modal__price{margin-bottom:1rem}.cross-sell-modal__price .price{font-size:1.4rem}.cross-sell-modal__card product-form{display:block;margin-top:auto}.cross-sell-modal__add{min-height:4rem;padding:.8rem}.cross-sell-modal .slider-buttons{margin-top:.5rem}@media screen and (max-width:749px){.cross-sell-modal .slider-buttons{display:none}}.cross-sell-modal__dots{display:none}@media screen and (max-width:749px){.cross-sell-modal__dots{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.2rem}}.cross-sell-modal__dot{position:relative;display:block;width:2rem;height:2rem;padding:0;background:none;border:none;cursor:pointer}.cross-sell-modal__dot:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:.1rem solid rgba(var(--color-foreground),.5);border-radius:50%;transition:transform .2s ease-in-out}.cross-sell-modal__dot:hover:after{border-color:rgb(var(--color-foreground));transform:scale(1.1)}.cross-sell-modal__dot--active:after{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cross-sell-modal__dismiss{display:block;margin:1.6rem auto 0;color:rgba(var(--color-foreground),.75);font-size:1.3rem}.cross-sell-modal__dismiss:hover{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-cross-sell.css.map */