.cart-drawer__upsell-list.product-grid{gap:10px}.product-upsells{margin-top:20px;margin-bottom:20px}.product-upsells__list{display:grid;gap:8px}.upsell-item{background:var(--upcell-product-background);border:var(--upcell-product-border-width) solid var(--upcell-product-border-color);color:rgb(var(--upcell-product-text-color-rgb));border-radius:24px;padding:10px 12px}.upsell-item__header{display:grid;align-items:center;gap:16px;grid-template-columns:80px 1fr 50px}.upsell-item[data-action-style=button] .upsell-item__header{grid-template-columns:80px 1fr}.upsell-item__media{position:relative;width:80px}.upsell-item__media-image{display:none}.upsell-item__media-image--active{display:block}.upsell-item__media .theme-img{border-radius:16px;overflow:hidden}.upsell-item__content{min-width:0}.upsell-item__title{font-size:20px;font-weight:600;line-height:100%;margin-bottom:4px}.upsell-item__pricing{align-items:center;display:flex;flex-wrap:wrap;row-gap:4px;column-gap:10px}.upsell-item__action-wrapper{display:flex;gap:10px;margin-top:4px}.upsell-item__compare{color:var(--upcell-product-compare-price);font-size:18px;font-weight:500;text-decoration:line-through}.upsell-item__price{font-size:18px;font-weight:500}.upsell-item__badge{background:var(--upcell-product-badge-background);color:var(--upcell-product-badge-text-color);border-radius:10px;display:inline-flex;font-size:14px;font-weight:600;padding:4px 6px}.upsell-item__variants{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;overflow:hidden;pointer-events:none;transition:grid-template-rows .28s ease,margin-top .28s ease,opacity .2s ease}.upsell-item[data-selected=true] .upsell-item__variants,.upsell-item[data-action-style=button] .upsell-item__variants{grid-template-rows:1fr;margin-top:14px;opacity:1;pointer-events:auto}.upsell-item__variants-inner{min-height:0;overflow:hidden}.upsell-item__variants-label{color:#020202bf;display:block;font-size:14px;margin-bottom:8px}.upsell-item__variant-swatches{--product-block-options-swatch-border-radius: 12px}.upsell-item__variant-swatches .product-block-options__inner{gap:8px}.upsell-item__select-wrapper{width:100%;position:relative}.upsell-item__select-wrapper:after{border-bottom:2px solid rgb(var(--upcell-product-text-color-rgb));border-right:2px solid rgb(var(--upcell-product-text-color-rgb));content:"";height:8px;pointer-events:none;position:absolute;right:16px;top:calc(50% - 6px);transform:rotate(45deg);width:8px}.upsell-item__select{-webkit-appearance:none;appearance:none;border:1px solid var(--upcell-product-border-color);border-radius:12px;color:rgb(var(--upcell-product-text-color-rgb));font:inherit;width:100%;padding:2px 40px 2px 14px}.upsell-item__swatch{border:1px solid transparent;padding:0;position:relative;transition:border-color .2s ease,transform .2s ease}.upsell-item__swatch.is-active{border-color:rgb(var(--upcell-product-text-color-rgb))}.upsell-item__swatch:not(:disabled):hover{transform:translateY(-1px)}.upsell-item__swatch:disabled{cursor:not-allowed}.upsell-item__toggle{cursor:pointer;display:inline-flex}.upsell-item__action{padding:9px 14px;align-self:center;white-space:nowrap;font-size:15px;margin:0}.upsell-item__action.is-active{opacity:.85}.upsell-item__checkbox{height:1px;opacity:0;position:absolute;width:1px}.upsell-item__switch{align-items:center;background:var(--upcell-product-switch-background);border-radius:999px;display:inline-flex;height:28px;padding:5px;transition:background-color .2s ease;width:100%}.upsell-item__thumb{background:var(--upcell-product-switch-button);border-radius:50%;box-shadow:0 2px 8px rgb(var(--upcell-product-text-color-rgb),.12);display:block;width:20px;height:20px;transition:transform .2s ease}.upsell-item__checkbox:checked+.upsell-item__switch{background:var(--upcell-product-switch-active-background)}.upsell-item__checkbox:checked+.upsell-item__switch .upsell-item__thumb{transform:translate(20px)}.upsell-item--unavailable{opacity:.6}.upsell-item__checkbox:disabled+.upsell-item__switch{cursor:not-allowed}@media only screen and (max-width:767px){.upsell-item__compare,.upsell-item__price{font-size:18px}.upsell-item__badge{font-size:15px;padding:6px 10px}}@media only screen and (min-width:500px){.upsell-item__content:not(:has(select)){display:flex;align-items:start}.upsell-item__content:not(:has(select)) .upsell-item__content-info{flex:1}}@media only screen and (max-width:500px){.upsell-item__action-wrapper{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-upsell-item.css.map */