.ctr-mini{--ctr-mini-page: var(--ctr-c-page);--ctr-mini-text: var(--ctr-c-cream);--ctr-mini-bg-from: var(--ctr-navy-night);--ctr-mini-bg-to: var(--ctr-c-bronze);position:relative;z-index:2;padding:var(--ctr-mini-pt, 28px) var(--ctr-mini-mx, 16px) var(--ctr-mini-pb, 16px);background:var(--ctr-mini-page)}citron-slider{display:block}.ctr-mini__slider{max-width:var(--ctr-mini-maxw, 1440px);margin-inline:auto}.ctr-mini__track{display:grid;touch-action:pan-y}.ctr-mini__slide{grid-area:1 / 1;min-width:0;visibility:hidden;opacity:0;transition:opacity .45s ease,visibility 0s linear .45s}.ctr-mini__slide.is-active{visibility:visible;opacity:1;transition:opacity .45s ease}.ctr-mini [data-ctr-dormant] img{display:none}.ctr-mini__card{position:relative;display:block;aspect-ratio:var(--ctr-mini-ratio-m, 2.6);border-radius:var(--ctr-mini-r, 28px);color:var(--ctr-mini-text);text-decoration:none}@media(min-width:750px){.ctr-mini__card{aspect-ratio:var(--ctr-mini-ratio-d, 4)}}.ctr-mini__card--image{overflow:hidden;background:var(--ctr-c-dark)}.ctr-mini__card--image .ctr-mini__img,.ctr-mini__bg .ctr-mini__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ctr-mini__card--image:focus-visible{outline:2px solid var(--ctr-c-navy);outline-offset:3px}.ctr-mini__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ctr-c-cream);font-size:.8rem}.ctr-mini__card--live{display:grid;grid-template-columns:54% 1fr;align-items:center;isolation:isolate}.ctr-mini__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;background:var(--ctr-glow-royal),linear-gradient(110deg,var(--ctr-mini-bg-from) 0%,var(--ctr-navy) 60%,var(--ctr-mini-bg-to) 120%)}.ctr-mini__text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(4px,1.4vw,12px);min-width:0;padding-inline-start:clamp(18px,5vw,64px)}.ctr-mini__title{margin:0;max-width:100%;font-family:var(--ctr-mini-title-font, var(--ctr-font-display));font-weight:var(--ctr-mini-title-weight, 700);font-size:clamp(1.2rem,5.4vw,3.6rem);overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;line-height:.92;letter-spacing:.01em;text-transform:uppercase;color:var(--ctr-white);background:var(--ctr-grad-silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}.ctr-mini__subtitle{margin:0;color:#ffffffd1;font-family:var(--font-body--family);font-size:clamp(.52rem,2vw,.78rem);font-weight:500;line-height:1.3;letter-spacing:.25em;text-transform:uppercase;opacity:.9}.ctr-mini__cta{display:inline-flex;margin-top:clamp(2px,1vw,8px);border-radius:999px;color:var(--ctr-c-dark);text-decoration:none}.ctr-mini__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.ctr-mini__cta-pill{position:relative;display:inline-flex;align-items:center;height:clamp(30px,8.5vw,46px);padding-inline:clamp(14px,4vw,28px);overflow:hidden;border-radius:999px;background:var(--ctr-white);color:var(--ctr-navy);font-family:var(--font-body--family);font-size:clamp(.56rem,2.2vw,.8rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px #00002e59}.ctr-mini__cta-pill:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .65),transparent);transform:translate(-160%) skew(-18deg);pointer-events:none}@media(hover:hover){.ctr-mini__card--live:hover .ctr-mini__cta-pill:after{transform:translate(320%) skew(-18deg);transition:transform .8s var(--ctr-ease-soft)}}.ctr-mini__cta:focus-visible{outline:none}.ctr-mini__cta:focus-visible:after{outline:2px solid var(--ctr-c-navy);outline-offset:3px}.ctr-mini__product{position:absolute;z-index:1;top:-16%;bottom:4%;right:-2%;width:48%;pointer-events:none}.ctr-mini__product-img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 18px rgb(0 0 0 / .45))}.ctr-mini__product--ph{display:grid;place-items:center;top:8%;bottom:8%;right:4%;width:40%;border:1px dashed rgb(var(--ctr-c-cream-rgb) / .4);border-radius:16px;color:var(--ctr-c-cream);font-size:.7rem;text-align:center}.ctr-mini__dots{display:flex;justify-content:center;margin-top:6px}.ctr-mini__dot{display:grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border:0;background:none;cursor:pointer}.ctr-mini__dot span{display:block;width:6px;height:6px;border-radius:999px;background:rgb(var(--ctr-c-navy-rgb) / .25);transition:width .45s var(--ctr-ease-soft),background-color .45s ease}.ctr-mini__dot[aria-current=true] span{width:22px;background:var(--ctr-c-gold)}.ctr-mini__dot:focus-visible{outline:2px solid var(--ctr-c-navy);outline-offset:0;border-radius:999px}.ctr-confetti{position:absolute;z-index:3;top:0;left:0;right:0;bottom:calc(var(--ctr-confetti-spill, 240px) * -1);display:block;pointer-events:none}.ctr-confetti canvas{display:block;width:100%;height:100%}@media(min-width:990px){.ctr-mini__card--live{grid-template-columns:58% 1fr}.ctr-mini__product{top:-22%;right:3%;width:38%}}@media(prefers-reduced-motion:reduce){.ctr-confetti{display:none}.ctr-mini__slide,.ctr-mini__slide.is-active,.ctr-mini__dot span{transition:none}.ctr-mini__cta-pill:after{display:none}}@media(forced-colors:active){.ctr-mini__title{background:none;-webkit-text-fill-color:currentcolor}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/citron-promo-banner.css.map */