.offer-carousel{--oc-ink:#121212;--oc-ink55:rgba(18,18,18,.55);--oc-ink72:rgba(18,18,18,.72);--oc-line:rgba(18,18,18,.14);--oc-line2:rgba(18,18,18,.22);--oc-wash:#f6f5f2;--oc-lime:#CADB2A;margin:24px 0 20px;font-family:inherit;color:var(--oc-ink)}.offer-carousel *{box-sizing:border-box;margin:0;padding:0}.offer-carousel .oc-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:12px}.offer-carousel .oc-lbl{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--oc-ink55);font-weight:700}.offer-carousel .oc-hint{font-size:10.5px;letter-spacing:.3px;color:var(--oc-ink55)}.offer-carousel .oc-hint b{color:var(--oc-ink);font-weight:700}.offer-carousel .oc-viewport{position:relative;padding:0 34px}.offer-carousel .oc-frame{overflow:hidden}.offer-carousel .oc-track{display:flex;transition:transform .42s cubic-bezier(.22,.61,.36,1);touch-action:pan-y}.offer-carousel .oc-slide{flex:0 0 100%;min-width:100%;padding:9px 9px 13px}.offer-carousel .oc-coupon{position:relative;display:flex;align-items:stretch;min-height:68px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 9px #1212121f}.offer-carousel .oc-amt{position:relative;flex:0 0 100px;width:100px;background:var(--oc-ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 6px;border-radius:14px 0 0 14px}.offer-carousel .oc-amt:before,.offer-carousel .oc-amt:after{content:"";position:absolute;right:-8px;width:16px;height:16px;border-radius:50%;background:#fff}.offer-carousel .oc-amt:before{top:-8px}.offer-carousel .oc-amt:after{bottom:-8px}.offer-carousel .oc-ra{font-size:20px;font-weight:800;letter-spacing:.4px;line-height:1;white-space:nowrap}.offer-carousel .oc-rb{font-size:8.5px;font-weight:700;letter-spacing:1.5px;opacity:.9;line-height:1;white-space:nowrap}.offer-carousel .oc-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:10px 16px}.offer-carousel .oc-chip{flex:0 0 auto;width:100%;max-width:264px;height:34px;display:flex;align-items:stretch;border:1px solid var(--oc-ink);border-radius:8px;background:#fff;cursor:pointer;overflow:hidden;font-family:inherit;padding:0;transition:.15s}.offer-carousel .oc-chip:hover{background:var(--oc-wash)}.offer-carousel .oc-cc{flex:0 0 61.8%;min-width:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:.9px;color:var(--oc-ink);padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-carousel .oc-ci{flex:0 0 38.2%;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;border-left:1px solid var(--oc-ink);color:var(--oc-ink)}.offer-carousel .oc-ci svg{width:12px;height:12px}.offer-carousel .oc-ct{font-size:9px;font-weight:700;letter-spacing:.6px}.offer-carousel .oc-chip.oc-copied .oc-ci{background:var(--oc-ink);color:var(--oc-lime)}.offer-carousel .oc-cond{flex:0 0 auto;width:100%;max-width:264px;min-width:0;font-size:11.5px;color:var(--oc-ink55);line-height:1.32;text-align:center}.offer-carousel .oc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--oc-line2);border-radius:50%;cursor:pointer;color:var(--oc-ink);box-shadow:0 2px 6px #1212121a;transition:.15s;padding:0}.offer-carousel .oc-arrow:hover{background:var(--oc-ink);color:#fff;border-color:var(--oc-ink)}.offer-carousel .oc-arrow:disabled{opacity:.26;cursor:default;box-shadow:none}.offer-carousel .oc-arrow.prev{left:2px}.offer-carousel .oc-arrow.next{right:2px}.offer-carousel .oc-arrow svg{width:14px;height:14px}.offer-carousel .oc-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}.offer-carousel .oc-dots b{width:6px;height:6px;border-radius:50%;background:var(--oc-line2);cursor:pointer;transition:.2s;display:inline-block}.offer-carousel .oc-dots b.on{width:18px;border-radius:4px;background:var(--oc-ink)}@media screen and (max-width:749px){.offer-carousel .oc-viewport{padding:0 26px}.offer-carousel .oc-arrow{width:26px;height:26px}.offer-carousel .oc-amt{flex:0 0 96px;width:96px}.offer-carousel .oc-body{padding:10px 14px}.offer-carousel .oc-cond{width:100%;font-size:9.5px;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/offer-carousel.css.map */