@layer component{.carousel{cursor:pointer;width:100%;height:100%;transition:opacity var(--transition-lazy);opacity:0;display:flex;position:relative;overflow:hidden}.carousel.visible{opacity:1}.carousel.empty{background-color:var(--fill-quaternary)}.carousel>.carouselTrack{height:100%;display:flex;position:relative;overflow:hidden}.carousel.fade>.carouselTrack{width:100%}.carousel.slide>.carouselTrack{width:100%;height:100%;overflow:visible}.carousel.slide.horizontal>.carouselTrack{flex-direction:row}.carousel.slide.vertical>.carouselTrack{flex-direction:column}.carousel.snap>.carouselTrack{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;overflow:auto hidden}.carousel.snap>.carouselTrack::-webkit-scrollbar{display:none}.carousel.infinite>.carouselTrack{will-change:opacity,transform;flex-shrink:0;width:max-content;overflow:visible}.carousel.infinite.horizontal>.carouselTrack{flex-direction:row}.carousel.infinite.vertical>.carouselTrack{flex-direction:column;width:100%;height:max-content}.carousel.ticker>.carouselTrack{will-change:opacity,transform;flex-wrap:nowrap;flex-shrink:0;width:max-content;height:fit-content;display:flex;overflow:visible}.carousel .carouselSlide{overflow:hidden}.carousel.fade .carouselSlide{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.carousel.fade .carouselSlide.active{opacity:1;pointer-events:auto}.carousel.slide .carouselSlide{pointer-events:auto;min-width:100%;max-width:100%;transition:transform var(--time-slow)var(--cubic-bezier-ease-out-back);flex-shrink:0;display:block;transform:translate(0)}.carousel.slide>.carouselTrack.leaning[data-lean=next] .carouselSlide{transform:translateX(calc(var(--gap-sm)*-1))}.carousel.slide>.carouselTrack.leaning[data-lean=prev] .carouselSlide{transform:translateX(var(--gap-sm))}@media (prefers-reduced-motion:reduce){.carousel.slide .carouselSlide{transition:none}}.carousel.slide.horizontal .carouselSlide{height:100%}.carousel.slide.vertical .carouselSlide{width:100%;height:100%}.carousel.snap .carouselSlide{scroll-snap-align:start;flex:0 0 100%}.carousel.infinite .carouselSlide{pointer-events:auto;flex:none;display:block}.carousel.infinite.horizontal .carouselSlide{width:fit-content}.carousel.infinite.vertical .carouselSlide{width:100%;height:fit-content}.carousel .carouselSlide img,.carousel.single>img,.carousel .carouselSlide video{object-fit:cover;object-position:center;width:100%;height:100%;filter:var(--filter-img);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.carousel.fitContain .carouselSlide img,.carousel.fitContain.single>img,.carousel.fitContain .carouselSlide video{object-fit:contain;filter:none}.carousel.hero .carouselSlide img,.carousel.hero.single>img{filter:brightness(.65)}.carousel.poster,.carousel.poster .carouselSlide{height:100%}.carousel.infinite .carouselSlide>img,.carousel.ticker .carouselSlide>img{width:auto}.carousel.ticker{cursor:default;height:fit-content;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.carousel.ticker.noMask{-webkit-mask-image:none;mask-image:none}.carousel.ticker.clickable{cursor:pointer}.carousel.ticker .tickerTrack{flex-shrink:0;align-items:center;display:flex}.carousel.ticker .tickerItem{padding-left:var(--gutter);padding-right:var(--gutter);text-rendering:geometricPrecision;font-family:var(--font-primary);break-inside:avoid;white-space:nowrap;font-style:normal;text-decoration:none;display:inline-block;position:relative}.carousel.ticker .tickerSep{flex-shrink:0}.carousel.ticker .tickerSepText{position:relative}.carousel.ticker .tickerSepShape{width:var(--tickerSepSize);height:calc(var(--tickerSepSize)/2);background-color:var(--text-primary)}.carousel.ticker .tickerSepShape.dome{border-radius:var(--tickerSepSize)var(--tickerSepSize)0 0;margin:-.01em 0 0}.carousel.ticker .tickerSepShape.bowl{border-radius:0 0 var(--tickerSepSize)var(--tickerSepSize);margin:auto 0 .35em}.carousel.ticker .tickerSepImage{align-items:center;display:flex}.carousel.ticker .tickerSepImage img{width:auto;height:clamp(1.5rem,3vw,2.5rem);display:block}.carousel>.dotRow{bottom:var(--gap-md);z-index:10;position:absolute;left:50%;transform:translate(-50%)}.carousel.infinite>.dotRow,.carousel.ticker>.dotRow{display:none}.carousel .carouselArrow{z-index:10;background-color:color-mix(in oklch,var(--black)var(--alpha-tertiary-i),transparent);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));position:absolute;top:50%;transform:translateY(-50%)}.carousel .carouselArrow:hover{transform:translateY(-50%)scale(.985)}.carousel .carouselArrow:active{transform:translateY(-50%)scale(.95)}.carousel .carouselArrow.prev{left:var(--gap-md)}.carousel .carouselArrow.next{right:var(--gap-md)}.carousel.infinite .carouselArrow,.carousel.ticker .carouselArrow{display:none}@media (hover:hover) and (pointer:fine){.carousel .carouselArrow:hover{background-color:color-mix(in oklch,var(--black)var(--alpha-quaternary-i),transparent)}}.carousel .carouselControls{bottom:var(--gap-md);right:var(--gap-md);z-index:10;gap:var(--gap-2xs);display:flex;position:absolute}.carousel .carouselCtl{background-color:color-mix(in oklch,var(--black)var(--alpha-tertiary-i),transparent);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}@media (hover:hover) and (pointer:fine){.carousel .carouselCtl:hover{background-color:color-mix(in oklch,var(--black)var(--alpha-quaternary-i),transparent)}}.carousel .carouselCount{bottom:var(--gap-md);left:var(--gap-md);z-index:10;position:absolute}.carousel .fillWidth{background-color:var(--fill-secondary);z-index:10;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.carousel .carouselProgressBar{background-color:var(--text-primary);width:0%;height:100%;animation:linear forwards fillWidth}.carousel.infinite .carouselProgressBar,.carousel.ticker .carouselProgressBar{animation-name:fillWidth;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite}.imageLoading{background:linear-gradient(90deg,var(--surface-secondary)25%,color-mix(in oklch,var(--surface-secondary)70%,#fff)50%,var(--surface-secondary)75%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@media (min-width:768px){.carousel.ticker .tickerItem{padding-left:var(--gap-3xl);padding-right:var(--gap-3xl)}.carousel.ticker .tickerSepShape{--tickerSepSize:clamp(2rem,4vw,3.5rem)}}@media (prefers-reduced-motion:reduce){.carousel.ticker>.carouselTrack{animation:none}.carousel.ticker{overflow:visible;-webkit-mask-image:none;mask-image:none}.carousel.ticker .tickerTrack:nth-child(2){display:none}}.dotRow{pointer-events:auto;flex-direction:row;align-items:center;gap:.5px;width:fit-content;height:fit-content;display:flex;position:relative}.dotRow .dot{background-color:var(--text-primary-i);opacity:.35;cursor:default;width:6px;height:6px;transition:var(--transition-slow);border:none;border-radius:6px;flex:none;padding:0;display:inline-flex;position:relative}.dotRow .dot.active{opacity:1}.dotRow button.dot{cursor:pointer}.dotRow--bare{gap:var(--border-sm)}.dotRow.dotRow--bare .dot{width:6px;height:6px}.dotRow.dotRow--bare .dot.active{width:12px;height:6px}.dotRow--lg.dotRow--bare .dot{width:8px;height:8px}.dotRow--lg.dotRow--bare .dot.active{width:18px;height:8px}.dotRow--pill{color:var(--text-primary-i);background-color:color-mix(in oklch,var(--black)var(--alpha-primary-i),transparent);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-full);transition:background-color var(--transition-base),color var(--transition-base)}.dotRow--pill.dotRow--xs{height:fit-content;padding:calc(var(--gap-sm)/2);gap:var(--border-sm)}.dotRow--pill.dotRow--xs .dot.active{width:14px}.dotRow--pill.dotRow--sm{height:fit-content;padding:var(--gap-2xs);gap:var(--border-md)}.dotRow--pill.dotRow--sm .dot{width:var(--icon-xs-fill);height:var(--icon-xs-fill);border-radius:var(--icon-xs-fill)}.dotRow--pill.dotRow--sm .dot.active{width:calc(var(--icon-xs-fill)*2.5)}.dotRow.dotRow--tapTargets{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;gap:0;padding:0}.dotRow.dotRow--tapTargets.dotRow--pill.dotRow--xs .dot,.dotRow.dotRow--tapTargets.dotRow--pill.dotRow--xs .dot.active{width:var(--tap-min);min-width:var(--tap-min);height:var(--tap-min);opacity:1;background:0 0;border-radius:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.dotRow.dotRow--tapTargets .dot:before{content:"";border-radius:var(--radius-full);background:var(--text-primary-i);opacity:.35;width:6px;height:6px;transition:var(--transition-slow);display:block}.dotRow.dotRow--tapTargets .dot.active:before{opacity:1;width:14px}@media (hover:hover) and (pointer:fine){.dotRow button.dot:hover:not(.active){opacity:.75}}}
