.cup{--cup-xanh: 42 101 202;display:block;margin:14px 0 2px;flex-shrink:0}.cup__panel{background:rgb(var(--cup-xanh) / .045);border:1px solid rgb(var(--cup-xanh) / .16);border-radius:5px;padding:12px}.cup__top{margin-bottom:11px}.cup__tag{display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:.45;margin-bottom:3px}.cup__head{margin:0 0 7px;font-size:.875rem;font-weight:600;line-height:1.3}.cup__head strong{font-weight:700}.cup__bar{height:5px;border-radius:999px;background:rgb(var(--cup-xanh) / .14);overflow:hidden}.cup__fill{display:block;height:100%;border-radius:999px;background:rgb(var(--cup-xanh) / 1);transition:width .4s ease}.cup__fill--done{background:#0e9f6e}.cup__sub{margin:8px 0 0;font-size:.75rem;line-height:1.35;opacity:.62}.cup__row-label{margin:12px 0 5px;font-size:.75rem;font-weight:700;line-height:1.25}.cup__row{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:2px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cup__row a,.cup__row button{-webkit-user-select:auto;user-select:auto}.cup__nav{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:inherit;opacity:.4;cursor:pointer;border-radius:5px;transition:opacity .15s ease,background-color .15s ease}.cup__nav svg{width:15px;height:15px;display:block}.cup__nav:hover{opacity:1;color:rgb(var(--cup-xanh) / 1);background:rgb(var(--cup-xanh) / .1)}.cup__nav[hidden]{display:none}.cup__viewport{overflow:hidden;background:rgb(var(--color-background-rgb, 255 255 255) / 1);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:10px;padding:8px 0 8px 8px}.cup__slot.is-on,.cup__row:not(.is-ready) .cup__slot:first-child{display:grid}.cup__media{display:block;width:44px;aspect-ratio:1;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;user-drag:none;pointer-events:none}.cup__info{min-width:0;display:grid;gap:1px}.cup__name{font-size:.8125rem;font-weight:600;line-height:1.25;text-decoration:none;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cup__name:hover{text-decoration:underline}.cup__line{font-size:.75rem;line-height:1.3;opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cup__add{align-self:stretch;margin-block:-8px;min-width:66px;padding:5px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:0;border-radius:0 5px 5px 0;background:var(--color-primary-button-background, #2a65ca);color:var(--color-primary-button-text, #fff);font-family:inherit;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,transform .08s ease}.cup__add-txt{font-size:.6875rem;font-weight:600;line-height:1.1;opacity:.9}.cup__add-price{font-size:.8125rem;font-weight:700;line-height:1.1}.cup__add-off{font-size:.625rem;font-weight:600;line-height:1.1;padding:2px 5px;border-radius:3px;background:#ffffff38}.cup__add:hover{background:var(--color-primary-button-hover-background, #3872d6)}.cup__add:active{transform:scale(.97)}.cup__add[disabled]{opacity:.55;cursor:default}.cup--page{margin-top:18px}.cup--page .cup__panel{padding:16px;border-radius:5px}.cup--page .cup__head{font-size:1rem}.cup--page .cup__sub{font-size:.8125rem}.cup--page .cup__row-label{font-size:.8125rem;margin-top:14px}.cup--page .cup__row{grid-template-columns:26px minmax(0,1fr) 26px}.cup--page .cup__nav{width:26px;height:26px}.cup--page .cup__nav svg{width:17px;height:17px}.cup--page .cup__slot{grid-template-columns:52px minmax(0,1fr) auto;column-gap:12px;padding:10px 0 10px 10px}.cup--page .cup__add{margin-block:-10px;min-width:74px}.cup--page .cup__add-price{font-size:.875rem}.cup--page .cup__media{width:52px}.cup--page .cup__name{font-size:.875rem}@media screen and (max-width:480px){.cup{margin:12px 0 2px}.cup__panel,.cup--page .cup__panel{padding:11px;border-radius:5px}.cup__head,.cup--page .cup__head{font-size:.8125rem}.cup__sub,.cup--page .cup__sub{font-size:.75rem;margin-top:7px}.cup__row-label,.cup--page .cup__row-label{font-size:.75rem;margin-top:10px}.cup__row,.cup--page .cup__row{grid-template-columns:20px minmax(0,1fr) 20px}.cup__nav,.cup--page .cup__nav{width:20px;height:20px}.cup__slot,.cup--page .cup__slot{grid-template-columns:40px minmax(0,1fr) auto;column-gap:9px;padding:7px 0 7px 7px}.cup__add{margin-block:-7px}.cup__media,.cup--page .cup__media{width:40px}.cup__name,.cup--page .cup__name{font-size:.75rem}.cup__add{min-width:60px;padding:5px 8px}.cup__name{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.cup__fill,.cup__viewport{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cart-upsell.css.map */