.cross-sell{display:block;margin:32px 0}.cross-sell__heading{margin:0 0 15px;font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:normal;text-transform:none;color:var(--color-primary-text)}.cross-sell__track{display:flex;gap:12px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;contain:inline-size}.cross-sell__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.cross-sell__track[data-draggable]{cursor:grab}}.cross-sell__track--dragging,.cross-sell__track--dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}.cross-sell__item{flex:0 0 100%;scroll-snap-align:start}.cross-sell__card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;grid-template-areas:"media body price" "actions actions actions";gap:6px 12px;height:100%;padding:8px 10px 10px;background-color:var(--dark-canvas-secondary);border-radius:6px}.cross-sell__media{grid-area:media;display:block;width:92px}.cross-sell__media img{display:block;width:100%;height:90px;object-fit:cover}.cross-sell__body{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cross-sell__title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.5;color:var(--color-primary-text)}.cross-sell__summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin:0;overflow:hidden;font-size:1.4rem;line-height:1.5;color:var(--color-primary-text)}.cross-sell__body .ss-banner-wrapper--card-min{margin-left:0;margin-top:2px}.cross-sell .cross-sell__link{position:relative;margin-top:auto;margin-bottom:6px;font-size:1.4rem;font-weight:400;line-height:1.5;color:var(--color-primary-text);text-decoration:underline;text-underline-offset:2px}.cross-sell__link:after{content:"";position:absolute;top:-5px;right:-4px;bottom:-5px;left:-4px}.cross-sell .cross-sell__link:focus-visible,.cross-sell__media:focus-visible{outline:2px solid var(--subscription-focus-ring);outline-offset:2px}.cross-sell .cross-sell__link:focus-visible{outline-color:transparent}.cross-sell__link:focus-visible:after{outline:2px solid var(--subscription-focus-ring);outline-offset:0;border-radius:2px}.cross-sell__price{grid-area:price;display:flex;flex-direction:column;align-items:flex-end;margin:0 7px 0 13px;font-size:1.4rem;font-weight:700;line-height:1.5;color:#000}.cross-sell__price-was{font-weight:600;color:#6a6a6a}.cross-sell__actions{grid-area:actions;display:grid;grid-template-columns:minmax(0,190fr) minmax(0,157fr);align-items:center;gap:11px}.cross-sell__plan .plan-select__trigger{justify-content:center;gap:22px;min-height:37px;padding:8px 20px;font-size:1.2rem;font-weight:400;line-height:1.5;background-color:var(--color-primary-background);border-color:transparent;border-radius:25px}.cross-sell__add{min-height:37px;padding:8px 16px;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--color-primary-background);background-color:var(--color-primary-text);border:0;border-radius:25px;cursor:pointer}.cross-sell__add:focus-visible{outline:2px solid var(--subscription-focus-ring);outline-offset:2px}.cross-sell__add:disabled{opacity:.5;cursor:default}.cross-sell__add.loading{opacity:.6;cursor:wait}.cross-sell__dots{display:flex;justify-content:center;margin-top:7px}.cross-sell__dot{display:flex;align-items:center;justify-content:center;height:24px;padding:0 4px;background:none;border:0;cursor:pointer}.cross-sell__dot:before{content:"";width:8px;height:8px;background-color:#cfcfcf;border-radius:50%}.cross-sell__dot[aria-current]:before{background-color:#000}.cross-sell__dot:focus-visible{outline:0}.cross-sell__dot:focus-visible:before{outline:2px solid var(--subscription-focus-ring);outline-offset:2px}@media screen and (max-width:1023px){.cross-sell__dot:before{width:5px;height:5px}.cross-sell__dot[aria-current]:before{width:8px;height:8px}}.cross-sell__error{margin:8px 0 0;font-size:1.2rem;line-height:1.5;color:var(--color-error, #eb001b)}@media screen and (max-width:1023px){.cross-sell__plan .plan-select__trigger,.cross-sell__add{min-height:44px}}@media screen and (max-width:420px){.cross-sell__card{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"media body" "price price" "actions actions"}.cross-sell__media{width:76px}.cross-sell__price{flex-direction:row;justify-content:flex-end;gap:8px;margin:0 7px 0 0}.cross-sell__actions{grid-template-columns:minmax(0,170fr) minmax(0,79fr);gap:8px}.cross-sell__plan .plan-select__trigger{gap:8px;padding:8px 12px}.cross-sell__add{padding:8px 10px}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/component-subscription-cross-sell.css.map */