.j501-offer-bar{padding:0;gap:0;flex-wrap:nowrap;justify-content:flex-start;overflow:hidden}.j501-offer-bar .j501-offer-countdown{flex:0 0 auto;margin-inline:.75rem}.j501-marquee{flex:1 1 auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.j501-marquee-track{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:j501Marquee 80s linear infinite;will-change:transform}.j501-marquee-item{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.7rem;white-space:nowrap;font-size:.9rem;font-weight:600}.j501-marquee-item svg{width:18px;height:18px;flex:0 0 auto;color:#7dd3a8}@keyframes j501Marquee{to{transform:translate(-50%)}}@media(hover:hover)and (pointer:fine){.j501-marquee:hover .j501-marquee-track{animation-play-state:paused}}.j501-btn-primary{position:relative;overflow:hidden;isolation:isolate;transition:transform .14s var(--ease-out),translate .18s var(--ease-out),background-color .18s ease}@media(hover:hover)and (pointer:fine){.j501-btn-primary:hover{translate:0 -2px}}.j501-btn-animated:after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;background:#fff3;transform:skew(-20deg) translate(-260%);opacity:0;pointer-events:none}.j501-btn-animated.is-inview{animation:j501Breath 4.4s ease-in-out infinite}.j501-btn-animated.is-inview:after{animation:j501Shine 4.4s var(--ease-out) infinite}.j501-btn-animated.is-armed{animation:j501Breath 4.4s ease-in-out infinite,j501Armed .8s var(--ease-out) 1}@keyframes j501Breath{0%,62%,to{scale:1}72%{scale:1.018}}@keyframes j501Shine{0%{transform:skew(-20deg) translate(-260%);opacity:1}24%{transform:skew(-20deg) translate(430%);opacity:1}24.1%,to{transform:skew(-20deg) translate(430%);opacity:0}}@keyframes j501Armed{0%{box-shadow:0 0 #0f16226b}to{box-shadow:0 0 0 12px #0f162200}}.j501-cart-count.is-bump{animation:j501Bump .42s var(--ease-out)}@keyframes j501Bump{0%{transform:scale(1)}35%{transform:scale(1.4)}to{transform:scale(1)}}.j501-pack{margin-top:1.6rem}.j501-pack-head{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.8rem}.j501-pack-head-title{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.j501-pack-head-sub{font-size:.88rem;font-weight:600;color:var(--success)}.j501-pack-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.j501-pack-option{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--bg);border-radius:var(--r-lg);overflow:hidden;transition:transform .14s var(--ease-out),translate .2s var(--ease-out)}.j501-pack-option:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--ink);opacity:0;transition:opacity .18s ease-out;pointer-events:none;z-index:2}.j501-pack-option.is-selected:after{opacity:1}.j501-pack-option:active{transform:scale(.985)}@media(hover:hover)and (pointer:fine){.j501-pack-option:hover{translate:0 -3px}}.j501-pack-media{position:relative;aspect-ratio:4 / 3;background:var(--bg-2);overflow:hidden}.j501-pack-media img{width:100%;height:100%;object-fit:cover;transition:scale .5s var(--ease-out)}@media(hover:hover)and (pointer:fine){.j501-pack-option:hover .j501-pack-media img{scale:1.05}}.j501-pack-badge{position:absolute;top:.5rem;left:.5rem;z-index:1;padding:.22rem .6rem;border-radius:var(--r-sm);background:var(--ink);color:#fff;font-size:.75rem;font-weight:700}.j501-pack-badge--3{background:var(--success)}.j501-pack-info{display:flex;flex-direction:column;gap:.12rem;padding:.75rem .85rem .95rem}.j501-pack-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;padding-right:1.6rem}.j501-pack-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .45rem}.j501-pack-amount{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em}.j501-pack-compare{font-size:.82rem;color:var(--ink-mute);text-decoration:line-through}.j501-pack-each{font-size:.82rem;color:var(--ink-soft)}.j501-pack-save{align-self:flex-start;margin-top:.3rem;padding:.16rem .55rem;border-radius:var(--r-sm);background:var(--success-bg);color:#075c37;font-size:.78rem;font-weight:700}.j501-pack-chevron{position:absolute;right:.7rem;top:calc(75% + 1.1rem);width:20px;height:20px;color:var(--ink-mute);transition:transform .25s var(--ease-out);z-index:1}.j501-pack-option[aria-expanded=true] .j501-pack-chevron{transform:rotate(180deg);color:var(--ink)}.j501-pack-detail{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .35s var(--ease-out),visibility 0s linear .35s}.j501-pack-detail.is-open{grid-template-rows:1fr;visibility:visible;transition-delay:0s}.j501-pack-detail-inner{min-height:0;overflow:hidden}.j501-pack-detail-body{padding-top:.95rem}.j501-pack-detail-title{font-weight:700;font-size:.98rem;margin-bottom:.7rem}.j501-pack-rows{display:flex;flex-direction:column;gap:.6rem}.j501-pack-row{display:grid;grid-template-columns:5.2rem 1fr 6.6rem;gap:.5rem;align-items:center;padding:.55rem;border-radius:var(--r-md);background:var(--bg);transition:box-shadow .18s ease}.j501-pack-row[hidden]{display:none}.j501-pack-row.is-invalid{box-shadow:inset 0 0 0 2px var(--danger)}.j501-pack-row-label{display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.92rem}.j501-pack-dot{width:16px;height:16px;flex:0 0 auto;border-radius:50%;background:var(--dot, transparent);box-shadow:inset 0 0 0 1px #0f162240;transition:background-color .2s ease}.j501-pack-select{width:100%;min-height:44px;padding:0 2rem 0 .75rem;border:0;border-radius:var(--r-sm);background:var(--paper) url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23586072%27%20stroke-width=%272.5%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpolyline%20points=%276%209%2012%2015%2018%209%27/%3E%3C/svg%3E) no-repeat right .6rem center / 14px;-webkit-appearance:none;appearance:none;font:inherit;font-weight:600;color:var(--ink);text-overflow:ellipsis}.j501-pack-select:disabled{opacity:.5}.j501-pack-error{display:none;margin-top:.75rem;padding:.7rem .9rem;border-radius:var(--r-md);background:var(--danger-bg);color:var(--danger);font-size:.9rem;font-weight:600}.j501-pack-error.is-visible{display:block}.j501-pack-buy{width:100%;margin-top:.9rem}.j501-pack-foot{margin-top:.65rem;text-align:center;font-size:.85rem;font-weight:600;color:var(--success)}@media(max-width:520px){.j501-pack-row{grid-template-columns:1fr 1fr}.j501-pack-row-label{grid-column:1 / -1}}.j501-sec-packs,.j501-sec-packs-end{background:var(--bg-2)}.j501-pack--showcase{margin-top:0;max-width:940px}.j501-pack--showcase .j501-pack-options{gap:1rem}.j501-pack--showcase .j501-pack-option,.j501-pack--showcase .j501-pack-row{background:var(--paper)}.j501-pack--showcase .j501-pack-select{background-color:var(--bg)}.j501-pack--showcase .j501-pack-info{padding:1rem 1.1rem 1.2rem}.j501-pack--showcase .j501-pack-title{font-size:1.25rem}.j501-pack--showcase .j501-pack-amount{font-size:1.9rem}.j501-pack--showcase .j501-pack-chevron{top:auto;bottom:1.2rem;right:1rem}.j501-pack--showcase .j501-pack-buy{max-width:420px}.j501-pack--showcase .j501-pack-foot{text-align:left;max-width:420px;text-align:center}@media(max-width:560px){.j501-pack--showcase .j501-pack-options{grid-template-columns:1fr}.j501-pack--showcase .j501-pack-media{aspect-ratio:16 / 10}.j501-pack--showcase .j501-pack-chevron{top:auto;bottom:1rem}}.j501-pack--compact .j501-pack-chevron{top:auto;bottom:.75rem}.j501-gallery-item-video video{background-size:cover;background-position:center}@media(prefers-reduced-motion:reduce){.j501-marquee{-webkit-mask-image:none;mask-image:none}.j501-marquee-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.j501-marquee-item[aria-hidden=true]{display:none}.j501-btn-animated.is-inview,.j501-btn-animated.is-inview:after,.j501-btn-animated.is-armed,.j501-cart-count.is-bump{animation:none}.j501-btn-primary:hover,.j501-pack-option:hover{translate:none}.j501-pack-option:hover .j501-pack-media img{scale:1}.j501-pack-detail{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/jean-501-extras.css.map */