.rf-cq{container-type:inline-size;container-name:refillbar}.refill-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"thumb text actions" "thumb toggle actions";align-items:center;column-gap:14px;row-gap:9px;border:1px solid #dcdde0;border-radius:4px;padding:12px 14px;margin-top:var(--rf-space-top, 14px);margin-bottom:var(--rf-space-bottom, 14px)}.rf-thumb{grid-area:thumb;align-self:center;width:64px;height:64px;border-radius:4px;background:#f6f6f6;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.rf-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rf-text{grid-area:text;min-width:0}.rf-text__title{font-family:Gothic A1,sans-serif;font-size:var(--rf-title-size, 13.5px);line-height:1.4}.rf-text__title strong{font-weight:700}.rf-text__title span{color:#6e6f73}.rf-text__sub{font-family:Gothic A1,sans-serif;font-size:var(--rf-sub-size, 11.5px);line-height:1.4;color:#6e6f73;margin-top:2px}.rf-toggle{grid-area:toggle;min-width:0}.rf-actions{grid-area:actions;display:flex;align-items:center;gap:12px}.rf-tog{display:inline-flex;border:1px solid #dcdde0;border-radius:999px;overflow:hidden}.rf-seg{cursor:pointer;border:0;background:#fff;font-family:Gothic A1,sans-serif;font-size:var(--rf-seg-size, 11.5px);font-weight:600;padding:5px 12px;color:#6e6f73;display:inline-flex;align-items:center;line-height:1;white-space:nowrap;transition:background .15s,color .15s}.rf-seg.hon{background:#f4ffdd;color:#1d1d1d}.rf-seg .rf-ck{display:inline-block;width:12px;height:12px;margin-right:4px;visibility:hidden;flex:none}.rf-seg.hon .rf-ck{visibility:visible}.rf-step{display:inline-flex;align-items:center;border:1px solid #dcdde0;border-radius:4px;overflow:hidden;flex:none}.rf-step button{cursor:pointer;border:0;background:#fff;width:30px;height:34px;font-size:16px;line-height:1;color:#1d1d1d;display:flex;align-items:center;justify-content:center;font-family:Gothic A1,sans-serif;transition:background .15s}.rf-step button:hover{background:#f6f6f6}.rf-step .rf-qty{min-width:28px;height:34px;text-align:center;font-family:Gothic A1,sans-serif;font-weight:600;font-size:13px;border-left:1px solid #dcdde0;border-right:1px solid #dcdde0;display:flex;align-items:center;justify-content:center}.rf-add{cursor:pointer;background:#fff;border:1.5px solid #1d1d1d;color:#1d1d1d;border-radius:4px;font-family:Gothic A1,sans-serif;font-weight:700;font-size:12.5px;padding:9px 16px;transition:background .15s,transform .08s;white-space:nowrap;flex:none}.rf-add:hover{background:#f6f6f6}.rf-add:active{transform:scale(.98)}@container refillbar (max-width: 470px){.refill-bar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"thumb text" "toggle toggle" "actions actions";row-gap:12px}.rf-actions{justify-content:space-between}}@container refillbar (max-width: 300px){.refill-bar{grid-template-columns:minmax(0,1fr);grid-template-areas:"thumb" "text" "toggle" "actions";justify-items:start}.rf-tog{width:100%}.rf-seg{flex:1 1 0;justify-content:center}}@supports not (container-type: inline-size){@media(max-width:989px){.refill-bar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"thumb text" "toggle toggle" "actions actions";row-gap:12px}.rf-actions{justify-content:space-between}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/td-product-refill-upsell.css.map */
