.ctr-show{--ctr-show-page: var(--ctr-c-page);--ctr-show-glow: var(--ctr-sky);--ctr-show-tab-bg: var(--ctr-c-navy);--ctr-show-tab-text: var(--ctr-white);--ctr-show-title-font: var(--ctr-font-display);--ctr-show-ratio: var(--ctr-show-ratio-m, 1.9);--ctr-show-title-max: 2.25rem;--ctr-show-gap: 12px;--ctr-show-col: calc(92cqi - var(--ctr-show-mx, 16px) - var(--ctr-show-gap));--ctr-show-pad: var(--ctr-show-mx, 16px);display:block;container-type:inline-size;overflow-x:clip;padding-block:var(--ctr-show-pt, 24px) var(--ctr-show-pb, 40px);background:var(--ctr-show-page)}.ctr-show__heading:not(.visually-hidden){width:fit-content;max-width:calc(100% - 32px);margin:0 auto 16px;font-family:var(--font-heading--family, var(--font-body--family));font-weight:700;font-size:clamp(1.25rem,5.4vw,1.9rem);line-height:1.15;text-align:center;text-wrap:balance}.ctr-show__tabs{position:relative;display:flex;gap:8px;padding:2px var(--ctr-show-mx, 16px) 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--ctr-show-mx, 16px);scrollbar-width:none}.ctr-show__tabs::-webkit-scrollbar{display:none}.ctr-show__tab:first-child{margin-inline-start:auto}.ctr-show__tab:last-child{margin-inline-end:auto}.ctr-show__tab{flex:none;height:38px;padding:0 18px;border:1px solid rgb(var(--ctr-c-navy-rgb) / .22);border-radius:999px;background:transparent;color:var(--ctr-ink);font-family:var(--font-body--family);font-size:13px;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.ctr-show__tab[aria-selected=true]{border-color:var(--ctr-navy);background:var(--ctr-show-tab-grad, var(--ctr-grad-primary));color:var(--ctr-show-tab-text)}@media(hover:hover){.ctr-show__tab[aria-selected=false]:hover{border-color:rgb(var(--ctr-c-navy-rgb) / .55)}}.ctr-show__tab:focus-visible{outline:2px solid var(--ctr-c-gold);outline-offset:2px}.ctr-show__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--ctr-show-col);gap:var(--ctr-show-gap);padding-inline:var(--ctr-show-pad);scroll-padding-inline:var(--ctr-show-pad);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ctr-show__track::-webkit-scrollbar{display:none}.ctr-show__slide{display:flex;flex-direction:column;min-width:0;padding-top:calc(var(--ctr-show-rise, 22) * 1% / var(--ctr-show-ratio) + 16px);padding-bottom:18px;scroll-snap-align:start;scroll-snap-stop:always}.ctr-show__card{--mx: 0;--my: 0;--mm: 0;position:relative;display:flex;flex:1 0 auto;aspect-ratio:var(--ctr-show-ratio);isolation:isolate;border-radius:var(--ctr-show-r, 40px);color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .7s var(--ctr-ease-soft)}.ctr-show__card:focus-visible{outline:2px solid var(--ctr-c-navy);outline-offset:4px}.ctr-show__card:before{content:"";position:absolute;z-index:-1;right:8%;bottom:-14px;left:8%;height:34px;background:radial-gradient(closest-side,rgb(var(--ctr-c-dark-rgb) / .3),transparent)}.ctr-show__bg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:var(--ctr-show-r, 40px);background:radial-gradient(40% 64% at 72% 60%,color-mix(in srgb,var(--ctr-show-glow) 45%,transparent),transparent 72%),linear-gradient(120deg,var(--ctr-show-from, var(--ctr-navy-night)) 0%,var(--ctr-navy) 60%,var(--ctr-show-to, var(--ctr-royal)) 120%)}.ctr-show__shard{position:absolute;z-index:1;top:-13%;right:-5%;bottom:4%;left:48%;pointer-events:none;transition:transform .7s var(--ctr-ease-soft)}.ctr-show__shard-svg{display:block;width:100%;height:100%;overflow:visible;fill:var(--ctr-show-shard, var(--ctr-ice));transform:rotate(var(--ctr-show-shard-angle, 0deg));filter:drop-shadow(-10px 12px 14px rgb(0 0 0 / .32))}.ctr-show__prod{position:absolute;z-index:2;top:calc(var(--ctr-show-rise, 22) * -1%);right:-8%;bottom:5%;left:47%;pointer-events:none;transition:transform .7s var(--ctr-ease-soft)}.ctr-show__pop{position:relative;width:100%;height:100%}.ctr-show__img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:70% 100%;filter:drop-shadow(0 16px 14px rgb(0 0 0 / .5))}.ctr-show__img--main{top:0;right:0;bottom:0;left:0}.ctr-show__card--pair .ctr-show__img--main{left:20%;width:80%}.ctr-show__img--back{bottom:0;left:0;width:55%;height:70%}.ctr-show__ph{position:absolute;top:18%;right:8%;bottom:6%;left:12%;display:grid;place-items:center;padding:8px;border:1px dashed rgb(var(--ctr-c-cream-rgb) / .45);border-radius:16px;color:var(--ctr-c-cream);font-size:11px;text-align:center}.ctr-show__text{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:47%;min-width:0;padding:12px 0 12px clamp(16px,5cqi,56px);container-type:inline-size;transition:transform .7s var(--ctr-ease-soft)}.ctr-show__chip{display:inline-block;max-width:100%;overflow:hidden;padding:3px 9px;border-radius:999px;background:var(--ctr-grad-primary);color:var(--ctr-white);font-family:var(--font-body--family);font-size:9.5px;font-weight:600;line-height:1.3;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.ctr-show__eyebrow{color:#ffffffb3;font-family:var(--font-body--family);font-size:8px;font-weight:500;line-height:1.35;letter-spacing:.28em;text-transform:uppercase}.ctr-show__title{margin:0;max-width:100%;color:#fff;font-family:var(--ctr-show-title-font);font-weight:700;font-size:clamp(1.25rem,calc(100cqi / (var(--ctr-show-len, 6) * .74)),var(--ctr-show-title-max));line-height:.92;letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.ctr-show__title--gold{color:var(--ctr-c-gold);background:var(--ctr-grad-gold-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ctr-show__features{display:flex;flex-wrap:wrap;gap:4px;margin:1px 0 0;padding:0;list-style:none}.ctr-show__features li{padding:2px 7px;border:1px solid rgb(255 255 255 / .35);border-radius:999px;color:#fff;font-family:var(--font-body--family);font-size:9px;font-weight:500;line-height:1.3;white-space:nowrap}.ctr-show__cta{display:inline-flex;align-items:center;gap:5px;margin-top:1px;color:var(--ctr-white);font-family:var(--font-body--family);font-size:11px;font-weight:600;letter-spacing:.03em}.ctr-show__cta svg{width:13px;height:13px;transition:transform .3s var(--ctr-ease-soft)}@media(hover:hover){.ctr-show__card:hover .ctr-show__cta{text-decoration:underline;text-underline-offset:3px}.ctr-show__card:hover .ctr-show__cta svg{transform:translate(3px)}.ctr-show__card:hover .ctr-show__cta{color:var(--ctr-sky)}}.ctr-show__dots{display:flex;justify-content:center;margin-top:2px}.ctr-show__dot{display:grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border:0;background:none;cursor:pointer}.ctr-show__dot span{display:block;width:7px;height:7px;border-radius:999px;background:rgb(var(--ctr-c-navy-rgb) / .22);transition:width .45s var(--ctr-ease-soft),background-color .45s ease}.ctr-show__dot[aria-current=true] span{width:26px;background:var(--ctr-navy)}.ctr-show__empty{margin:0 16px;padding:24px;border:1px dashed rgb(var(--ctr-c-navy-rgb) / .3);border-radius:16px;text-align:center}.ctr-show__card.is-tilting{transform:perspective(1200px) rotateX(calc(var(--my) * -6deg)) rotateY(calc(var(--mx) * 6deg));transition-duration:.18s;will-change:transform}.ctr-show__card.is-tilting .ctr-show__shard{transform:translate3d(calc(var(--mx) * 5px),calc(var(--my) * 4px),0)}.ctr-show__card.is-tilting .ctr-show__prod{transform:translate3d(calc(var(--mx) * 16px),calc(var(--my) * 12px),0) scale(calc(1 + var(--mm) * .03));will-change:transform}.ctr-show__card.is-tilting .ctr-show__text{transform:translate3d(calc(var(--mx) * 4px),calc(var(--my) * 3px),0)}.ctr-show__card.is-tilting :is(.ctr-show__shard,.ctr-show__prod,.ctr-show__text){transition-duration:.18s}@keyframes ctr-show-pop{0%{opacity:0;transform:translateY(20px) scale(.9)}}@keyframes ctr-show-sweep{0%{opacity:0;translate:40% 0}}@keyframes ctr-show-rise-in{0%{opacity:0;transform:translateY(12px)}}@keyframes ctr-show-bob{50%{translate:0 -4px}}@keyframes ctr-show-float{0%{translate:0 6px}to{translate:0 -6px}}@keyframes ctr-show-drift{0%{translate:3px 0}to{translate:-3px 0}}@media(prefers-reduced-motion:no-preference){.ctr-show.is-ready:not(.is-seen) :is(.ctr-show__pop,.ctr-show__shard-svg,.ctr-show__text>*){opacity:0}.ctr-show.is-seen .ctr-show__slide.is-active .ctr-show__pop{animation:ctr-show-pop .8s var(--ctr-ease-soft) both,ctr-show-bob 6s ease-in-out .8s infinite}.ctr-show.is-seen .ctr-show__slide.is-active .ctr-show__shard-svg{animation:ctr-show-sweep .9s var(--ctr-ease-soft) both}.ctr-show.is-seen .ctr-show__slide.is-active .ctr-show__text>*{animation:ctr-show-rise-in .6s var(--ctr-ease-soft) calc(var(--i, 0) * 80ms + .12s) both}.ctr-show:not(.is-in-view) .ctr-show__pop{animation-play-state:paused}.ctr-show__prod{translate:0 calc(6px - var(--ctr-show-sf, .5) * 12px)}.ctr-show__shard{translate:calc(3px - var(--ctr-show-sf, .5) * 6px) 0}@supports (view-timeline-name: --a){.ctr-show{view-timeline:--ctr-show-view block}.ctr-show__prod{animation:ctr-show-float linear both;animation-timeline:--ctr-show-view}.ctr-show__shard{animation:ctr-show-drift linear both;animation-timeline:--ctr-show-view}}}@media(prefers-reduced-motion:reduce){.ctr-show__card,.ctr-show__slide,.ctr-show__tab,.ctr-show__dot span{transition:none}}@media(min-width:750px){.ctr-show{--ctr-show-ratio: var(--ctr-show-ratio-d, 2.6);--ctr-show-col: calc(90cqi - var(--ctr-show-mx, 16px) - var(--ctr-show-gap));--ctr-show-title-max: 4rem}.ctr-show__tab{height:42px;padding-inline:22px;font-size:14px}.ctr-show__prod{left:49%;right:-5%}.ctr-show__img{object-position:90% 100%}.ctr-show__text{gap:8px;width:48%;padding-block:28px}.ctr-show__chip{padding:5px 13px;font-size:12px}.ctr-show__eyebrow{font-size:11px}.ctr-show__features{gap:6px;margin-top:2px}.ctr-show__features li{padding:5px 12px;font-size:12px}.ctr-show__cta{margin-top:4px;font-size:13px}}@media(min-width:990px){.ctr-show{--ctr-show-gap: 0px;--ctr-show-col: min(70cqi, var(--ctr-show-maxw, 1120px));--ctr-show-pad: calc((100cqi - var(--ctr-show-col)) / 2);--ctr-show-title-max: 4.75rem}.ctr-show__slide{scroll-snap-align:center;transition:transform .6s var(--ctr-ease-soft),opacity .6s ease}.ctr-show__slide:not(.is-active){transform:scale(.85);opacity:.5}.ctr-show__slide:not(.is-active) .ctr-show__card{cursor:pointer}.ctr-show__prod{left:50%;right:-4%}.ctr-show__shard{top:-10%;right:-4%;bottom:6%;left:57%}}@media(forced-colors:active){.ctr-show__title--gold,.ctr-show__heading{background:none;-webkit-text-fill-color:currentcolor}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/citron-showcase.css.map */