@keyframes tip-carousel-deal{0%{transform:translate(var(--tip-carousel-deck-deal-from-inline)) translateY(var(--tip-carousel-deck-deal-from-block)) rotate(var(--tip-carousel-deck-deal-from-rotate)) scale(var(--tip-carousel-deck-deal-from-scale));opacity:0}}@keyframes tip-carousel-deck-exit{to{transform:translate(calc(var(--tip-carousel-deck-exit-travel) * var(--tip-carousel-deck-exit-direction))) translateY(var(--tip-carousel-deck-exit-lift)) rotate(calc(var(--tip-carousel-deck-exit-rotate) * var(--tip-carousel-deck-exit-direction)));opacity:0}}.tip-focus-ring:focus-visible:not(#\#):not(#\#){outline:var(--tip-space-0_5) solid var(--tip-color-semantic-focus-ring);outline-offset:var(--tip-space-0_5)}.tip-focus-ring-peer:focus-visible:not(#\#):not(#\#)+*{outline:var(--tip-space-0_5) solid var(--tip-color-semantic-focus-ring);outline-offset:var(--tip-space-0_5)}@supports not selector(:focus-visible){.tip-focus-ring:focus:not(#\#):not(#\#),.tip-focus-ring-peer:focus:not(#\#):not(#\#)+*{outline:var(--tip-space-0_5) solid var(--tip-color-semantic-focus-ring);outline-offset:var(--tip-space-0_5)}}.tip-sr-only:not(#\#):not(#\#){-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tip-carousel:not(#\#):not(#\#){--tip-carousel-fade-color:var(--tip-color-semantic-surface);--tip-carousel-fade-end:to left;--tip-carousel-fade-start:to right;--tip-carousel-gutter:var(--tip-space-0);--tip-carousel-offset-after:var(--tip-space-0);--tip-carousel-offset-before:var(--tip-space-0);box-sizing:border-box;grid-gap:var(--tip-space-4);gap:var(--tip-space-4);min-width:0;max-width:100%;font-family:var(--tip-font-body);grid-template-columns:1fr;display:grid;position:relative}.tip-carousel[data-arrows]:not(#\#):not(#\#){--tip-carousel-gutter:calc(var(--tip-interaction-target-enhanced) + var(--tip-space-4));grid-template-columns:auto minmax(0,1fr) auto}.tip-carousel[data-arrows]:not(#\#):not(#\#) .tip-carousel-viewport{grid-area:1/2}.tip-carousel[data-arrows]:not(#\#):not(#\#) .tip-carousel-controls{grid-column:1/-1}.tip-carousel[data-gap=none]:not(#\#):not(#\#){--tip-carousel-gap:var(--tip-space-0)}.tip-carousel[data-gap=sm]:not(#\#):not(#\#){--tip-carousel-gap:var(--tip-space-2)}.tip-carousel[data-gap=md]:not(#\#):not(#\#){--tip-carousel-gap:var(--tip-space-4)}.tip-carousel[data-gap=lg]:not(#\#):not(#\#){--tip-carousel-gap:var(--tip-space-6)}.tip-carousel-viewport:not(#\#):not(#\#){--tip-carousel-bleed:var(--tip-space-0);box-sizing:border-box;gap:var(--tip-carousel-gap);min-width:0;max-width:100%;margin-top:calc(-1 * var(--tip-carousel-bleed));margin-bottom:calc(-1 * var(--tip-carousel-bleed));padding-top:var(--tip-carousel-bleed);padding-bottom:var(--tip-carousel-bleed);padding-bottom:calc(var(--tip-space-1) + var(--tip-carousel-bleed));padding-left:var(--tip-carousel-offset-before);padding-right:var(--tip-carousel-offset-after);scroll-padding-inline:var(--tip-carousel-offset-before) var(--tip-carousel-offset-after);overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto;overflow-y:hidden}.tip-carousel-viewport[data-drag]:not(#\#):not(#\#){cursor:-webkit-grab;cursor:grab}.tip-carousel[data-dragging]:not(#\#):not(#\#) .tip-carousel-viewport[data-drag]{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-behavior:auto;scroll-snap-type:none}.tip-carousel-viewport:not(#\#):not(#\#)::-webkit-scrollbar{display:none}.tip-carousel-viewport[data-instant]:not(#\#):not(#\#){scroll-behavior:auto;scroll-snap-type:none}.tip-carousel-track:not(#\#):not(#\#){display:contents}.tip-carousel-slide:not(#\#):not(#\#){box-sizing:border-box;flex:0 0 calc((100% - (var(--tip-carousel-slides) - 1) * var(--tip-carousel-gap)) / var(--tip-carousel-slides));overflow-wrap:anywhere;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.tip-carousel-viewport[data-slides-auto]:not(#\#):not(#\#) .tip-carousel-slide{flex:none}.tip-carousel[data-align=center]:not(#\#):not(#\#) .tip-carousel-slide{scroll-snap-align:center}.tip-carousel-arrow:not(#\#):not(#\#),.tip-carousel-play:not(#\#):not(#\#){padding:var(--tip-space-0);border:var(--tip-space-0_5) solid var(--tip-color-semantic-line-strong);border-radius:var(--tip-radius-full);background-color:var(--tip-color-semantic-surface-raised);color:var(--tip-color-semantic-ink);cursor:pointer;transition:background-color var(--tip-duration-fast) var(--tip-easing-out), border-color var(--tip-duration-fast) var(--tip-easing-out), transform var(--tip-duration-fast) var(--tip-easing-out);justify-content:center;align-items:center;display:inline-flex}.tip-carousel-arrow:not(#\#):not(#\#){width:var(--tip-interaction-target-enhanced);height:var(--tip-interaction-target-enhanced);grid-row:1;align-self:center}.tip-carousel-arrow[data-direction=previous]:not(#\#):not(#\#){grid-column:1}.tip-carousel-arrow[data-direction=next]:not(#\#):not(#\#){grid-column:3}.tip-carousel[dir=rtl]:not(#\#):not(#\#) .tip-carousel-arrow>svg,[dir=rtl]:not(#\#):not(#\#) .tip-carousel .tip-carousel-arrow>svg{transform:scaleX(-1)}.tip-carousel-arrow:disabled:not(#\#):not(#\#){opacity:var(--tip-interaction-opacity-disabled);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.tip-carousel-arrow:not(:disabled):hover:not(#\#):not(#\#),.tip-carousel-play:hover:not(#\#):not(#\#){border-color:var(--tip-color-brand-brown);background-color:var(--tip-color-semantic-surface-muted);transform:scale(var(--tip-interaction-press-scale-hover))}}.tip-carousel-controls:not(#\#):not(#\#){grid-gap:var(--tip-space-2);align-items:center;gap:var(--tip-space-2);grid-template-columns:1fr auto 1fr;display:grid}.tip-carousel-dots:not(#\#):not(#\#){--tip-carousel-dot-size:var(--tip-space-2);--tip-carousel-dot-active-inline-size:var(--tip-space-5);--tip-carousel-dot-color:var(--tip-color-semantic-line-strong);--tip-carousel-dot-active-color:var(--tip-color-brand-brown);justify-content:center;align-items:center;gap:var(--tip-space-1);grid-column:2;display:flex}.tip-carousel-play:not(#\#):not(#\#){width:var(--tip-interaction-target-min);height:var(--tip-interaction-target-min);grid-column:3;justify-self:end}.tip-carousel-dot:not(#\#):not(#\#){width:var(--tip-interaction-target-min);height:var(--tip-interaction-target-min);padding:var(--tip-space-0);border-radius:var(--tip-radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.tip-carousel-dot:not(#\#):not(#\#):before{width:var(--tip-carousel-dot-size);height:var(--tip-carousel-dot-size);border-radius:var(--tip-radius-full);background-color:var(--tip-carousel-dot-color);content:"";transition:background-color var(--tip-duration-fast) var(--tip-easing-out), transform var(--tip-duration-fast) var(--tip-easing-out)}.tip-carousel-dot[aria-current]:not(#\#):not(#\#){width:max(var(--tip-interaction-target-min),calc(var(--tip-carousel-dot-active-inline-size) + var(--tip-space-1)))}.tip-carousel-dot[aria-current]:not(#\#):not(#\#):before{width:var(--tip-carousel-dot-active-inline-size);background-color:var(--tip-carousel-dot-active-color)}.tip-carousel[data-edge-fade]:not(#\#):not(#\#):before,.tip-carousel[data-edge-fade]:not(#\#):not(#\#):after{top:var(--tip-space-0);bottom:var(--tip-space-0);z-index:var(--tip-z-sticky);width:var(--tip-space-8);content:"";pointer-events:none;opacity:1;transition:opacity var(--tip-duration-fast) var(--tip-easing-out);position:absolute}.tip-carousel[data-edge-fade]:not(#\#):not(#\#):before{left:var(--tip-carousel-gutter);background-image:linear-gradient(var(--tip-carousel-fade-start),var(--tip-carousel-fade-color),transparent)}@supports not (inset-inline-start:0){.tip-carousel[data-edge-fade]:not(#\#):not(#\#):before{left:var(--tip-carousel-gutter)}}.tip-carousel[data-edge-fade]:not(#\#):not(#\#):after{right:var(--tip-carousel-gutter);background-image:linear-gradient(var(--tip-carousel-fade-end),var(--tip-carousel-fade-color),transparent)}@supports not (inset-inline-start:0){.tip-carousel[data-edge-fade]:not(#\#):not(#\#):after{right:var(--tip-carousel-gutter)}}.tip-carousel[dir=rtl]:not(#\#):not(#\#),[dir=rtl]:not(#\#):not(#\#) .tip-carousel{--tip-carousel-fade-end:to right;--tip-carousel-fade-start:to left}.tip-carousel[data-edge-fade][data-at-start]:not(#\#):not(#\#):before,.tip-carousel[data-edge-fade][data-at-end]:not(#\#):not(#\#):after{opacity:0}.tip-carousel:not(#\#):not(#\#){--tip-carousel-arrow-nudge:var(--tip-space-1);--tip-carousel-arrow-scale:1;--tip-carousel-inline-sign:1}.tip-carousel[dir=rtl]:not(#\#):not(#\#),[dir=rtl]:not(#\#):not(#\#) .tip-carousel{--tip-carousel-arrow-scale:-1;--tip-carousel-inline-sign:-1}.tip-carousel[data-arrows][data-arrow-placement=below]:not(#\#):not(#\#){--tip-carousel-gutter:var(--tip-space-0);grid-template-columns:1fr auto auto 1fr}.tip-carousel[data-arrows][data-arrow-placement=below]:not(#\#):not(#\#) .tip-carousel-viewport{grid-column:1/-1}.tip-carousel[data-arrows][data-arrow-placement=below]:not(#\#):not(#\#) .tip-carousel-controls,.tip-carousel[data-arrows][data-arrow-placement=below]:not(#\#):not(#\#) .tip-carousel-arrow{grid-row:2}.tip-carousel[data-arrows][data-arrow-placement=below]:has(.tip-carousel-controls):not(#\#):not(#\#) .tip-carousel-arrow{grid-row:3}.tip-carousel[data-arrows][data-arrow-placement=below][data-controls]:not(#\#):not(#\#) .tip-carousel-arrow{grid-row:3}.tip-carousel[data-arrows][data-arrow-placement=below]:not(#\#):not(#\#) .tip-carousel-arrow[data-direction=previous]{grid-column:2}.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow{box-shadow:var(--tip-shadow-md);border-style:none}.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow:disabled{box-shadow:none}.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow{transition:background-color var(--tip-duration-fast) var(--tip-easing-out), border-color var(--tip-duration-fast) var(--tip-easing-out), box-shadow var(--tip-duration-fast) var(--tip-easing-out), transform var(--tip-duration-fast) var(--tip-easing-out)}.tip-carousel-arrow:not(#\#):not(#\#)>svg{transition:transform var(--tip-duration-fast) var(--tip-easing-out)}@media (hover:hover) and (pointer:fine){.tip-carousel-dot:hover:not(#\#):not(#\#):before{transform:scale(var(--tip-interaction-press-scale-hover))}.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow:not(:disabled):hover{box-shadow:var(--tip-shadow-lg)}.tip-carousel-arrow[data-direction=previous]:not(:disabled):hover:not(#\#):not(#\#)>svg{transform:translate(calc(-1 * var(--tip-carousel-inline-sign) * var(--tip-carousel-arrow-nudge))) scaleX(var(--tip-carousel-arrow-scale))}.tip-carousel-arrow[data-direction=next]:not(:disabled):hover:not(#\#):not(#\#)>svg{transform:translate(calc(var(--tip-carousel-inline-sign) * var(--tip-carousel-arrow-nudge))) scaleX(var(--tip-carousel-arrow-scale))}}.tip-carousel-arrow:not(:disabled):active:not(#\#):not(#\#),.tip-carousel-play:active:not(#\#):not(#\#){transform:scale(var(--tip-interaction-press-scale-active))}.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow:not(:disabled):active{box-shadow:var(--tip-shadow-sm)}.tip-carousel-dot:active:not(#\#):not(#\#):before{transform:scale(var(--tip-interaction-press-scale-active))}@media (prefers-reduced-motion:reduce){.tip-carousel-arrow:not(#\#):not(#\#)>svg,.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow{transition-duration:0s}}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel-arrow>svg,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel[data-arrow-variant=elevated] .tip-carousel-arrow{transition-duration:0s}.tip-carousel-viewport:not(#\#):not(#\#){--tip-carousel-slides:var(--tip-carousel-slides-base)}@media (min-width:640px){.tip-carousel-viewport:not(#\#):not(#\#){--tip-carousel-slides:var(--tip-carousel-slides-sm)}}@media (min-width:768px){.tip-carousel-viewport:not(#\#):not(#\#){--tip-carousel-slides:var(--tip-carousel-slides-md)}}@media (min-width:1200px){.tip-carousel-viewport:not(#\#):not(#\#){--tip-carousel-slides:var(--tip-carousel-slides-lg)}}@media (min-width:1440px){.tip-carousel-viewport:not(#\#):not(#\#){--tip-carousel-slides:var(--tip-carousel-slides-xl)}}@media (prefers-reduced-motion:reduce){.tip-carousel-viewport:not(#\#):not(#\#){scroll-behavior:auto}.tip-carousel-arrow:not(#\#):not(#\#),.tip-carousel-play:not(#\#):not(#\#),.tip-carousel-dot:not(#\#):not(#\#):before,.tip-carousel[data-edge-fade]:not(#\#):not(#\#):before,.tip-carousel[data-edge-fade]:not(#\#):not(#\#):after{transition-duration:0s}}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel-viewport{scroll-behavior:auto}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel-arrow,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel-play,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel-dot:before,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel[data-edge-fade]:before,.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel[data-edge-fade]:after{transition-duration:0s}@media (forced-colors:active){.tip-carousel-arrow:not(#\#):not(#\#),.tip-carousel-play:not(#\#):not(#\#){color:buttontext;border-color:buttonborder}.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow{border-style:solid;border-color:buttonborder}.tip-carousel-arrow:disabled:not(#\#):not(#\#){color:graytext}.tip-carousel[data-arrow-variant=elevated]:not(#\#):not(#\#) .tip-carousel-arrow:disabled{border-style:solid;border-color:graytext}.tip-carousel-dot:not(#\#):not(#\#):before{background-color:buttonborder}.tip-carousel-dot[aria-current]:not(#\#):not(#\#):before{background-color:highlight}.tip-carousel[data-edge-fade]:not(#\#):not(#\#):before,.tip-carousel[data-edge-fade]:not(#\#):not(#\#):after{display:none}}.tip-carousel[data-layout=deck]:not(#\#):not(#\#){--tip-carousel-deck-offset:var(--tip-space-4);--tip-carousel-deck-offset-block:var(--tip-space-0);--tip-carousel-deck-rotate:3deg;--tip-carousel-deck-scale-step:.06;--tip-carousel-deck-height:var(--tip-space-40);--tip-carousel-deck-origin:50% 100%;--tip-carousel-deck-settle:var(--tip-duration-normal);--tip-carousel-deck-deal-duration:var(--tip-duration-reveal);--tip-carousel-deck-deal-delay:var(--tip-duration-reveal-delay);--tip-carousel-deck-deal-easing:var(--tip-easing-overshoot);--tip-carousel-deck-deal-from-inline:calc(var(--tip-carousel-deck-offset) * 6);--tip-carousel-deck-deal-from-block:var(--tip-space-0);--tip-carousel-deck-deal-from-rotate:12deg;--tip-carousel-deck-deal-from-scale:.9;--tip-carousel-deck-exit-travel:135%;--tip-carousel-deck-exit-lift:calc(-1 * var(--tip-space-3));--tip-carousel-deck-exit-rotate:20deg;--tip-carousel-deck-exit-direction:-1;--tip-carousel-deck-drag-rotate:.025deg;--tip-carousel-drag:0px;--tip-carousel-drag-x:0}.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-viewport{height:var(--tip-carousel-deck-height);padding-top:var(--tip-space-0);padding-bottom:var(--tip-space-0);scroll-snap-type:none;touch-action:pan-y;display:block;position:relative;overflow:visible}.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-slide{--tip-carousel-deck-tilt:var(--tip-carousel-depth);--tip-carousel-deck-deal-order:var(--tip-carousel-depth);top:var(--tip-space-0);bottom:var(--tip-space-0);left:var(--tip-space-0);right:var(--tip-space-0);z-index:calc(var(--tip-carousel-deck-fan) - var(--tip-carousel-depth));transform:translate(calc(var(--tip-carousel-deck-offset) * var(--tip-carousel-depth))) translateY(calc(var(--tip-carousel-deck-offset-block) * var(--tip-carousel-depth))) rotate(calc(var(--tip-carousel-deck-rotate) * var(--tip-carousel-deck-tilt))) scale(calc(1 - var(--tip-carousel-deck-scale-step) * var(--tip-carousel-depth)));transform-origin:var(--tip-carousel-deck-origin);transition:transform var(--tip-carousel-deck-settle) var(--tip-easing-expressive), opacity var(--tip-carousel-deck-settle) var(--tip-easing-out);animation:tip-carousel-deal var(--tip-carousel-deck-deal-duration) var(--tip-carousel-deck-deal-easing) both;animation-delay:calc(var(--tip-carousel-deck-deal-order) * var(--tip-carousel-deck-deal-delay));position:absolute}.tip-carousel[data-layout=deck][data-deck-tilt=alternate]:not(#\#):not(#\#) .tip-carousel-slide{--tip-carousel-deck-tilt:0}.tip-carousel[data-layout=deck][data-deck-tilt=alternate]:not(#\#):not(#\#) .tip-carousel-slide[data-depth="1"]{--tip-carousel-deck-tilt:-1}.tip-carousel[data-layout=deck][data-deck-tilt=alternate]:not(#\#):not(#\#) .tip-carousel-slide[data-depth="2"]{--tip-carousel-deck-tilt:1}.tip-carousel[data-layout=deck][data-deck-deal=back]:not(#\#):not(#\#) .tip-carousel-slide{--tip-carousel-deck-deal-order:calc(var(--tip-carousel-deck-fan) - 1 - var(--tip-carousel-depth))}.tip-carousel[data-layout=deck][data-deck-pending]:not(#\#):not(#\#) .tip-carousel-slide{animation-play-state:paused}.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-slide[data-deck-leaving]{pointer-events:none;animation:tip-carousel-deck-exit var(--tip-duration-exit) var(--tip-easing-exit) both}.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-slide[data-deck-hidden],.tip-carousel[data-layout=deck][data-edge-fade]:not(#\#):not(#\#):before,.tip-carousel[data-layout=deck][data-edge-fade]:not(#\#):not(#\#):after{display:none}.tip-carousel[data-layout=deck][data-dragging]:not(#\#):not(#\#) .tip-carousel-slide[data-depth="0"]{transform:translate(var(--tip-carousel-drag)) rotate(calc(var(--tip-carousel-drag-x) * var(--tip-carousel-deck-drag-rotate)));transition:none}.tip-carousel[data-layout=deck][data-dragging]:not(#\#):not(#\#) .tip-carousel-slide{animation:none}@media (prefers-reduced-motion:reduce){.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-slide{transition-duration:0s;animation:none}.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-slide[data-deck-leaving]{display:none}}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel[data-layout=deck] .tip-carousel-slide{transition-duration:0s;animation:none}.tip-theme[data-tip-reduced-motion]:not(#\#):not(#\#) .tip-carousel[data-layout=deck] .tip-carousel-slide[data-deck-leaving]{display:none}@media (forced-colors:active){.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-slide{border:var(--tip-space-0_5) solid ButtonBorder;background-color:canvas}.tip-carousel[data-layout=deck]:not(#\#):not(#\#) .tip-carousel-slide[data-depth="0"]{border-color:highlight}}
