.koji-upsell{margin:22px 0 26px}.koji-upsell__eyebrow{margin-bottom:12px}.koji-upsell__card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--ko-line, #E4DED2);background:transparent;transition:border-color .25s ease,background-color .25s ease}@media screen and (min-width:990px){.koji-upsell__card{grid-template-columns:76px 1fr auto;gap:16px;padding:18px 20px}}.koji-upsell__card:hover{border-color:var(--ko-stone, #9A8B72)}.koji-upsell__card.is-added{border-color:var(--ko-ink, #2B2A27);background:var(--ko-bone, #FAF8F3)}.koji-upsell__media{width:64px;height:64px;overflow:hidden;background:var(--ko-cream, #F4F0E7);flex:0 0 auto}@media screen and (min-width:990px){.koji-upsell__media{width:76px;height:76px}}.koji-upsell__media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s ease}.koji-upsell__media img.is-swapping{opacity:0}.koji-upsell__body{min-width:0}.koji-upsell__title{font-family:var(--ko-serif, inherit);font-size:15px;font-weight:400;line-height:1.3;color:var(--ko-ink, #2B2A27);margin:0 0 3px}@media screen and (min-width:990px){.koji-upsell__title{font-size:16.5px}}.koji-upsell__desc{font-size:12.5px;line-height:1.5;color:var(--ko-ink-faint, #8A8377);margin:0 0 9px}.koji-upsell__swatches{display:flex;flex-wrap:wrap;gap:7px}.koji-upsell__swatch{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 7px;border:1px solid var(--ko-line, #E4DED2);background:#fff;cursor:pointer;font-size:11.5px;font-weight:500;letter-spacing:.4px;color:var(--ko-ink-soft, #5C584F);transition:border-color .2s ease,color .2s ease;line-height:1.2}.koji-upsell__swatch:hover:not(:disabled){border-color:var(--ko-stone, #9A8B72)}.koji-upsell__swatch.is-active{border-color:var(--ko-ink, #2B2A27);color:var(--ko-ink, #2B2A27)}.koji-upsell__swatch:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.koji-upsell__dot{width:13px;height:13px;border-radius:50%;background:var(--sw, #ddd);box-shadow:inset 0 0 0 1px #00000024;flex:0 0 auto}.koji-upsell__buy{display:flex;flex-direction:column;align-items:flex-end;gap:9px;white-space:nowrap}.koji-upsell__price{display:flex;align-items:baseline;gap:7px}.koji-upsell__add{position:relative;border:1px solid var(--ko-ink, #2B2A27);background:var(--ko-ink, #2B2A27);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;padding:10px 18px;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease;line-height:1.2}.koji-upsell__add:hover{background:transparent;color:var(--ko-ink, #2B2A27)}.koji-upsell__add[disabled]{opacity:.55;cursor:default}.koji-upsell__add.is-loading .koji-upsell__add-label{opacity:.45}.koji-upsell__add-done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transform:translateY(3px);transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.koji-upsell__add-done svg{width:12px;height:12px}.koji-upsell__add.is-added .koji-upsell__add-label{opacity:0}.koji-upsell__add.is-added .koji-upsell__add-done{opacity:1;transform:translateY(0)}.koji-upsell__price-was{font-size:12px;color:var(--ko-ink-faint, #8A8377);text-decoration:line-through}.koji-upsell__price-now{font-family:var(--ko-serif, inherit);font-size:16px;color:var(--ko-ink, #2B2A27)}@media screen and (max-width:749px){.koji-upsell__card{grid-template-columns:56px 1fr;grid-template-areas:"media body" "buy   buy";row-gap:12px}.koji-upsell__media{grid-area:media;width:56px;height:56px}.koji-upsell__body{grid-area:body}.koji-upsell__buy{grid-area:buy;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--ko-line-soft, #EFEAE0);padding-top:12px}.koji-upsell__add{padding:11px 20px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/koji-upsell.css.map */