.cup{--cup-xanh: 42 101 202;--cup-ink: 19 26 42;display:block;margin:12px 0 4px;flex-shrink:0}.cup__panel{background:rgb(var(--cup-xanh) / .04);border:1px solid rgb(var(--cup-xanh) / .12);border-radius:5px;padding:12px 10px 4px}.cup__head{margin:0 0 8px;font-size:.8125rem;font-weight:700;line-height:1.3;color:rgb(var(--cup-ink))}.cup__head strong{font-weight:700}.cup__bar{height:4px;border-radius:5px;background:rgb(var(--cup-xanh) / .12);overflow:hidden}.cup__fill{display:block;height:100%;border-radius:5px;background:rgb(var(--cup-xanh) / 1);transition:width .4s ease}.cup__fill--done{background:#1e8e5a}.cup__sub{margin:7px 0 0;font-size:.75rem;line-height:1.35;color:rgb(var(--cup-ink) / .6)}.cup__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"label prev next" "view view view";align-items:center;column-gap:2px;padding:0 0 8px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cup__top{padding-bottom:10px;border-bottom:1px solid rgb(var(--cup-xanh) / .1);margin-bottom:6px}.cup__row a,.cup__row button{-webkit-user-select:auto;user-select:auto}.cup__row-label{grid-area:label;margin:0;font-size:.75rem;font-weight:700;line-height:1.25;color:rgb(var(--cup-ink) / .62);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cup__nav{display:grid;place-items:center;width:30px;height:26px;padding:0;border:0;background:transparent;color:rgb(var(--cup-ink) / .5);cursor:pointer;border-radius:5px;transition:color .15s ease,background-color .15s ease}.cup__nav--prev{grid-area:prev}.cup__nav--next{grid-area:next;margin-right:-6px}.cup__nav svg{width:16px;height:16px;display:block}.cup__nav:hover{color:rgb(var(--cup-xanh) / 1);background:rgb(var(--cup-xanh) / .08)}.cup__nav[hidden]{display:none}.cup__viewport{grid-area:view;margin-top:2px;overflow:hidden;background:rgb(var(--color-background-rgb, 255 255 255) / 1);border:1px solid rgb(var(--cup-ink) / .08);border-radius:5px;transition:opacity .11s ease}.cup__row.is-fading .cup__viewport{opacity:0}.cup__slot{display:none;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:7px}.cup__slot.is-on,.cup__row:not(.is-ready) .cup__slot:first-child{display:grid}.cup__media{display:block;width:44px;height:44px;border-radius:5px;overflow:hidden;background:rgb(var(--cup-xanh) / .05)}.cup__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;pointer-events:none}.cup__info{min-width:0;display:grid;gap:2px}.cup__name{font-size:.8125rem;font-weight:700;line-height:1.25;text-decoration:none;color:rgb(var(--cup-ink));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cup__name:hover{text-decoration:underline}.cup__price{display:flex;align-items:baseline;gap:6px;white-space:nowrap;font-size:.8125rem;line-height:1.2;color:rgb(var(--cup-ink))}.cup__price b{font-weight:700}.cup__off[hidden]{display:none}.cup__off{font-size:.75rem;font-weight:700;color:#0b7a55}.cup__opts{grid-area:opts;display:flex;flex-wrap:wrap;gap:5px}.cup__slot:has(>.cup__opts){grid-template-areas:"media info add" "media opts opts";row-gap:6px}.cup__slot:has(>.cup__opts)>.cup__media{grid-area:media;align-self:center}.cup__slot:has(>.cup__opts)>.cup__info{grid-area:info}.cup__slot:has(>.cup__opts)>.cup__add{grid-area:add}.cup__opt{min-width:28px;height:26px;padding:0 8px;border:1px solid rgb(var(--cup-ink) / .16);border-radius:5px;background:#fff;color:rgb(var(--cup-ink) / .8);font:inherit;font-size:.75rem;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.cup__opt[aria-pressed=true]{border-color:rgb(var(--cup-xanh) / 1);background:rgb(var(--cup-xanh) / .08);color:rgb(var(--cup-xanh) / 1);box-shadow:inset 0 0 0 .5px rgb(var(--cup-xanh) / 1)}.cup__row:has(.cup__opts) .cup__slot{min-height:84px}.cup__add{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:34px;min-width:58px;padding:0 10px 0 8px;border:0;border-radius:5px;background:var(--color-primary-button-background, #2a65ca);color:var(--color-primary-button-text, #fff);font:inherit;font-size:.8125rem;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,transform .08s ease,opacity .15s ease}.cup__plus{width:13px;height:13px;flex:none}.cup__add:hover{background:var(--color-primary-button-hover-background, #3872d6)}.cup__add:active{transform:scale(.96)}.cup__add[disabled]{cursor:default}.cup__add.is-busy{opacity:.8}.cup__add.is-busy .cup__plus{display:none}.cup__add.is-busy:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:cup-spin .7s linear infinite}@keyframes cup-spin{to{transform:rotate(360deg)}}.cup--page{margin-top:18px}.cup--page .cup__panel{padding:16px 16px 6px}.cup--page .cup__head{font-size:.9375rem}.cup--page .cup__sub,.cup--page .cup__row-label{font-size:.8125rem}.cup--page .cup__slot{grid-template-columns:52px minmax(0,1fr) auto;column-gap:12px;padding:9px 10px 9px 9px}.cup--page .cup__media{width:52px;height:52px}.cup--page .cup__name,.cup--page .cup__price{font-size:.875rem}@media(prefers-reduced-motion:reduce){.cup__fill,.cup__viewport{transition:none}.cup__add.is-busy:before{animation-duration:2s}}@media screen and (min-width:750px){.cart-page__summary:has(>cart-upsell){display:flex;flex-direction:column}.cart-page__summary:has(>cart-upsell)>.cart-summary{display:block}.cart-page__summary>cart-upsell.cup--page{position:relative;z-index:1;margin:0 var(--padding-5xl, 32px) var(--padding-5xl, 32px)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/cart-upsell.css.map */