.campaign-panel{--cp-column-gap: 6rem;--cp-media-width: 26%;--cp-stack-gap: 2.4rem;--cp-band-gap: 2.8rem;--cp-timer-gap: .8rem;--cp-circle-size: 12rem;--cp-circle-size-mobile: 8.4rem;--cp-collection-columns: 5;--cp-collection-column-gap: 2.4rem;--cp-collection-column-gap-mobile: 1.2rem;--cp-collection-row-gap: 2rem;--cp-bleed: 0px}.campaign-panel__inner,.campaign-panel__grid{display:flex;flex-direction:column;gap:var(--cp-stack-gap);min-width:0}.campaign-panel__media{display:flex;flex-direction:column;row-gap:var(--cp-timer-gap);min-width:0}.campaign-panel__visual{position:relative;min-width:0}.campaign-panel__timer{margin-block-start:auto}.campaign-panel__main{display:flex;flex-direction:column;row-gap:var(--cp-band-gap);min-width:0}.campaign-panel__collections{display:flex;align-items:center;flex:1 1 auto;min-width:0}.campaign-panel--collections-top .campaign-panel__collections{align-items:flex-start}.campaign-panel--collections-bottom .campaign-panel__collections{align-items:flex-end}.campaign-panel__band{min-width:0}.campaign-panel__band .text-block{text-transform:uppercase;letter-spacing:.12em}.campaign-panel__band .text-block,.campaign-panel__band .text-block p{white-space:nowrap}.campaign-panel__band .separator__shape{opacity:.6}.cp-collections{display:grid;grid-template-columns:repeat(var(--cp-collection-columns),minmax(0,1fr));gap:var(--cp-collection-row-gap) var(--cp-collection-column-gap);width:100%}.campaign-panel .collection-card--circle-thumbnail .collection-card__image{width:min(100%,var(--cp-circle-size))}.campaign-panel .collection-card--circle-thumbnail:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;width:min(100%,var(--cp-circle-size));aspect-ratio:1;translate:-50% 0;border:1px solid rgb(var(--color-foreground) / 0%);border-radius:var(--cp-circle-radius, 50%);pointer-events:none;transition:border-color .3s var(--animation-easing, ease-in-out),scale .45s var(--animation-easing--smooth, cubic-bezier(.3, 1, .3, 1))}.campaign-panel .collection-card__title{line-height:1.25}@media(hover:hover)and (pointer:fine){.campaign-panel .collection-card--circle-thumbnail:hover:before{border-color:rgb(var(--color-foreground) / 22%);scale:1.07}}.campaign-timer:not(.hidden){display:block}.campaign-timer{position:relative;overflow:hidden;border-radius:var(--cp-timer-radius, 2rem);padding:1.8rem 2rem 2rem}.campaign-timer__kicker{display:inline-flex;align-items:center;gap:.8rem;margin-block-end:1.6rem;font-family:var(--font-body--family);font-size:1.1rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground) / 62%)}.campaign-timer__pulse{flex:0 0 auto;width:.6rem;height:.6rem;border-radius:var(--cp-circle-radius, 50%);background:currentColor;animation:cp-pulse 2.4s ease-in-out infinite}.campaign-timer__units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-timer__unit{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;min-width:0}.campaign-timer__unit+.campaign-timer__unit:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:1px;background:linear-gradient(to bottom,rgb(var(--color-foreground) / 0%),rgb(var(--color-foreground) / 24%) 20% 64%,rgb(var(--color-foreground) / 0%))}.campaign-timer__value{font-family:var(--font-body--family);font-weight:300;font-size:var(--cp-value-size, 3.4rem);line-height:1;letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.campaign-timer__label{font-family:var(--font-body--family);font-size:1.1rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground) / 52%);text-align:center}.campaign-timer__progress{position:absolute;inset-inline:0;inset-block-end:0;height:1px;overflow:hidden;background:rgb(var(--color-foreground) / 14%)}.campaign-timer__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground) / 68%);transform-origin:0 50%;scale:0 1;animation:cp-minute 60s linear infinite;animation-delay:var(--cp-phase, 0s)}[dir=rtl] .campaign-timer__progress:after{transform-origin:100% 50%}@keyframes cp-minute{0%{scale:0 1}to{scale:1 1}}@keyframes cp-pulse{0%,to{opacity:1;scale:1}50%{opacity:.3;scale:.72}}@media(min-width:1024px){.campaign-panel__grid{display:grid;grid-template-columns:minmax(0,var(--cp-media-width)) minmax(0,1fr);column-gap:var(--cp-column-gap);row-gap:0;align-items:stretch}.campaign-panel--divided .campaign-panel__main{position:relative}.campaign-panel--divided .campaign-panel__main:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--cp-column-gap) / -2);width:1px;background:rgb(var(--color-foreground) / 12%)}}@media(min-width:768px)and (max-width:1023.98px){.campaign-panel__media{max-width:56rem}}@media(max-width:1023.98px){.campaign-panel--band-first .campaign-panel__main{display:contents}.campaign-panel--band-first .campaign-panel__band{order:-1}.campaign-panel--band-first .campaign-panel__media{order:0}.campaign-panel--band-first .campaign-panel__collections{order:1}}@media(max-width:767.98px){.campaign-timer{padding:1.6rem 1.6rem 1.8rem}.campaign-timer__kicker{margin-block-end:1.4rem}.campaign-timer__value{font-size:var(--cp-value-size-mobile, var(--cp-value-size, 2.8rem))}.campaign-panel--band-bleed .campaign-panel__band{margin-inline:calc(var(--cp-bleed) * -1)}.campaign-panel--band-bleed .campaign-panel__band .marquee{border-radius:0}.cp-collections{display:flex;gap:var(--cp-collection-column-gap-mobile);width:auto;margin-inline:calc(var(--cp-bleed) * -1);padding-inline:var(--cp-bleed);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cp-collections::-webkit-scrollbar{display:none}.cp-collections>*{flex:0 0 calc(var(--cp-circle-size-mobile) + 1.6rem);scroll-snap-align:center}.campaign-panel .collection-card--circle-thumbnail .collection-card__image,.campaign-panel .collection-card--circle-thumbnail:before{width:min(100%,var(--cp-circle-size-mobile))}}@media(prefers-reduced-motion:reduce){.campaign-timer__progress:after{animation:none;scale:1 1;opacity:.4}.campaign-timer__pulse{animation:none}.campaign-panel .collection-card--circle-thumbnail:before{transition:none}}.campaign-panel__media{position:relative;z-index:2}.campaign-panel--divided .campaign-panel__main:before{z-index:0}
/*# sourceMappingURL=/cdn/shop/t/13/assets/campaign-panel.css.map */